@elliemae/ds-group-box 3.12.0-rc.2 → 3.12.0-rc.4

package/dist/cjs/ActionItem.js

@@ -41,9 +41,7 @@ const ActionItemNode = import_ds_system.styled.div`
     padding-right: 0;
   }
 `;
-const ActionItem = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionItemNode, {
-  children
-});
+const ActionItem = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionItemNode, { children });
 ActionItem.propTypes = {
   children: import_prop_types.default.node.isRequired
 };

package/dist/cjs/ActionItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/ActionItem.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n  padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  font-weight: 300;\n  overflow: hidden;\n  align-items: center;\n  display: flex;\n  &:last-child {\n    padding-right: 0;\n  }\n`;\n\nconst ActionItem = ({ children }) => <ActionItemNode>{children}</ActionItemNode>;\n\nActionItem.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADec;AAdrC,uBAAiD;AACjD,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAgB;AAAA,CAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,kBAAAA,QAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADec;AAdrC,uBAAiD;AACjD,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,4CAAC,kBAAgB,UAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,kBAAAA,QAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/Actions.js

@@ -43,13 +43,7 @@ const ActionsNode = import_ds_system.styled.div`
 const Actions = ({ actions = [], centerActions, rightActions }) => {
   if (actions.length < 1)
     return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsNode, {
-    marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto",
-    children: actions.map((action, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionItem.default, {
-      children: action
-    }, key))
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsNode, { marginLeft: !!rightActions && "auto", marginRight: !!centerActions && "auto", children: actions.map((action, key) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ActionItem.default, { children: action }, key)) });
 };
 Actions.propTypes = {
   actions: import_prop_types.default.array,

package/dist/cjs/Actions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/Actions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  overflow: hidden;\n  ${space}\n`;\n\nconst Actions = ({ actions = [], centerActions, rightActions }) => {\n  if (actions.length < 1) return null;\n  return (\n    <ActionsNode marginLeft={!!rightActions && 'auto'} marginRight={!!centerActions && 'auto'}>\n      {actions.map((action, key) => (\n        <ActionItem key={key}>{action}</ActionItem>\n      ))}\n    </ActionsNode>\n  );\n};\n\nActions.propTypes = {\n  actions: PropTypes.array,\n  centerActions: PropTypes.bool,\n  rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBf;AAjBR,wBAAsB;AACtB,uBAAwD;AACxD,wBAAuB;AAEvB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,aAAa,MAAM;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,4CAAC;AAAA,IAAY,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAAQ,aAAa,CAAC,CAAC,iBAAiB;AAAA,IAChF,kBAAQ,IAAI,CAAC,QAAQ,QACpB,4CAAC,kBAAAA,SAAA;AAAA,MAAsB;AAAA,OAAN,GAAa,CAC/B;AAAA,GACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,kBAAAC,QAAU;AAAA,EACnB,eAAe,kBAAAA,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAC1B;AAGA,IAAO,kBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBf;AAjBR,wBAAsB;AACtB,uBAAwD;AACxD,wBAAuB;AAEvB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,aAAa,MAAM;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,4CAAC,eAAY,YAAY,CAAC,CAAC,gBAAgB,QAAQ,aAAa,CAAC,CAAC,iBAAiB,QAChF,kBAAQ,IAAI,CAAC,QAAQ,QACpB,4CAAC,kBAAAA,SAAA,EAAsB,oBAAN,GAAa,CAC/B,GACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,kBAAAC,QAAU;AAAA,EACnB,eAAe,kBAAAA,QAAU;AAAA,EACzB,cAAc,kBAAAA,QAAU;AAC1B;AAGA,IAAO,kBAAQ;",
   "names": ["ActionItem", "PropTypes"]
 }

package/dist/cjs/DSGroupBox.js

@@ -54,19 +54,21 @@ const DSGroupBox = ({
   isMain = true
 }) => {
   const { labelText } = labelProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.GroupBoxWrapper, {
-    ...containerProps,
-    classProps: { onlyHeader, noBorder, type, isMain },
-    children: [
-      labelText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GroupHeader.DSGroupBoxHeader, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.GroupBoxWrapper, { ...containerProps, classProps: { onlyHeader, noBorder, type, isMain }, children: [
+    labelText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_GroupHeader.DSGroupBoxHeader,
+      {
         centerActions,
         isMain,
         labelProps,
         noBorder,
         rightActions,
         type
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_blocks.GroupBoxContent, {
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_blocks.GroupBoxContent,
+      {
         classProps: {
           type,
           asRow,
@@ -83,9 +85,9 @@ const DSGroupBox = ({
           }),
           null
         ) : components
-      })
-    ]
-  });
+      }
+    )
+  ] });
 };
 const props = {
   containerProps: import_ds_utilities.PropTypes.object.description("props to inject to wrapper"),

package/dist/cjs/DSGroupBox.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/DSGroupBox.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n  containerProps = {},\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  asRow = false,\n  onlyHeader = false,\n  noBorder = true,\n  noPadding = false,\n  children: components = [],\n  // eslint-disable-next-line react/prop-types\n  isMain = true,\n}) => {\n  const { labelText } = labelProps;\n  return (\n    <GroupBoxWrapper {...containerProps} classProps={{ onlyHeader, noBorder, type, isMain }}>\n      {labelText && (\n        <DSGroupBoxHeader\n          centerActions={centerActions}\n          isMain={isMain}\n          labelProps={labelProps}\n          noBorder={noBorder}\n          rightActions={rightActions}\n          type={type}\n        />\n      )}\n\n      <GroupBoxContent\n        classProps={{\n          type,\n          asRow,\n          onlyHeader,\n          noPadding,\n          noBorder,\n          noBorderTop: !!labelText,\n        }}\n      >\n        {components && components.props\n          ? React.Children.map(\n              components,\n              (component) =>\n                React.cloneElement(component, {\n                  ...component.props,\n                  isMain: false,\n                }),\n              null,\n            )\n          : components}\n      </GroupBoxContent>\n    </GroupBoxWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Label attributes to be rendered\n   */\n  labelProps: PropTypes.shape({\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    borderBottom: PropTypes.bool,\n    id: PropTypes.string,\n  }).description('Label attributes to be rendered'),\n  /**\n   * ['category-box', 'group-box']\n   */\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),\n  /**\n   * Components to be rendered inside the box\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Components to be rendered inside the box',\n  ),\n  /**\n   * Actions on the right side of the label\n   */\n  rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),\n  /**\n   * Actions on the next to the label\n   */\n  centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),\n  /**\n   * Display the content of the group box with flex direction row\n   */\n  asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),\n  /**\n   * Show border only on the header\n   */\n  onlyHeader: PropTypes.bool.description('Show border only on the header'),\n  /**\n   * Remove the wrapper border\n   */\n  noBorder: PropTypes.bool.description('Remove the wrapper border'),\n  /**\n   * Remove the top and bottom padding from the content\n   */\n  noPadding: PropTypes.bool.description('Remove the top and bottom padding from the content'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,0BAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,6CAAC;AAAA,IAAiB,GAAG;AAAA,IAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,IACnF;AAAA,mBACC,4CAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,MAGF,4CAAC;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtB,aAAAA,QAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACC,aAAAA,QAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA,OACN;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAIzE,YAAY,8BAAU,MAAM;AAAA,IAC1B,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC;AAAA,IACpE,cAAc,8BAAU;AAAA,IACxB,IAAI,8BAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAIhD,MAAM,8BAAU,MAAM,gCAAe,EAAE,YAAY,iCAAgB,SAAS,CAAC;AAAA,EAI7E,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA,EAIA,cAAc,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA,EAIvG,eAAe,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA,EAIlG,OAAO,8BAAU,KAAK,YAAY,8DAA8D;AAAA,EAIhG,YAAY,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,8BAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD0BnB;AA1BJ,mBAAkB;AAClB,0BAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,6CAAC,iCAAiB,GAAG,gBAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO,GACnF;AAAA,iBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtB,aAAAA,QAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACC,aAAAA,QAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,4BAA4B;AAAA,EAIzE,YAAY,8BAAU,MAAM;AAAA,IAC1B,WAAW,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,OAAO,CAAC;AAAA,IACpE,cAAc,8BAAU;AAAA,IACxB,IAAI,8BAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAIhD,MAAM,8BAAU,MAAM,gCAAe,EAAE,YAAY,iCAAgB,SAAS,CAAC;AAAA,EAI7E,UAAU,8BAAU,UAAU,CAAC,8BAAU,SAAS,8BAAU,QAAQ,8BAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA,EAIA,cAAc,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA,EAIvG,eAAe,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA,EAIlG,OAAO,8BAAU,KAAK,YAAY,8DAA8D;AAAA,EAIhG,YAAY,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,8BAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/GroupBoxLabel.js

@@ -54,15 +54,18 @@ const GroupBoxLabelNode = import_ds_system.styled.div`
   ${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
   ${(props) => props.isMain ? `padding-right: ${(0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
 `;
-const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupBoxLabelNode, {
-  borderBottom,
-  "data-testid": "ds-group-box__header",
-  isMain,
-  noBorder,
-  nodeType: type,
-  id,
-  children
-});
+const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  GroupBoxLabelNode,
+  {
+    borderBottom,
+    "data-testid": "ds-group-box__header",
+    isMain,
+    noBorder,
+    nodeType: type,
+    id,
+    children
+  }
+);
 GroupBoxLabel.propTypes = {
   children: import_prop_types.default.oneOfType([import_prop_types.default.arrayOf(import_prop_types.default.node), import_prop_types.default.node]).isRequired,
   type: import_prop_types.default.oneOf(import_constants.BOX_TYPES_ARRAY),

package/dist/cjs/GroupBoxLabel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/GroupBoxLabel.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n  border: unset;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n  ${(props) => (props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles)}\n  ${(props) => (props.noBorder ? 'border: none;' : '')}\n  ${(props) => (props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '')}\n  ${(props) => (props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : '')}\n`;\nconst GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => (\n  <GroupBoxLabelNode\n    borderBottom={borderBottom}\n    data-testid=\"ds-group-box__header\"\n    isMain={isMain}\n    noBorder={noBorder}\n    nodeType={type}\n    id={id}\n  >\n    {children}\n  </GroupBoxLabelNode>\n);\n\nGroupBoxLabel.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n  borderBottom: PropTypes.bool,\n  isMain: PropTypes.bool.isRequired,\n  noBorder: PropTypes.bool,\n  id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BrB;AA9BF,wBAAsB;AACtB,uBAA2D;AAC3D,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ;AAEzE,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,mBAI9B;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,sBAAkB,2CAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E,4CAAC;AAAA,EACC;AAAA,EACA,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EAEC;AAAA,CACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,GAAG,kBAAAA,QAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,kBAAAA,QAAU,MAAM,gCAAe;AAAA,EACrC,cAAc,kBAAAA,QAAU;AAAA,EACxB,QAAQ,kBAAAA,QAAU,KAAK;AAAA,EACvB,UAAU,kBAAAA,QAAU;AAAA,EACpB,IAAI,kBAAAA,QAAU;AAChB;AAEA,IAAO,wBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BrB;AA9BF,wBAAsB;AACtB,uBAA2D;AAC3D,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ;AAEzE,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,mBAI9B;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,sBAAkB,2CAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IAEC;AAAA;AACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,GAAG,kBAAAA,QAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,kBAAAA,QAAU,MAAM,gCAAe;AAAA,EACrC,cAAc,kBAAAA,QAAU;AAAA,EACxB,QAAQ,kBAAAA,QAAU,KAAK;AAAA,EACvB,UAAU,kBAAAA,QAAU;AAAA,EACpB,IAAI,kBAAAA,QAAU;AAChB;AAEA,IAAO,wBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/LabelElement.js

@@ -38,9 +38,7 @@ const LabelElementNode = import_ds_system.styled.div`
   font-size: ${(props) => (0, import_ds_system.toMobile)(props.theme.fontSizes.title[700])};
   font-weight: 400;
 `;
-const LabelElement = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelElementNode, {
-  children
-});
+const LabelElement = ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LabelElementNode, { children });
 LabelElement.propTypes = {
   children: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.node]).isRequired
 };

package/dist/cjs/LabelElement.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/LabelElement.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n  font-weight: 400;\n`;\n\nconst LabelElement = ({ children }) => <LabelElementNode>{children}</LabelElementNode>;\n\nLabelElement.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYgB;AAXvC,wBAAsB;AACtB,uBAAiC;AAEjC,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,4CAAC;AAAA,EAAkB;AAAA,CAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYgB;AAXvC,wBAAsB;AACtB,uBAAiC;AAEjC,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,cAAU,2BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,4CAAC,oBAAkB,UAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
   "names": ["PropTypes"]
 }

package/dist/cjs/components/GroupHeader.js

@@ -47,27 +47,10 @@ const DSGroupBoxHeader = ({
   isMain
 }) => {
   const { labelText, borderBottom, id } = labelProps;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_GroupBoxLabel.default, {
-    borderBottom,
-    isMain,
-    noBorder,
-    type,
-    id,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LabelElement.default, {
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.default, {
-          value: labelText
-        })
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, {
-        actions: centerActions,
-        centerActions: centerActions.length > 0
-      }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, {
-        actions: rightActions,
-        rightActions: rightActions.length > 0
-      })
-    ]
-  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_GroupBoxLabel.default, { borderBottom, isMain, noBorder, type, id, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_LabelElement.default, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.default, { value: labelText }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, { actions: centerActions, centerActions: centerActions.length > 0 }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Actions.default, { actions: rightActions, rightActions: rightActions.length > 0 })
+  ] });
 };
 //# sourceMappingURL=GroupHeader.js.map

package/dist/cjs/components/GroupHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/GroupHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  noBorder,\n  isMain,\n}) => {\n  const { labelText, borderBottom, id } = labelProps;\n  return (\n    <Label borderBottom={borderBottom} isMain={isMain} noBorder={noBorder} type={type} id={id}>\n      <LabelElement>\n        <DSTruncatedTooltipText value={labelText} />\n      </LabelElement>\n      <Actions actions={centerActions} centerActions={centerActions.length > 0} />\n      <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n    </Label>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AApBJ,uCAAmC;AACnC,uBAA0B;AAC1B,qBAAoB;AACpB,0BAAyB;AACzB,2BAAkB;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,6CAAC,qBAAAA,SAAA;AAAA,IAAM;AAAA,IAA4B;AAAA,IAAgB;AAAA,IAAoB;AAAA,IAAY;AAAA,IACjF;AAAA,kDAAC,oBAAAC,SAAA;AAAA,QACC,sDAAC,iCAAAC,SAAA;AAAA,UAAuB,OAAO;AAAA,SAAW;AAAA,OAC5C;AAAA,MACA,4CAAC,eAAAC,SAAA;AAAA,QAAQ,SAAS;AAAA,QAAe,eAAe,cAAc,SAAS;AAAA,OAAG;AAAA,MAC1E,4CAAC,eAAAA,SAAA;AAAA,QAAQ,SAAS;AAAA,QAAc,cAAc,aAAa,SAAS;AAAA,OAAG;AAAA;AAAA,GACzE;AAEJ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBnB;AApBJ,uCAAmC;AACnC,uBAA0B;AAC1B,qBAAoB;AACpB,0BAAyB;AACzB,2BAAkB;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,2BAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,6CAAC,qBAAAA,SAAA,EAAM,cAA4B,QAAgB,UAAoB,MAAY,IACjF;AAAA,gDAAC,oBAAAC,SAAA,EACC,sDAAC,iCAAAC,SAAA,EAAuB,OAAO,WAAW,GAC5C;AAAA,IACA,4CAAC,eAAAC,SAAA,EAAQ,SAAS,eAAe,eAAe,cAAc,SAAS,GAAG;AAAA,IAC1E,4CAAC,eAAAA,SAAA,EAAQ,SAAS,cAAc,cAAc,aAAa,SAAS,GAAG;AAAA,KACzE;AAEJ;",
   "names": ["Label", "LabelElement", "DSTruncatedTooltipText", "Actions"]
 }

package/dist/esm/ActionItem.js

@@ -12,9 +12,7 @@ const ActionItemNode = styled.div`
     padding-right: 0;
   }
 `;
-const ActionItem = ({ children }) => /* @__PURE__ */ jsx(ActionItemNode, {
-  children
-});
+const ActionItem = ({ children }) => /* @__PURE__ */ jsx(ActionItemNode, { children });
 ActionItem.propTypes = {
   children: PropTypes.node.isRequired
 };

package/dist/esm/ActionItem.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/ActionItem.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\n\nconst ActionItemNode = styled.div`\n  padding-right: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n  font-weight: 300;\n  overflow: hidden;\n  align-items: center;\n  display: flex;\n  &:last-child {\n    padding-right: 0;\n  }\n`;\n\nconst ActionItem = ({ children }) => <ActionItemNode>{children}</ActionItemNode>;\n\nActionItem.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACec;AAdrC,SAAS,QAAQ,gCAAgC;AACjD,OAAO,eAAe;AAEtB,MAAM,iBAAiB,OAAO;AAAA,mBACX,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,EAAgB;AAAA,CAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACec;AAdrC,SAAS,QAAQ,gCAAgC;AACjD,OAAO,eAAe;AAEtB,MAAM,iBAAiB,OAAO;AAAA,mBACX,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU3E,MAAM,aAAa,CAAC,EAAE,SAAS,MAAM,oBAAC,kBAAgB,UAAS;AAE/D,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/Actions.js

@@ -13,13 +13,7 @@ const ActionsNode = styled.div`
 const Actions = ({ actions = [], centerActions, rightActions }) => {
   if (actions.length < 1)
     return null;
-  return /* @__PURE__ */ jsx(ActionsNode, {
-    marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto",
-    children: actions.map((action, key) => /* @__PURE__ */ jsx(ActionItem, {
-      children: action
-    }, key))
-  });
+  return /* @__PURE__ */ jsx(ActionsNode, { marginLeft: !!rightActions && "auto", marginRight: !!centerActions && "auto", children: actions.map((action, key) => /* @__PURE__ */ jsx(ActionItem, { children: action }, key)) });
 };
 Actions.propTypes = {
   actions: PropTypes.array,

package/dist/esm/Actions.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Actions.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/forbid-prop-types */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport ActionItem from './ActionItem';\n\nconst ActionsNode = styled.div`\n  display: flex;\n  flex-direction: row;\n  padding-left: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  overflow: hidden;\n  ${space}\n`;\n\nconst Actions = ({ actions = [], centerActions, rightActions }) => {\n  if (actions.length < 1) return null;\n  return (\n    <ActionsNode marginLeft={!!rightActions && 'auto'} marginRight={!!centerActions && 'auto'}>\n      {actions.map((action, key) => (\n        <ActionItem key={key}>{action}</ActionItem>\n      ))}\n    </ActionsNode>\n  );\n};\n\nActions.propTypes = {\n  actions: PropTypes.array,\n  centerActions: PropTypes.bool,\n  rightActions: PropTypes.bool,\n};\n\nexport { Actions };\nexport default Actions;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACmBf;AAjBR,OAAO,eAAe;AACtB,SAAS,QAAQ,OAAO,gCAAgC;AACxD,OAAO,gBAAgB;AAEvB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,aAAa,MAAM;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,oBAAC;AAAA,IAAY,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAAQ,aAAa,CAAC,CAAC,iBAAiB;AAAA,IAChF,kBAAQ,IAAI,CAAC,QAAQ,QACpB,oBAAC;AAAA,MAAsB;AAAA,OAAN,GAAa,CAC/B;AAAA,GACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAC1B;AAGA,IAAO,kBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACmBf;AAjBR,OAAO,eAAe;AACtB,SAAS,QAAQ,OAAO,gCAAgC;AACxD,OAAO,gBAAgB;AAEvB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,aAAa,MAAM;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,oBAAC,eAAY,YAAY,CAAC,CAAC,gBAAgB,QAAQ,aAAa,CAAC,CAAC,iBAAiB,QAChF,kBAAQ,IAAI,CAAC,QAAQ,QACpB,oBAAC,cAAsB,oBAAN,GAAa,CAC/B,GACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAC1B;AAGA,IAAO,kBAAQ;",
   "names": []
 }

package/dist/esm/DSGroupBox.js

@@ -23,19 +23,21 @@ const DSGroupBox = ({
   isMain = true
 }) => {
   const { labelText } = labelProps;
-  return /* @__PURE__ */ jsxs(GroupBoxWrapper, {
-    ...containerProps,
-    classProps: { onlyHeader, noBorder, type, isMain },
-    children: [
-      labelText && /* @__PURE__ */ jsx(DSGroupBoxHeader, {
+  return /* @__PURE__ */ jsxs(GroupBoxWrapper, { ...containerProps, classProps: { onlyHeader, noBorder, type, isMain }, children: [
+    labelText && /* @__PURE__ */ jsx(
+      DSGroupBoxHeader,
+      {
         centerActions,
         isMain,
         labelProps,
         noBorder,
         rightActions,
         type
-      }),
-      /* @__PURE__ */ jsx(GroupBoxContent, {
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      GroupBoxContent,
+      {
         classProps: {
           type,
           asRow,
@@ -52,9 +54,9 @@ const DSGroupBox = ({
           }),
           null
         ) : components
-      })
-    ]
-  });
+      }
+    )
+  ] });
 };
 const props = {
   containerProps: PropTypes.object.description("props to inject to wrapper"),

package/dist/esm/DSGroupBox.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSGroupBox.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { GroupBoxWrapper, GroupBoxContent } from './components/blocks';\nimport { DSGroupBoxHeader } from './components/GroupHeader';\nimport { BOX_TYPES, BOX_TYPES_ARRAY } from './constants';\n\nconst DSGroupBox = ({\n  containerProps = {},\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  asRow = false,\n  onlyHeader = false,\n  noBorder = true,\n  noPadding = false,\n  children: components = [],\n  // eslint-disable-next-line react/prop-types\n  isMain = true,\n}) => {\n  const { labelText } = labelProps;\n  return (\n    <GroupBoxWrapper {...containerProps} classProps={{ onlyHeader, noBorder, type, isMain }}>\n      {labelText && (\n        <DSGroupBoxHeader\n          centerActions={centerActions}\n          isMain={isMain}\n          labelProps={labelProps}\n          noBorder={noBorder}\n          rightActions={rightActions}\n          type={type}\n        />\n      )}\n\n      <GroupBoxContent\n        classProps={{\n          type,\n          asRow,\n          onlyHeader,\n          noPadding,\n          noBorder,\n          noBorderTop: !!labelText,\n        }}\n      >\n        {components && components.props\n          ? React.Children.map(\n              components,\n              (component) =>\n                React.cloneElement(component, {\n                  ...component.props,\n                  isMain: false,\n                }),\n              null,\n            )\n          : components}\n      </GroupBoxContent>\n    </GroupBoxWrapper>\n  );\n};\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Label attributes to be rendered\n   */\n  labelProps: PropTypes.shape({\n    labelText: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n    borderBottom: PropTypes.bool,\n    id: PropTypes.string,\n  }).description('Label attributes to be rendered'),\n  /**\n   * ['category-box', 'group-box']\n   */\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),\n  /**\n   * Components to be rendered inside the box\n   */\n  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]).isRequired.description(\n    'Components to be rendered inside the box',\n  ),\n  /**\n   * Actions on the right side of the label\n   */\n  rightActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the right side of the label'),\n  /**\n   * Actions on the next to the label\n   */\n  centerActions: PropTypes.arrayOf(PropTypes.element).description('Actions on the next to the label'),\n  /**\n   * Display the content of the group box with flex direction row\n   */\n  asRow: PropTypes.bool.description('Display the content of the group box with flex direction row'),\n  /**\n   * Show border only on the header\n   */\n  onlyHeader: PropTypes.bool.description('Show border only on the header'),\n  /**\n   * Remove the wrapper border\n   */\n  noBorder: PropTypes.bool.description('Remove the wrapper border'),\n  /**\n   * Remove the top and bottom padding from the content\n   */\n  noPadding: PropTypes.bool.description('Remove the top and bottom padding from the content'),\n};\n\nDSGroupBox.propTypes = props;\nDSGroupBox.displayName = 'DSGroupBox';\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\n\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\nexport default DSGroupBox;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC0BnB,SAEI,KAFJ;AA1BJ,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AACjC,SAAS,WAAW,uBAAuB;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,qBAAC;AAAA,IAAiB,GAAG;AAAA,IAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,IACnF;AAAA,mBACC,oBAAC;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,MAGF,oBAAC;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtBA,OAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACCA,OAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA,OACN;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAIzE,YAAY,UAAU,MAAM;AAAA,IAC1B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,IACpE,cAAc,UAAU;AAAA,IACxB,IAAI,UAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAIhD,MAAM,UAAU,MAAM,eAAe,EAAE,YAAY,gBAAgB,SAAS,CAAC;AAAA,EAI7E,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA,EAIA,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA,EAIvG,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA,EAIlG,OAAO,UAAU,KAAK,YAAY,8DAA8D;AAAA,EAIhG,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;AC0BnB,SAEI,KAFJ;AA1BJ,OAAOA,YAAW;AAClB,SAAS,WAAW,gBAAgB;AACpC,SAAS,iBAAiB,uBAAuB;AACjD,SAAS,wBAAwB;AACjC,SAAS,WAAW,uBAAuB;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB,CAAC;AAAA,EAClB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa,CAAC;AAAA,EAExB,SAAS;AACX,MAAM;AACJ,QAAM,EAAE,UAAU,IAAI;AACtB,SACE,qBAAC,mBAAiB,GAAG,gBAAgB,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO,GACnF;AAAA,iBACC;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,IACF;AAAA,IAGF;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,CAAC,CAAC;AAAA,QACjB;AAAA,QAEC,wBAAc,WAAW,QACtBA,OAAM,SAAS;AAAA,UACb;AAAA,UACA,CAAC,cACCA,OAAM,aAAa,WAAW;AAAA,YAC5B,GAAG,UAAU;AAAA,YACb,QAAQ;AAAA,UACV,CAAC;AAAA,UACH;AAAA,QACF,IACA;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAIzE,YAAY,UAAU,MAAM;AAAA,IAC1B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC;AAAA,IACpE,cAAc,UAAU;AAAA,IACxB,IAAI,UAAU;AAAA,EAChB,CAAC,EAAE,YAAY,iCAAiC;AAAA,EAIhD,MAAM,UAAU,MAAM,eAAe,EAAE,YAAY,gBAAgB,SAAS,CAAC;AAAA,EAI7E,UAAU,UAAU,UAAU,CAAC,UAAU,SAAS,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC,EAAE,WAAW;AAAA,IAClG;AAAA,EACF;AAAA,EAIA,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,wCAAwC;AAAA,EAIvG,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE,YAAY,kCAAkC;AAAA,EAIlG,OAAO,UAAU,KAAK,YAAY,8DAA8D;AAAA,EAIhG,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,UAAU,KAAK,YAAY,oDAAoD;AAC5F;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": ["React"]
 }

package/dist/esm/GroupBoxLabel.js

@@ -25,15 +25,18 @@ const GroupBoxLabelNode = styled.div`
   ${(props) => props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ""}
   ${(props) => props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : ""}
 `;
-const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ jsx(GroupBoxLabelNode, {
-  borderBottom,
-  "data-testid": "ds-group-box__header",
-  isMain,
-  noBorder,
-  nodeType: type,
-  id,
-  children
-});
+const GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => /* @__PURE__ */ jsx(
+  GroupBoxLabelNode,
+  {
+    borderBottom,
+    "data-testid": "ds-group-box__header",
+    isMain,
+    noBorder,
+    nodeType: type,
+    id,
+    children
+  }
+);
 GroupBoxLabel.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,
   type: PropTypes.oneOf(BOX_TYPES_ARRAY),

package/dist/esm/GroupBoxLabel.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GroupBoxLabel.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) => `1px solid ${props.theme.colors.neutral[200]};`;\n\nconst categoryBoxStyles = `\n  width: 100%;\n  height: 36px;\n  padding:0 0;\n  color: ${(props) => props.theme.colors.neutral[800]};\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  border-bottom: ${borderBase200}\n`;\n\nconst groupBoxStyles = `\n  border: unset;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[500])};\n  padding: 12px 0;\n`;\n\nconst GroupBoxLabelNode = styled.div`\n  ${(props) => (props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles)}\n  ${(props) => (props.noBorder ? 'border: none;' : '')}\n  ${(props) => (props.borderBottom ? `border-bottom: ${borderBase200(props)}` : '')}\n  ${(props) => (props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : '')}\n`;\nconst GroupBoxLabel = ({ borderBottom, children, noBorder, isMain, type, id }) => (\n  <GroupBoxLabelNode\n    borderBottom={borderBottom}\n    data-testid=\"ds-group-box__header\"\n    isMain={isMain}\n    noBorder={noBorder}\n    nodeType={type}\n    id={id}\n  >\n    {children}\n  </GroupBoxLabelNode>\n);\n\nGroupBoxLabel.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  type: PropTypes.oneOf(BOX_TYPES_ARRAY),\n  borderBottom: PropTypes.bool,\n  isMain: PropTypes.bool.isRequired,\n  noBorder: PropTypes.bool,\n  id: PropTypes.string,\n};\n\nexport default GroupBoxLabel;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC+BrB;AA9BF,OAAO,eAAe;AACtB,SAAS,QAAQ,0BAA0B,gBAAgB;AAC3D,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ;AAEzE,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,mBAI9B;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,kBAAkB,yBAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E,oBAAC;AAAA,EACC;AAAA,EACA,eAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EAEC;AAAA,CACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,GAAG,UAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,UAAU,MAAM,eAAe;AAAA,EACrC,cAAc,UAAU;AAAA,EACxB,QAAQ,UAAU,KAAK;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,IAAI,UAAU;AAChB;AAEA,IAAO,wBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;AC+BrB;AA9BF,OAAO,eAAe;AACtB,SAAS,QAAQ,0BAA0B,gBAAgB;AAC3D,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAAU,aAAa,MAAM,MAAM,OAAO,QAAQ;AAEzE,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA,WAIf,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA,mBAI9B;AAAA;AAGnB,MAAM,iBAAiB;AAAA;AAAA,eAER,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,OAAO;AAAA,IAC7B,CAAC,UAAW,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACpE,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UAAW,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAC5E,CAAC,UAAW,MAAM,SAAS,kBAAkB,yBAAyB,MAAM,MAAM,MAAM,EAAE,OAAO;AAAA;AAErG,MAAM,gBAAgB,CAAC,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,MAC1E;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IAEC;AAAA;AACH;AAGF,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,GAAG,UAAU,IAAI,CAAC,EAAE;AAAA,EACnF,MAAM,UAAU,MAAM,eAAe;AAAA,EACrC,cAAc,UAAU;AAAA,EACxB,QAAQ,UAAU,KAAK;AAAA,EACvB,UAAU,UAAU;AAAA,EACpB,IAAI,UAAU;AAChB;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/LabelElement.js

@@ -9,9 +9,7 @@ const LabelElementNode = styled.div`
   font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};
   font-weight: 400;
 `;
-const LabelElement = ({ children }) => /* @__PURE__ */ jsx(LabelElementNode, {
-  children
-});
+const LabelElement = ({ children }) => /* @__PURE__ */ jsx(LabelElementNode, { children });
 LabelElement.propTypes = {
   children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired
 };

package/dist/esm/LabelElement.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/LabelElement.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled, toMobile } from '@elliemae/ds-system';\n\nconst LabelElementNode = styled.div`\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.title[700])};\n  font-weight: 400;\n`;\n\nconst LabelElement = ({ children }) => <LabelElementNode>{children}</LabelElementNode>;\n\nLabelElement.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYgB;AAXvC,OAAO,eAAe;AACtB,SAAS,QAAQ,gBAAgB;AAEjC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,oBAAC;AAAA,EAAkB;AAAA,CAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACYgB;AAXvC,OAAO,eAAe;AACtB,SAAS,QAAQ,gBAAgB;AAEjC,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,eAAe,CAAC,EAAE,SAAS,MAAM,oBAAC,oBAAkB,UAAS;AAEnE,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
   "names": []
 }

package/dist/esm/components/GroupHeader.js

@@ -18,28 +18,11 @@ const DSGroupBoxHeader = ({
   isMain
 }) => {
   const { labelText, borderBottom, id } = labelProps;
-  return /* @__PURE__ */ jsxs(Label, {
-    borderBottom,
-    isMain,
-    noBorder,
-    type,
-    id,
-    children: [
-      /* @__PURE__ */ jsx(LabelElement, {
-        children: /* @__PURE__ */ jsx(DSTruncatedTooltipText, {
-          value: labelText
-        })
-      }),
-      /* @__PURE__ */ jsx(Actions, {
-        actions: centerActions,
-        centerActions: centerActions.length > 0
-      }),
-      /* @__PURE__ */ jsx(Actions, {
-        actions: rightActions,
-        rightActions: rightActions.length > 0
-      })
-    ]
-  });
+  return /* @__PURE__ */ jsxs(Label, { borderBottom, isMain, noBorder, type, id, children: [
+    /* @__PURE__ */ jsx(LabelElement, { children: /* @__PURE__ */ jsx(DSTruncatedTooltipText, { value: labelText }) }),
+    /* @__PURE__ */ jsx(Actions, { actions: centerActions, centerActions: centerActions.length > 0 }),
+    /* @__PURE__ */ jsx(Actions, { actions: rightActions, rightActions: rightActions.length > 0 })
+  ] });
 };
 export {
   DSGroupBoxHeader

package/dist/esm/components/GroupHeader.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/GroupHeader.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\nimport { BOX_TYPES } from '../constants';\nimport Actions from '../Actions';\nimport LabelElement from '../LabelElement';\nimport Label from '../GroupBoxLabel';\n\nexport const DSGroupBoxHeader = ({\n  labelProps = {\n    labelText: '',\n    borderBottom: false,\n    id: 'ds-group-box__header',\n  },\n  rightActions = [],\n  centerActions = [],\n  type = BOX_TYPES.CATEGORY,\n  noBorder,\n  isMain,\n}) => {\n  const { labelText, borderBottom, id } = labelProps;\n  return (\n    <Label borderBottom={borderBottom} isMain={isMain} noBorder={noBorder} type={type} id={id}>\n      <LabelElement>\n        <DSTruncatedTooltipText value={labelText} />\n      </LabelElement>\n      <Actions actions={centerActions} centerActions={centerActions.length > 0} />\n      <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n    </Label>\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqBnB,SAEI,KAFJ;AApBJ,OAAO,4BAA4B;AACnC,SAAS,iBAAiB;AAC1B,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,WAAW;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,qBAAC;AAAA,IAAM;AAAA,IAA4B;AAAA,IAAgB;AAAA,IAAoB;AAAA,IAAY;AAAA,IACjF;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAuB,OAAO;AAAA,SAAW;AAAA,OAC5C;AAAA,MACA,oBAAC;AAAA,QAAQ,SAAS;AAAA,QAAe,eAAe,cAAc,SAAS;AAAA,OAAG;AAAA,MAC1E,oBAAC;AAAA,QAAQ,SAAS;AAAA,QAAc,cAAc,aAAa,SAAS;AAAA,OAAG;AAAA;AAAA,GACzE;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACqBnB,SAEI,KAFJ;AApBJ,OAAO,4BAA4B;AACnC,SAAS,iBAAiB;AAC1B,OAAO,aAAa;AACpB,OAAO,kBAAkB;AACzB,OAAO,WAAW;AAEX,MAAM,mBAAmB,CAAC;AAAA,EAC/B,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA,EACN;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,gBAAgB,CAAC;AAAA,EACjB,OAAO,UAAU;AAAA,EACjB;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,WAAW,cAAc,GAAG,IAAI;AACxC,SACE,qBAAC,SAAM,cAA4B,QAAgB,UAAoB,MAAY,IACjF;AAAA,wBAAC,gBACC,8BAAC,0BAAuB,OAAO,WAAW,GAC5C;AAAA,IACA,oBAAC,WAAQ,SAAS,eAAe,eAAe,cAAc,SAAS,GAAG;AAAA,IAC1E,oBAAC,WAAQ,SAAS,cAAc,cAAc,aAAa,SAAS,GAAG;AAAA,KACzE;AAEJ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-group-box",
-  "version": "3.12.0-rc.2",
+  "version": "3.12.0-rc.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Group Box",
   "files": [
@@ -67,10 +67,10 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.12.0-rc.2",
-    "@elliemae/ds-system": "3.12.0-rc.2",
-    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.2",
-    "@elliemae/ds-utilities": "3.12.0-rc.2",
+    "@elliemae/ds-classnames": "3.12.0-rc.4",
+    "@elliemae/ds-system": "3.12.0-rc.4",
+    "@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.4",
+    "@elliemae/ds-utilities": "3.12.0-rc.4",
     "prop-types": "~15.8.1"
   },
   "devDependencies": {