@elliemae/ds-group-box 2.0.0-next.0 → 2.0.0-next.12

package/cjs/ActionItem.js

@@ -14,9 +14,10 @@ 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;}"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
 
-function ActionItem({
-  children
-}) {
+function ActionItem(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](ActionItemNode, {}, void 0, children);
 }
 

package/cjs/Actions.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
@@ -18,11 +20,12 @@ const ActionsNode = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1umfb8g-0"
 })(["display:flex;flex-direction:row;padding-left:", ";overflow:hidden;", ""], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m), styledSystem.margin);
 
-function Actions({
-  actions = [],
-  centerActions,
-  rightActions
-}) {
+function Actions(_ref) {
+  let {
+    actions = [],
+    centerActions,
+    rightActions
+  } = _ref;
   if (actions.length < 1) return null;
   return /*#__PURE__*/_jsx__default["default"](ActionsNode, {
     marginLeft: !!rightActions && 'auto',

package/cjs/DSGroupBox.js

@@ -4,6 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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 blocks = require('./components/blocks.js');
@@ -21,24 +28,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 = ({
-  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
-}) => {
+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;

package/cjs/GroupBoxLabel.js

@@ -10,35 +10,23 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const borderBase200 = props => `1px solid ${props.theme.colors.neutral[200]};`;
+const borderBase200 = props => "1px solid ".concat(props.theme.colors.neutral[200], ";");
 
-const categoryBoxStyles = `
-  width: 100%;
-  height: 36px;
-  padding:0 0;
-  color: ${props => props.theme.colors.neutral[800]};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  border-bottom: ${borderBase200}
-`;
-const groupBoxStyles = `
-  border: unset;
-  font-size: ${props => dsSystem.toMobile(props.theme.fontSizes.title[500])};
-  padding: 12px 0;
-`;
+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"
-})(["", " ", " ", " ", ""], props => props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles, props => props.noBorder ? 'border: none;' : '', props => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '', props => props.isMain ? `padding-right: ${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({
-  borderBottom,
-  children,
-  noBorder,
-  isMain,
-  type,
-  id
-}) {
+function GroupBoxLabel(_ref) {
+  let {
+    borderBottom,
+    children,
+    noBorder,
+    isMain,
+    type,
+    id
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](GroupBoxLabelNode, {
     borderBottom: borderBottom,
     "data-testid": "ds-group-box__header",

package/cjs/LabelElement.js

@@ -14,9 +14,10 @@ const LabelElementNode = /*#__PURE__*/styled__default["default"].div.withConfig(
   componentId: "sc-nu03bl-0"
 })(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], props => dsSystem.toMobile(props.theme.fontSizes.title[700]));
 
-function LabelElement({
-  children
-}) {
+function LabelElement(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](LabelElementNode, {}, void 0, children);
 }
 

package/cjs/components/GroupHeader.js

@@ -15,18 +15,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-const DSGroupBoxHeader = ({
-  labelProps = {
-    labelText: '',
-    borderBottom: false,
-    id: 'ds-group-box__header'
-  },
-  rightActions = [],
-  centerActions = [],
-  type = constants.BOX_TYPES.CATEGORY,
-  noBorder,
-  isMain
-}) => {
+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,

package/cjs/components/blocks.js

@@ -5,42 +5,51 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var dsClassnames = require('@elliemae/ds-classnames');
 
 const blockName = 'group-box';
-const GroupBoxWrapper = dsClassnames.aggregatedClasses('div')(blockName, 'wrapper', ({
-  onlyHeader,
-  noBorder,
-  type,
-  isMain
-}) => ({
-  'only-header': onlyHeader,
-  'no-border': noBorder,
-  [type]: type,
-  'main-box': isMain,
-  'nested-box': !isMain
-}));
-const GroupBoxContent = dsClassnames.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 = dsClassnames.aggregatedClasses('div')(blockName, 'label', ({
-  borderBottom,
-  type,
-  noBorder
-}) => ({
-  'border-bottom': borderBottom,
-  [type]: type,
-  'no-border': noBorder
-}));
+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
+  };
+});
+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;

package/esm/ActionItem.js

@@ -7,9 +7,10 @@ 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({
-  children
-}) {
+function ActionItem(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(ActionItemNode, {}, void 0, children);
 }
 

package/esm/Actions.js

@@ -1,4 +1,6 @@
 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 { margin } from 'styled-system';
@@ -9,11 +11,12 @@ 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), margin);
 
-function Actions({
-  actions = [],
-  centerActions,
-  rightActions
-}) {
+function Actions(_ref) {
+  let {
+    actions = [],
+    centerActions,
+    rightActions
+  } = _ref;
   if (actions.length < 1) return null;
   return /*#__PURE__*/_jsx(ActionsNode, {
     marginLeft: !!rightActions && 'auto',

package/esm/DSGroupBox.js

@@ -1,5 +1,12 @@
 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';
@@ -11,24 +18,25 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 = ({
-  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
-}) => {
+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;

package/esm/GroupBoxLabel.js

@@ -3,35 +3,23 @@ import 'react';
 import styled from 'styled-components';
 import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';
 
-const borderBase200 = props => `1px solid ${props.theme.colors.neutral[200]};`;
+const borderBase200 = props => "1px solid ".concat(props.theme.colors.neutral[200], ";");
 
-const categoryBoxStyles = `
-  width: 100%;
-  height: 36px;
-  padding:0 0;
-  color: ${props => props.theme.colors.neutral[800]};
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  border-bottom: ${borderBase200}
-`;
-const groupBoxStyles = `
-  border: unset;
-  font-size: ${props => toMobile(props.theme.fontSizes.title[500])};
-  padding: 12px 0;
-`;
+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 => toMobile(props.theme.fontSizes.title[500]), ";\n  padding: 12px 0;\n");
 const GroupBoxLabelNode = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-141ikkh-0"
-})(["", " ", " ", " ", ""], props => props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles, props => props.noBorder ? 'border: none;' : '', props => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '', props => props.isMain ? `padding-right: ${__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(__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs), ";") : '');
 
-function GroupBoxLabel({
-  borderBottom,
-  children,
-  noBorder,
-  isMain,
-  type,
-  id
-}) {
+function GroupBoxLabel(_ref) {
+  let {
+    borderBottom,
+    children,
+    noBorder,
+    isMain,
+    type,
+    id
+  } = _ref;
   return /*#__PURE__*/_jsx(GroupBoxLabelNode, {
     borderBottom: borderBottom,
     "data-testid": "ds-group-box__header",

package/esm/LabelElement.js

@@ -7,9 +7,10 @@ const LabelElementNode = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-nu03bl-0"
 })(["overflow:hidden;display:flex;align-items:center;font-size:", ";font-weight:400;"], props => toMobile(props.theme.fontSizes.title[700]));
 
-function LabelElement({
-  children
-}) {
+function LabelElement(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(LabelElementNode, {}, void 0, children);
 }
 

package/esm/components/GroupHeader.js

@@ -6,18 +6,19 @@ import { Actions } from '../Actions.js';
 import LabelElement from '../LabelElement.js';
 import GroupBoxLabel from '../GroupBoxLabel.js';
 
-const DSGroupBoxHeader = ({
-  labelProps = {
-    labelText: '',
-    borderBottom: false,
-    id: 'ds-group-box__header'
-  },
-  rightActions = [],
-  centerActions = [],
-  type = BOX_TYPES.CATEGORY,
-  noBorder,
-  isMain
-}) => {
+const DSGroupBoxHeader = _ref => {
+  let {
+    labelProps = {
+      labelText: '',
+      borderBottom: false,
+      id: 'ds-group-box__header'
+    },
+    rightActions = [],
+    centerActions = [],
+    type = BOX_TYPES.CATEGORY,
+    noBorder,
+    isMain
+  } = _ref;
   const {
     labelText,
     borderBottom,

package/esm/components/blocks.js

@@ -1,41 +1,50 @@
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 
 const blockName = 'group-box';
-const GroupBoxWrapper = aggregatedClasses('div')(blockName, 'wrapper', ({
-  onlyHeader,
-  noBorder,
-  type,
-  isMain
-}) => ({
-  'only-header': onlyHeader,
-  'no-border': noBorder,
-  [type]: type,
-  'main-box': isMain,
-  'nested-box': !isMain
-}));
-const GroupBoxContent = 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 = aggregatedClasses('div')(blockName, 'label', ({
-  borderBottom,
-  type,
-  noBorder
-}) => ({
-  'border-bottom': borderBottom,
-  [type]: type,
-  'no-border': noBorder
-}));
+const GroupBoxWrapper = 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
+  };
+});
+const GroupBoxContent = 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 = aggregatedClasses('div')(blockName, 'label', _ref3 => {
+  let {
+    borderBottom,
+    type,
+    noBorder
+  } = _ref3;
+  return {
+    'border-bottom': borderBottom,
+    [type]: type,
+    'no-border': noBorder
+  };
+});
 
 export { GroupBoxContent, GroupBoxWrapper, Label };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-group-box",
-  "version": "2.0.0-next.0",
+  "version": "2.0.0-next.12",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Group Box",
   "module": "./esm/index.js",
@@ -64,20 +64,20 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-next.0",
-    "@elliemae/ds-system": "2.0.0-next.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-next.0",
+    "@elliemae/ds-classnames": "2.0.0-next.12",
+    "@elliemae/ds-system": "2.0.0-next.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-next.12",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1",
+    "styled-components": "~5.3.3",
     "styled-system": "~5.1.5"
   },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1",
+    "styled-components": "^5.3.3",
     "styled-system": "^5.1.5"
   },
   "publishConfig": {

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}