@abgov/jsonforms-components 2.21.3 → 2.21.4

package/index.esm.js

@@ -5549,7 +5549,8 @@ const Dropdown = props => {
     optionListMaxHeight,
     isAutoCompletion,
     enabled,
-    id
+    id,
+    width
   } = props;
   const [isOpen, setIsOpen] = useState(false);
   const [selectedOption, setSelectedOption] = useState(selected);
@@ -5716,6 +5717,9 @@ const Dropdown = props => {
   };
   return jsxs("div", {
     "data-testid": id,
+    style: {
+      width: width || '100%'
+    },
     children: [jsx(GoADropdownTextbox, {
       isOpen: isOpen,
       onClick: e => {
@@ -5855,6 +5859,7 @@ const GoAInputText = props => {
       selected: data,
       id: `jsonforms-${label}-dropdown`,
       label: label || '',
+      width: width,
       isAutoCompletion: autoCompletion,
       onChange: value => {
         handleChange(path, value);
@@ -6355,7 +6360,7 @@ function fetchRegisterConfigFromOptions(options) {
   return config;
 }
 const EnumSelect = props => {
-  var _a, _b, _c, _d;
+  var _a, _b, _c, _d, _e, _f;
   const {
     data,
     enabled,
@@ -6401,6 +6406,7 @@ const EnumSelect = props => {
     }
     return newOptions.filter(option => option.value !== '');
   }, [registerData, options]);
+  const width = ((_f = (_e = uischema === null || uischema === void 0 ? void 0 : uischema.options) === null || _e === void 0 ? void 0 : _e.componentProps) === null || _f === void 0 ? void 0 : _f.width) || '100%';
   useEffect(() => {
     if (registerConfig) {
       registerCtx === null || registerCtx === void 0 ? void 0 : registerCtx.fetchRegisterByUrl(registerConfig);
@@ -6413,6 +6419,7 @@ const EnumSelect = props => {
       items: mergedOptions,
       enabled: enabled,
       selected: data,
+      width: width,
       id: `jsonforms-${label}-dropdown`,
       label: label,
       isAutoCompletion: autoCompletion,
@@ -6907,7 +6914,8 @@ let _$5 = t => t,
   _t19$1,
   _t20$1,
   _t21,
-  _t22;
+  _t22,
+  _t23;
 const ReviewItem = styled.div(_t$5 || (_t$5 = _$5`
   display: flex;
   flex-direction: column;
@@ -7033,6 +7041,17 @@ const PageStepperRow = styled.tr(_t22 || (_t22 = _$5`
          ` : `
            cursor: pointer;
          `);
+const SectionHeaderRowTr = styled.tr(_t23 || (_t23 = _$5`
+  & > td {
+    border: 0 !important;
+    padding-top: var(--goa-space-l);
+    padding-bottom: var(--goa-space-s);
+  }
+
+  & + tr > td {
+    border-top: none !important;
+  }
+`));
 
 class ContextProviderClass {
   async addDataByUrl(key, url, processDataFunction, token) {
@@ -8122,7 +8141,7 @@ const SectionHeaderRow = ({
   index
 }) => {
   const section = `${index}. ${title}`;
-  return jsx("tr", {
+  return jsx(SectionHeaderRowTr, {
     children: jsx("td", {
       colSpan: 2,
       children: jsx(GoAText, {
@@ -8188,8 +8207,12 @@ const SummaryRow = ({
   isValid,
   onClick
 }) => {
-  return jsxs("tr", {
-    children: [jsx(TocPageRef, {
+  return jsx("tr", {
+    children: jsx(GoAText, {
+      size: "heading-m",
+      mt: "none",
+      mb: "xl",
+      ml: "xl",
       children: jsx("a", {
         "data-testid": `page-ref-${index}`,
         href: "#",
@@ -8197,11 +8220,9 @@ const SummaryRow = ({
           e.preventDefault();
           onClick(index);
         },
-        children: jsx("b", {
-          children: "Summary"
-        })
+        children: "Summary"
       })
-    }), jsx(CategoryStatus, {})]
+    })
   });
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "2.21.3",
+  "version": "2.21.4",
   "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/Components/DropDownTypes.d.ts

@@ -11,6 +11,7 @@ export interface DropdownProps {
     onChange: (value: string) => void;
     isAutoCompletion?: boolean;
     id?: string;
+    width: string;
 }
 export interface GoADropdownTextboxProps {
     isOpen: boolean;

package/src/lib/Controls/FormStepper/styled-components.d.ts

@@ -23,4 +23,5 @@ interface PageStepperRowProps {
     disabled: boolean;
 }
 export declare const PageStepperRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, PageStepperRowProps>> & string;
+export declare const SectionHeaderRowTr: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, never>> & string;
 export {};