@elliemae/ds-mobile 3.0.0-next.2 → 3.0.0-next.6

package/dist/cjs/FullPageContainer/FullPageContainerScroll.js

@@ -0,0 +1,74 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FullPageContainerScroll_exports = {};
+__export(FullPageContainerScroll_exports, {
+  DSFullPageContainerScroll: () => DSFullPageContainerScroll
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const DSFullPageContainerScroll = (_a) => {
+  var _b = _a, { style = {}, children } = _b, props = __objRest(_b, ["style", "children"]);
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, __spreadValues({
+    maxHeight: "100%",
+    style: __spreadValues({ overflow: "auto" }, style)
+  }, props), children);
+};
+DSFullPageContainerScroll.propTypes = {
+  children: import_prop_types.default.any,
+  style: import_prop_types.default.object
+};
+module.exports = __toCommonJS(FullPageContainerScroll_exports);
+//# sourceMappingURL=FullPageContainerScroll.js.map

package/dist/cjs/FullPageContainer/FullPageContainerScroll.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/FullPageContainerScroll.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAsB;AACtB,qBAAqB;AAErB,MAAM,4BAA4B,CAAC,OAAoC;AAApC,eAAE,UAAQ,IAAI,aAAd,IAA2B,kBAA3B,IAA2B,CAAzB,SAAY;AAC/C,4DAAC,qBAAD;AAAA,IAAM,WAAU;AAAA,IAAO,OAAO,iBAAE,UAAU,UAAW;AAAA,KAAa,QAC/D;AAAA;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,0BAAU;AAAA,EACpB,OAAO,0BAAU;AAAA;",
+  "names": []
+}

package/dist/cjs/FullPageContainer/index.js

@@ -0,0 +1,37 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FullPageContainer_exports = {};
+__export(FullPageContainer_exports, {
+  DSFullPageContainer: () => import_FullPageContainer.DSFullPageContainer,
+  DSFullPageContainerScroll: () => import_FullPageContainerScroll.DSFullPageContainerScroll
+});
+var React = __toESM(require("react"));
+var import_FullPageContainer = require("./FullPageContainer");
+var import_FullPageContainerScroll = require("./FullPageContainerScroll");
+module.exports = __toCommonJS(FullPageContainer_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/FullPageContainer/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSFullPageContainer } from './FullPageContainer';\nexport { DSFullPageContainerScroll } from './FullPageContainerScroll';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAoC;AACpC,qCAA0C;",
+  "names": []
+}

package/dist/cjs/FullPageContainer/useMobileHeight.js

@@ -0,0 +1,46 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var useMobileHeight_exports = {};
+__export(useMobileHeight_exports, {
+  useMobileHeight: () => useMobileHeight
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+function useMobileHeight() {
+  const [height, setHeight] = (0, import_react.useState)(window.innerHeight);
+  const handleHeight = () => {
+    setHeight(window.innerHeight);
+  };
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("resize", handleHeight);
+    return () => window.removeEventListener("resize", handleHeight);
+  }, []);
+  return height;
+}
+module.exports = __toCommonJS(useMobileHeight_exports);
+//# sourceMappingURL=useMobileHeight.js.map

package/dist/cjs/FullPageContainer/useMobileHeight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FullPageContainer/useMobileHeight.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n  const [height, setHeight] = useState(window.innerHeight);\n  const handleHeight = () => {\n    setHeight(window.innerHeight);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHeight);\n\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleHeight);\n  }, []); // Empty array ensures that effect is only run on mount\n\n  return height;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAoC;AAE7B,2BAA2B;AAChC,QAAM,CAAC,QAAQ,aAAa,2BAAS,OAAO;AAC5C,QAAM,eAAe,MAAM;AACzB,cAAU,OAAO;AAAA;AAGnB,8BAAU,MAAM;AACd,WAAO,iBAAiB,UAAU;AAGlC,WAAO,MAAM,OAAO,oBAAoB,UAAU;AAAA,KACjD;AAEH,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/GlobalHeader/MobileGlobalHeader.js

@@ -0,0 +1,136 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MobileGlobalHeader_exports = {};
+__export(MobileGlobalHeader_exports, {
+  DSGlobalHeader: () => DSGlobalHeader,
+  DSGlobalHeaderWithSchema: () => DSGlobalHeaderWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_form = require("@elliemae/ds-form");
+var import_react_desc = require("react-desc");
+var import_ds_button = __toESM(require("@elliemae/ds-button"));
+var import_ds_icon = require("@elliemae/ds-icon");
+var import_lodash = require("lodash");
+var import_ds_grid = require("@elliemae/ds-grid");
+var import_EM_logo = __toESM(require("../Icons/EM_logo"));
+var import_styles = require("./styles");
+var import_SideNav = require("../SideNav");
+const DSGlobalHeader = ({
+  containerProps = {},
+  title,
+  lastIcon,
+  onSearchChange = import_lodash.noop,
+  topMenuItems,
+  bottomMenuItems
+}) => {
+  const [searchBarVisible, setSearchBarVisible] = (0, import_react.useState)(false);
+  const [searchValue, setSearchValue] = (0, import_react.useState)();
+  const [showMenu, setShowMenu] = (0, import_react.useState)(false);
+  const searchClicked = () => {
+    setSearchBarVisible(true);
+  };
+  const onSearchChangeDebounced = (0, import_react.useCallback)((0, import_lodash.debounce)(onSearchChange, 250), []);
+  const searchValueChanged = (e) => {
+    const val = e.target.value;
+    onSearchChangeDebounced(val);
+    setSearchValue(val);
+  };
+  const searchCloseClicked = () => {
+    setSearchBarVisible(false);
+  };
+  const menuToggle = (flag) => {
+    setShowMenu(flag);
+  };
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Container, __spreadValues({
+    "data-testid": containerProps["data-testid"] || "global-header-wrapper"
+  }, containerProps), !searchBarVisible ? /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styles.MainSection, null, /* @__PURE__ */ import_react.default.createElement(import_styles.Icon, {
+    onClick: menuToggle.bind(null, true)
+  }, (0, import_EM_logo.default)()), /* @__PURE__ */ import_react.default.createElement(import_styles.Label, null, title), /* @__PURE__ */ import_react.default.createElement("span", null), /* @__PURE__ */ import_react.default.createElement(import_styles.RightSection, null, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: lastIcon ? [1 / 2, 1 / 2] : [1],
+    gutter: "xs"
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
+    "data-testid": "mobile-global-header-search",
+    size: import_ds_icon.DSIconSizes.M,
+    color: import_ds_icon.DSIconColors.WHITE,
+    onClick: searchClicked
+  })), lastIcon && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, null, lastIcon))))) : /* @__PURE__ */ import_react.default.createElement(import_styles.SearchWrapper, null, /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSInput, {
+    clearable: true,
+    className: "dsInput",
+    placeholder: "Search here",
+    onChange: searchValueChanged,
+    rightComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.default, {
+      buttonType: "primary",
+      className: "dsButton",
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.Search, {
+        size: import_ds_icon.DSIconSizes.M,
+        color: import_ds_icon.DSIconColors.WHITE,
+        onClick: searchCloseClicked
+      })
+    }),
+    value: searchValue,
+    variant: "variant-active"
+  }))), showMenu ? /* @__PURE__ */ import_react.default.createElement(import_SideNav.DSSideNav, {
+    title,
+    menuItems: topMenuItems,
+    bottomMenuItems,
+    onClose: menuToggle.bind(null, false)
+  }) : null);
+};
+const menuProps = import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+  icon: import_react_desc.PropTypes.element,
+  text: import_react_desc.PropTypes.string
+})).description("menu item array");
+const props = {
+  containerProps: import_react_desc.PropTypes.object.description("props to inject to wrapper"),
+  title: import_react_desc.PropTypes.string.isRequired.description("Heading Title"),
+  lastIcon: import_react_desc.PropTypes.element.description("Dimsum icon Element"),
+  onSearchChange: import_react_desc.PropTypes.func.description("Callback function for search change"),
+  topMenuItems: menuProps,
+  bottomMenuItems: menuProps
+};
+DSGlobalHeader.propTypes = props;
+const DSGlobalHeaderWithSchema = (0, import_react_desc.describe)(DSGlobalHeader);
+DSGlobalHeaderWithSchema.propTypes = props;
+module.exports = __toCommonJS(MobileGlobalHeader_exports);
+//# sourceMappingURL=MobileGlobalHeader.js.map

package/dist/cjs/GlobalHeader/MobileGlobalHeader.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GlobalHeader/MobileGlobalHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description('Callback function for search change'),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,mBAA6C;AAC7C,sBAAuB;AACvB,qBAAwB;AACxB,wBAAoC;AACpC,uBAAqB;AACrB,qBAA0C;AAC1C,oBAA+B;AAC/B,qBAAqB;AACrB,qBAAiB;AACjB,oBAAiF;AACjF,qBAA0B;AAE1B,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,MACI;AACJ,QAAM,CAAC,kBAAkB,uBAAuB,2BAAS;AACzD,QAAM,CAAC,aAAa,kBAAkB;AACtC,QAAM,CAAC,UAAU,eAAe,2BAAS;AACzC,QAAM,gBAAgB,MAAM;AAC1B,wBAAoB;AAAA;AAGtB,QAAM,0BAA0B,8BAAY,4BAAS,gBAAgB,MAAM;AAC3E,QAAM,qBAAqB,CAAC,MAAM;AAChC,UAAM,MAAM,EAAE,OAAO;AACrB,4BAAwB;AACxB,mBAAe;AAAA;AAGjB,QAAM,qBAAqB,MAAM;AAC/B,wBAAoB;AAAA;AAGtB,QAAM,aAAa,CAAC,SAAS;AAC3B,gBAAY;AAAA;AAGd,SACE,wFACE,mDAAC,yBAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KAA6B,iBACnF,CAAC,mBACA,wFACE,mDAAC,2BAAD,MACE,mDAAC,oBAAD;AAAA,IAAM,SAAS,WAAW,KAAK,MAAM;AAAA,KAAQ,gCAC7C,mDAAC,qBAAD,MAAQ,QACR,mDAAC,QAAD,OACA,mDAAC,4BAAD,MACE,mDAAC,qBAAD;AAAA,IAAM,MAAM,WAAW,CAAC,IAAI,GAAG,IAAI,KAAK,CAAC;AAAA,IAAI,QAAO;AAAA,KAClD,mDAAC,qBAAD,MACE,mDAAC,wBAAD;AAAA,IACE,eAAY;AAAA,IACZ,MAAM,2BAAY;AAAA,IAClB,OAAO,4BAAa;AAAA,IACpB,SAAS;AAAA,OAGZ,YAAY,mDAAC,qBAAD,MAAO,gBAM5B,mDAAC,6BAAD,MACE,mDAAC,wBAAD;AAAA,IACE,WAAS;AAAA,IACT,WAAU;AAAA,IACV,aAAY;AAAA,IACZ,UAAU;AAAA,IACV,gBACE,mDAAC,0BAAD;AAAA,MACE,YAAW;AAAA,MACX,WAAU;AAAA,MACV,MAAM,mDAAC,wBAAD;AAAA,QAAQ,MAAM,2BAAY;AAAA,QAAG,OAAO,4BAAa;AAAA,QAAO,SAAS;AAAA;AAAA;AAAA,IAG3E,OAAO;AAAA,IACP,SAAQ;AAAA,QAKf,WACC,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA,SAAS,WAAW,KAAK,MAAM;AAAA,OAE/B;AAAA;AAKV,MAAM,YAAY,4BAAU,QAC1B,4BAAU,MAAM;AAAA,EACd,MAAM,4BAAU;AAAA,EAChB,MAAM,4BAAU;AAAA,IAElB,YAAY;AAEd,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,gBAAgB,4BAAU,KAAK,YAAY;AAAA,EAI3C,cAAc;AAAA,EAId,iBAAiB;AAAA;AAGnB,eAAe,YAAY;AAC3B,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/cjs/GlobalHeader/index.js

@@ -0,0 +1,36 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GlobalHeader_exports = {};
+__export(GlobalHeader_exports, {
+  DSGlobalHeader: () => import_MobileGlobalHeader.DSGlobalHeader,
+  DSGlobalHeaderWithSchema: () => import_MobileGlobalHeader.DSGlobalHeaderWithSchema
+});
+var React = __toESM(require("react"));
+var import_MobileGlobalHeader = require("./MobileGlobalHeader");
+module.exports = __toCommonJS(GlobalHeader_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/GlobalHeader/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GlobalHeader/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { DSGlobalHeader, DSGlobalHeaderWithSchema } from './MobileGlobalHeader';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,gCAAyD;",
+  "names": []
+}

package/dist/cjs/GlobalHeader/styles.js

@@ -0,0 +1,115 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  Container: () => Container,
+  Icon: () => Icon,
+  Label: () => Label,
+  MainSection: () => MainSection,
+  RightSection: () => RightSection,
+  SearchWrapper: () => SearchWrapper
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_system = require("@elliemae/ds-system");
+const Container = import_styled_components.default.header`
+  width: auto;
+  height: 64px;
+  position: fixed;
+  width: 100%;
+  background-color: ${(props) => props.theme.colors.brand[700]};
+  padding: ${(props) => props.theme.space.xs};
+  color: ${(props) => props.theme.colors.neutral["000"]};
+`;
+const growLeft = import_ds_system.kfrm`
+  0% {
+    width: 0;
+  }
+  100% {
+    width: 100%;
+  }
+`;
+const SearchWrapper = import_styled_components.default.div`
+  background-color: ${(props) => props.theme.colors.brand[600]};
+  ${import_ds_system.css`
+    animation: ${growLeft} 1s;
+  `}
+  float: right;
+  width: 100%;
+  border-radius: 4px;
+  .dsInput {
+    input {
+      border-radius: 2px 0 0 2px;
+      color: ${(props) => props.theme.colors.neutral["000"]};
+      border: calc(0.30769rem * 0.25) solid
+        ${(props) => props.theme.colors.brand[800]} !important;
+      &:focus {
+        border-right: none !important;
+      }
+      &::placeholder {
+        color: ${(props) => props.theme.colors.neutral["000"]};
+      }
+    }
+    .em-ds-input__clearable {
+      border: calc(0.30769rem * 0.25) solid
+        ${(props) => props.theme.colors.brand[800]} !important;
+    }
+  }
+
+  .dsButton {
+    border-color: ${(props) => props.theme.colors.brand[800]} !important;
+    border-radius: 0 2px 2px 0;
+    border-left: none;
+  }
+  svg,
+  svg:not([fill]) {
+    fill: ${(props) => props.theme.colors.neutral["000"]};
+  }
+`;
+const Icon = import_styled_components.default.div`
+  margin-right: ${(props) => props.theme.space.xs};
+`;
+const Label = import_styled_components.default.div`
+  font-family: ${(props) => props.theme.fonts.default};
+  font-weight: ${(props) => props.theme.fontWeights.regular};
+  font-size: 25px;
+  line-height: 32px;
+`;
+const RightSection = import_styled_components.default.div`
+  padding-top: 5px;
+`;
+const MainSection = import_styled_components.default.div`
+  display: flex;
+  flex-direction: row;
+  height: 32px;
+  span {
+    flex-grow: 1;
+  }
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/dist/cjs/GlobalHeader/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GlobalHeader/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n  width: auto;\n  height: 64px;\n  position: fixed;\n  width: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  padding: ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n`;\n\nexport const SearchWrapper = styled.div`\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  ${css`\n    animation: ${growLeft} 1s;\n  `}\n  float: right;\n  width: 100%;\n  border-radius: 4px;\n  .dsInput {\n    input {\n      border-radius: 2px 0 0 2px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n      &:focus {\n        border-right: none !important;\n      }\n      &::placeholder {\n        color: ${(props) => props.theme.colors.neutral['000']};\n      }\n    }\n    .em-ds-input__clearable {\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n    }\n  }\n\n  .dsButton {\n    border-color: ${(props) => props.theme.colors.brand[800]} !important;\n    border-radius: 0 2px 2px 0;\n    border-left: none;\n  }\n  svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n  font-family: ${(props) => props.theme.fonts.default};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  font-size: 25px;\n  line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n  padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 32px;\n  span {\n    flex-grow: 1;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAA0B;AAEnB,MAAM,YAAY,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKV,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WAC/B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGjD,MAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV,MAAM,gBAAgB,iCAAO;AAAA,sBACd,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,IACtD;AAAA,iBACa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQF,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,UAE3C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,iBAK7B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,UAK7C,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,oBAK1B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAM5C,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAI3C,MAAM,OAAO,iCAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,QAAQ,iCAAO;AAAA,iBACX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBAC7B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAK7C,MAAM,eAAe,iCAAO;AAAA;AAAA;AAI5B,MAAM,cAAc,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/cjs/GroupBox/GroupBox.js

@@ -0,0 +1,87 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupBox_exports = {};
+__export(GroupBox_exports, {
+  DSGroupBox: () => DSGroupBox,
+  DSGroupBoxWithSchema: () => DSGroupBoxWithSchema
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_ds_system = require("@elliemae/ds-system");
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_grid = require("@elliemae/ds-grid");
+const Title = import_styled_components.default.h3`
+  font-size: 14px;
+  margin: 0;
+  ${(0, import_ds_system.truncate)()}
+  color: ${(props2) => props2.theme.colors.neutral["700"]};
+  line-height: inherit;
+  text-transform: capitalize;
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+`;
+const GroupBox = (0, import_styled_components.default)(import_ds_grid.Grid)`
+  background: ${(props2) => props2.background === "grey" ? props2.theme.colors.neutral["050"] : props2.theme.colors.neutral["000"]};
+
+  border-top: ${(props2) => props2.borderTop ? `1px solid ${props2.theme.colors.neutral["100"]}` : "none"};
+`;
+const DSGroupBox = ({ children, title, background = "grey", headerLevel = 3, actionsRight = [], borderTop }) => {
+  const rows = ["auto"];
+  const hasActions = actionsRight.length > 0;
+  if (hasActions)
+    rows.push("auto");
+  return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    rows: ["32px", "auto"]
+  }, /* @__PURE__ */ import_react.default.createElement(GroupBox, {
+    background,
+    cols: rows,
+    borderTop,
+    alignItems: "center",
+    pl: "xs",
+    pr: hasActions ? "xxs" : "xs"
+  }, /* @__PURE__ */ import_react.default.createElement(Title, {
+    as: `h${headerLevel}`
+  }, title), hasActions && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
+    cols: (0, import_lodash.times)(actionsRight.length, () => "auto"),
+    justifySelf: "end"
+  }, actionsRight)), children);
+};
+const props = {
+  children: import_react_desc.PropTypes.element.description("In-box children"),
+  background: import_react_desc.PropTypes.oneOf(["white", "grey"]).description("Title background"),
+  borderTop: import_react_desc.PropTypes.bool.description("Toggle border top of group box"),
+  title: import_react_desc.PropTypes.string.isRequired.description("Group Box title"),
+  headerLevel: import_react_desc.PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("semantic level of header tag for the title"),
+  actionsRight: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.element).description("Array of button icons")
+};
+DSGroupBox.propTypes = props;
+const DSGroupBoxWithSchema = (0, import_react_desc.describe)(DSGroupBox);
+DSGroupBoxWithSchema.propTypes = props;
+module.exports = __toCommonJS(GroupBox_exports);
+//# sourceMappingURL=GroupBox.js.map

package/dist/cjs/GroupBox/GroupBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/GroupBox/GroupBox.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAsB;AACtB,uBAAyB;AACzB,+BAAmB;AACnB,qBAAqB;AAErB,MAAM,QAAQ,iCAAO;AAAA;AAAA;AAAA,IAGjB;AAAA,WACO,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,iBAGhC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,WAAW,sCAAO;AAAA,gBACR,CAAC,WACb,OAAM,eAAe,SAAS,OAAM,MAAM,OAAO,QAAQ,SAAS,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,gBAEjF,CAAC,WAAW,OAAM,YAAY,aAAa,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,aAAa,CAAC,EAAE,UAAU,OAAO,aAAa,QAAQ,cAAc,GAAG,eAAe,IAAI,gBAAgB;AAC9G,QAAM,OAAO,CAAC;AACd,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK;AAC1B,SACE,mDAAC,qBAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,mDAAC,UAAD;AAAA,IACE;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,YAAW;AAAA,IACX,IAAG;AAAA,IACH,IAAI,aAAa,QAAQ;AAAA,KAEzB,mDAAC,OAAD;AAAA,IAAO,IAAI,IAAI;AAAA,KAAgB,QAC9B,cACC,mDAAC,qBAAD;AAAA,IAAM,MAAM,yBAAM,aAAa,QAAQ,MAAM;AAAA,IAAS,aAAY;AAAA,KAC/D,gBAIN;AAAA;AAKP,MAAM,QAAQ;AAAA,EAIZ,UAAU,4BAAU,QAAQ,YAAY;AAAA,EAIxC,YAAY,4BAAU,MAAM,CAAC,SAAS,SAAS,YAAY;AAAA,EAI3D,WAAW,4BAAU,KAAK,YAAY;AAAA,EAItC,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,aAAa,4BAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA,EAI7D,cAAc,4BAAU,QAAQ,4BAAU,SAAS,YAAY;AAAA;AAGjE,WAAW,YAAY;AACvB,MAAM,uBAAuB,gCAAS;AACtC,qBAAqB,YAAY;",
+  "names": []
+}