@digigov/react-core 1.0.0-rc.4 → 1.0.0-rc.6

package/DropdownBase/index.test/index.js

@@ -0,0 +1,80 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import DropdownBase from '@digigov/react-core/DropdownBase';
+var _ref = /*#__PURE__*/React.createElement(DropdownBase, null, "hello");
+it('renders the DropdownBase with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/React.createElement(DropdownBase, {
+  disabled: true
+}, "hello");
+it('renders the DropdownBase disabled', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: true
+}, "hello");
+it('renders the DropdownBase with open=true', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: false
+}, "hello");
+it('renders the DropdownBase with open=false', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/React.createElement(DropdownBase, {
+  align: "left"
+}, "hello");
+it('renders the DropdownBase with align=left', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/React.createElement(DropdownBase, {
+  placement: "top"
+}, "hello");
+it('renders the DropdownBase with placement=top', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: true,
+  align: "left"
+}, "hello");
+it('renders the DropdownBase with align=left and open=true', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+var _ref8 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: false,
+  align: "right"
+}, "hello");
+it('renders the DropdownBase with align=right and open=false', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+var _ref9 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: true,
+  placement: "top"
+}, "hello");
+it('renders the DropdownBase with placement=top and open=true', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+var _ref10 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: false,
+  placement: "bottom"
+}, "hello");
+it('renders the DropdownBase with placement=bottom and open=false', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+var _ref11 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: true,
+  placement: "top",
+  align: "left"
+}, "hello");
+it('renders the DropdownBase with placement=top align=left and open=true', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+var _ref12 = /*#__PURE__*/React.createElement(DropdownBase, {
+  open: true,
+  dense: true
+}, "hello");
+it('renders the DropdownBase with dense=true and open=true', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});

package/DropdownBase/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/DropdownBase/index.test/index.js"
+}

package/DropdownButton/index.d.ts

@@ -2,40 +2,40 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface DropdownButtonProps extends BaseProps<'summary'> {
     /**
-    * color is optional.
-    * 'primary' color gives DropdownButton the primary green color.
-    * 'secondary' color gives DropdownButton the secondary gray color.
-    * 'warning' color gives DropdownButton the warning red color.
-    * The default value is 'primary'.
-    * @value 'primary'
-    * @value 'secondary'
-    * @value 'warning'
-    * @default 'primary'
-    */
+     * color is optional.
+     * 'primary' color gives DropdownButton the primary green color.
+     * 'secondary' color gives DropdownButton the secondary gray color.
+     * 'warning' color gives DropdownButton the warning red color.
+     * The default value is 'primary'.
+     * @value 'primary'
+     * @value 'secondary'
+     * @value 'warning'
+     * @default 'primary'
+     */
     color?: 'primary' | 'secondary' | 'warning';
     /**
-    * variant is optional.
-    * variant prop changes DropdownButton to button or link.
-    * @value 'link'
-    * @value 'button'
-    * @default 'button'
-    */
+     * variant is optional.
+     * variant prop changes DropdownButton to button or link.
+     * @value 'link'
+     * @value 'button'
+     * @default 'button'
+     */
     variant?: 'link' | 'button';
     /**
-    * arrow is optional.
-    * arrow prop adds checkIcon component inside DropdownButton.
-    * arrow prop is false by default
-    * @value true
-    * @value false
-    * @default false
-    */
+     * arrow is optional.
+     * arrow prop adds checkIcon component inside DropdownButton.
+     * arrow prop is false by default
+     * @value true
+     * @value false
+     * @default false
+     */
     arrow?: boolean;
     /**
-    * underline is optional.
-    * Use this prop when you want to use Dropdown button as <th> header in sorted table.
-    * @value true
-    * @value false
-    */
+     * underline is optional.
+     * Use this prop when you want to use Dropdown button as <th> header in sorted table.
+     * @value true
+     * @value false
+     */
     underline?: boolean;
 }
 /**

package/DropdownButton/index.js

@@ -3,30 +3,27 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children", "color", "variant", "arrow", "tabIndex", "underline"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from "../Base";
+import Base from '@digigov/react-core/Base';
 import { ChevronIcon } from '@digigov/react-icons';
-
 var _ref2 = /*#__PURE__*/React.createElement(ChevronIcon, {
   direction: "down"
 });
-
 /**
  * DropdownButton it should be inside the Dropdown and it is used for opening or closing dropdown.
  */
 export var DropdownButton = /*#__PURE__*/React.forwardRef(function DropdownButton(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      _ref$color = _ref.color,
-      color = _ref$color === void 0 ? 'primary' : _ref$color,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'button' : _ref$variant,
-      _ref$arrow = _ref.arrow,
-      arrow = _ref$arrow === void 0 ? false : _ref$arrow,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
-      underline = _ref.underline,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'primary' : _ref$color,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'button' : _ref$variant,
+    _ref$arrow = _ref.arrow,
+    arrow = _ref$arrow === void 0 ? false : _ref$arrow,
+    _ref$tabIndex = _ref.tabIndex,
+    tabIndex = _ref$tabIndex === void 0 ? 0 : _ref$tabIndex,
+    underline = _ref.underline,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "summary",
     ref: ref,

package/DropdownButton/index.test/index.js

@@ -0,0 +1,153 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import DropdownButton from '@digigov/react-core/DropdownButton';
+var _ref = /*#__PURE__*/React.createElement(DropdownButton, null, "hello");
+it('renders the DropdownButton with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary"
+}, "hello");
+it('renders the DropdownButton with color=primary', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "secondary"
+}, "hello");
+it('renders the DropdownButton with color=secondary', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});
+var _ref4 = /*#__PURE__*/React.createElement(DropdownButton, {
+  variant: "button"
+}, "hello");
+it('renders the DropdownButton with variant=button', function () {
+  expect(mount(_ref4)).toMatchSnapshot();
+});
+var _ref5 = /*#__PURE__*/React.createElement(DropdownButton, {
+  variant: "link"
+}, "hello");
+it('renders the DropdownButton with variant=link', function () {
+  expect(mount(_ref5)).toMatchSnapshot();
+});
+var _ref6 = /*#__PURE__*/React.createElement(DropdownButton, {
+  arrow: false
+}, "hello");
+it('renders the DropdownButton with arrow=false', function () {
+  expect(mount(_ref6)).toMatchSnapshot();
+});
+var _ref7 = /*#__PURE__*/React.createElement(DropdownButton, {
+  arrow: true
+}, "hello");
+it('renders the DropdownButton with arrow=true', function () {
+  expect(mount(_ref7)).toMatchSnapshot();
+});
+var _ref8 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  variant: "button"
+}, "hello");
+it('renders the DropdownButton with color=primary and variant="button"', function () {
+  expect(mount(_ref8)).toMatchSnapshot();
+});
+var _ref9 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  variant: "link"
+}, "hello");
+it('renders the DropdownButton with color=primary and variant="link"', function () {
+  expect(mount(_ref9)).toMatchSnapshot();
+});
+var _ref10 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  arrow: false
+}, "hello");
+it('renders the DropdownButton with color=primary and arrow={false}', function () {
+  expect(mount(_ref10)).toMatchSnapshot();
+});
+var _ref11 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  arrow: true
+});
+it('renders the DropdownButton with color=primary and arrow={true}', function () {
+  expect(mount(_ref11)).toMatchSnapshot();
+});
+var _ref12 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "secondary",
+  variant: "button"
+}, "hello");
+it('renders the DropdownButton with color=secondary and variant="button"', function () {
+  expect(mount(_ref12)).toMatchSnapshot();
+});
+var _ref13 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "secondary",
+  variant: "link"
+}, "hello");
+it('renders the DropdownButton with color=primary and variant="link"', function () {
+  expect(mount(_ref13)).toMatchSnapshot();
+});
+var _ref14 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "secondary",
+  arrow: false
+}, "hello");
+it('renders the DropdownButton with color=secondary and arrow={false}', function () {
+  expect(mount(_ref14)).toMatchSnapshot();
+});
+var _ref15 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "secondary",
+  arrow: true
+});
+it('renders the DropdownButton with color=secondary and arrow={true}', function () {
+  expect(mount(_ref15)).toMatchSnapshot();
+});
+var _ref16 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  variant: "button",
+  arrow: false
+}, "hello");
+it('renders the DropdownButton with color=primary variant="button" and arrow={false}', function () {
+  expect(mount(_ref16)).toMatchSnapshot();
+});
+var _ref17 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  variant: "button",
+  arrow: true
+});
+it('renders the DropdownButton with color=primary variant="button" arrow={true}', function () {
+  expect(mount(_ref17)).toMatchSnapshot();
+});
+var _ref18 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  variant: "link",
+  arrow: true
+});
+it('renders the DropdownButton with color=primary variant="link" arrow={true}', function () {
+  expect(mount(_ref18)).toMatchSnapshot();
+});
+var _ref19 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "primary",
+  variant: "link",
+  arrow: false
+}, "hello");
+it('renders the DropdownButton with color=primary variant="link" arrow={false}', function () {
+  expect(mount(_ref19)).toMatchSnapshot();
+});
+var _ref20 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "warning",
+  variant: "link",
+  arrow: false
+}, "hello");
+it('renders the DropdownButton with color=warning variant="button" arrow={false}', function () {
+  expect(mount(_ref20)).toMatchSnapshot();
+});
+var _ref21 = /*#__PURE__*/React.createElement(DropdownButton, {
+  color: "warning",
+  variant: "link",
+  arrow: true
+}, "hello");
+it('renders the DropdownButton with color=warning variant="button" arrow={true}', function () {
+  expect(mount(_ref21)).toMatchSnapshot();
+});
+var _ref22 = /*#__PURE__*/React.createElement(DropdownButton, {
+  tabIndex: 0
+}, "Menu");
+it('renders the Button with tabIndex prop', function () {
+  expect(mount(_ref22)).toMatchSnapshot();
+});

package/DropdownButton/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/DropdownButton/index.test/index.js"
+}

package/DropdownContent/index.js

@@ -3,18 +3,16 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children", "fullWidth"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from "../Base";
-
+import Base from '@digigov/react-core/Base';
 /**
  * You should use DropdownContent component inside Dropdown component.
  */
 export var DropdownContent = /*#__PURE__*/React.forwardRef(function DropdownContent(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      _ref$fullWidth = _ref.fullWidth,
-      fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "div",
     ref: ref,

package/DropdownContent/index.test/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import DropdownContent from '@digigov/react-core/DropdownContent';
+var _ref = /*#__PURE__*/React.createElement(DropdownContent, null, "hello");
+it('renders the DropdownContent with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/DropdownContent/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/DropdownContent/index.test/index.js"
+}

package/ErrorMessage/index.js

@@ -3,8 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from "../Base";
-
+import Base from '@digigov/react-core/Base';
 /**
  * ErrorMessage is used to show an error message when there is a validation error.
  * In the error message explain what went wrong and how to fix it.
@@ -12,9 +11,8 @@ import Base from "../Base";
  */
 export var ErrorMessage = /*#__PURE__*/React.forwardRef(function ErrorMessage(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "p",
     ref: ref,

package/ErrorMessage/index.test/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ErrorMessage from '@digigov/react-core/ErrorMessage';
+var _ref = /*#__PURE__*/React.createElement(ErrorMessage, null, "hello");
+it('renders the ErrorMessage with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/ErrorMessage/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/ErrorMessage/index.test/index.js"
+}

package/ErrorSummary/index.js

@@ -2,18 +2,16 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["className", "dense", "children"];
 import React from 'react';
-import NotificationBannerContainer from "../NotificationBannerContainer";
-import NotificationBannerContent from "../NotificationBannerContent";
-
+import NotificationBannerContainer from '@digigov/react-core/NotificationBannerContainer';
+import NotificationBannerContent from '@digigov/react-core/NotificationBannerContent';
 /**
  * Use this component at the top of a page to summarize any errors a user has made.
  */
 export var ErrorSummary = /*#__PURE__*/React.forwardRef(function ErrorSummary(_ref, ref) {
   var className = _ref.className,
-      dense = _ref.dense,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    dense = _ref.dense,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(NotificationBannerContainer, _extends({
     variant: 'error',
     className: className,

package/ErrorSummary/index.test/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import ErrorSummary from '@digigov/react-core/ErrorSummary';
+var _ref = /*#__PURE__*/React.createElement(ErrorSummary, null, "hello");
+it('renders the ErrorSummary with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/React.createElement(ErrorSummary, {
+  dense: true
+}, "hello");
+it('renders the ErrorSummary with dense=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});

package/ErrorSummary/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/ErrorSummary/index.test/index.js"
+}

package/FieldContainer/index.d.ts

@@ -2,10 +2,10 @@ import React from 'react';
 import { GridProps } from '@digigov/react-core/Grid';
 export interface FieldContainerProps extends GridProps {
     /**
-    * error is optional.
-    * @value true
-    * @value false
-    */
+     * error is optional.
+     * @value true
+     * @value false
+     */
     error?: boolean;
 }
 /**

package/FieldContainer/index.js

@@ -3,22 +3,20 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["error", "className", "children", "xs", "md", "lg", "xl"];
 import React from 'react';
 import clsx from 'clsx';
-import Grid from "../Grid";
-
+import Grid from '@digigov/react-core/Grid';
 /**
  * Field component wraps form components such as Checkbox TextInput TextArea etc.
  */
 export var FieldContainer = /*#__PURE__*/React.forwardRef(function FieldContainer(_ref, ref) {
   var error = _ref.error,
-      className = _ref.className,
-      children = _ref.children,
-      _ref$xs = _ref.xs,
-      xs = _ref$xs === void 0 ? 12 : _ref$xs,
-      md = _ref.md,
-      lg = _ref.lg,
-      xl = _ref.xl,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    className = _ref.className,
+    children = _ref.children,
+    _ref$xs = _ref.xs,
+    xs = _ref$xs === void 0 ? 12 : _ref$xs,
+    md = _ref.md,
+    lg = _ref.lg,
+    xl = _ref.xl,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Grid, _extends({
     ref: ref,
     className: clsx(className, error && 'govgr-field--error', true && 'govgr-field'),

package/FieldContainer/index.test/index.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import FieldContainer from '@digigov/react-core/FieldContainer';
+var _ref = /*#__PURE__*/React.createElement(FieldContainer, null, "hello");
+it('renders the FieldContainer with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});
+var _ref2 = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: true
+}, "hello");
+it('renders the FieldContainer with error=true', function () {
+  expect(mount(_ref2)).toMatchSnapshot();
+});
+var _ref3 = /*#__PURE__*/React.createElement(FieldContainer, {
+  error: false
+}, "hello");
+it('renders the FieldContainer with error=false', function () {
+  expect(mount(_ref3)).toMatchSnapshot();
+});

package/FieldContainer/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/FieldContainer/index.test/index.js"
+}

package/Fieldset/index.js

@@ -3,17 +3,15 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["className", "children"];
 import React from 'react';
 import clsx from 'clsx';
-import Base from "../Base";
-
+import Base from '@digigov/react-core/Base';
 /**
  * Details for the Fieldset.
  * Fieldset component is used to group related elements in a form.
  */
 export var Fieldset = /*#__PURE__*/React.forwardRef(function Fieldset(_ref, ref) {
   var className = _ref.className,
-      children = _ref.children,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement(Base, _extends({
     as: "fieldset",
     ref: ref,

package/Fieldset/index.test/index.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import { mount } from 'enzyme';
+import Fieldset from '@digigov/react-core/Fieldset';
+var _ref = /*#__PURE__*/React.createElement(Fieldset, null, "hello");
+it('renders the Fieldset with no props', function () {
+  expect(mount(_ref)).toMatchSnapshot();
+});

package/Fieldset/index.test/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "main": "../../cjs/Fieldset/index.test/index.js"
+}

package/FieldsetLegend/index.d.ts

@@ -2,22 +2,22 @@ import React from 'react';
 import { BaseProps } from '@digigov/react-core/Base';
 export interface FieldsetLegendProps extends BaseProps<'legend'> {
     /**
-    * size is optional. The default value is 'lg'
-    * @value 'xl'
-    * @value 'lg'
-    * @value 'md'
-    * @value 'sm'
-    * @default 'lg'
-    */
+     * size is optional. The default value is 'lg'
+     * @value 'xl'
+     * @value 'lg'
+     * @value 'md'
+     * @value 'sm'
+     * @default 'lg'
+     */
     size?: 'xl' | 'lg' | 'md' | 'sm';
     /**
-    * heading is optional.
-    * Add this prop if this Fieldset component is the only one in this page.
-    * The default value is false.
-    * @value true
-    * @value false
-    * @default false
-    */
+     * heading is optional.
+     * Add this prop if this Fieldset component is the only one in this page.
+     * The default value is false.
+     * @value true
+     * @value false
+     * @default false
+     */
     heading?: boolean;
 }
 /**