@elliemae/ds-group-box 3.4.2 → 3.4.3

package/dist/cjs/ActionItem.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ActionItem_exports = {};
 __export(ActionItem_exports, {
@@ -25,7 +28,7 @@ __export(ActionItem_exports, {
 });
 module.exports = __toCommonJS(ActionItem_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
 var import_prop_types = __toESM(require("prop-types"));
@@ -40,7 +43,9 @@ const ActionItemNode = import_ds_system.styled.div`
   }
 `;
 function ActionItem({ children }) {
-  return /* @__PURE__ */ import_react.default.createElement(ActionItemNode, null, children);
+  return /* @__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 } from '@elliemae/ds-system';\nimport { __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\nfunction ActionItem({ children }) {\n  return <ActionItemNode>{children}</ActionItemNode>;\n}\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;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,wBAAyC;AACzC,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,WAAS,gDAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzE,oBAAoB,EAAE,YAAY;AAChC,SAAO,mDAAC,sBAAgB,QAAS;AACnC;AAEA,WAAW,YAAY;AAAA,EACrB,UAAU,0BAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,IAAAA,oBAAyC;AACzC,wBAAsB;AAEtB,MAAM,iBAAiB,wBAAO;AAAA,mBACX,eAAS,4CAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzE,SAAS,WAAW,EAAE,SAAS,GAAG;AAChC,SAAO,4CAAC;AAAA,IAAgB;AAAA,GAAS;AACnC;AAEA,WAAW,YAAY;AAAA,EACrB,UAAU,kBAAAC,QAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
+  "names": ["import_ds_system", "PropTypes"]
 }

package/dist/cjs/Actions.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Actions_exports = {};
 __export(Actions_exports, {
@@ -26,7 +29,7 @@ __export(Actions_exports, {
 });
 module.exports = __toCommonJS(Actions_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ActionItem = __toESM(require("./ActionItem"));
@@ -40,12 +43,13 @@ const ActionsNode = import_ds_system.styled.div`
 const Actions = ({ actions = [], centerActions, rightActions }) => {
   if (actions.length < 1)
     return null;
-  return /* @__PURE__ */ import_react.default.createElement(ActionsNode, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ActionsNode, {
     marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto"
-  }, actions.map((action, key) => /* @__PURE__ */ import_react.default.createElement(import_ActionItem.default, {
-    key
-  }, action)));
+    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;ADCvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAwD;AACxD,wBAAuB;AAEvB,MAAM,cAAc,wBAAO;AAAA;AAAA;AAAA,kBAGT,CAAC,UAAU,+CAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA,IAErE;AAAA;AAGJ,MAAM,UAAU,CAAC,EAAE,UAAU,CAAC,GAAG,eAAe,mBAAmB;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,mDAAC;AAAA,IAAY,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAAQ,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAChF,QAAQ,IAAI,CAAC,QAAQ,QACpB,mDAAC;AAAA,IAAW;AAAA,KAAW,MAAO,CAC/B,CACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,0BAAU;AAAA,EACnB,eAAe,0BAAU;AAAA,EACzB,cAAc,0BAAU;AAC1B;AAGA,IAAO,kBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,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;",
+  "names": ["ActionItem", "PropTypes"]
 }

package/dist/cjs/DSGroupBox.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var DSGroupBox_exports = {};
 __export(DSGroupBox_exports, {
@@ -27,6 +30,7 @@ __export(DSGroupBox_exports, {
 });
 module.exports = __toCommonJS(DSGroupBox_exports);
 var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
 var import_blocks = require("./components/blocks");
@@ -50,29 +54,38 @@ const DSGroupBox = ({
   isMain = true
 }) => {
   const { labelText } = labelProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxWrapper, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_blocks.GroupBoxWrapper, {
     ...containerProps,
-    classProps: { onlyHeader, noBorder, type, isMain }
-  }, labelText && /* @__PURE__ */ import_react.default.createElement(import_GroupHeader.DSGroupBoxHeader, {
-    centerActions,
-    isMain,
-    labelProps,
-    noBorder,
-    rightActions,
-    type
-  }), /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxContent, {
-    classProps: {
-      type,
-      asRow,
-      onlyHeader,
-      noPadding,
-      noBorder,
-      noBorderTop: !!labelText
-    }
-  }, components && components.props ? import_react.default.Children.map(components, (component) => import_react.default.cloneElement(component, {
-    ...component.props,
-    isMain: false
-  }), null) : components));
+    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, {
+        classProps: {
+          type,
+          asRow,
+          onlyHeader,
+          noPadding,
+          noBorder,
+          noBorderTop: !!labelText
+        },
+        children: components && components.props ? import_react.default.Children.map(
+          components,
+          (component) => import_react.default.cloneElement(component, {
+            ...component.props,
+            isMain: false
+          }),
+          null
+        ) : components
+      })
+    ]
+  });
 };
 const props = {
   containerProps: import_ds_utilities.PropTypes.object.description("props to inject to wrapper"),
@@ -81,17 +94,27 @@ const props = {
     borderBottom: import_ds_utilities.PropTypes.bool,
     id: import_ds_utilities.PropTypes.string
   }).description("Label attributes to be rendered"),
-  type: import_ds_utilities.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(import_constants.BOX_TYPES_ARRAY.toString()),
+  type: import_ds_utilities.PropTypes.oneOf(import_constants.BOX_TYPES_ARRAY).description(
+    import_constants.BOX_TYPES_ARRAY.toString()
+  ),
   children: import_ds_utilities.PropTypes.oneOfType([
     import_ds_utilities.PropTypes.element,
     import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element)
   ]).isRequired.description("Components to be rendered inside the box"),
-  rightActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("Actions on the right side of the label"),
-  centerActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description("Actions on the next to the label"),
-  asRow: import_ds_utilities.PropTypes.bool.description("Display the content of the group box with flex direction row"),
+  rightActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description(
+    "Actions on the right side of the label"
+  ),
+  centerActions: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.element).description(
+    "Actions on the next to the label"
+  ),
+  asRow: import_ds_utilities.PropTypes.bool.description(
+    "Display the content of the group box with flex direction row"
+  ),
   onlyHeader: import_ds_utilities.PropTypes.bool.description("Show border only on the header"),
   noBorder: import_ds_utilities.PropTypes.bool.description("Remove the wrapper border"),
-  noPadding: import_ds_utilities.PropTypes.bool.description("Remove the top and bottom padding from the content")
+  noPadding: import_ds_utilities.PropTypes.bool.description(
+    "Remove the top and bottom padding from the content"
+  )
 };
 DSGroupBox.propTypes = props;
 DSGroupBox.displayName = "DSGroupBox";

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\n      {...containerProps}\n      classProps={{ onlyHeader, noBorder, type, isMain }}\n    >\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(\n    BOX_TYPES_ARRAY.toString(),\n  ),\n  /**\n   * Components to be rendered inside the box\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]).isRequired.description('Components to be rendered inside the box'),\n  /**\n   * Actions on the right side of the label\n   */\n  rightActions: PropTypes.arrayOf(PropTypes.element).description(\n    'Actions on the right side of the label',\n  ),\n  /**\n   * Actions on the next to the label\n   */\n  centerActions: PropTypes.arrayOf(PropTypes.element).description(\n    'Actions on the next to the label',\n  ),\n  /**\n   * Display the content of the group box with flex direction row\n   */\n  asRow: PropTypes.bool.description(\n    'Display the content of the group box with flex direction row',\n  ),\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(\n    'Remove the top and bottom padding from the content',\n  ),\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;ADAvB,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;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,mDAAC;AAAA,IACE,GAAG;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,KAEhD,aACC,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GAGF,mDAAC;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA,IACjB;AAAA,KAEC,cAAc,WAAW,QACtB,qBAAM,SAAS,IACb,YACA,CAAC,cACC,qBAAM,aAAa,WAAW;AAAA,IAC5B,GAAG,UAAU;AAAA,IACb,QAAQ;AAAA,EACV,CAAC,GACH,IACF,IACA,UACN,CACF;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,YACrC,iCAAgB,SAAS,CAC3B;AAAA,EAIA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,QAAQ,8BAAU,OAAO;AAAA,EACrC,CAAC,EAAE,WAAW,YAAY,0CAA0C;AAAA,EAIpE,cAAc,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YACjD,wCACF;AAAA,EAIA,eAAe,8BAAU,QAAQ,8BAAU,OAAO,EAAE,YAClD,kCACF;AAAA,EAIA,OAAO,8BAAU,KAAK,YACpB,8DACF;AAAA,EAIA,YAAY,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,8BAAU,KAAK,YACxB,oDACF;AACF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,kCAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,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,IACE,GAAG;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,IAEhD;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;AAAA,IACrC,iCAAgB,SAAS;AAAA,EAC3B;AAAA,EAIA,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU,QAAQ,8BAAU,OAAO;AAAA,EACrC,CAAC,EAAE,WAAW,YAAY,0CAA0C;AAAA,EAIpE,cAAc,8BAAU,QAAQ,8BAAU,OAAO,EAAE;AAAA,IACjD;AAAA,EACF;AAAA,EAIA,eAAe,8BAAU,QAAQ,8BAAU,OAAO,EAAE;AAAA,IAClD;AAAA,EACF;AAAA,EAIA,OAAO,8BAAU,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EAIA,YAAY,8BAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,8BAAU,KAAK;AAAA,IACxB;AAAA,EACF;AACF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,2BAAuB,8BAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "names": ["React"]
 }

package/dist/cjs/GroupBoxLabel.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GroupBoxLabel_exports = {};
 __export(GroupBoxLabel_exports, {
@@ -25,7 +28,7 @@ __export(GroupBoxLabel_exports, {
 });
 module.exports = __toCommonJS(GroupBoxLabel_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
@@ -53,14 +56,15 @@ const GroupBoxLabelNode = import_ds_system.styled.div`
   ${(props) => props.isMain ? `padding-right: ${(0, import_ds_system2.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xs)};` : ""}
 `;
 function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {
-  return /* @__PURE__ */ import_react.default.createElement(GroupBoxLabelNode, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupBoxLabelNode, {
     borderBottom,
     "data-testid": "ds-group-box__header",
     isMain,
     noBorder,
     nodeType: type,
-    id
-  }, children);
+    id,
+    children
+  });
 }
 GroupBoxLabel.propTypes = {
   children: import_prop_types.default.oneOfType([

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 } from '@elliemae/ds-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n  `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) =>\n    props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n  ${(props) => (props.noBorder ? 'border: none;' : '')}\n  ${(props) =>\n    props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n  ${(props) =>\n    props.isMain\n      ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n      : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n  return (\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}\n\nGroupBoxLabel.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).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;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAuB;AACvB,wBAAmD;AACnD,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UACrB,aAAa,MAAM,MAAM,OAAO,QAAQ;AAE1C,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,gCAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,gDAAyB,MAAM,MAAM,MAAM,EAAE,OAC/D;AAAA;AAER,uBAAuB,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,MAAM;AAC7E,SACE,mDAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEC,QACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,0BAAU,UAAU;AAAA,IAC5B,0BAAU,QAAQ,0BAAU,IAAI;AAAA,IAChC,0BAAU;AAAA,EACZ,CAAC,EAAE;AAAA,EACH,MAAM,0BAAU,MAAM,gCAAe;AAAA,EACrC,cAAc,0BAAU;AAAA,EACxB,QAAQ,0BAAU,KAAK;AAAA,EACvB,UAAU,0BAAU;AAAA,EACpB,IAAI,0BAAU;AAChB;AAEA,IAAO,wBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,uBAAuB;AACvB,IAAAA,oBAAmD;AACnD,uBAAgC;AAEhC,MAAM,gBAAgB,CAAC,UACrB,aAAa,MAAM,MAAM,OAAO,QAAQ;AAE1C,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,4BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,MAAM,oBAAoB,wBAAO;AAAA,IAC7B,CAAC,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAChE,CAAC,UACD,MAAM,SACF,sBAAkB,4CAAyB,MAAM,MAAM,MAAM,EAAE,OAC/D;AAAA;AAER,SAAS,cAAc,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,GAAG;AAC7E,SACE,4CAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IAEC;AAAA,GACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,kBAAAC,QAAU,UAAU;AAAA,IAC5B,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI;AAAA,IAChC,kBAAAA,QAAU;AAAA,EACZ,CAAC,EAAE;AAAA,EACH,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": ["import_ds_system", "PropTypes"]
 }

package/dist/cjs/LabelElement.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var LabelElement_exports = {};
 __export(LabelElement_exports, {
@@ -25,7 +28,7 @@ __export(LabelElement_exports, {
 });
 module.exports = __toCommonJS(LabelElement_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_prop_types = __toESM(require("prop-types"));
 var import_ds_system = require("@elliemae/ds-system");
 var import_ds_system2 = require("@elliemae/ds-system");
@@ -37,7 +40,9 @@ const LabelElementNode = import_ds_system.styled.div`
   font-weight: 400;
 `;
 function LabelElement({ children }) {
-  return /* @__PURE__ */ import_react.default.createElement(LabelElementNode, null, children);
+  return /* @__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 } from '@elliemae/ds-system';\nimport { 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\nfunction LabelElement({ children }) {\n  return <LabelElementNode>{children}</LabelElementNode>;\n}\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;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,uBAAuB;AACvB,wBAAyB;AAEzB,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,gCAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,sBAAsB,EAAE,YAAY;AAClC,SAAO,mDAAC,wBAAkB,QAAS;AACrC;AAEA,aAAa,YAAY;AAAA,EACvB,UAAU,0BAAU,UAAU,CAAC,0BAAU,QAAQ,0BAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,wBAAsB;AACtB,uBAAuB;AACvB,IAAAA,oBAAyB;AAEzB,MAAM,mBAAmB,wBAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,cAAU,4BAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,SAAS,aAAa,EAAE,SAAS,GAAG;AAClC,SAAO,4CAAC;AAAA,IAAkB;AAAA,GAAS;AACrC;AAEA,aAAa,YAAY;AAAA,EACvB,UAAU,kBAAAC,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
+  "names": ["import_ds_system", "PropTypes"]
 }

package/dist/cjs/components/GroupHeader.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var GroupHeader_exports = {};
 __export(GroupHeader_exports, {
@@ -25,7 +28,7 @@ __export(GroupHeader_exports, {
 });
 module.exports = __toCommonJS(GroupHeader_exports);
 var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
 var import_constants = require("../constants");
 var import_Actions = __toESM(require("../Actions"));
@@ -44,20 +47,27 @@ const DSGroupBoxHeader = ({
   isMain
 }) => {
   const { labelText, borderBottom, id } = labelProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_GroupBoxLabel.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_GroupBoxLabel.default, {
     borderBottom,
     isMain,
     noBorder,
     type,
-    id
-  }, /* @__PURE__ */ import_react.default.createElement(import_LabelElement.default, null, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
-    value: labelText
-  })), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
-    actions: centerActions,
-    centerActions: centerActions.length > 0
-  }), /* @__PURE__ */ import_react.default.createElement(import_Actions.default, {
-    actions: rightActions,
-    rightActions: rightActions.length > 0
-  }));
+    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\n      borderBottom={borderBottom}\n      isMain={isMain}\n      noBorder={noBorder}\n      type={type}\n      id={id}\n    >\n      <LabelElement>\n        <DSTruncatedTooltipText value={labelText} />\n      </LabelElement>\n      <Actions\n        actions={centerActions}\n        centerActions={centerActions.length > 0}\n      />\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;ADAvB,mBAAkB;AAClB,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;AAAA,MACI;AACJ,QAAM,EAAE,WAAW,cAAc,OAAO;AACxC,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,mCACC,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAW,CAC5C,GACA,mDAAC;AAAA,IACC,SAAS;AAAA,IACT,eAAe,cAAc,SAAS;AAAA,GACxC,GACA,mDAAC;AAAA,IAAQ,SAAS;AAAA,IAAc,cAAc,aAAa,SAAS;AAAA,GAAG,CACzE;AAEJ;",
-  "names": []
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,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,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,kDAAC,oBAAAC,SAAA;AAAA,QACC,sDAAC,iCAAAC,SAAA;AAAA,UAAuB,OAAO;AAAA,SAAW;AAAA,OAC5C;AAAA,MACA,4CAAC,eAAAC,SAAA;AAAA,QACC,SAAS;AAAA,QACT,eAAe,cAAc,SAAS;AAAA,OACxC;AAAA,MACA,4CAAC,eAAAA,SAAA;AAAA,QAAQ,SAAS;AAAA,QAAc,cAAc,aAAa,SAAS;AAAA,OAAG;AAAA;AAAA,GACzE;AAEJ;",
+  "names": ["Label", "LabelElement", "DSTruncatedTooltipText", "Actions"]
 }

package/dist/cjs/components/blocks.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var blocks_exports = {};
 __export(blocks_exports, {
@@ -29,24 +32,36 @@ module.exports = __toCommonJS(blocks_exports);
 var React = __toESM(require("react"));
 var import_ds_classnames = require("@elliemae/ds-classnames");
 const blockName = "group-box";
-const GroupBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "wrapper", ({ onlyHeader, noBorder, type, isMain }) => ({
-  "only-header": onlyHeader,
-  "no-border": noBorder,
-  [type]: type,
-  "main-box": isMain,
-  "nested-box": !isMain
-}));
-const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "content", ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
-  [type]: type,
-  "as-row": asRow,
-  "only-header": onlyHeader,
-  "no-padding": noPadding,
-  "no-border": noBorder,
-  "no-border-top": noBorderTop
-}));
-const Label = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "label", ({ borderBottom, type, noBorder }) => ({
-  "border-bottom": borderBottom,
-  [type]: type,
-  "no-border": noBorder
-}));
+const GroupBoxWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "wrapper",
+  ({ onlyHeader, noBorder, type, isMain }) => ({
+    "only-header": onlyHeader,
+    "no-border": noBorder,
+    [type]: type,
+    "main-box": isMain,
+    "nested-box": !isMain
+  })
+);
+const GroupBoxContent = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "content",
+  ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({
+    [type]: type,
+    "as-row": asRow,
+    "only-header": onlyHeader,
+    "no-padding": noPadding,
+    "no-border": noBorder,
+    "no-border-top": noBorderTop
+  })
+);
+const Label = (0, import_ds_classnames.aggregatedClasses)("div")(
+  blockName,
+  "label",
+  ({ borderBottom, type, noBorder }) => ({
+    "border-bottom": borderBottom,
+    [type]: type,
+    "no-border": noBorder
+  })
+);
 //# sourceMappingURL=blocks.js.map

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/blocks.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n  blockName,\n  'wrapper',\n  ({ onlyHeader, noBorder, type, isMain }) => ({\n    'only-header': onlyHeader,\n    'no-border': noBorder,\n    [type]: type,\n    'main-box': isMain,\n    'nested-box': !isMain,\n  }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n  blockName,\n  'content',\n  ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n    [type]: type,\n    'as-row': asRow,\n    'only-header': onlyHeader,\n    'no-padding': noPadding,\n    'no-border': noBorder,\n    'no-border-top': noBorderTop,\n  }),\n);\n\nexport const Label = aggregatedClasses('div')(\n  blockName,\n  'label',\n  ({ borderBottom, type, noBorder }) => ({\n    'border-bottom': borderBottom,\n    [type]: type,\n    'no-border': noBorder,\n  }),\n);\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAkB,4CAAkB,KAAK,EACpD,WACA,WACA,CAAC,EAAE,YAAY,UAAU,MAAM,aAAc;AAAA,EAC3C,eAAe;AAAA,EACf,aAAa;AAAA,EACb,CAAC,OAAO;AAAA,EACR,YAAY;AAAA,EACZ,cAAc,CAAC;AACjB,EACF;AAEO,MAAM,kBAAkB,4CAAkB,KAAK,EACpD,WACA,WACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,kBAAmB;AAAA,EAClE,CAAC,OAAO;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AACnB,EACF;AAEO,MAAM,QAAQ,4CAAkB,KAAK,EAC1C,WACA,SACA,CAAC,EAAE,cAAc,MAAM,eAAgB;AAAA,EACrC,iBAAiB;AAAA,EACjB,CAAC,OAAO;AAAA,EACR,aAAa;AACf,EACF;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAAkC;AAElC,MAAM,YAAY;AAEX,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,YAAY,UAAU,MAAM,OAAO,OAAO;AAAA,IAC3C,eAAe;AAAA,IACf,aAAa;AAAA,IACb,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,sBAAkB,wCAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,YAAY,OAAO;AAAA,IAClE,CAAC,OAAO;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,YAAQ,wCAAkB,KAAK;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,cAAc,MAAM,SAAS,OAAO;AAAA,IACrC,iBAAiB;AAAA,IACjB,CAAC,OAAO;AAAA,IACR,aAAa;AAAA,EACf;AACF;",
   "names": []
 }

package/dist/cjs/constants.js

@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {

package/dist/cjs/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/constants.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const BOX_TYPES = {\n  CATEGORY: 'category-box',\n  GROUP: 'group-box',\n};\nexport const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU,KAAK;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU,KAAK;",
   "names": []
 }

package/dist/cjs/index.js

@@ -18,7 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {

package/dist/cjs/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export * from './DSGroupBox';\nexport * from './constants';\nexport { default } from './DSGroupBox';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,wBADd;AAEA,wBAAwB;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,yBAAd;AACA,wBAAc,wBADd;AAEA,wBAAwB;",
   "names": []
 }

package/dist/esm/ActionItem.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import PropTypes from "prop-types";
@@ -14,7 +14,9 @@ const ActionItemNode = styled.div`
   }
 `;
 function ActionItem({ children }) {
-  return /* @__PURE__ */ React2.createElement(ActionItemNode, null, children);
+  return /* @__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 } from '@elliemae/ds-system';\nimport { __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\nfunction ActionItem({ children }) {\n  return <ActionItemNode>{children}</ActionItemNode>;\n}\n\nActionItem.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default ActionItem;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,OAAO;AAAA,mBACX,WAAS,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzE,oBAAoB,EAAE,YAAY;AAChC,SAAO,qCAAC,sBAAgB,QAAS;AACnC;AAEA,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc;AACvB,SAAS,gCAAgC;AACzC,OAAO,eAAe;AAEtB,MAAM,iBAAiB,OAAO;AAAA,mBACX,WAAS,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUzE,SAAS,WAAW,EAAE,SAAS,GAAG;AAChC,SAAO,oBAAC;AAAA,IAAgB;AAAA,GAAS;AACnC;AAEA,WAAW,YAAY;AAAA,EACrB,UAAU,UAAU,KAAK;AAC3B;AAEA,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/Actions.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { styled, space, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
 import ActionItem from "./ActionItem";
@@ -13,12 +13,13 @@ const ActionsNode = styled.div`
 const Actions = ({ actions = [], centerActions, rightActions }) => {
   if (actions.length < 1)
     return null;
-  return /* @__PURE__ */ React2.createElement(ActionsNode, {
+  return /* @__PURE__ */ jsx(ActionsNode, {
     marginLeft: !!rightActions && "auto",
-    marginRight: !!centerActions && "auto"
-  }, actions.map((action, key) => /* @__PURE__ */ React2.createElement(ActionItem, {
-    key
-  }, action)));
+    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;ACCA;AACA;AACA;AACA;AAEA,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,mBAAmB;AACjE,MAAI,QAAQ,SAAS;AAAG,WAAO;AAC/B,SACE,qCAAC;AAAA,IAAY,YAAY,CAAC,CAAC,gBAAgB;AAAA,IAAQ,aAAa,CAAC,CAAC,iBAAiB;AAAA,KAChF,QAAQ,IAAI,CAAC,QAAQ,QACpB,qCAAC;AAAA,IAAW;AAAA,KAAW,MAAO,CAC/B,CACH;AAEJ;AAEA,QAAQ,YAAY;AAAA,EAClB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAC1B;AAGA,IAAO,kBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,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;",
   "names": []
 }

package/dist/esm/DSGroupBox.js

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2 from "react";
 import { PropTypes, describe } from "@elliemae/ds-utilities";
 import { GroupBoxWrapper, GroupBoxContent } from "./components/blocks";
@@ -22,29 +23,38 @@ const DSGroupBox = ({
   isMain = true
 }) => {
   const { labelText } = labelProps;
-  return /* @__PURE__ */ React2.createElement(GroupBoxWrapper, {
+  return /* @__PURE__ */ jsxs(GroupBoxWrapper, {
     ...containerProps,
-    classProps: { onlyHeader, noBorder, type, isMain }
-  }, labelText && /* @__PURE__ */ React2.createElement(DSGroupBoxHeader, {
-    centerActions,
-    isMain,
-    labelProps,
-    noBorder,
-    rightActions,
-    type
-  }), /* @__PURE__ */ React2.createElement(GroupBoxContent, {
-    classProps: {
-      type,
-      asRow,
-      onlyHeader,
-      noPadding,
-      noBorder,
-      noBorderTop: !!labelText
-    }
-  }, components && components.props ? React2.Children.map(components, (component) => React2.cloneElement(component, {
-    ...component.props,
-    isMain: false
-  }), null) : components));
+    classProps: { onlyHeader, noBorder, type, isMain },
+    children: [
+      labelText && /* @__PURE__ */ jsx(DSGroupBoxHeader, {
+        centerActions,
+        isMain,
+        labelProps,
+        noBorder,
+        rightActions,
+        type
+      }),
+      /* @__PURE__ */ jsx(GroupBoxContent, {
+        classProps: {
+          type,
+          asRow,
+          onlyHeader,
+          noPadding,
+          noBorder,
+          noBorderTop: !!labelText
+        },
+        children: components && components.props ? React2.Children.map(
+          components,
+          (component) => React2.cloneElement(component, {
+            ...component.props,
+            isMain: false
+          }),
+          null
+        ) : components
+      })
+    ]
+  });
 };
 const props = {
   containerProps: PropTypes.object.description("props to inject to wrapper"),
@@ -53,17 +63,27 @@ const props = {
     borderBottom: PropTypes.bool,
     id: PropTypes.string
   }).description("Label attributes to be rendered"),
-  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(BOX_TYPES_ARRAY.toString()),
+  type: PropTypes.oneOf(BOX_TYPES_ARRAY).description(
+    BOX_TYPES_ARRAY.toString()
+  ),
   children: PropTypes.oneOfType([
     PropTypes.element,
     PropTypes.arrayOf(PropTypes.element)
   ]).isRequired.description("Components to be rendered inside the box"),
-  rightActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the right side of the label"),
-  centerActions: PropTypes.arrayOf(PropTypes.element).description("Actions on the next to the label"),
-  asRow: PropTypes.bool.description("Display the content of the group box with flex direction row"),
+  rightActions: PropTypes.arrayOf(PropTypes.element).description(
+    "Actions on the right side of the label"
+  ),
+  centerActions: PropTypes.arrayOf(PropTypes.element).description(
+    "Actions on the next to the label"
+  ),
+  asRow: PropTypes.bool.description(
+    "Display the content of the group box with flex direction row"
+  ),
   onlyHeader: PropTypes.bool.description("Show border only on the header"),
   noBorder: PropTypes.bool.description("Remove the wrapper border"),
-  noPadding: PropTypes.bool.description("Remove the top and bottom padding from the content")
+  noPadding: PropTypes.bool.description(
+    "Remove the top and bottom padding from the content"
+  )
 };
 DSGroupBox.propTypes = props;
 DSGroupBox.displayName = "DSGroupBox";

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\n      {...containerProps}\n      classProps={{ onlyHeader, noBorder, type, isMain }}\n    >\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(\n    BOX_TYPES_ARRAY.toString(),\n  ),\n  /**\n   * Components to be rendered inside the box\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]).isRequired.description('Components to be rendered inside the box'),\n  /**\n   * Actions on the right side of the label\n   */\n  rightActions: PropTypes.arrayOf(PropTypes.element).description(\n    'Actions on the right side of the label',\n  ),\n  /**\n   * Actions on the next to the label\n   */\n  centerActions: PropTypes.arrayOf(PropTypes.element).description(\n    'Actions on the next to the label',\n  ),\n  /**\n   * Display the content of the group box with flex direction row\n   */\n  asRow: PropTypes.bool.description(\n    'Display the content of the group box with flex direction row',\n  ),\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(\n    'Remove the top and bottom padding from the content',\n  ),\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;ACAA;AACA;AACA;AACA;AACA;AAEA,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;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,qCAAC;AAAA,IACE,GAAG;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,KAEhD,aACC,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,GACF,GAGF,qCAAC;AAAA,IACC,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA,IACjB;AAAA,KAEC,cAAc,WAAW,QACtB,OAAM,SAAS,IACb,YACA,CAAC,cACC,OAAM,aAAa,WAAW;AAAA,IAC5B,GAAG,UAAU;AAAA,IACb,QAAQ;AAAA,EACV,CAAC,GACH,IACF,IACA,UACN,CACF;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,YACrC,gBAAgB,SAAS,CAC3B;AAAA,EAIA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,OAAO;AAAA,EACrC,CAAC,EAAE,WAAW,YAAY,0CAA0C;AAAA,EAIpE,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE,YACjD,wCACF;AAAA,EAIA,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE,YAClD,kCACF;AAAA,EAIA,OAAO,UAAU,KAAK,YACpB,8DACF;AAAA,EAIA,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,UAAU,KAAK,YACxB,oDACF;AACF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,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,IACE,GAAG;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM,OAAO;AAAA,IAEhD;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;AAAA,IACrC,gBAAgB,SAAS;AAAA,EAC3B;AAAA,EAIA,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU,OAAO;AAAA,EACrC,CAAC,EAAE,WAAW,YAAY,0CAA0C;AAAA,EAIpE,cAAc,UAAU,QAAQ,UAAU,OAAO,EAAE;AAAA,IACjD;AAAA,EACF;AAAA,EAIA,eAAe,UAAU,QAAQ,UAAU,OAAO,EAAE;AAAA,IAClD;AAAA,EACF;AAAA,EAIA,OAAO,UAAU,KAAK;AAAA,IACpB;AAAA,EACF;AAAA,EAIA,YAAY,UAAU,KAAK,YAAY,gCAAgC;AAAA,EAIvE,UAAU,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAIhE,WAAW,UAAU,KAAK;AAAA,IACxB;AAAA,EACF;AACF;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAEhD,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "names": ["React"]
 }

package/dist/esm/GroupBoxLabel.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { styled } from "@elliemae/ds-system";
 import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
@@ -27,14 +27,15 @@ const GroupBoxLabelNode = styled.div`
   ${(props) => props.isMain ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};` : ""}
 `;
 function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {
-  return /* @__PURE__ */ React2.createElement(GroupBoxLabelNode, {
+  return /* @__PURE__ */ jsx(GroupBoxLabelNode, {
     borderBottom,
     "data-testid": "ds-group-box__header",
     isMain,
     noBorder,
     nodeType: type,
-    id
-  }, children);
+    id,
+    children
+  });
 }
 GroupBoxLabel.propTypes = {
   children: PropTypes.oneOfType([

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 } from '@elliemae/ds-system';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { BOX_TYPES_ARRAY } from './constants';\n\nconst borderBase200 = (props) =>\n  `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) =>\n    props.nodeType === 'category-box' ? categoryBoxStyles : groupBoxStyles}\n  ${(props) => (props.noBorder ? 'border: none;' : '')}\n  ${(props) =>\n    props.borderBottom ? `border-bottom: ${borderBase200(props)}` : ''}\n  ${(props) =>\n    props.isMain\n      ? `padding-right: ${__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};`\n      : ''}\n`;\nfunction GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }) {\n  return (\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}\n\nGroupBoxLabel.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).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;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,CAAC,UACrB,aAAa,MAAM,MAAM,OAAO,QAAQ;AAE1C,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,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,yBAAyB,MAAM,MAAM,MAAM,EAAE,OAC/D;AAAA;AAER,uBAAuB,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,MAAM;AAC7E,SACE,qCAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,KAEC,QACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU,IAAI;AAAA,IAChC,UAAU;AAAA,EACZ,CAAC,EAAE;AAAA,EACH,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;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UACrB,aAAa,MAAM,MAAM,OAAO,QAAQ;AAE1C,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,UACD,MAAM,aAAa,iBAAiB,oBAAoB;AAAA,IACxD,CAAC,UAAW,MAAM,WAAW,kBAAkB;AAAA,IAC/C,CAAC,UACD,MAAM,eAAe,kBAAkB,cAAc,KAAK,MAAM;AAAA,IAChE,CAAC,UACD,MAAM,SACF,kBAAkB,yBAAyB,MAAM,MAAM,MAAM,EAAE,OAC/D;AAAA;AAER,SAAS,cAAc,EAAE,cAAc,UAAU,UAAU,QAAQ,MAAM,GAAG,GAAG;AAC7E,SACE,oBAAC;AAAA,IACC;AAAA,IACA,eAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IAEC;AAAA,GACH;AAEJ;AAEA,cAAc,YAAY;AAAA,EACxB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU,IAAI;AAAA,IAChC,UAAU;AAAA,EACZ,CAAC,EAAE;AAAA,EACH,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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import PropTypes from "prop-types";
 import { styled } from "@elliemae/ds-system";
 import { toMobile } from "@elliemae/ds-system";
@@ -11,7 +11,9 @@ const LabelElementNode = styled.div`
   font-weight: 400;
 `;
 function LabelElement({ children }) {
-  return /* @__PURE__ */ React2.createElement(LabelElementNode, null, children);
+  return /* @__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 } from '@elliemae/ds-system';\nimport { 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\nfunction LabelElement({ children }) {\n  return <LabelElementNode>{children}</LabelElementNode>;\n}\n\nLabelElement.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n};\n\nexport default LabelElement;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,sBAAsB,EAAE,YAAY;AAClC,SAAO,qCAAC,wBAAkB,QAAS;AACrC;AAEA,aAAa,YAAY;AAAA,EACvB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE;AACpE;AAEA,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,OAAO,eAAe;AACtB,SAAS,cAAc;AACvB,SAAS,gBAAgB;AAEzB,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAAA;AAAA,eAIjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA;AAAA;AAInE,SAAS,aAAa,EAAE,SAAS,GAAG;AAClC,SAAO,oBAAC;AAAA,IAAkB;AAAA,GAAS;AACrC;AAEA,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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
 import { BOX_TYPES } from "../constants";
 import Actions from "../Actions";
@@ -18,21 +18,28 @@ const DSGroupBoxHeader = ({
   isMain
 }) => {
   const { labelText, borderBottom, id } = labelProps;
-  return /* @__PURE__ */ React2.createElement(Label, {
+  return /* @__PURE__ */ jsxs(Label, {
     borderBottom,
     isMain,
     noBorder,
     type,
-    id
-  }, /* @__PURE__ */ React2.createElement(LabelElement, null, /* @__PURE__ */ React2.createElement(DSTruncatedTooltipText, {
-    value: labelText
-  })), /* @__PURE__ */ React2.createElement(Actions, {
-    actions: centerActions,
-    centerActions: centerActions.length > 0
-  }), /* @__PURE__ */ React2.createElement(Actions, {
-    actions: rightActions,
-    rightActions: rightActions.length > 0
-  }));
+    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\n      borderBottom={borderBottom}\n      isMain={isMain}\n      noBorder={noBorder}\n      type={type}\n      id={id}\n    >\n      <LabelElement>\n        <DSTruncatedTooltipText value={labelText} />\n      </LabelElement>\n      <Actions\n        actions={centerActions}\n        centerActions={centerActions.length > 0}\n      />\n      <Actions actions={rightActions} rightActions={rightActions.length > 0} />\n    </Label>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEO,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;AAAA,MACI;AACJ,QAAM,EAAE,WAAW,cAAc,OAAO;AACxC,SACE,qCAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,oBACC,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAW,CAC5C,GACA,qCAAC;AAAA,IACC,SAAS;AAAA,IACT,eAAe,cAAc,SAAS;AAAA,GACxC,GACA,qCAAC;AAAA,IAAQ,SAAS;AAAA,IAAc,cAAc,aAAa,SAAS;AAAA,GAAG,CACzE;AAEJ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,0BAAC;AAAA,QACC,8BAAC;AAAA,UAAuB,OAAO;AAAA,SAAW;AAAA,OAC5C;AAAA,MACA,oBAAC;AAAA,QACC,SAAS;AAAA,QACT,eAAe,cAAc,SAAS;AAAA,OACxC;AAAA,MACA,oBAAC;AAAA,QAAQ,SAAS;AAAA,QAAc,cAAc,aAAa,SAAS;AAAA,OAAG;AAAA;AAAA,GACzE;AAEJ;",
   "names": []
 }

package/dist/esm/components/blocks.js

@@ -1,26 +1,38 @@
 import * as React from "react";
 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",
+  ({ 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
+  })
+);
 export {
   GroupBoxContent,
   GroupBoxWrapper,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/blocks.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'group-box';\n\nexport const GroupBoxWrapper = aggregatedClasses('div')(\n  blockName,\n  'wrapper',\n  ({ onlyHeader, noBorder, type, isMain }) => ({\n    'only-header': onlyHeader,\n    'no-border': noBorder,\n    [type]: type,\n    'main-box': isMain,\n    'nested-box': !isMain,\n  }),\n);\n\nexport const GroupBoxContent = aggregatedClasses('div')(\n  blockName,\n  'content',\n  ({ type, asRow, onlyHeader, noPadding, noBorder, noBorderTop }) => ({\n    [type]: type,\n    'as-row': asRow,\n    'only-header': onlyHeader,\n    'no-padding': noPadding,\n    'no-border': noBorder,\n    'no-border-top': noBorderTop,\n  }),\n);\n\nexport const Label = aggregatedClasses('div')(\n  blockName,\n  'label',\n  ({ borderBottom, type, noBorder }) => ({\n    'border-bottom': borderBottom,\n    [type]: type,\n    'no-border': noBorder,\n  }),\n);\n"],
-  "mappings": "AAAA;ACAA;AAEA,MAAM,YAAY;AAEX,MAAM,kBAAkB,kBAAkB,KAAK,EACpD,WACA,WACA,CAAC,EAAE,YAAY,UAAU,MAAM,aAAc;AAAA,EAC3C,eAAe;AAAA,EACf,aAAa;AAAA,EACb,CAAC,OAAO;AAAA,EACR,YAAY;AAAA,EACZ,cAAc,CAAC;AACjB,EACF;AAEO,MAAM,kBAAkB,kBAAkB,KAAK,EACpD,WACA,WACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,kBAAmB;AAAA,EAClE,CAAC,OAAO;AAAA,EACR,UAAU;AAAA,EACV,eAAe;AAAA,EACf,cAAc;AAAA,EACd,aAAa;AAAA,EACb,iBAAiB;AACnB,EACF;AAEO,MAAM,QAAQ,kBAAkB,KAAK,EAC1C,WACA,SACA,CAAC,EAAE,cAAc,MAAM,eAAgB;AAAA,EACrC,iBAAiB;AAAA,EACjB,CAAC,OAAO;AAAA,EACR,aAAa;AACf,EACF;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAEX,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,YAAY,UAAU,MAAM,OAAO,OAAO;AAAA,IAC3C,eAAe;AAAA,IACf,aAAa;AAAA,IACb,CAAC,OAAO;AAAA,IACR,YAAY;AAAA,IACZ,cAAc,CAAC;AAAA,EACjB;AACF;AAEO,MAAM,kBAAkB,kBAAkB,KAAK;AAAA,EACpD;AAAA,EACA;AAAA,EACA,CAAC,EAAE,MAAM,OAAO,YAAY,WAAW,UAAU,YAAY,OAAO;AAAA,IAClE,CAAC,OAAO;AAAA,IACR,UAAU;AAAA,IACV,eAAe;AAAA,IACf,cAAc;AAAA,IACd,aAAa;AAAA,IACb,iBAAiB;AAAA,EACnB;AACF;AAEO,MAAM,QAAQ,kBAAkB,KAAK;AAAA,EAC1C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,cAAc,MAAM,SAAS,OAAO;AAAA,IACrC,iBAAiB;AAAA,IACjB,CAAC,OAAO;AAAA,IACR,aAAa;AAAA,EACf;AACF;",
   "names": []
 }

package/dist/esm/constants.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const BOX_TYPES = {\n  CATEGORY: 'category-box',\n  GROUP: 'group-box',\n};\nexport const BOX_TYPES_ARRAY = [BOX_TYPES.CATEGORY, BOX_TYPES.GROUP];\n"],
-  "mappings": "AAAA;ACAO,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU,KAAK;",
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,YAAY;AAAA,EACvB,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,kBAAkB,CAAC,UAAU,UAAU,UAAU,KAAK;",
   "names": []
 }

package/dist/esm/index.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSGroupBox';\nexport * from './constants';\nexport { default } from './DSGroupBox';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;",
-  "names": []
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "names": ["default"]
 }

package/package.json

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