@abgov/jsonforms-components 1.48.0 → 1.49.0

package/index.esm.css

@@ -0,0 +1,16 @@
+/* This css file is here to override any parent/root css files
+   that add spacing, sizes, color that the help content uses
+   to display markdown content it uses.
+*/
+li > ul,
+li > ol,
+li > ul,
+li > ol {
+  padding-left: var(--goa-space-m) !important;
+  margin-top: initial;
+}
+
+em {
+  font-size: var(--goa-typography-body-s) !important;
+  color: var(--goa-color-text-default) !important;
+}

package/index.esm.js

@@ -5872,8 +5872,9 @@ const stepperReducer = (state, action) => {
         state.isValid = errors.length === 0;
         return Object.assign({}, state);
       }
+    default:
+      return state;
   }
-  return state;
 };
 
 const isErrorPathIncluded = (errorPaths, path) => {
@@ -5944,6 +5945,7 @@ const JsonFormsStepperContextProvider = ({
   const stepperDispatch = (StepperProps === null || StepperProps === void 0 ? void 0 : StepperProps.customDispatch) || dispatch;
   const context = useMemo(() => {
     return {
+      isProvided: true,
       stepperDispatch,
       selectStepperState: () => {
         return stepperState;
@@ -6005,10 +6007,11 @@ const JsonFormsStepperContextProvider = ({
 const summaryLabel = 'Summary';
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 const FormStepper = props => {
+  const formStepperCtx = useContext(JsonFormsStepperContext);
   /**
-   * The path check is to prevent the categorization in categorization case. This scenario is not supported in the current version.
+   * StepperCtx can only be provided once to prevent issues from categorization in categorization
    *  */
-  if (props.path === undefined) {
+  if ((formStepperCtx === null || formStepperCtx === void 0 ? void 0 : formStepperCtx.isProvided) === true) {
     return jsx(FormStepperView, Object.assign({}, props));
   }
   return jsx(JsonFormsStepperContextProvider, {
@@ -8270,7 +8273,8 @@ const HelpContentComponent = _a => {
     if (helpText === undefined) return '';
     if (typeof helpText === 'string') return helpText;
     if (Array.isArray(helpText)) {
-      const data = helpText.join('\n');
+      //Two spaces after the text inserts a line break in markdown.
+      const data = helpText.join('  \n');
       return data;
     }
     return '';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.48.0",
+  "version": "1.49.0",
   "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/HelpContent.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { RankedTester } from '@jsonforms/core';
 import { ControlProps, ControlElement } from '@jsonforms/core';
+import './HelpContent.css';
 interface OptionProps {
     ariaLabel?: string;
     help?: string | string[];

package/src/lib/Controls/FormStepper/context/StepperContext.d.ts

@@ -19,6 +19,7 @@ export interface JsonFormsStepperContextProps {
     selectPath: () => string;
     selectCategory: (id: number) => CategoryState;
     goToPage: (id: number, updateCategoryId?: number) => void;
+    isProvided?: boolean;
 }
 export declare const isErrorPathIncluded: (errorPaths: string[], path: string) => boolean;
 export declare const getIncompletePaths: (ajv: Ajv, scopes: string[]) => string[];