@elliemae/ds-mobile 2.2.0-alpha.4 → 3.0.0-next.2

package/esm/GlobalHeader/styles.js

@@ -1,86 +1,26 @@
-import * as React from "react";
-import styled from "styled-components";
-import { kfrm, css } from "@elliemae/ds-system";
-const Container = styled.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 = kfrm`
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 100%;
-  }
-`;
-const SearchWrapper = styled.div`
-  background-color: ${(props) => props.theme.colors.brand[600]};
-  ${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;
-    }
-  }
+import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import styled from 'styled-components';
+import { kfrm, css } from '@elliemae/ds-system';
 
-  .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 = styled.div`
-  margin-right: ${(props) => props.theme.space.xs};
-`;
-const Label = styled.div`
-  font-family: ${(props) => props.theme.fonts.default};
-  font-weight: ${(props) => props.theme.fontWeights.regular};
-  font-size: 25px;
-  line-height: 32px;
-`;
-const RightSection = styled.div`
-  padding-top: 5px;
-`;
-const MainSection = styled.div`
-  display: flex;
-  flex-direction: row;
-  height: 32px;
-  span {
-    flex-grow: 1;
-  }
-`;
-export {
-  Container,
-  Icon,
-  Label,
-  MainSection,
-  RightSection,
-  SearchWrapper
-};
-//# sourceMappingURL=styles.js.map
+var _templateObject, _templateObject2;
+const Container = /*#__PURE__*/styled.header.withConfig({
+  componentId: "sc-1nzpklc-0"
+})(["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 = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n"])));
+const SearchWrapper = /*#__PURE__*/styled.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:", ";}"], props => props.theme.colors.brand[600], css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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.div.withConfig({
+  componentId: "sc-1nzpklc-2"
+})(["margin-right:", ";"], props => props.theme.space.xs);
+const Label = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1nzpklc-3"
+})(["font-family:", ";font-weight:", ";font-size:25px;line-height:32px;"], props => props.theme.fonts.default, props => props.theme.fontWeights.regular);
+const RightSection = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1nzpklc-4"
+})(["padding-top:5px;"]);
+const MainSection = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-1nzpklc-5"
+})(["display:flex;flex-direction:row;height:32px;span{flex-grow:1;}"]);
+
+export { Container, Icon, Label, MainSection, RightSection, SearchWrapper };

package/esm/GroupBox/GroupBox.js

@@ -1,58 +1,79 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { times } from "lodash";
-import { truncate } from "@elliemae/ds-system";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-const Title = styled.h3`
-  font-size: 14px;
-  margin: 0;
-  ${truncate()}
-  color: ${(props2) => props2.theme.colors.neutral["700"]};
-  line-height: inherit;
-  text-transform: capitalize;
-  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
-`;
-const GroupBox = styled(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"];
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { PropTypes, describe } from 'react-desc';
+import { times } from 'lodash';
+import { truncate } from '@elliemae/ds-system';
+import styled from 'styled-components';
+import { Grid } from '@elliemae/ds-grid';
+
+const Title = /*#__PURE__*/styled.h3.withConfig({
+  componentId: "sc-1g87w66-0"
+})(["font-size:14px;margin:0;", " color:", ";line-height:inherit;text-transform:capitalize;font-weight:", ";"], truncate(), props => props.theme.colors.neutral['700'], props => props.theme.fontWeights.semibold);
+const GroupBox = /*#__PURE__*/styled(Grid).withConfig({
+  componentId: "sc-1g87w66-1"
+})(["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');
+
+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__ */ React2.createElement(Grid, {
-    rows: ["32px", "auto"]
-  }, /* @__PURE__ */ React2.createElement(GroupBox, {
-    background,
+  if (hasActions) rows.push('auto');
+  return /*#__PURE__*/_jsx(Grid, {
+    rows: ['32px', 'auto']
+  }, void 0, /*#__PURE__*/_jsx(GroupBox, {
+    background: background,
     cols: rows,
-    borderTop,
+    borderTop: borderTop,
     alignItems: "center",
     pl: "xs",
-    pr: hasActions ? "xxs" : "xs"
-  }, /* @__PURE__ */ React2.createElement(Title, {
-    as: `h${headerLevel}`
-  }, title), hasActions && /* @__PURE__ */ React2.createElement(Grid, {
-    cols: times(actionsRight.length, () => "auto"),
+    pr: hasActions ? 'xxs' : 'xs'
+  }, void 0, /*#__PURE__*/_jsx(Title, {
+    as: "h".concat(headerLevel)
+  }, void 0, title), hasActions && /*#__PURE__*/_jsx(Grid, {
+    cols: times(actionsRight.length, () => 'auto'),
     justifySelf: "end"
-  }, actionsRight)), children);
+  }, void 0, actionsRight)), children);
 };
+
 const props = {
-  children: PropTypes.element.description("In-box children"),
-  background: PropTypes.oneOf(["white", "grey"]).description("Title background"),
-  borderTop: PropTypes.bool.description("Toggle border top of group box"),
-  title: PropTypes.string.isRequired.description("Group Box title"),
-  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("semantic level of header tag for the title"),
-  actionsRight: PropTypes.arrayOf(PropTypes.element).description("Array of button icons")
+  /**
+   * In-box children
+   */
+  children: PropTypes.element.description('In-box children'),
+
+  /**
+   * Title background
+   */
+  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),
+
+  /**
+   * Toggle border top of group box
+   */
+  borderTop: PropTypes.bool.description('Toggle border top of group box'),
+
+  /**
+   * Group Box title
+   */
+  title: PropTypes.string.isRequired.description('Group Box title'),
+
+  /**
+   * semantic level of header tag for the title
+   */
+  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),
+
+  /**
+   * Array of button icons
+   */
+  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons')
 };
-DSGroupBox.propTypes = props;
 const DSGroupBoxWithSchema = describe(DSGroupBox);
 DSGroupBoxWithSchema.propTypes = props;
-export {
-  DSGroupBox,
-  DSGroupBoxWithSchema
-};
-//# sourceMappingURL=GroupBox.js.map
+
+export { DSGroupBox, DSGroupBoxWithSchema };

package/esm/GroupBox/index.js

@@ -1,7 +1 @@
-import * as React from "react";
-import { DSGroupBox, DSGroupBoxWithSchema } from "./GroupBox";
-export {
-  DSGroupBox,
-  DSGroupBoxWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { DSGroupBox, DSGroupBoxWithSchema } from './GroupBox.js';

package/esm/Icons/EM_logo.js

@@ -1,33 +1,33 @@
-import * as React from "react";
-import React2 from "react";
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+
+var _svg;
+
 function SvgIcon() {
-  return /* @__PURE__ */ React2.createElement("svg", {
+  return _svg || (_svg = /*#__PURE__*/_jsx("svg", {
     width: "32px",
     height: "32px",
     viewBox: "0 0 32 32",
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg"
-  }, /* @__PURE__ */ React2.createElement("title", null, "em-logo-whitebackground"), /* @__PURE__ */ React2.createElement("g", {
+  }, void 0, /*#__PURE__*/_jsx("title", {}, void 0, "em-logo-whitebackground"), /*#__PURE__*/_jsx("g", {
     id: "em-logo-whitebackground",
     stroke: "none",
     strokeWidth: "1",
     fill: "none",
     fillRule: "evenodd"
-  }, /* @__PURE__ */ React2.createElement("circle", {
+  }, void 0, /*#__PURE__*/_jsx("circle", {
     id: "Oval",
     fill: "#FFFFFF",
     cx: "16",
     cy: "16",
     r: "16"
-  }), /* @__PURE__ */ React2.createElement("image", {
+  }), /*#__PURE__*/_jsx("image", {
     id: "Encompass_ICON_COLOR",
     width: "32",
     height: "32",
     xlinkHref: "data:image/png;base64,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"
-  })));
+  }))));
 }
-var EM_logo_default = SvgIcon;
-export {
-  EM_logo_default as default
-};
-//# sourceMappingURL=EM_logo.js.map
+
+export { SvgIcon as default };

package/esm/InfiniteLoader/Infiniteloader.js

@@ -1,58 +1,91 @@
-import * as React from "react";
-import React2, { useEffect, useRef } from "react";
-import { PropTypes, describe } from "react-desc";
-import { Grid } from "@elliemae/ds-grid";
-import { Loader } from "./Loader";
-const InfiniteLoader = ({ isFetching, fetchData, children, height = window.innerHeight }) => {
-  const callback = (entries) => {
-    const { isIntersecting } = entries[0];
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import { useRef, useEffect } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import { Grid } from '@elliemae/ds-grid';
+import { Loader } from './Loader.js';
+import { jsx } from 'react/jsx-runtime';
+
+const InfiniteLoader = _ref => {
+  let {
+    isFetching,
+    fetchData,
+    children,
+    height = window.innerHeight
+  } = _ref;
+
+  const callback = entries => {
+    const {
+      isIntersecting
+    } = entries[0];
+
     if (isIntersecting && !isFetching) {
-      fetchData();
+      fetchData(); // observer.current.unobserve(target.current);
+
       observer.current.disconnect();
-      observer.current = void 0;
+      observer.current = undefined;
     }
-  };
+  }; // const [target, setTarget] = useState(null);
+
+
   const target = useRef(null);
   const observer = useRef(null);
   useEffect(() => {
     if (observer.current) {
       observer.current.disconnect();
     }
+
     observer.current = new IntersectionObserver(callback, {
       root: null,
-      rootMargin: "0px",
+      rootMargin: '0px',
       threshold: 0.25
     });
+
     if (target.current) {
       observer.current.observe(target.current);
     }
+
     return () => {
-      observer.current?.unobserve(target.current);
-      observer.current?.disconnect();
+      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__ */ React2.createElement(Grid, {
-    style: { position: "relative", height, overflow: "hidden" }
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    style: { overflow: isFetching ? "hidden" : "auto", height }
-  }, children, /* @__PURE__ */ React2.createElement("div", {
+  return /*#__PURE__*/_jsx(Grid, {
+    style: {
+      position: 'relative',
+      height,
+      overflow: 'hidden'
+    }
+  }, void 0, /*#__PURE__*/_jsx(Grid, {
+    style: {
+      overflow: isFetching ? 'hidden' : 'auto',
+      height
+    }
+  }, void 0, children, /*#__PURE__*/jsx("div", {
     ref: target,
-    style: { height: 1 }
-  })), /* @__PURE__ */ React2.createElement(Loader, {
+    style: {
+      height: 1
+    }
+  })), /*#__PURE__*/_jsx(Loader, {
     isOpen: isFetching
   }));
 };
+
 const listProps = {
-  isFetching: PropTypes.bool.description("toggle loading state"),
-  fetchData: PropTypes.func.description("callback to fetch new items"),
-  children: PropTypes.element.description("row items for infinite loader"),
-  height: PropTypes.number.isRequired.description("infinite loader list height")
+  /** toggle loading state */
+  isFetching: PropTypes.bool.description('toggle loading state'),
+
+  /** callback to fetch new items */
+  fetchData: PropTypes.func.description('callback to fetch new items'),
+
+  /** row items for infinite loader */
+  children: PropTypes.element.description('row items for infinite loader'),
+
+  /** infinite loader list height */
+  height: PropTypes.number.isRequired.description('infinite loader list height')
 };
-InfiniteLoader.propTypes = listProps;
 const InfiniteLoaderWithSchema = describe(InfiniteLoader);
 InfiniteLoaderWithSchema.propTypes = listProps;
-export {
-  InfiniteLoader,
-  InfiniteLoaderWithSchema
-};
-//# sourceMappingURL=Infiniteloader.js.map
+
+export { InfiniteLoader, InfiniteLoaderWithSchema };

package/esm/InfiniteLoader/Loader.js

@@ -1,18 +1,19 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import DSIndeterminateProgressIndicator from "@elliemae/ds-indeterminate-progress-indicator";
-import { LoaderBox } from "./styled";
-const Loader = ({ isOpen }) => /* @__PURE__ */ React2.createElement(LoaderBox, {
-  className: isOpen && "opened"
-}, /* @__PURE__ */ React2.createElement(DSIndeterminateProgressIndicator, {
-  processing: true,
-  title: "Loading"
-}));
-Loader.propTypes = {
-  isOpen: PropTypes.bool
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import DSIndeterminateProgressIndicator from '@elliemae/ds-indeterminate-progress-indicator';
+import { LoaderBox } from './styled.js';
+
+var _DSIndeterminateProgr;
+const Loader = _ref => {
+  let {
+    isOpen
+  } = _ref;
+  return /*#__PURE__*/_jsx(LoaderBox, {
+    className: isOpen && 'opened'
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx(DSIndeterminateProgressIndicator, {
+    processing: true,
+    title: "Loading"
+  })));
 };
-export {
-  Loader
-};
-//# sourceMappingURL=Loader.js.map
+
+export { Loader };

package/esm/InfiniteLoader/VirtualizedInfiniteLoader.js

@@ -1,60 +1,84 @@
-import * as React from "react";
-import React2, { useState } from "react";
-import { PropTypes, describe } from "react-desc";
-import RWInfiniteLoader from "react-window-infinite-loader";
-import { VariableSizeList as List } from "react-window";
-const VirtualizedInfiniteLoader = ({
-  moreItemsLoading = false,
-  hasNextPage = false,
-  isItemLoaded = () => true,
-  loadMoreItems,
-  getItemSize = () => 38,
-  height,
-  item: Row
-}) => {
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useState } from 'react';
+import { PropTypes, describe } from 'react-desc';
+import RWInfiniteLoader from 'react-window-infinite-loader';
+import { VariableSizeList } from 'react-window';
+import { jsx } from 'react/jsx-runtime';
+
+const VirtualizedInfiniteLoader = _ref => {
+  let {
+    moreItemsLoading = false,
+    hasNextPage = false,
+    isItemLoaded = () => true,
+    loadMoreItems,
+    getItemSize = () => 38,
+    height,
+    item: Row
+  } = _ref;
   const [itemCount, setItemCount] = useState(10);
+
   const loadMore = (startIndex, stopIndex) => {
-    if (hasNextPage)
-      setItemCount(itemCount + 1);
+    if (hasNextPage) setItemCount(itemCount + 1);
     return loadMoreItems(startIndex, stopIndex);
   };
-  return /* @__PURE__ */ React2.createElement("div", {
-    style: { position: "relative" }
-  }, /* @__PURE__ */ React2.createElement(RWInfiniteLoader, {
-    isItemLoaded,
-    itemCount,
+
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      position: 'relative'
+    }
+  }, void 0, /*#__PURE__*/_jsx(RWInfiniteLoader, {
+    isItemLoaded: isItemLoaded,
+    itemCount: itemCount,
     loadMoreItems: loadMore
-  }, ({ onItemsRendered, ref }) => /* @__PURE__ */ React2.createElement(List, {
-    className: "List",
-    height,
-    itemCount,
-    itemSize: getItemSize,
-    onItemsRendered,
-    ref,
-    width: "100%"
-  }, Row)), moreItemsLoading && /* @__PURE__ */ React2.createElement("div", {
+  }, void 0, _ref2 => {
+    let {
+      onItemsRendered,
+      ref
+    } = _ref2;
+    return /*#__PURE__*/jsx(VariableSizeList, {
+      className: "List",
+      height: height,
+      itemCount: itemCount,
+      itemSize: getItemSize,
+      onItemsRendered: onItemsRendered,
+      ref: ref,
+      width: "100%",
+      children: Row
+    });
+  }), moreItemsLoading && /*#__PURE__*/_jsx("div", {
     style: {
-      position: "absolute",
+      position: 'absolute',
       bottom: 0,
-      background: "blue",
+      background: 'blue',
       zIndex: 1
     }
-  }, "Loading"));
+  }, void 0, "Loading"));
 };
+
 const listProps = {
-  isItemLoaded: PropTypes.bool.description("Function responsible for tracking the loaded state of each item."),
-  loadMoreItems: PropTypes.func.description("Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading."),
-  getItemSize: PropTypes.func.description("callback to get row item size"),
-  height: PropTypes.number.description("height for the list"),
-  moreItemsLoading: PropTypes.bool.description("flag to know if virtual list s"),
-  item: PropTypes.element.description("Row item to render"),
-  hasNextPage: PropTypes.bool.description("flag for virtualized list")
+  /** Function responsible for tracking the loaded state of each item. */
+  isItemLoaded: PropTypes.bool.description('Function responsible for tracking the loaded state of each item.'),
+
+  /**  Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading. */
+  loadMoreItems: PropTypes.func.description('Callback to be invoked when more rows must be loaded. It should return a Promise that is resolved once all data has finished loading.'),
+
+  /** callback to get row item size */
+  getItemSize: PropTypes.func.description('callback to get row item size'),
+
+  /** height for the list */
+  height: PropTypes.number.description('height for the list'),
+
+  /** flag to know if virtual list should be on loading state */
+  moreItemsLoading: PropTypes.bool.description('flag to know if virtual list s'),
+
+  /** Row item to render */
+  item: PropTypes.element.description('Row item to render'),
+
+  /** flag for virtualized list */
+  hasNextPage: PropTypes.bool.description('flag for virtualized list')
 };
-VirtualizedInfiniteLoader.propTypes = listProps;
 const VirtualizedInfiniteLoaderWithSchema = describe(VirtualizedInfiniteLoader);
 VirtualizedInfiniteLoaderWithSchema.propTypes = listProps;
-export {
-  VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema
-};
-//# sourceMappingURL=VirtualizedInfiniteLoader.js.map
+
+export { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema };

package/esm/InfiniteLoader/index.js

@@ -1,13 +1,2 @@
-import * as React from "react";
-import { InfiniteLoader, InfiniteLoaderWithSchema } from "./Infiniteloader";
-import {
-  VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema
-} from "./VirtualizedInfiniteLoader";
-export {
-  InfiniteLoader,
-  InfiniteLoaderWithSchema,
-  VirtualizedInfiniteLoader,
-  VirtualizedInfiniteLoaderWithSchema
-};
-//# sourceMappingURL=index.js.map
+export { InfiniteLoader, InfiniteLoaderWithSchema } from './Infiniteloader.js';
+export { VirtualizedInfiniteLoader, VirtualizedInfiniteLoaderWithSchema } from './VirtualizedInfiniteLoader.js';