@abgov/jsonforms-components 1.27.0 → 1.27.1

package/index.esm.js

@@ -4496,6 +4496,9 @@ const ReviewItem = styled.div(_t$4 || (_t$4 = _$4`
   border-radius: var(--goa-border-radius-m);
   margin: var(--goa-space-2xs);
   padding: var(--goa-space-xs);
+  div:empty {
+    display: none;
+  }
 `));
 const ReviewItemSection = styled.div(_t2$2 || (_t2$2 = _$4`
   background-color: #f1f1f1;
@@ -4910,6 +4913,16 @@ const mapToVisibleStep = (step, allSteps, visibleSteps) => {
 };
 
 const summaryLabel = 'Summary';
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+const getProperty = (obj, propName) => {
+  if (obj[propName] !== undefined) return obj[propName];
+  for (const key in obj) {
+    if (typeof obj[key] === 'object' && obj[key] !== null) {
+      const result = getProperty(obj[key], propName);
+      if (result !== undefined) return result;
+    }
+  }
+};
 const FormStepper = props => {
   var _a, _b, _c, _d, _e;
   const {
@@ -5086,7 +5099,20 @@ const FormStepper = props => {
                     })]
                   }), jsx(GoAGrid, {
                     minChildWidth: "600px",
-                    children: category.elements.map((element, index) => {
+                    children: category.elements.filter(field => {
+                      var _a, _b;
+                      const conditionProps = (_a = field.rule) === null || _a === void 0 ? void 0 : _a.condition;
+                      if (conditionProps && data) {
+                        const canHideControlParts = (_b = conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.scope) === null || _b === void 0 ? void 0 : _b.split('/');
+                        const canHideControl = canHideControlParts && canHideControlParts[(canHideControlParts === null || canHideControlParts === void 0 ? void 0 : canHideControlParts.length) - 1];
+                        const isHidden = getProperty(data, canHideControl);
+                        if (!isHidden) {
+                          return field;
+                        }
+                      } else {
+                        return field;
+                      }
+                    }).map((element, index) => {
                       return jsx("div", {
                         children: jsx(JsonFormsDispatch, {
                           "data-testid": `jsonforms-object-list-defined-elements-dispatch`,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.27.0",
+  "version": "1.27.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/Controls/FormStepper/FormStepperControl.d.ts

@@ -14,6 +14,7 @@ export interface FormStepperOptionProps {
     previousButtonLabel?: string;
     previousButtonType?: GoAButtonType;
 }
+export declare const getProperty: any;
 export declare const FormStepper: (props: CategorizationStepperLayoutRendererProps) => JSX.Element;
 export declare const FormStepperControl: (props: CategorizationStepperLayoutRendererProps & import("@jsonforms/core").OwnPropsOfLayout) => import("react/jsx-runtime").JSX.Element;
 export default FormStepper;