@elliemae/ds-group-box 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/cjs/DSGroupBox.js

@@ -1,9 +1,26 @@
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
 var __export = (target, all) => {
   for (var name in all)
@@ -55,10 +72,9 @@ const DSGroupBox = ({
   isMain = true
 }) => {
   const { labelText } = labelProps;
-  return /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxWrapper, {
-    ...containerProps,
+  return /* @__PURE__ */ import_react.default.createElement(import_blocks.GroupBoxWrapper, __spreadProps(__spreadValues({}, containerProps), {
     classProps: { onlyHeader, noBorder, type, isMain }
-  }, labelText && /* @__PURE__ */ import_react.default.createElement(import_GroupHeader.DSGroupBoxHeader, {
+  }), labelText && /* @__PURE__ */ import_react.default.createElement(import_GroupHeader.DSGroupBoxHeader, {
     centerActions,
     isMain,
     labelProps,
@@ -74,10 +90,9 @@ const DSGroupBox = ({
       noBorder,
       noBorderTop: !!labelText
     }
-  }, components && components.props ? import_react.default.Children.map(components, (component) => import_react.default.cloneElement(component, {
-    ...component.props,
+  }, components && components.props ? import_react.default.Children.map(components, (component) => import_react.default.cloneElement(component, __spreadProps(__spreadValues({}, component.props), {
     isMain: false
-  }), null) : components));
+  })), null) : components));
 };
 const props = {
   containerProps: import_react_desc.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 'react-desc';\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;\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EAEvB,SAAS;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,mDAAC,+BAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM;AAAA,KAEzC,aACC,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIJ,mDAAC,+BAAD;AAAA,IACE,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA;AAAA,KAGhB,cAAc,WAAW,QACtB,qBAAM,SAAS,IACb,YACA,CAAC,cACC,qBAAM,aAAa,WAAW;AAAA,OACzB,UAAU;AAAA,IACb,QAAQ;AAAA,MAEZ,QAEF;AAAA;AAMZ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,YAAY,4BAAU,MAAM;AAAA,IAC1B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IAC5D,cAAc,4BAAU;AAAA,IACxB,IAAI,4BAAU;AAAA,KACb,YAAY;AAAA,EAIf,MAAM,4BAAU,MAAM,kCAAiB,YACrC,iCAAgB;AAAA,EAKlB,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,QAAQ,4BAAU;AAAA,KAC3B,WAAW,YAAY;AAAA,EAI1B,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YACjD;AAAA,EAKF,eAAe,4BAAU,QAAQ,4BAAU,SAAS,YAClD;AAAA,EAKF,OAAO,4BAAU,KAAK,YACpB;AAAA,EAKF,YAAY,4BAAU,KAAK,YAAY;AAAA,EAIvC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,4BAAU,KAAK,YACxB;AAAA;AAIJ,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AAEtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAiD;AACjD,yBAAiC;AACjC,uBAA2C;AAE3C,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,2BAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EAEvB,SAAS;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,mDAAC,+BAAD,iCACM,iBADN;AAAA,IAEE,YAAY,EAAE,YAAY,UAAU,MAAM;AAAA,MAEzC,aACC,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIJ,mDAAC,+BAAD;AAAA,IACE,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA;AAAA,KAGhB,cAAc,WAAW,QACtB,qBAAM,SAAS,IACb,YACA,CAAC,cACC,qBAAM,aAAa,WAAW,iCACzB,UAAU,QADe;AAAA,IAE5B,QAAQ;AAAA,OAEZ,QAEF;AAAA;AAMZ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,YAAY,4BAAU,MAAM;AAAA,IAC1B,WAAW,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU;AAAA,IAC5D,cAAc,4BAAU;AAAA,IACxB,IAAI,4BAAU;AAAA,KACb,YAAY;AAAA,EAIf,MAAM,4BAAU,MAAM,kCAAiB,YACrC,iCAAgB;AAAA,EAKlB,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU,QAAQ,4BAAU;AAAA,KAC3B,WAAW,YAAY;AAAA,EAI1B,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YACjD;AAAA,EAKF,eAAe,4BAAU,QAAQ,4BAAU,SAAS,YAClD;AAAA,EAKF,OAAO,4BAAU,KAAK,YACpB;AAAA,EAKF,YAAY,4BAAU,KAAK,YAAY;AAAA,EAIvC,UAAU,4BAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,4BAAU,KAAK,YACxB;AAAA;AAIJ,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AAEtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": []
 }

package/dist/esm/DSGroupBox.js

@@ -1,3 +1,22 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 import * as React from "react";
 import React2 from "react";
 import { PropTypes, describe } from "react-desc";
@@ -22,10 +41,9 @@ const DSGroupBox = ({
   isMain = true
 }) => {
   const { labelText } = labelProps;
-  return /* @__PURE__ */ React2.createElement(GroupBoxWrapper, {
-    ...containerProps,
+  return /* @__PURE__ */ React2.createElement(GroupBoxWrapper, __spreadProps(__spreadValues({}, containerProps), {
     classProps: { onlyHeader, noBorder, type, isMain }
-  }, labelText && /* @__PURE__ */ React2.createElement(DSGroupBoxHeader, {
+  }), labelText && /* @__PURE__ */ React2.createElement(DSGroupBoxHeader, {
     centerActions,
     isMain,
     labelProps,
@@ -41,10 +59,9 @@ const DSGroupBox = ({
       noBorder,
       noBorderTop: !!labelText
     }
-  }, components && components.props ? React2.Children.map(components, (component) => React2.cloneElement(component, {
-    ...component.props,
+  }, components && components.props ? React2.Children.map(components, (component) => React2.cloneElement(component, __spreadProps(__spreadValues({}, component.props), {
     isMain: false
-  }), null) : components));
+  })), 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 'react-desc';\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;\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;AAAA,EACjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EAEvB,SAAS;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,qCAAC,iBAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,YAAY,UAAU,MAAM;AAAA,KAEzC,aACC,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIJ,qCAAC,iBAAD;AAAA,IACE,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA;AAAA,KAGhB,cAAc,WAAW,QACtB,OAAM,SAAS,IACb,YACA,CAAC,cACC,OAAM,aAAa,WAAW;AAAA,OACzB,UAAU;AAAA,IACb,QAAQ;AAAA,MAEZ,QAEF;AAAA;AAMZ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,YAAY,UAAU,MAAM;AAAA,IAC1B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,cAAc,UAAU;AAAA,IACxB,IAAI,UAAU;AAAA,KACb,YAAY;AAAA,EAIf,MAAM,UAAU,MAAM,iBAAiB,YACrC,gBAAgB;AAAA,EAKlB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU;AAAA,KAC3B,WAAW,YAAY;AAAA,EAI1B,cAAc,UAAU,QAAQ,UAAU,SAAS,YACjD;AAAA,EAKF,eAAe,UAAU,QAAQ,UAAU,SAAS,YAClD;AAAA,EAKF,OAAO,UAAU,KAAK,YACpB;AAAA,EAKF,YAAY,UAAU,KAAK,YAAY;AAAA,EAIvC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,UAAU,KAAK,YACxB;AAAA;AAIJ,WAAW,YAAY;AACvB,MAAM,uBAAuB,SAAS;AAEtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB,iBAAiB;AAAA,EACjB,aAAa;AAAA,IACX,WAAW;AAAA,IACX,cAAc;AAAA,IACd,IAAI;AAAA;AAAA,EAEN,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,OAAO,UAAU;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,UAAU,aAAa;AAAA,EAEvB,SAAS;AAAA,MACL;AACJ,QAAM,EAAE,cAAc;AACtB,SACE,qCAAC,iBAAD,iCACM,iBADN;AAAA,IAEE,YAAY,EAAE,YAAY,UAAU,MAAM;AAAA,MAEzC,aACC,qCAAC,kBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAIJ,qCAAC,iBAAD;AAAA,IACE,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa,CAAC,CAAC;AAAA;AAAA,KAGhB,cAAc,WAAW,QACtB,OAAM,SAAS,IACb,YACA,CAAC,cACC,OAAM,aAAa,WAAW,iCACzB,UAAU,QADe;AAAA,IAE5B,QAAQ;AAAA,OAEZ,QAEF;AAAA;AAMZ,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,YAAY,UAAU,MAAM;AAAA,IAC1B,WAAW,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IAC5D,cAAc,UAAU;AAAA,IACxB,IAAI,UAAU;AAAA,KACb,YAAY;AAAA,EAIf,MAAM,UAAU,MAAM,iBAAiB,YACrC,gBAAgB;AAAA,EAKlB,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU,QAAQ,UAAU;AAAA,KAC3B,WAAW,YAAY;AAAA,EAI1B,cAAc,UAAU,QAAQ,UAAU,SAAS,YACjD;AAAA,EAKF,eAAe,UAAU,QAAQ,UAAU,SAAS,YAClD;AAAA,EAKF,OAAO,UAAU,KAAK,YACpB;AAAA,EAKF,YAAY,UAAU,KAAK,YAAY;AAAA,EAIvC,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,WAAW,UAAU,KAAK,YACxB;AAAA;AAIJ,WAAW,YAAY;AACvB,MAAM,uBAAuB,SAAS;AAEtC,qBAAqB,YAAY;AAGjC,IAAO,qBAAQ;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-group-box",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Group Box",
   "files": [
@@ -67,9 +67,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.0.0-alpha.0",
-    "@elliemae/ds-system": "3.0.0-alpha.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.0",
+    "@elliemae/ds-classnames": "3.0.0-alpha.1",
+    "@elliemae/ds-system": "3.0.0-alpha.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.1",
     "@xstyled/styled-components": "~3.1.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3"
@@ -94,6 +94,7 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/dist/types/ActionItem.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function ActionItem({ children }: {
-    children: any;
-}): JSX.Element;
-declare namespace ActionItem {
-    var propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    };
-}
-export default ActionItem;

package/dist/types/Actions.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function Actions({ actions, centerActions, rightActions }: {
-    actions?: never[] | undefined;
-    centerActions: any;
-    rightActions: any;
-}): JSX.Element | null;
-declare namespace Actions {
-    var propTypes: {
-        actions: PropTypes.Requireable<any[]>;
-        centerActions: PropTypes.Requireable<boolean>;
-        rightActions: PropTypes.Requireable<boolean>;
-    };
-}
-export { Actions };
-export default Actions;

package/dist/types/DSGroupBox.d.ts

@@ -1,113 +0,0 @@
-/// <reference path="../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare const DSGroupBox: {
-    ({ containerProps, labelProps, rightActions, centerActions, type, asRow, onlyHeader, noBorder, noPadding, children: components, isMain, }: {
-        containerProps?: {} | undefined;
-        labelProps?: {
-            labelText: string;
-            borderBottom: boolean;
-            id: string;
-        } | undefined;
-        rightActions?: never[] | undefined;
-        centerActions?: never[] | undefined;
-        type?: string | undefined;
-        asRow?: boolean | undefined;
-        onlyHeader?: boolean | undefined;
-        noBorder?: boolean | undefined;
-        noPadding?: boolean | undefined;
-        children?: never[] | undefined;
-        isMain?: boolean | undefined;
-    }): JSX.Element;
-    propTypes: {
-        /** props to inject to wrapper */
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Label attributes to be rendered
-         */
-        labelProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * ['category-box', 'group-box']
-         */
-        type: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Components to be rendered inside the box
-         */
-        children: any;
-        /**
-         * Actions on the right side of the label
-         */
-        rightActions: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Actions on the next to the label
-         */
-        centerActions: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Display the content of the group box with flex direction row
-         */
-        asRow: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Show border only on the header
-         */
-        onlyHeader: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Remove the wrapper border
-         */
-        noBorder: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /**
-         * Remove the top and bottom padding from the content
-         */
-        noPadding: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-};
-declare const DSGroupBoxWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSGroupBox, DSGroupBoxWithSchema };
-export default DSGroupBox;

package/dist/types/GroupBoxLabel.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function GroupBoxLabel({ borderBottom, children, noBorder, isMain, type, id }: {
-    borderBottom: any;
-    children: any;
-    noBorder: any;
-    isMain: any;
-    type: any;
-    id: any;
-}): JSX.Element;
-declare namespace GroupBoxLabel {
-    var propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        type: PropTypes.Requireable<string>;
-        borderBottom: PropTypes.Requireable<boolean>;
-        isMain: PropTypes.Validator<boolean>;
-        noBorder: PropTypes.Requireable<boolean>;
-        id: PropTypes.Requireable<string>;
-    };
-}
-export default GroupBoxLabel;

package/dist/types/LabelElement.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import PropTypes from 'prop-types';
-declare function LabelElement({ children }: {
-    children: any;
-}): JSX.Element;
-declare namespace LabelElement {
-    var propTypes: {
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-    };
-}
-export default LabelElement;

package/dist/types/components/GroupHeader.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export declare const DSGroupBoxHeader: ({ labelProps, rightActions, centerActions, type, noBorder, isMain, }: {
-    labelProps?: {
-        labelText: string;
-        borderBottom: boolean;
-        id: string;
-    } | undefined;
-    rightActions?: never[] | undefined;
-    centerActions?: never[] | undefined;
-    type?: string | undefined;
-    noBorder: any;
-    isMain: any;
-}) => JSX.Element;

package/dist/types/components/blocks.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const GroupBoxWrapper: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export declare const GroupBoxContent: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;
-export declare const Label: import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>;

package/dist/types/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const BOX_TYPES: {
-    CATEGORY: string;
-    GROUP: string;
-};
-export declare const BOX_TYPES_ARRAY: string[];

package/dist/types/index.d.ts

@@ -1,3 +0,0 @@
-export * from './DSGroupBox';
-export * from './constants';
-export { default } from './DSGroupBox';

package/dist/types/tests/DSGroupBox.test.d.ts

@@ -1 +0,0 @@
-export {};