@abgov/jsonforms-components 1.53.9 → 1.53.11

package/index.esm.js

@@ -3043,17 +3043,10 @@ const onChangeForNumericControl = props => {
       }
       handleChange(path, newValue);
     }
+  } else {
+    handleChange(path, value);
   }
 };
-/**
- * Helper function to process onChange event for input enum checkboxes controls.
- * @param data
- * @param name
- * @param value
- * @returns {string[]}
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-const onChangeForCheckboxData = (data, name, value) => data ? !value ? data === null || data === void 0 ? void 0 : data.filter(item => item !== name) : [...data, name] : [name];
 
 let _$a = t => t,
   _t$a,
@@ -5188,7 +5181,7 @@ const CheckboxGroup = props => {
         text: enumValue,
         testId: `${enumValue}-checkbox`,
         onChange: (name, value) => {
-          handleChange(path, onChangeForCheckboxData(data, name, value));
+          handleChange(path, value === 'true' ? 'Yes' : 'No');
         }
       }));
     })
@@ -5964,7 +5957,7 @@ const stepperReducer = (state, action) => {
         if (id > lastId) {
           state.isOnReview = true;
           state.hasNextButton = false;
-          state.hasPrevButton = false;
+          state.hasPrevButton = true;
           return Object.assign({}, state);
         } else {
           state.categories[id].isVisited = true;
@@ -5988,6 +5981,7 @@ const stepperReducer = (state, action) => {
         const errorsInCategory = getErrorsInScopes(errors, state.categories[id].scopes || []);
         state.categories[id].isCompleted = (incompletePaths === null || incompletePaths === void 0 ? void 0 : incompletePaths.length) === 0;
         state.categories[id].isValid = errorsInCategory.length === 0;
+        state.categories[id].isVisited = true;
         return Object.assign({}, state);
       }
     case 'validate/form':
@@ -6065,7 +6059,8 @@ const JsonFormsStepperContextProvider = ({
       },
       selectIsDisabled: () => {
         var _a;
-        return !((_a = stepperState.categories[stepperState.activeId]) === null || _a === void 0 ? void 0 : _a.isEnabled);
+        const category = (_a = stepperState.categories) === null || _a === void 0 ? void 0 : _a[stepperState.activeId];
+        return category === undefined ? false : !(category === null || category === void 0 ? void 0 : category.isEnabled);
       },
       selectIsActive: id => {
         return id === stepperState.activeId;
@@ -6079,7 +6074,7 @@ const JsonFormsStepperContextProvider = ({
       goToPage: (id, updateCategoryId) => {
         var _a, _b, _c, _d;
         ajv.validate(schema, ((_a = ctx.core) === null || _a === void 0 ? void 0 : _a.data) || {});
-        if (updateCategoryId !== undefined) {
+        if (updateCategoryId !== undefined && updateCategoryId < stepperState.categories.length) {
           stepperDispatch({
             type: 'update/category',
             payload: {
@@ -6177,6 +6172,7 @@ const FormStepperView = props => {
   const submitForm = submitFormFunction && submitFormFunction();
   const optionProps = uischema.options || {};
   const [isOpen, setIsOpen] = useState(false);
+  const [isSelected, setIsSelected] = useState(false);
   const handleSubmit = () => {
     if (submitForm) {
       submitForm(data);
@@ -6196,7 +6192,9 @@ const FormStepperView = props => {
         className: "formStepper",
         children: [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',
+          step: isSelected === false ? -1 : activeId + 1,
           onChange: step => {
+            setIsSelected(true);
             goToPage(step - 1);
           },
           children: [categories === null || categories === void 0 ? void 0 : categories.map((c, index) => {
@@ -7867,8 +7865,10 @@ class ListWithDetailControl extends React.Component {
       visible: visible,
       "data-testid": "jsonforms-object-list-wrapper",
       children: [jsxs(ToolBarHeader, {
-        children: [listTitle && jsx(ObjectArrayTitle, {
-          children: listTitle
+        children: [listTitle && jsxs(ObjectArrayTitle, {
+          children: [listTitle, " ", jsx("span", {
+            children: additionalProps.required && '(required)'
+          })]
         }), jsx(ObjectArrayToolBar, {
           errors: errors,
           label: label,
@@ -7905,7 +7905,8 @@ const ListWithDetailsControl = props => {
   const [rowData, setRowData] = useState(0);
   const {
     removeItems,
-    visible
+    visible,
+    handleChange
   } = props;
   const openDeleteDialog = useCallback((p, rowIndex, name) => {
     setOpen(true);
@@ -7918,7 +7919,11 @@ const ListWithDetailsControl = props => {
   const deleteConfirm = useCallback(() => {
     const p = path === null || path === void 0 ? void 0 : path.substring(0, path.lastIndexOf('.'));
     if (removeItems && p) {
-      removeItems(p, [rowData])();
+      if (props.data === 1) {
+        handleChange(p, null);
+      } else {
+        removeItems(p, [rowData])();
+      }
     }
     setOpen(false);
     // eslint-disable-next-line

package/package.json

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