@elliemae/ds-group-box 1.60.0 → 2.0.0-alpha.12

package/cjs/ActionItem.js

@@ -1,30 +1,24 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var PropTypes = require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var ActionItemNode = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ActionItemNode = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ysc0gb-0"
-})(["padding-right:", ";font-weight:300;overflow:hidden;align-items:center;display:flex;&:last-child{padding-right:0;}"], function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs);
-});
+})(["padding-right:", ";font-weight:300;overflow:hidden;align-items:center;display:flex;&:last-child{padding-right:0;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
 
 function ActionItem(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(ActionItemNode, null, children);
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](ActionItemNode, {}, void 0, children);
 }
 
-ActionItem.propTypes = {
-  children: PropTypes__default['default'].node.isRequired
-};
-
 module.exports = ActionItem;
-//# sourceMappingURL=ActionItem.js.map

package/cjs/Actions.js

@@ -2,8 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('react');
 var styled = require('styled-components');
 var styledSystem = require('styled-system');
 var dsSystem = require('@elliemae/ds-system');
@@ -11,39 +13,25 @@ var ActionItem = require('./ActionItem.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable react/forbid-prop-types */
-var ActionsNode = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ActionsNode = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1umfb8g-0"
-})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], function (props) {
-  return dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m);
-}, styledSystem.margin);
+})(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), styledSystem.margin);
 
 function Actions(_ref) {
-  var _ref$actions = _ref.actions,
-      actions = _ref$actions === void 0 ? [] : _ref$actions,
-      centerActions = _ref.centerActions,
-      rightActions = _ref.rightActions;
+  let {
+    actions = [],
+    centerActions,
+    rightActions
+  } = _ref;
   if (actions.length < 1) return null;
-  return /*#__PURE__*/React__default['default'].createElement(ActionsNode, {
+  return /*#__PURE__*/_jsx__default["default"](ActionsNode, {
     marginLeft: !!rightActions && 'auto',
     marginRight: !!centerActions && 'auto'
-  }, actions.map(function (action, key) {
-    return /*#__PURE__*/React__default['default'].createElement(ActionItem, {
-      key: key
-    }, action);
-  }));
+  }, void 0, actions.map((action, key) => /*#__PURE__*/_jsx__default["default"](ActionItem, {}, key, action)));
 }
 
-Actions.propTypes = {
-  actions: PropTypes__default['default'].array,
-  centerActions: PropTypes__default['default'].bool,
-  rightActions: PropTypes__default['default'].bool
-};
-
 exports.Actions = Actions;
-exports['default'] = Actions;
-//# sourceMappingURL=Actions.js.map
+exports["default"] = Actions;

package/cjs/DSGroupBox.js

@@ -2,93 +2,84 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
-var components_blocks = require('./components/blocks.js');
-var components_GroupHeader = require('./components/GroupHeader.js');
+var blocks = require('./components/blocks.js');
+var GroupHeader = require('./components/GroupHeader.js');
 var constants = require('./constants.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./Actions.js');
-require('prop-types');
-require('styled-components');
-require('styled-system');
-require('@elliemae/ds-system');
-require('./ActionItem.js');
-require('./LabelElement.js');
-require('./GroupBoxLabel.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var DSGroupBox = function DSGroupBox(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? {
-    labelText: '',
-    borderBottom: false,
-    id: 'ds-group-box__header'
-  } : _ref$labelProps,
-      _ref$rightActions = _ref.rightActions,
-      rightActions = _ref$rightActions === void 0 ? [] : _ref$rightActions,
-      _ref$centerActions = _ref.centerActions,
-      centerActions = _ref$centerActions === void 0 ? [] : _ref$centerActions,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? constants.BOX_TYPES.CATEGORY : _ref$type,
-      _ref$asRow = _ref.asRow,
-      asRow = _ref$asRow === void 0 ? false : _ref$asRow,
-      _ref$onlyHeader = _ref.onlyHeader,
-      onlyHeader = _ref$onlyHeader === void 0 ? false : _ref$onlyHeader,
-      _ref$noBorder = _ref.noBorder,
-      noBorder = _ref$noBorder === void 0 ? true : _ref$noBorder,
-      _ref$noPadding = _ref.noPadding,
-      noPadding = _ref$noPadding === void 0 ? false : _ref$noPadding,
-      _ref$children = _ref.children,
-      components = _ref$children === void 0 ? [] : _ref$children,
-      _ref$isMain = _ref.isMain,
-      isMain = _ref$isMain === void 0 ? true : _ref$isMain;
-  var labelText = labelProps.labelText;
-  return /*#__PURE__*/React__default['default'].createElement(components_blocks.GroupBoxWrapper, _extends__default['default']({}, containerProps, {
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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 = constants.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__*/jsxRuntime.jsxs(blocks.GroupBoxWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
     classProps: {
-      onlyHeader: onlyHeader,
+      onlyHeader,
+      noBorder,
+      type,
+      isMain
+    },
+    children: [labelText && /*#__PURE__*/_jsx__default["default"](GroupHeader.DSGroupBoxHeader, {
+      centerActions: centerActions,
+      isMain: isMain,
+      labelProps: labelProps,
       noBorder: noBorder,
-      type: type,
-      isMain: isMain
-    }
-  }), labelText && /*#__PURE__*/React__default['default'].createElement(components_GroupHeader.DSGroupBoxHeader, {
-    centerActions: centerActions,
-    isMain: isMain,
-    labelProps: labelProps,
-    noBorder: noBorder,
-    rightActions: rightActions,
-    type: type
-  }), /*#__PURE__*/React__default['default'].createElement(components_blocks.GroupBoxContent, {
-    classProps: {
-      type: type,
-      asRow: asRow,
-      onlyHeader: onlyHeader,
-      noPadding: noPadding,
-      noBorder: noBorder,
-      noBorderTop: !!labelText
-    }
-  }, components && components.props ? React__default['default'].Children.map(components, function (component) {
-    return /*#__PURE__*/React__default['default'].cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
+      rightActions: rightActions,
+      type: type
+    }), /*#__PURE__*/_jsx__default["default"](blocks.GroupBoxContent, {
+      classProps: {
+        type,
+        asRow,
+        onlyHeader,
+        noPadding,
+        noBorder,
+        noBorderTop: !!labelText
+      }
+    }, void 0, components && components.props ? React__default["default"].Children.map(components, component => /*#__PURE__*/React__default["default"].cloneElement(component, _objectSpread(_objectSpread({}, component.props), {}, {
       isMain: false
-    }));
-  }, null) : components));
+    })), null) : components)]
+  }));
 };
 
-var props = {
+const props = {
   /** props to inject to wrapper */
   containerProps: reactDesc.PropTypes.object.description('props to inject to wrapper'),
 
@@ -141,11 +132,9 @@ var props = {
    */
   noPadding: reactDesc.PropTypes.bool.description('Remove the top and bottom padding from the content')
 };
-DSGroupBox.propTypes = props;
-var DSGroupBoxWithSchema = reactDesc.describe(DSGroupBox);
+const DSGroupBoxWithSchema = reactDesc.describe(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;
 
 exports.DSGroupBox = DSGroupBox;
 exports.DSGroupBoxWithSchema = DSGroupBoxWithSchema;
-exports['default'] = DSGroupBox;
-//# sourceMappingURL=DSGroupBox.js.map
+exports["default"] = DSGroupBox;

package/cjs/GroupBoxLabel.js

@@ -1,64 +1,40 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
-var constants = require('./constants.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var borderBase200 = function borderBase200(props) {
-  return "1px solid ".concat(props.theme.colors.neutral[200], ";");
-};
+const borderBase200 = props => "1px solid ".concat(props.theme.colors.neutral[200], ";");
 
-var categoryBoxStyles = "\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ".concat(function (props) {
-  return props.theme.colors.neutral[800];
-}, ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ").concat(borderBase200, "\n");
-var groupBoxStyles = "\n  border: unset;\n  font-size: ".concat(function (props) {
-  return dsSystem.toMobile(props.theme.fontSizes.title[500]);
-}, ";\n  padding: 12px 0;\n");
-var GroupBoxLabelNode = /*#__PURE__*/styled__default['default'].div.withConfig({
+const categoryBoxStyles = "\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ".concat(props => props.theme.colors.neutral[800], ";\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ").concat(borderBase200, "\n");
+const groupBoxStyles = "\n  border: unset;\n  font-size: ".concat(props => dsSystem.toMobile(props.theme.fontSizes.title[500]), ";\n  padding: 12px 0;\n");
+const GroupBoxLabelNode = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-141ikkh-0"
-})(["", " ", " ", " ", ""], function (props) {
-  return props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles;
-}, function (props) {
-  return props.noBorder ? 'border: none;' : '';
-}, function (props) {
-  return props.borderBottom ? "border-bottom: ".concat(borderBase200(props)) : '';
-}, function (props) {
-  return props.isMain ? "padding-right: ".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), ";") : '';
-});
+})(["", " ", " ", " ", ""], props => props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles, props => props.noBorder ? 'border: none;' : '', props => props.borderBottom ? "border-bottom: ".concat(borderBase200(props)) : '', props => props.isMain ? "padding-right: ".concat(dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), ";") : '');
 
 function GroupBoxLabel(_ref) {
-  var borderBottom = _ref.borderBottom,
-      children = _ref.children,
-      noBorder = _ref.noBorder,
-      isMain = _ref.isMain,
-      type = _ref.type,
-      id = _ref.id;
-  return /*#__PURE__*/React__default['default'].createElement(GroupBoxLabelNode, {
+  let {
+    borderBottom,
+    children,
+    noBorder,
+    isMain,
+    type,
+    id
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](GroupBoxLabelNode, {
     borderBottom: borderBottom,
     "data-testid": "ds-group-box__header",
     isMain: isMain,
     noBorder: noBorder,
     nodeType: type,
     id: id
-  }, children);
+  }, void 0, children);
 }
 
-GroupBoxLabel.propTypes = {
-  children: PropTypes__default['default'].oneOfType([PropTypes__default['default'].arrayOf(PropTypes__default['default'].node), PropTypes__default['default'].node]).isRequired,
-  type: PropTypes__default['default'].oneOf(constants.BOX_TYPES_ARRAY),
-  borderBottom: PropTypes__default['default'].bool,
-  isMain: PropTypes__default['default'].bool.isRequired,
-  noBorder: PropTypes__default['default'].bool,
-  id: PropTypes__default['default'].string
-};
-
 module.exports = GroupBoxLabel;
-//# sourceMappingURL=GroupBoxLabel.js.map

package/cjs/LabelElement.js

@@ -1,30 +1,24 @@
 'use strict';
 
-var React = require('react');
-var PropTypes = require('prop-types');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var LabelElementNode = /*#__PURE__*/styled__default['default'].div.withConfig({
+const LabelElementNode = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-nu03bl-0"
-})(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], function (props) {
-  return dsSystem.toMobile(props.theme.fontSizes.title[700]);
-});
+})(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], props => dsSystem.toMobile(props.theme.fontSizes.title[700]));
 
 function LabelElement(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(LabelElementNode, null, children);
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](LabelElementNode, {}, void 0, children);
 }
 
-LabelElement.propTypes = {
-  children: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].node]).isRequired
-};
-
 module.exports = LabelElement;
-//# sourceMappingURL=LabelElement.js.map

package/cjs/components/GroupHeader.js

@@ -2,57 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+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');
-require('prop-types');
-require('styled-components');
-require('styled-system');
-require('@elliemae/ds-system');
-require('../ActionItem.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-var DSGroupBoxHeader = function DSGroupBoxHeader(_ref) {
-  var _ref$labelProps = _ref.labelProps,
-      labelProps = _ref$labelProps === void 0 ? {
-    labelText: '',
-    borderBottom: false,
-    id: 'ds-group-box__header'
-  } : _ref$labelProps,
-      _ref$rightActions = _ref.rightActions,
-      rightActions = _ref$rightActions === void 0 ? [] : _ref$rightActions,
-      _ref$centerActions = _ref.centerActions,
-      centerActions = _ref$centerActions === void 0 ? [] : _ref$centerActions,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? constants.BOX_TYPES.CATEGORY : _ref$type,
-      noBorder = _ref.noBorder,
-      isMain = _ref.isMain;
-  var labelText = labelProps.labelText,
-      borderBottom = labelProps.borderBottom,
-      id = labelProps.id;
-  return /*#__PURE__*/React__default['default'].createElement(GroupBoxLabel, {
+const DSGroupBoxHeader = _ref => {
+  let {
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = constants.BOX_TYPES.CATEGORY,
+    noBorder,
+    isMain
+  } = _ref;
+  const {
+    labelText,
+    borderBottom,
+    id
+  } = labelProps;
+  return /*#__PURE__*/_jsx__default["default"](GroupBoxLabel, {
     borderBottom: borderBottom,
     isMain: isMain,
     noBorder: noBorder,
     type: type,
     id: id
-  }, /*#__PURE__*/React__default['default'].createElement(LabelElement, null, /*#__PURE__*/React__default['default'].createElement(DSTruncatedTooltipText__default['default'], {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](LabelElement, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     value: labelText
-  })), /*#__PURE__*/React__default['default'].createElement(Actions.Actions, {
+  })), /*#__PURE__*/_jsx__default["default"](Actions.Actions, {
     actions: centerActions,
     centerActions: centerActions.length > 0
-  }), /*#__PURE__*/React__default['default'].createElement(Actions.Actions, {
+  }), /*#__PURE__*/_jsx__default["default"](Actions.Actions, {
     actions: rightActions,
     rightActions: rightActions.length > 0
   }));
 };
 
 exports.DSGroupBoxHeader = DSGroupBoxHeader;
-//# sourceMappingURL=GroupHeader.js.map

package/cjs/components/blocks.js

@@ -2,49 +2,55 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var dsClassnames = require('@elliemae/ds-classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-var blockName = 'group-box';
-var GroupBoxWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', function (_ref) {
-  var _ref2;
-
-  var onlyHeader = _ref.onlyHeader,
-      noBorder = _ref.noBorder,
-      type = _ref.type,
-      isMain = _ref.isMain;
-  return _ref2 = {
+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
-  }, _defineProperty__default['default'](_ref2, type, type), _defineProperty__default['default'](_ref2, 'main-box', isMain), _defineProperty__default['default'](_ref2, 'nested-box', !isMain), _ref2;
+    'no-border': noBorder,
+    [type]: type,
+    'main-box': isMain,
+    'nested-box': !isMain
+  };
 });
-var GroupBoxContent = dsClassnames.aggregatedClasses('div')(blockName, 'content', function (_ref3) {
-  var _ref4;
-
-  var type = _ref3.type,
-      asRow = _ref3.asRow,
-      onlyHeader = _ref3.onlyHeader,
-      noPadding = _ref3.noPadding,
-      noBorder = _ref3.noBorder,
-      noBorderTop = _ref3.noBorderTop;
-  return _ref4 = {}, _defineProperty__default['default'](_ref4, type, type), _defineProperty__default['default'](_ref4, 'as-row', asRow), _defineProperty__default['default'](_ref4, 'only-header', onlyHeader), _defineProperty__default['default'](_ref4, 'no-padding', noPadding), _defineProperty__default['default'](_ref4, 'no-border', noBorder), _defineProperty__default['default'](_ref4, 'no-border-top', noBorderTop), _ref4;
+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
+  };
 });
-var Label = dsClassnames.aggregatedClasses('div')(blockName, 'label', function (_ref5) {
-  var _ref6;
-
-  var borderBottom = _ref5.borderBottom,
-      type = _ref5.type,
-      noBorder = _ref5.noBorder;
-  return _ref6 = {
-    'border-bottom': borderBottom
-  }, _defineProperty__default['default'](_ref6, type, type), _defineProperty__default['default'](_ref6, 'no-border', noBorder), _ref6;
+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;
-//# sourceMappingURL=blocks.js.map

package/cjs/constants.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var BOX_TYPES = {
+const BOX_TYPES = {
   CATEGORY: 'category-box',
   GROUP: 'group-box'
 };
-var BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
+const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];
 
 exports.BOX_TYPES = BOX_TYPES;
 exports.BOX_TYPES_ARRAY = BOX_TYPES_ARRAY;
-//# sourceMappingURL=constants.js.map

package/cjs/index.js

@@ -4,28 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSGroupBox = require('./DSGroupBox.js');
 var constants = require('./constants.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('./components/blocks.js');
-require('@elliemae/ds-classnames');
-require('./components/GroupHeader.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./Actions.js');
-require('prop-types');
-require('styled-components');
-require('styled-system');
-require('@elliemae/ds-system');
-require('./ActionItem.js');
-require('./LabelElement.js');
-require('./GroupBoxLabel.js');
 
 
 
 exports.DSGroupBox = DSGroupBox.DSGroupBox;
 exports.DSGroupBoxWithSchema = DSGroupBox.DSGroupBoxWithSchema;
-exports.default = DSGroupBox.DSGroupBox;
+exports["default"] = DSGroupBox.DSGroupBox;
 exports.BOX_TYPES = constants.BOX_TYPES;
 exports.BOX_TYPES_ARRAY = constants.BOX_TYPES_ARRAY;
-//# sourceMappingURL=index.js.map