@elliemae/ds-mobile 1.60.0 → 2.0.0-alpha.12

package/cjs/GlobalHeader/MobileGlobalHeader.js

@@ -2,8 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var dsForm = require('@elliemae/ds-form');
@@ -12,108 +18,103 @@ var DSButton = require('@elliemae/ds-button');
 var dsIcon = require('@elliemae/ds-icon');
 var lodash = require('lodash');
 var dsGrid = require('@elliemae/ds-grid');
-var Icons_EM_logo = require('../Icons/EM_logo.js');
-var GlobalHeader_styles = require('./styles.js');
-var SideNav_SideNav = require('../SideNav/SideNav.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('@elliemae/ds-backdrop');
-require('../SideNav/styles.js');
+var EM_logo = require('../Icons/EM_logo.js');
+var styles = require('./styles.js');
+var SideNav = require('../SideNav/SideNav.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
-var DSGlobalHeader = function DSGlobalHeader(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      title = _ref.title,
-      lastIcon = _ref.lastIcon,
-      _ref$onSearchChange = _ref.onSearchChange,
-      onSearchChange = _ref$onSearchChange === void 0 ? lodash.noop : _ref$onSearchChange,
-      topMenuItems = _ref.topMenuItems,
-      bottomMenuItems = _ref.bottomMenuItems;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      searchBarVisible = _useState2[0],
-      setSearchBarVisible = _useState2[1];
-
-  var _useState3 = React.useState(),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      searchValue = _useState4[0],
-      setSearchValue = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      showMenu = _useState6[0],
-      setShowMenu = _useState6[1];
-
-  var searchClicked = function searchClicked() {
+var _span;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+const DSGlobalHeader = _ref => {
+  let {
+    containerProps = {},
+    title,
+    lastIcon,
+    onSearchChange = lodash.noop,
+    topMenuItems,
+    bottomMenuItems
+  } = _ref;
+  const [searchBarVisible, setSearchBarVisible] = React.useState(false);
+  const [searchValue, setSearchValue] = React.useState();
+  const [showMenu, setShowMenu] = React.useState(false);
+
+  const searchClicked = () => {
     setSearchBarVisible(true);
   };
 
-  var onSearchChangeDebounced = React.useCallback(lodash.debounce(onSearchChange, 250), []);
+  const onSearchChangeDebounced = React.useCallback(lodash.debounce(onSearchChange, 250), []);
 
-  var searchValueChanged = function searchValueChanged(e) {
-    var val = e.target.value;
+  const searchValueChanged = e => {
+    const val = e.target.value;
     onSearchChangeDebounced(val);
     setSearchValue(val);
   };
 
-  var searchCloseClicked = function searchCloseClicked() {
+  const searchCloseClicked = () => {
     setSearchBarVisible(false);
   };
 
-  var menuToggle = function menuToggle(flag) {
+  const menuToggle = flag => {
     setShowMenu(flag);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.Container, _extends__default['default']({
-    "data-testid": containerProps['data-testid'] || 'global-header-wrapper'
-  }, containerProps), !searchBarVisible ? /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.MainSection, null, /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.Icon, {
-    onClick: menuToggle.bind(null, true)
-  }, Icons_EM_logo()), /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.Label, null, title), /*#__PURE__*/React__default['default'].createElement("span", null), /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.RightSection, null, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: lastIcon ? [1 / 2, 1 / 2] : [1],
-    gutter: "xs"
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
-    "data-testid": "mobile-global-header-search",
-    size: dsIcon.DSIconSizes.M,
-    color: dsIcon.DSIconColors.WHITE,
-    onClick: searchClicked
-  })), lastIcon && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, null, lastIcon))))) : /*#__PURE__*/React__default['default'].createElement(GlobalHeader_styles.SearchWrapper, null, /*#__PURE__*/React__default['default'].createElement(dsForm.DSInput, {
-    clearable: true,
-    className: "dsInput",
-    placeholder: "Search here",
-    onChange: searchValueChanged,
-    rightComponent: /*#__PURE__*/React__default['default'].createElement(DSButton__default['default'], {
-      buttonType: "primary",
-      className: "dsButton",
-      icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.Search, {
-        size: dsIcon.DSIconSizes.M,
-        color: dsIcon.DSIconColors.WHITE,
-        onClick: searchCloseClicked
-      })
-    }),
-    value: searchValue,
-    variant: "variant-active"
-  }))), showMenu ? /*#__PURE__*/React__default['default'].createElement(SideNav_SideNav.DSSideNav, {
-    title: title,
-    menuItems: topMenuItems,
-    bottomMenuItems: bottomMenuItems,
-    onClose: menuToggle.bind(null, false)
-  }) : null);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(styles.Container, _objectSpread(_objectSpread({
+      "data-testid": containerProps['data-testid'] || 'global-header-wrapper'
+    }, containerProps), {}, {
+      children: !searchBarVisible ? /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/_jsx__default["default"](styles.MainSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](styles.Icon, {
+          onClick: menuToggle.bind(null, true)
+        }, void 0, EM_logo()), /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, title), _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {})), /*#__PURE__*/_jsx__default["default"](styles.RightSection, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+          cols: lastIcon ? [1 / 2, 1 / 2] : [1],
+          gutter: "xs"
+        }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+          "data-testid": "mobile-global-header-search",
+          size: dsIcon.DSIconSizes.M,
+          color: dsIcon.DSIconColors.WHITE,
+          onClick: searchClicked
+        })), lastIcon && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, lastIcon))))
+      }) : /*#__PURE__*/_jsx__default["default"](styles.SearchWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsForm.DSInput, {
+        clearable: true,
+        className: "dsInput",
+        placeholder: "Search here",
+        onChange: searchValueChanged,
+        rightComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+          buttonType: "primary",
+          className: "dsButton",
+          icon: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
+            size: dsIcon.DSIconSizes.M,
+            color: dsIcon.DSIconColors.WHITE,
+            onClick: searchCloseClicked
+          })
+        }),
+        value: searchValue,
+        variant: "variant-active"
+      }))
+    })), showMenu ? /*#__PURE__*/_jsx__default["default"](SideNav.DSSideNav, {
+      title: title,
+      menuItems: topMenuItems,
+      bottomMenuItems: bottomMenuItems,
+      onClose: menuToggle.bind(null, false)
+    }) : null]
+  });
 };
 
-var menuProps = reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+const menuProps = reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
   icon: reactDesc.PropTypes.element,
   text: reactDesc.PropTypes.string
 })).description('menu item array');
-var props = {
+const props = {
   /** props to inject to wrapper */
   containerProps: reactDesc.PropTypes.object.description('props to inject to wrapper'),
 
@@ -142,10 +143,8 @@ var props = {
    */
   bottomMenuItems: menuProps
 };
-DSGlobalHeader.propTypes = props;
-var DSGlobalHeaderWithSchema = reactDesc.describe(DSGlobalHeader);
+const DSGlobalHeaderWithSchema = reactDesc.describe(DSGlobalHeader);
 DSGlobalHeaderWithSchema.propTypes = props;
 
 exports.DSGlobalHeader = DSGlobalHeader;
 exports.DSGlobalHeaderWithSchema = DSGlobalHeaderWithSchema;
-//# sourceMappingURL=MobileGlobalHeader.js.map

package/cjs/GlobalHeader/index.js

@@ -2,28 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var GlobalHeader_MobileGlobalHeader = require('./MobileGlobalHeader.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/slicedToArray');
-require('react');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-form');
-require('react-desc');
-require('@elliemae/ds-button');
-require('@elliemae/ds-icon');
-require('lodash');
-require('@elliemae/ds-grid');
-require('../Icons/EM_logo.js');
-require('./styles.js');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('styled-components');
-require('@elliemae/ds-system');
-require('../SideNav/SideNav.js');
-require('@elliemae/ds-backdrop');
-require('../SideNav/styles.js');
+var MobileGlobalHeader = require('./MobileGlobalHeader.js');
 
 
 
-exports.DSGlobalHeader = GlobalHeader_MobileGlobalHeader.DSGlobalHeader;
-exports.DSGlobalHeaderWithSchema = GlobalHeader_MobileGlobalHeader.DSGlobalHeaderWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSGlobalHeader = MobileGlobalHeader.DSGlobalHeader;
+exports.DSGlobalHeaderWithSchema = MobileGlobalHeader.DSGlobalHeaderWithSchema;

package/cjs/GlobalHeader/styles.js

@@ -12,49 +12,23 @@ var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_tagged
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _templateObject, _templateObject2;
-var Container = /*#__PURE__*/styled__default['default'].header.withConfig({
+const Container = /*#__PURE__*/styled__default["default"].header.withConfig({
   componentId: "sc-1nzpklc-0"
-})(["width:auto;height:64px;position:fixed;width:100%;background-color:", ";padding:", ";color:", ";"], function (props) {
-  return props.theme.colors.brand[700];
-}, function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-});
-var growLeft = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n"])));
-var SearchWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["width:auto;height:64px;position:fixed;width:100%;background-color:", ";padding:", ";color:", ";"], props => props.theme.colors.brand[700], props => props.theme.space.xs, props => props.theme.colors.neutral['000']);
+const growLeft = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n"])));
+const SearchWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-1"
-})(["background-color:", ";", " float:right;width:100%;border-radius:4px;.dsInput{input{border-radius:2px 0 0 2px;color:", ";border:calc(0.30769rem * 0.25) solid ", " !important;&:focus{border-right:none !important;}&::placeholder{color:", ";}}.em-ds-input__clearable{border:calc(0.30769rem * 0.25) solid ", " !important;}}.dsButton{border-color:", " !important;border-radius:0 2px 2px 0;border-left:none;}svg,svg:not([fill]){fill:", ";}"], function (props) {
-  return props.theme.colors.brand[600];
-}, dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n    animation: ", " 1s;\n  "])), growLeft), function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.theme.colors.brand[800];
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.theme.colors.brand[800];
-}, function (props) {
-  return props.theme.colors.brand[800];
-}, function (props) {
-  return props.theme.colors.neutral['000'];
-});
-var Icon = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["background-color:", ";", " float:right;width:100%;border-radius:4px;.dsInput{input{border-radius:2px 0 0 2px;color:", ";border:calc(0.30769rem * 0.25) solid ", " !important;&:focus{border-right:none !important;}&::placeholder{color:", ";}}.em-ds-input__clearable{border:calc(0.30769rem * 0.25) solid ", " !important;}}.dsButton{border-color:", " !important;border-radius:0 2px 2px 0;border-left:none;}svg,svg:not([fill]){fill:", ";}"], props => props.theme.colors.brand[600], dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n    animation: ", " 1s;\n  "])), growLeft), props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000'], props => props.theme.colors.brand[800], props => props.theme.colors.brand[800], props => props.theme.colors.neutral['000']);
+const Icon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-2"
-})(["margin-right:", ";"], function (props) {
-  return props.theme.space.xs;
-});
-var Label = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["margin-right:", ";"], props => props.theme.space.xs);
+const Label = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-3"
-})(["font-family:", ";font-weight:", ";font-size:25px;line-height:32px;"], function (props) {
-  return props.theme.fonts.default;
-}, function (props) {
-  return props.theme.fontWeights.regular;
-});
-var RightSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["font-family:", ";font-weight:", ";font-size:25px;line-height:32px;"], props => props.theme.fonts.default, props => props.theme.fontWeights.regular);
+const RightSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-4"
 })(["padding-top:5px;"]);
-var MainSection = /*#__PURE__*/styled__default['default'].div.withConfig({
+const MainSection = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1nzpklc-5"
 })(["display:flex;flex-direction:row;height:32px;span{flex-grow:1;}"]);
 
@@ -64,4 +38,3 @@ exports.Label = Label;
 exports.MainSection = MainSection;
 exports.RightSection = RightSection;
 exports.SearchWrapper = SearchWrapper;
-//# sourceMappingURL=styles.js.map

package/cjs/GroupBox/GroupBox.js

@@ -2,7 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
 var lodash = require('lodash');
 var dsSystem = require('@elliemae/ds-system');
@@ -11,57 +12,46 @@ var dsGrid = require('@elliemae/ds-grid');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Title = /*#__PURE__*/styled__default['default'].h3.withConfig({
+const Title = /*#__PURE__*/styled__default["default"].h3.withConfig({
   componentId: "sc-1g87w66-0"
-})(["font-size:14px;margin:0;", " color:", ";line-height:inherit;text-transform:capitalize;font-weight:", ";"], dsSystem.truncate(), function (props) {
-  return props.theme.colors.neutral['700'];
-}, function (props) {
-  return props.theme.fontWeights.semibold;
-});
-var GroupBox = /*#__PURE__*/styled__default['default'](dsGrid.Grid).withConfig({
+})(["font-size:14px;margin:0;", " color:", ";line-height:inherit;text-transform:capitalize;font-weight:", ";"], dsSystem.truncate(), props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
+const GroupBox = /*#__PURE__*/styled__default["default"](dsGrid.Grid).withConfig({
   componentId: "sc-1g87w66-1"
-})(["background:", ";border-top:", ";"], function (props) {
-  return props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000'];
-}, function (props) {
-  return props.borderTop ? "1px solid ".concat(props.theme.colors.neutral['100']) : 'none';
-});
+})(["background:", ";border-top:", ";"], props => props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000'], props => props.borderTop ? "1px solid ".concat(props.theme.colors.neutral['100']) : 'none');
 
-var DSGroupBox = function DSGroupBox(_ref) {
-  var children = _ref.children,
-      title = _ref.title,
-      _ref$background = _ref.background,
-      background = _ref$background === void 0 ? 'grey' : _ref$background,
-      _ref$headerLevel = _ref.headerLevel,
-      headerLevel = _ref$headerLevel === void 0 ? 3 : _ref$headerLevel,
-      _ref$actionsRight = _ref.actionsRight,
-      actionsRight = _ref$actionsRight === void 0 ? [] : _ref$actionsRight,
-      borderTop = _ref.borderTop;
-  var rows = ['auto'];
-  var hasActions = actionsRight.length > 0;
+const DSGroupBox = _ref => {
+  let {
+    children,
+    title,
+    background = 'grey',
+    headerLevel = 3,
+    actionsRight = [],
+    borderTop
+  } = _ref;
+  const rows = ['auto'];
+  const hasActions = actionsRight.length > 0;
   if (hasActions) rows.push('auto');
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     rows: ['32px', 'auto']
-  }, /*#__PURE__*/React__default['default'].createElement(GroupBox, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](GroupBox, {
     background: background,
     cols: rows,
     borderTop: borderTop,
     alignItems: "center",
     pl: "xs",
     pr: hasActions ? 'xxs' : 'xs'
-  }, /*#__PURE__*/React__default['default'].createElement(Title, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Title, {
     as: "h".concat(headerLevel)
-  }, title), hasActions && /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
-    cols: lodash.times(actionsRight.length, function () {
-      return 'auto';
-    }),
+  }, void 0, title), hasActions && /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
+    cols: lodash.times(actionsRight.length, () => 'auto'),
     justifySelf: "end"
-  }, actionsRight)), children);
+  }, void 0, actionsRight)), children);
 };
 
-var props = {
+const props = {
   /**
    * In-box children
    */
@@ -92,10 +82,8 @@ var props = {
    */
   actionsRight: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.element).description('Array of button icons')
 };
-DSGroupBox.propTypes = props;
-var DSGroupBoxWithSchema = reactDesc.describe(DSGroupBox);
+const DSGroupBoxWithSchema = reactDesc.describe(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;
 
 exports.DSGroupBox = DSGroupBox;
 exports.DSGroupBoxWithSchema = DSGroupBoxWithSchema;
-//# sourceMappingURL=GroupBox.js.map

package/cjs/GroupBox/index.js

@@ -2,16 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var GroupBox_GroupBox = require('./GroupBox.js');
-require('react');
-require('react-desc');
-require('lodash');
-require('@elliemae/ds-system');
-require('styled-components');
-require('@elliemae/ds-grid');
+var GroupBox = require('./GroupBox.js');
 
 
 
-exports.DSGroupBox = GroupBox_GroupBox.DSGroupBox;
-exports.DSGroupBoxWithSchema = GroupBox_GroupBox.DSGroupBoxWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSGroupBox = GroupBox.DSGroupBox;
+exports.DSGroupBoxWithSchema = GroupBox.DSGroupBoxWithSchema;

package/cjs/Icons/EM_logo.js

@@ -1,39 +1,39 @@
 'use strict';
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-/* eslint-disable react/prop-types */
+var _svg;
 
 function SvgIcon() {
-  return /*#__PURE__*/React__default['default'].createElement("svg", {
+  return _svg || (_svg = /*#__PURE__*/_jsx__default["default"]("svg", {
     width: "32px",
     height: "32px",
     viewBox: "0 0 32 32",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /*#__PURE__*/React__default['default'].createElement("title", null, "em-logo-whitebackground"), /*#__PURE__*/React__default['default'].createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("title", {}, void 0, "em-logo-whitebackground"), /*#__PURE__*/_jsx__default["default"]("g", {
     id: "em-logo-whitebackground",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd"
-  }, /*#__PURE__*/React__default['default'].createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("circle", {
     id: "Oval",
     fill: "#FFFFFF",
     cx: "16",
     cy: "16",
     r: "16"
-  }), /*#__PURE__*/React__default['default'].createElement("image", {
+  }), /*#__PURE__*/_jsx__default["default"]("image", {
     id: "Encompass_ICON_COLOR",
     width: "32",
     height: "32",
     xlinkHref: "data:image/png;base64,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"
-  })));
+  }))));
 }
 
 module.exports = SvgIcon;
-//# sourceMappingURL=EM_logo.js.map

package/cjs/InfiniteLoader/Infiniteloader.js

@@ -2,28 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsGrid = require('@elliemae/ds-grid');
-var InfiniteLoader_Loader = require('./Loader.js');
-require('prop-types');
-require('@elliemae/ds-indeterminate-progress-indicator');
-require('./styled.js');
-require('styled-components');
+var Loader = require('./Loader.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var InfiniteLoader = function InfiniteLoader(_ref) {
-  var isFetching = _ref.isFetching,
-      fetchData = _ref.fetchData,
-      children = _ref.children,
-      _ref$height = _ref.height,
-      height = _ref$height === void 0 ? window.innerHeight : _ref$height;
+const InfiniteLoader = _ref => {
+  let {
+    isFetching,
+    fetchData,
+    children,
+    height = window.innerHeight
+  } = _ref;
 
-  var callback = function callback(entries) {
-    var isIntersecting = entries[0].isIntersecting;
+  const callback = entries => {
+    const {
+      isIntersecting
+    } = entries[0];
 
     if (isIntersecting && !isFetching) {
       fetchData(); // observer.current.unobserve(target.current);
@@ -34,9 +35,9 @@ var InfiniteLoader = function InfiniteLoader(_ref) {
   }; // const [target, setTarget] = useState(null);
 
 
-  var target = React.useRef(null);
-  var observer = React.useRef(null);
-  React.useEffect(function () {
+  const target = React.useRef(null);
+  const observer = React.useRef(null);
+  React.useEffect(() => {
     if (observer.current) {
       observer.current.disconnect();
     }
@@ -51,35 +52,35 @@ var InfiniteLoader = function InfiniteLoader(_ref) {
       observer.current.observe(target.current);
     }
 
-    return function () {
+    return () => {
       var _observer$current, _observer$current2;
 
       (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.unobserve(target.current);
       (_observer$current2 = observer.current) === null || _observer$current2 === void 0 ? void 0 : _observer$current2.disconnect();
     };
   }, [target, observer, fetchData]);
-  return /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  return /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       position: 'relative',
-      height: height,
+      height,
       overflow: 'hidden'
     }
-  }, /*#__PURE__*/React__default['default'].createElement(dsGrid.Grid, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
     style: {
       overflow: isFetching ? 'hidden' : 'auto',
-      height: height
+      height
     }
-  }, children, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, void 0, children, /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: target,
     style: {
       height: 1
     }
-  })), /*#__PURE__*/React__default['default'].createElement(InfiniteLoader_Loader.Loader, {
+  })), /*#__PURE__*/_jsx__default["default"](Loader.Loader, {
     isOpen: isFetching
   }));
 };
 
-var listProps = {
+const listProps = {
   /** toggle loading state */
   isFetching: reactDesc.PropTypes.bool.description('toggle loading state'),
 
@@ -92,10 +93,8 @@ var listProps = {
   /** infinite loader list height */
   height: reactDesc.PropTypes.number.isRequired.description('infinite loader list height')
 };
-InfiniteLoader.propTypes = listProps;
-var InfiniteLoaderWithSchema = reactDesc.describe(InfiniteLoader);
+const InfiniteLoaderWithSchema = reactDesc.describe(InfiniteLoader);
 InfiniteLoaderWithSchema.propTypes = listProps;
 
 exports.InfiniteLoader = InfiniteLoader;
 exports.InfiniteLoaderWithSchema = InfiniteLoaderWithSchema;
-//# sourceMappingURL=Infiniteloader.js.map