@elliemae/ds-group-box 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/components/GroupHeader.js

@@ -1,69 +1,53 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var GroupHeader_exports = {};
-__export(GroupHeader_exports, {
-  DSGroupBoxHeader: () => DSGroupBoxHeader
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-var import_constants = require("../constants");
-var import_Actions = __toESM(require("../Actions"));
-var import_LabelElement = __toESM(require("../LabelElement"));
-var import_GroupBoxLabel = __toESM(require("../GroupBoxLabel"));
-const DSGroupBoxHeader = ({
-  labelProps = {
-    labelText: "",
-    borderBottom: false,
-    id: "ds-group-box__header"
-  },
-  rightActions = [],
-  centerActions = [],
-  type = import_constants.BOX_TYPES.CATEGORY,
-  noBorder,
-  isMain
-}) => {
-  const { labelText, borderBottom, id } = labelProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_GroupBoxLabel.default, {
-    borderBottom,
-    isMain,
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var constants = require('../constants.js');
+var Actions = require('../Actions.js');
+var LabelElement = require('../LabelElement.js');
+var GroupBoxLabel = require('../GroupBoxLabel.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
+
+const DSGroupBoxHeader = _ref => {
+  let {
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = constants.BOX_TYPES.CATEGORY,
     noBorder,
-    type,
+    isMain
+  } = _ref;
+  const {
+    labelText,
+    borderBottom,
     id
-  }, /* @__PURE__ */ import_react.default.createElement(import_LabelElement.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
+  } = labelProps;
+  return /*#__PURE__*/_jsx__default["default"](GroupBoxLabel, {
+    borderBottom: borderBottom,
+    isMain: isMain,
+    noBorder: noBorder,
+    type: type,
+    id: id
+  }, void 0, /*#__PURE__*/_jsx__default["default"](LabelElement, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: labelText
-  })), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
+  })), /*#__PURE__*/_jsx__default["default"](Actions.Actions, {
     actions: centerActions,
     centerActions: centerActions.length > 0
-  }), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
+  }), /*#__PURE__*/_jsx__default["default"](Actions.Actions, {
     actions: rightActions,
     rightActions: rightActions.length > 0
   }));
 };
-module.exports = __toCommonJS(GroupHeader_exports);
-//# sourceMappingURL=GroupHeader.js.map
+
+exports.DSGroupBoxHeader = DSGroupBoxHeader;

package/cjs/components/blocks.js

@@ -1,58 +1,56 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsClassnames = require('@elliemae/ds-classnames');
+
+const blockName = 'group-box';
+const GroupBoxWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', _ref => {
+  let {
+    onlyHeader,
+    noBorder,
+    type,
+    isMain
+  } = _ref;
+  return {
+    'only-header': onlyHeader,
+    'no-border': noBorder,
+    [type]: type,
+    'main-box': isMain,
+    'nested-box': !isMain
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var blocks_exports = {};
-__export(blocks_exports, {
-  GroupBoxContent: () => GroupBoxContent,
-  GroupBoxWrapper: () => GroupBoxWrapper,
-  Label: () => Label
 });
-var React = __toESM(require("react"));
-var import_ds_classnames = require("@elliemae/ds-classnames");
-const blockName = "group-box";
-const GroupBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ onlyHeader, noBorder, type, isMain }) => ({
-  "only-header": onlyHeader,
-  "no-border": noBorder,
-  [type]: type,
-  "main-box": isMain,
-  "nested-box": !isMain
-}));
-const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "content", ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
-  [type]: type,
-  "as-row": asRow,
-  "only-header": onlyHeader,
-  "no-padding": noPadding,
-  "no-border": noBorder,
-  "no-border-top": noBorderTop
-}));
-const Label = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
-  "border-bottom": borderBottom,
-  [type]: type,
-  "no-border": noBorder
-}));
-module.exports = __toCommonJS(blocks_exports);
-//# sourceMappingURL=blocks.js.map
+const GroupBoxContent = dsClassnames.aggregatedClasses('div')(blockName, 'content', _ref2 => {
+  let {
+    type,
+    asRow,
+    onlyHeader,
+    noPadding,
+    noBorder,
+    noBorderTop
+  } = _ref2;
+  return {
+    [type]: type,
+    'as-row': asRow,
+    'only-header': onlyHeader,
+    'no-padding': noPadding,
+    'no-border': noBorder,
+    'no-border-top': noBorderTop
+  };
+});
+const Label = dsClassnames.aggregatedClasses('div')(blockName, 'label', _ref3 => {
+  let {
+    borderBottom,
+    type,
+    noBorder
+  } = _ref3;
+  return {
+    'border-bottom': borderBottom,
+    [type]: type,
+    'no-border': noBorder
+  };
+});
+
+exports.GroupBoxContent = GroupBoxContent;
+exports.GroupBoxWrapper = GroupBoxWrapper;
+exports.Label = Label;

package/cjs/constants.js

@@ -1,40 +1,12 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var constants_exports = {};
-__export(constants_exports, {
-  BOX_TYPES: () => BOX_TYPES,
-  BOX_TYPES_ARRAY: () => BOX_TYPES_ARRAY
-});
-var React = __toESM(require("react"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
 const BOX_TYPES = {
-  CATEGORY: "category-box",
-  GROUP: "group-box"
+  CATEGORY: 'category-box',
+  GROUP: 'group-box'
 };
 const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
-module.exports = __toCommonJS(constants_exports);
-//# sourceMappingURL=constants.js.map
+
+exports.BOX_TYPES = BOX_TYPES;
+exports.BOX_TYPES_ARRAY = BOX_TYPES_ARRAY;

package/cjs/index.js

@@ -1,37 +1,14 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_DSGroupBox.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./DSGroupBox"));
-__reExport(src_exports, require("./constants"));
-var import_DSGroupBox = require("./DSGroupBox");
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSGroupBox = require('./DSGroupBox.js');
+var constants = require('./constants.js');
+
+
+
+exports.DSGroupBox = DSGroupBox.DSGroupBox;
+exports.DSGroupBoxWithSchema = DSGroupBox.DSGroupBoxWithSchema;
+exports["default"] = DSGroupBox.DSGroupBox;
+exports.BOX_TYPES = constants.BOX_TYPES;
+exports.BOX_TYPES_ARRAY = constants.BOX_TYPES_ARRAY;

package/esm/ActionItem.js

@@ -1,26 +1,17 @@
-import * as React from "react";
-import React2 from "react";
-import styled from "styled-components";
-import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import PropTypes from "prop-types";
-const ActionItemNode = styled.div`
-  padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
-  font-weight: 300;
-  overflow: hidden;
-  align-items: center;
-  display: flex;
-  &:last-child {
-    padding-right: 0;
-  }
-`;
-function ActionItem({ children }) {
-  return /* @__PURE__ */ React2.createElement(ActionItemNode, null, children);
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import styled from 'styled-components';
+import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+
+const ActionItemNode = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1ysc0gb-0"
+})(["padding-right:", ";font-weight:300;overflow:hidden;align-items:center;display:flex;&:last-child{padding-right:0;}"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+
+function ActionItem(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(ActionItemNode, {}, void 0, children);
 }
-ActionItem.propTypes = {
-  children: PropTypes.node.isRequired
-};
-var ActionItem_default = ActionItem;
-export {
-  ActionItem_default as default
-};
-//# sourceMappingURL=ActionItem.js.map
+
+export { ActionItem as default };

package/esm/Actions.js

@@ -1,35 +1,27 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { space } from "@xstyled/styled-components";
-import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import ActionItem from "./ActionItem";
-const ActionsNode = styled.div`
-  display: flex;
-  flex-direction: row;
-  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};
-  overflow: hidden;
-  ${space}
-`;
-function Actions({ actions = [], centerActions, rightActions }) {
-  if (actions.length < 1)
-    return null;
-  return /* @__PURE__ */ React2.createElement(ActionsNode, {
-    marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto"
-  }, actions.map((action, key) => /* @__PURE__ */ React2.createElement(ActionItem, {
-    key
-  }, action)));
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'react';
+import styled from 'styled-components';
+import { space } from '@xstyled/styled-components';
+import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
+import ActionItem from './ActionItem.js';
+
+const ActionsNode = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1umfb8g-0"
+})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), space);
+
+function Actions(_ref) {
+  let {
+    actions = [],
+    centerActions,
+    rightActions
+  } = _ref;
+  if (actions.length < 1) return null;
+  return /*#__PURE__*/_jsx(ActionsNode, {
+    marginLeft: !!rightActions && 'auto',
+    marginRight: !!centerActions && 'auto'
+  }, void 0, actions.map((action, key) => /*#__PURE__*/_jsx(ActionItem, {}, key, action)));
 }
-Actions.propTypes = {
-  actions: PropTypes.array,
-  centerActions: PropTypes.bool,
-  rightActions: PropTypes.bool
-};
-var Actions_default = Actions;
-export {
-  Actions,
-  Actions_default as default
-};
-//# sourceMappingURL=Actions.js.map
+
+export { Actions, Actions as default };

package/esm/DSGroupBox.js

@@ -1,77 +1,128 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { GroupBoxWrapper, GroupBoxContent } from "./components/blocks";
-import { DSGroupBoxHeader } from "./components/GroupHeader";
-import { BOX_TYPES, BOX_TYPES_ARRAY } from "./constants";
-const DSGroupBox = ({
-  containerProps = {},
-  labelProps = {
-    labelText: "",
-    borderBottom: false,
-    id: "ds-group-box__header"
-  },
-  rightActions = [],
-  centerActions = [],
-  type = BOX_TYPES.CATEGORY,
-  asRow = false,
-  onlyHeader = false,
-  noBorder = true,
-  noPadding = false,
-  children: components = [],
-  isMain = true
-}) => {
-  const { labelText } = labelProps;
-  return /* @__PURE__ */ React2.createElement(GroupBoxWrapper, {
-    ...containerProps,
-    classProps: { onlyHeader, noBorder, type, isMain }
-  }, labelText && /* @__PURE__ */ React2.createElement(DSGroupBoxHeader, {
-    centerActions,
-    isMain,
-    labelProps,
-    noBorder,
-    rightActions,
-    type
-  }), /* @__PURE__ */ React2.createElement(GroupBoxContent, {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { GroupBoxWrapper, GroupBoxContent } from './components/blocks.js';
+import { DSGroupBoxHeader } from './components/GroupHeader.js';
+import { BOX_TYPES_ARRAY, BOX_TYPES } from './constants.js';
+import { jsxs } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSGroupBox = _ref => {
+  let {
+    containerProps = {},
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = BOX_TYPES.CATEGORY,
+    asRow = false,
+    onlyHeader = false,
+    noBorder = true,
+    noPadding = false,
+    children: components = [],
+    // eslint-disable-next-line react/prop-types
+    isMain = true
+  } = _ref;
+  const {
+    labelText
+  } = labelProps;
+  return /*#__PURE__*/jsxs(GroupBoxWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
     classProps: {
-      type,
-      asRow,
       onlyHeader,
-      noPadding,
       noBorder,
-      noBorderTop: !!labelText
-    }
-  }, components && components.props ? React2.Children.map(components, (component) => React2.cloneElement(component, {
-    ...component.props,
-    isMain: false
-  }), null) : components));
+      type,
+      isMain
+    },
+    children: [labelText && /*#__PURE__*/_jsx(DSGroupBoxHeader, {
+      centerActions: centerActions,
+      isMain: isMain,
+      labelProps: labelProps,
+      noBorder: noBorder,
+      rightActions: rightActions,
+      type: type
+    }), /*#__PURE__*/_jsx(GroupBoxContent, {
+      classProps: {
+        type,
+        asRow,
+        onlyHeader,
+        noPadding,
+        noBorder,
+        noBorderTop: !!labelText
+      }
+    }, void 0, components && components.props ? React.Children.map(components, component => /*#__PURE__*/React.cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
+      isMain: false
+    })), null) : components)]
+  }));
 };
+
 const props = {
-  containerProps: PropTypes.object.description("props to inject to wrapper"),
+  /** props to inject to wrapper */
+  containerProps: PropTypes.object.description('props to inject to wrapper'),
+
+  /**
+   * Label attributes to be rendered
+   */
   labelProps: PropTypes.shape({
     labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
     borderBottom: PropTypes.bool,
     id: PropTypes.string
-  }).description("Label attributes to be rendered"),
+  }).description('Label attributes to be rendered'),
+
+  /**
+   * ['category-box', 'group-box']
+   */
   type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),
-  children: PropTypes.oneOfType([
-    PropTypes.element,
-    PropTypes.arrayOf(PropTypes.element)
-  ]).isRequired.description("Components to be rendered inside the box"),
-  rightActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the right side of the label"),
-  centerActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the next to the label"),
-  asRow: PropTypes.bool.description("Display the content of the group box with flex direction row"),
-  onlyHeader: PropTypes.bool.description("Show border only on the header"),
-  noBorder: PropTypes.bool.description("Remove the wrapper border"),
-  noPadding: PropTypes.bool.description("Remove the top and bottom padding from the content")
+
+  /**
+   * Components to be rendered inside the box
+   */
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description('Components to be rendered inside the box'),
+
+  /**
+   * Actions on the right side of the label
+   */
+  rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),
+
+  /**
+   * Actions on the next to the label
+   */
+  centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),
+
+  /**
+   * Display the content of the group box with flex direction row
+   */
+  asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),
+
+  /**
+   * Show border only on the header
+   */
+  onlyHeader: PropTypes.bool.description('Show border only on the header'),
+
+  /**
+   * Remove the wrapper border
+   */
+  noBorder: PropTypes.bool.description('Remove the wrapper border'),
+
+  /**
+   * Remove the top and bottom padding from the content
+   */
+  noPadding: PropTypes.bool.description('Remove the top and bottom padding from the content')
 };
-DSGroupBox.propTypes = props;
 const DSGroupBoxWithSchema = describe(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;
-var DSGroupBox_default = DSGroupBox;
-export {
-  DSGroupBox,
-  DSGroupBoxWithSchema,
-  DSGroupBox_default as default
-};
-//# sourceMappingURL=DSGroupBox.js.map
+
+export { DSGroupBox, DSGroupBoxWithSchema, DSGroupBox as default };