@elliemae/ds-mobile 2.3.0-alpha.9 → 2.3.0-next.11

package/dist/esm/PageList/PageList.js

@@ -1,33 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { DSFullPageContainer, DSFullPageContainerScroll } from "../FullPageContainer";
-const PageTitleWrapper = styled(Grid)`
-  min-height: 44px;
-`;
-const DSMobilePageList = withTheme(({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {
-  const rows = ["auto", op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];
-  if (header)
-    rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));
-  if (footer)
-    rows.push("56px");
-  return /* @__PURE__ */ React2.createElement(DSFullPageContainer, {
-    rows
-  }, header && /* @__PURE__ */ React2.createElement(Grid, null, header), /* @__PURE__ */ React2.createElement(PageTitleWrapper, null, pageTitle), /* @__PURE__ */ React2.createElement(Grid, null, filterBar), /* @__PURE__ */ React2.createElement(DSFullPageContainerScroll, null, body), footer && /* @__PURE__ */ React2.createElement(Grid, null, footer));
-});
-DSMobilePageList.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
-const DSPageList = DSMobilePageList;
-export {
-  DSMobilePageList,
-  DSPageList
-};
-//# sourceMappingURL=PageList.js.map

package/dist/esm/PageList/PageList.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageList/PageList.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer, DSFullPageContainerScroll } from '../FullPageContainer';\n\nconst PageTitleWrapper = styled(Grid)`\n  min-height: 44px;\n`;\n\nconst DSMobilePageList = withTheme(\n  ({ header = null, pageTitle = null, filterBar = null, body = null, footer = null, theme }) => {\n    const rows = ['auto', op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xl), 0.83), 1];\n    if (header) rows.unshift(__UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl));\n    if (footer) rows.push('56px');\n    return (\n      <DSFullPageContainer rows={rows}>\n        {header && <Grid>{header}</Grid>}\n        <PageTitleWrapper>{pageTitle}</PageTitleWrapper>\n        <Grid>{filterBar}</Grid>\n        <DSFullPageContainerScroll>{body}</DSFullPageContainerScroll>\n        {footer && <Grid>{footer}</Grid>}\n      </DSFullPageContainer>\n    );\n  },\n);\n\nDSMobilePageList.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageList = DSMobilePageList;\n\nexport { DSPageList, DSMobilePageList };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,OAAO;AAAA;AAAA;AAIhC,MAAM,mBAAmB,UACvB,CAAC,EAAE,SAAS,MAAM,YAAY,MAAM,YAAY,MAAM,OAAO,MAAM,SAAS,MAAM,YAAY;AAC5F,QAAM,OAAO,CAAC,QAAQ,GAAG,KAAK,yBAAyB,MAAM,MAAM,KAAK,OAAO;AAC/E,MAAI;AAAQ,SAAK,QAAQ,yBAAyB,MAAM,MAAM;AAC9D,MAAI;AAAQ,SAAK,KAAK;AACtB,SACE,qCAAC,qBAAD;AAAA,IAAqB;AAAA,KAClB,UAAU,qCAAC,MAAD,MAAO,SAClB,qCAAC,kBAAD,MAAmB,YACnB,qCAAC,MAAD,MAAO,YACP,qCAAC,2BAAD,MAA4B,OAC3B,UAAU,qCAAC,MAAD,MAAO;AAAA;AAM1B,iBAAiB,YAAY;AAAA,EAC3B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,aAAa;",
-  "names": []
-}

package/dist/esm/PageList/index.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-export * from "./PageList";
-//# sourceMappingURL=index.js.map

package/dist/esm/PageList/index.js.map

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

package/dist/esm/PageSearch/PageSearch.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import styled from "styled-components";
-import { Grid } from "@elliemae/ds-grid";
-import { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-const Header = styled(Grid)`
-  height: 100%;
-  background: ${(props) => props.theme.colors.brand["600"]};
-  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
-`;
-const DSMobilePageSearch = withTheme(({
-  HeaderContainer = Header,
-  SearchContainer = Header,
-  searchHeader = null,
-  pageTitle = "Search",
-  body = null,
-  theme
-}) => {
-  const rows = [
-    op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),
-    op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),
-    1
-  ];
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    rows,
-    height: "100%"
-  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(HeaderContainer, null, pageTitle)), /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(SearchContainer, null, searchHeader)), /* @__PURE__ */ React2.createElement(Grid, {
-    height: "100%",
-    style: { overflow: "hidden" }
-  }, /* @__PURE__ */ React2.createElement(Grid, {
-    height: "100%",
-    style: { overflow: "auto" }
-  }, body)));
-});
-DSMobilePageSearch.propTypes = {
-  header: PropTypes.element,
-  pageTitle: PropTypes.element,
-  filterBar: PropTypes.element,
-  body: PropTypes.element,
-  footer: PropTypes.element
-};
-const DSPageSearch = DSMobilePageSearch;
-export {
-  DSMobilePageSearch,
-  DSPageSearch
-};
-//# sourceMappingURL=PageSearch.js.map

package/dist/esm/PageSearch/PageSearch.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSearch/PageSearch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { op, withTheme, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nconst Header = styled(Grid)`\n  height: 100%;\n  background: ${(props) => props.theme.colors.brand['600']};\n  padding: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n`;\n\nconst DSMobilePageSearch = withTheme(\n  ({\n    HeaderContainer = Header,\n    SearchContainer = Header,\n    searchHeader = null,\n    pageTitle = 'Search',\n    body = null,\n    theme,\n  }) => {\n    const rows = [\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 0.81),\n      op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.l), 1.62),\n      1,\n    ];\n    return (\n      <Grid rows={rows} height=\"100%\">\n        <Grid>\n          <HeaderContainer>{pageTitle}</HeaderContainer>\n        </Grid>\n        <Grid>\n          <SearchContainer>{searchHeader}</SearchContainer>\n        </Grid>\n        <Grid height=\"100%\" style={{ overflow: 'hidden' }}>\n          <Grid height=\"100%\" style={{ overflow: 'auto' }}>\n            {body}\n          </Grid>\n        </Grid>\n      </Grid>\n    );\n  },\n);\n\nDSMobilePageSearch.propTypes = {\n  header: PropTypes.element,\n  pageTitle: PropTypes.element,\n  filterBar: PropTypes.element,\n  body: PropTypes.element,\n  footer: PropTypes.element,\n};\n\nconst DSPageSearch = DSMobilePageSearch;\n\nexport { DSPageSearch, DSMobilePageSearch };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,SAAS,OAAO;AAAA;AAAA,gBAEN,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aACvC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAGnE,MAAM,qBAAqB,UACzB,CAAC;AAAA,EACC,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,MACI;AACJ,QAAM,OAAO;AAAA,IACX,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD,GAAG,KAAK,yBAAyB,MAAM,MAAM,IAAI;AAAA,IACjD;AAAA;AAEF,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAY,QAAO;AAAA,KACvB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,aAEpB,qCAAC,MAAD,MACE,qCAAC,iBAAD,MAAkB,gBAEpB,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACrC,qCAAC,MAAD;AAAA,IAAM,QAAO;AAAA,IAAO,OAAO,EAAE,UAAU;AAAA,KACpC;AAAA;AAQb,mBAAmB,YAAY;AAAA,EAC7B,QAAQ,UAAU;AAAA,EAClB,WAAW,UAAU;AAAA,EACrB,WAAW,UAAU;AAAA,EACrB,MAAM,UAAU;AAAA,EAChB,QAAQ,UAAU;AAAA;AAGpB,MAAM,eAAe;",
-  "names": []
-}

package/dist/esm/PageSummary/PageSummary.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import PropTypes from "prop-types";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-import { op, __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
-import { DSFullPageContainer } from "../FullPageContainer";
-import { Header, Toolbar, BodyWrapper, Section } from "./Tags";
-const Body = styled(Grid)`
-  margin: 0 auto;
-  width: 100%;
-  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {
-    ${({ theme }) => `width: ${op("*", __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}
-  }
-`;
-const PageSummary = ({
-  header = null,
-  headerZIndex = 1,
-  bodyPrimary = null,
-  actions = null,
-  actionsZIndex = 1,
-  bodySecondary = null
-}) => /* @__PURE__ */ React2.createElement(DSFullPageContainer, null, header && /* @__PURE__ */ React2.createElement(Header, {
-  zIndex: headerZIndex
-}, header), /* @__PURE__ */ React2.createElement(Section, null, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Body, null, bodyPrimary)), /* @__PURE__ */ React2.createElement(Toolbar, {
-  zIndex: actionsZIndex
-}, actions), /* @__PURE__ */ React2.createElement(BodyWrapper, null, /* @__PURE__ */ React2.createElement(Body, null, bodySecondary))));
-PageSummary.propTypes = {
-  header: PropTypes.element,
-  bodyPrimary: PropTypes.element,
-  actions: PropTypes.element,
-  bodySecondary: PropTypes.element,
-  headerZIndex: PropTypes.number,
-  actionsZIndex: PropTypes.number
-};
-const DSPageSummary = PageSummary;
-export {
-  DSPageSummary
-};
-//# sourceMappingURL=PageSummary.js.map

package/dist/esm/PageSummary/PageSummary.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/PageSummary.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { op, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { DSFullPageContainer } from '../FullPageContainer';\nimport { Header, Toolbar, BodyWrapper, Section } from './Tags';\n\nconst Body = styled(Grid)`\n  margin: 0 auto;\n  width: 100%;\n  @media (min-width: ${({ theme }) => theme.breakpoints.small}) {\n    ${({ theme }) => `width: ${op('*', __UNSAFE_SPACE_TO_DIMSUM(theme.space.xxl), 6.25)};`}\n  }\n`;\n\nconst PageSummary = ({\n  header = null,\n  headerZIndex = 1,\n  bodyPrimary = null,\n  actions = null,\n  actionsZIndex = 1,\n  bodySecondary = null,\n}) => (\n  <DSFullPageContainer>\n    {header && <Header zIndex={headerZIndex}>{header}</Header>}\n    <Section>\n      <Grid>\n        <Body>{bodyPrimary}</Body>\n      </Grid>\n      <Toolbar zIndex={actionsZIndex}>{actions}</Toolbar>\n      <BodyWrapper>\n        <Body>{bodySecondary}</Body>\n      </BodyWrapper>\n    </Section>\n  </DSFullPageContainer>\n);\n\nPageSummary.propTypes = {\n  header: PropTypes.element,\n  bodyPrimary: PropTypes.element,\n  actions: PropTypes.element,\n  bodySecondary: PropTypes.element,\n  headerZIndex: PropTypes.number,\n  actionsZIndex: PropTypes.number,\n};\n\nconst DSPageSummary = PageSummary;\n\nexport { DSPageSummary };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,uBAGG,CAAC,EAAE,YAAY,MAAM,YAAY;AAAA,MAClD,CAAC,EAAE,YAAY,UAAU,GAAG,KAAK,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAIlF,MAAM,cAAc,CAAC;AAAA,EACnB,SAAS;AAAA,EACT,eAAe;AAAA,EACf,cAAc;AAAA,EACd,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,MAEhB,qCAAC,qBAAD,MACG,UAAU,qCAAC,QAAD;AAAA,EAAQ,QAAQ;AAAA,GAAe,SAC1C,qCAAC,SAAD,MACE,qCAAC,MAAD,MACE,qCAAC,MAAD,MAAO,eAET,qCAAC,SAAD;AAAA,EAAS,QAAQ;AAAA,GAAgB,UACjC,qCAAC,aAAD,MACE,qCAAC,MAAD,MAAO;AAMf,YAAY,YAAY;AAAA,EACtB,QAAQ,UAAU;AAAA,EAClB,aAAa,UAAU;AAAA,EACvB,SAAS,UAAU;AAAA,EACnB,eAAe,UAAU;AAAA,EACzB,cAAc,UAAU;AAAA,EACxB,eAAe,UAAU;AAAA;AAG3B,MAAM,gBAAgB;",
-  "names": []
-}

package/dist/esm/PageSummary/Tags.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const Header = styled.div`
-  position: fixed;
-  display: grid;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 64px;
-  z-index: ${({ zIndex }) => zIndex};
-`;
-const Toolbar = styled.div`
-  position: sticky;
-  left: 0;
-  top: 64px;
-  background: ${(props) => props.theme.colors.neutral["000"]};
-  z-index: ${({ zIndex }) => zIndex};
-`;
-const BodyWrapper = styled.div`
-  position: relative;
-  display: grid;
-  top: 0;
-  left: 0;
-  height: 100%;
-`;
-const Section = styled.div`
-  position: relative;
-  top: 64px;
-  height: 100%;
-`;
-export {
-  BodyWrapper,
-  Header,
-  Section,
-  Toolbar
-};
-//# sourceMappingURL=Tags.js.map

package/dist/esm/PageSummary/Tags.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/PageSummary/Tags.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Header = styled.div`\n  position: fixed;\n  display: grid;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 64px;\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const Toolbar = styled.div`\n  position: sticky;\n  left: 0;\n  top: 64px;\n  background: ${(props) => props.theme.colors.neutral['000']};\n  z-index: ${({ zIndex }) => zIndex};\n`;\nexport const BodyWrapper = styled.div`\n  position: relative;\n  display: grid;\n  top: 0;\n  left: 0;\n  height: 100%;\n`;\n\nexport const Section = styled.div`\n  position: relative;\n  top: 64px;\n  height: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOhB,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,gBAId,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACzC,CAAC,EAAE,aAAa;AAAA;AAEtB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ3B,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/SideNav/SideNav.js

@@ -1,71 +0,0 @@
-import * as React from "react";
-import React2, { useState } from "react";
-import { DSBackdrop } from "@elliemae/ds-backdrop";
-import { Close } from "@elliemae/ds-icons";
-import { DSIconSizes, DSIconColors } from "@elliemae/ds-icon";
-import { PropTypes, describe } from "react-desc";
-import { noop } from "lodash";
-import Logo from "../Icons/EM_logo";
-import { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from "./styles";
-const DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {
-  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);
-  const menuItemClick = (idx, text, cb) => {
-    if (cb) {
-      cb(idx, text);
-    }
-    setSelectedMenuItem(idx);
-  };
-  const renderMenuList = () => /* @__PURE__ */ React2.createElement(React2.Fragment, null, menuItems.length > 0 ? /* @__PURE__ */ React2.createElement(MenuList, null, menuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
-    key: idx,
-    className: "menuitem",
-    onClick: menuItemClick.bind(null, idx, text, onClick)
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "icon"
-  }, icon), /* @__PURE__ */ React2.createElement("div", {
-    className: `text ${idx === selectedMenuItemIdx ? "active" : ""}`
-  }, text)))) : null);
-  const renderBottomMenu = () => /* @__PURE__ */ React2.createElement(MenuList, null, bottomMenuItems.map(({ icon, text, onClick }, idx) => /* @__PURE__ */ React2.createElement("div", {
-    key: idx,
-    className: "menuitem",
-    onClick: () => onClick(idx, text)
-  }, /* @__PURE__ */ React2.createElement("div", {
-    className: "icon"
-  }, icon), /* @__PURE__ */ React2.createElement("div", {
-    className: "text"
-  }, text))));
-  return /* @__PURE__ */ React2.createElement(Container, {
-    "data-testid": containerProps["data-testid"] || "global-header-menu"
-  }, /* @__PURE__ */ React2.createElement(DSBackdrop, {
-    onClick: onClose,
-    type: "cover"
-  }), /* @__PURE__ */ React2.createElement(Menu, null, /* @__PURE__ */ React2.createElement(MenuWrapper, null, /* @__PURE__ */ React2.createElement(Heading, null, /* @__PURE__ */ React2.createElement(Icon, null, Logo()), /* @__PURE__ */ React2.createElement("div", {
-    className: "content"
-  }, /* @__PURE__ */ React2.createElement("label", null, title), /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement("div", {
-    className: "icon"
-  }, /* @__PURE__ */ React2.createElement(Close, {
-    onClick: onClose,
-    size: DSIconSizes.S,
-    color: DSIconColors.WHITE
-  })))), /* @__PURE__ */ React2.createElement(Hr, null), renderMenuList(), bottomMenuItems.length > 0 ? /* @__PURE__ */ React2.createElement(BottomMenu, null, /* @__PURE__ */ React2.createElement("div", {
-    className: "content"
-  }, /* @__PURE__ */ React2.createElement("hr", null), renderBottomMenu())) : null)));
-};
-const menuProps = PropTypes.arrayOf(PropTypes.shape({
-  icon: PropTypes.element,
-  text: PropTypes.string
-}));
-const navProps = {
-  containerProps: PropTypes.object.description("inject props to wrapper element of side nav"),
-  title: PropTypes.string.isRequired.description("Heading Title"),
-  onClose: PropTypes.func.description("Callback function when close is menu is triggered"),
-  menuItems: menuProps.description("Top Menu items array"),
-  bottomMenuItems: menuProps.description("Bottom Menu items array")
-};
-DSSideNav.propTypes = navProps;
-const DSSideNavWithSchema = describe(DSSideNav).description("Side navigation for mobile and tablet");
-DSSideNavWithSchema.propTypes = navProps;
-export {
-  DSSideNav,
-  DSSideNavWithSchema
-};
-//# sourceMappingURL=SideNav.js.map

package/dist/esm/SideNav/SideNav.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/SideNav.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { useState } from 'react';\nimport { DSBackdrop } from '@elliemae/ds-backdrop';\nimport { Close } from '@elliemae/ds-icons';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { PropTypes, describe } from 'react-desc';\nimport { noop } from 'lodash';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Menu, Heading, Icon, Hr, MenuList, BottomMenu, MenuWrapper } from './styles';\n\nconst DSSideNav = ({ containerProps = {}, title, onClose = noop, menuItems = [], bottomMenuItems = [] }) => {\n  const [selectedMenuItemIdx, setSelectedMenuItem] = useState(-1);\n\n  const menuItemClick = (idx, text, cb) => {\n    if (cb) {\n      cb(idx, text);\n    }\n    setSelectedMenuItem(idx);\n  };\n\n  const renderMenuList = () => (\n    <>\n      {menuItems.length > 0 ? (\n        <MenuList>\n          {menuItems.map(({ icon, text, onClick }, idx) => (\n            <div key={idx} className=\"menuitem\" onClick={menuItemClick.bind(null, idx, text, onClick)}>\n              <div className=\"icon\">{icon}</div>\n              <div className={`text ${idx === selectedMenuItemIdx ? 'active' : ''}`}>{text}</div>\n            </div>\n          ))}\n        </MenuList>\n      ) : null}\n    </>\n  );\n\n  const renderBottomMenu = () => (\n    <MenuList>\n      {bottomMenuItems.map(({ icon, text, onClick }, idx) => (\n        <div key={idx} className=\"menuitem\" onClick={() => onClick(idx, text)}>\n          <div className=\"icon\">{icon}</div>\n          <div className=\"text\">{text}</div>\n        </div>\n      ))}\n    </MenuList>\n  );\n\n  return (\n    <Container data-testid={containerProps['data-testid'] || 'global-header-menu'}>\n      <DSBackdrop onClick={onClose} type=\"cover\"></DSBackdrop>\n\n      <Menu>\n        <MenuWrapper>\n          <Heading>\n            <Icon>{Logo()}</Icon>\n            <div className=\"content\">\n              <label>{title}</label>\n              <span></span>\n              <div className=\"icon\">\n                <Close onClick={onClose} size={DSIconSizes.S} color={DSIconColors.WHITE} />\n              </div>\n            </div>\n          </Heading>\n          <Hr></Hr>\n          {renderMenuList()}\n          {bottomMenuItems.length > 0 ? (\n            <BottomMenu>\n              <div className=\"content\">\n                <hr></hr>\n                {renderBottomMenu()}\n              </div>\n            </BottomMenu>\n          ) : null}\n        </MenuWrapper>\n      </Menu>\n    </Container>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n);\n\nconst navProps = {\n  /** inject props to wrapper element of side nav */\n  containerProps: PropTypes.object.description('inject props to wrapper element of side nav'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Callback function when close is menu is triggered\n   */\n  onClose: PropTypes.func.description('Callback function when close is menu is triggered'),\n  /**\n   * Top Menu items array\n   */\n  menuItems: menuProps.description('Top Menu items array'),\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps.description('Bottom Menu items array'),\n};\n\nDSSideNav.propTypes = navProps;\n\nconst DSSideNavWithSchema = describe(DSSideNav).description('Side navigation for mobile and tablet');\n\nDSSideNavWithSchema.propTypes = navProps;\n\nexport { DSSideNav, DSSideNavWithSchema };\n"],
-  "mappings": "AAAA;ACKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,CAAC,EAAE,iBAAiB,IAAI,OAAO,UAAU,MAAM,YAAY,IAAI,kBAAkB,SAAS;AAC1G,QAAM,CAAC,qBAAqB,uBAAuB,SAAS;AAE5D,QAAM,gBAAgB,CAAC,KAAK,MAAM,OAAO;AACvC,QAAI,IAAI;AACN,SAAG,KAAK;AAAA;AAEV,wBAAoB;AAAA;AAGtB,QAAM,iBAAiB,MACrB,4DACG,UAAU,SAAS,IAClB,qCAAC,UAAD,MACG,UAAU,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QACvC,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,cAAc,KAAK,MAAM,KAAK,MAAM;AAAA,KAC/E,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAW,QAAQ,QAAQ,sBAAsB,WAAW;AAAA,KAAO,WAI5E;AAIR,QAAM,mBAAmB,MACvB,qCAAC,UAAD,MACG,gBAAgB,IAAI,CAAC,EAAE,MAAM,MAAM,WAAW,QAC7C,qCAAC,OAAD;AAAA,IAAK,KAAK;AAAA,IAAK,WAAU;AAAA,IAAW,SAAS,MAAM,QAAQ,KAAK;AAAA,KAC9D,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ,OACvB,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KAAQ;AAM/B,SACE,qCAAC,WAAD;AAAA,IAAW,eAAa,eAAe,kBAAkB;AAAA,KACvD,qCAAC,YAAD;AAAA,IAAY,SAAS;AAAA,IAAS,MAAK;AAAA,MAEnC,qCAAC,MAAD,MACE,qCAAC,aAAD,MACE,qCAAC,SAAD,MACE,qCAAC,MAAD,MAAO,SACP,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,SAAD,MAAQ,QACR,qCAAC,QAAD,OACA,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,OAAD;AAAA,IAAO,SAAS;AAAA,IAAS,MAAM,YAAY;AAAA,IAAG,OAAO,aAAa;AAAA,SAIxE,qCAAC,IAAD,OACC,kBACA,gBAAgB,SAAS,IACxB,qCAAC,YAAD,MACE,qCAAC,OAAD;AAAA,IAAK,WAAU;AAAA,KACb,qCAAC,MAAD,OACC,uBAGH;AAAA;AAOd,MAAM,YAAY,UAAU,QAC1B,UAAU,MAAM;AAAA,EACd,MAAM,UAAU;AAAA,EAChB,MAAM,UAAU;AAAA;AAIpB,MAAM,WAAW;AAAA,EAEf,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAI7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,WAAW,UAAU,YAAY;AAAA,EAIjC,iBAAiB,UAAU,YAAY;AAAA;AAGzC,UAAU,YAAY;AAEtB,MAAM,sBAAsB,SAAS,WAAW,YAAY;AAE5D,oBAAoB,YAAY;",
-  "names": []
-}

package/dist/esm/SideNav/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { DSSideNav, DSSideNavWithSchema } from "./SideNav";
-export {
-  DSSideNav,
-  DSSideNavWithSchema
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/SideNav/index.js.map

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

package/dist/esm/SideNav/styles.js

@@ -1,100 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const Container = styled.div`
-  position: fixed;
-  width: 100%;
-  height: 100%;
-`;
-const MenuWrapper = styled.div`
-  position: relative;
-  height: 100%;
-`;
-const Menu = styled.div`
-  position: fixed;
-  width: 80%;
-  height: 100%;
-  background-color: ${(props) => props.theme.colors.brand[700]};
-  font-family: ${(props) => props.theme.fonts.default};
-  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};
-  padding: ${(props) => props.theme.space.xs};
-`;
-const Heading = styled.div`
-  display: flex;
-  flex-direction: row;
-
-  .content {
-    width: 100%;
-    display: flex;
-    flex-direction: row;
-    span {
-      flex-grow: 1;
-    }
-    label {
-      padding-top: 1px;
-      line-height:30px;
-      font-weight: ${(props) => props.theme.fontWeights.semibold};
-      font-size: 22px;
-      color: ${(props) => props.theme.colors.neutral["000"]};
-    }
-    .icon {
-      cursor: pointer;
-      padding-top: 6px;
-    }
-  }
-`;
-const Icon = styled.div`
-  margin-right: ${(props) => props.theme.space.xxs2};
-`;
-const Hr = styled.hr`
-  margin-left: -${(props) => props.theme.space.xs};
-  margin-right: -${(props) => props.theme.space.xs};
-`;
-const MenuList = styled.div`
-  .menuitem {
-    display: flex;
-    flex-direction: row;
-    cursor: pointer;
-    height:22px;
-    margin-bottom: ${(props) => props.theme.space.xs};
-    .icon {
-      padding-left: 6px;
-      margin-right: ${(props) => props.theme.space.xs};
-      span{
-        height:20px;
-        width:20px;
-        svg{
-          height:20px;
-          width:20px;
-        }
-      }
-    }
-    .text {
-      font-weight: ${(props) => props.theme.fontWeights.regular};
-      font-size: 18px;
-      line-height:22px;
-      color: ${(props) => props.theme.colors.neutral["000"]};
-      &.active {
-        font-weight: ${(props) => props.theme.fontWeights.semibold};
-      }
-    }
-    &:last-child {
-      margin-bottom: 0;
-    }
-  }
-`;
-const BottomMenu = styled.div`
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-`;
-export {
-  BottomMenu,
-  Container,
-  Heading,
-  Hr,
-  Icon,
-  Menu,
-  MenuList,
-  MenuWrapper
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/SideNav/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SideNav/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Container = styled.div`\n  position: fixed;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const MenuWrapper = styled.div`\n  position: relative;\n  height: 100%;\n`;\n\nexport const Menu = styled.div`\n  position: fixed;\n  width: 80%;\n  height: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  font-family: ${(props) => props.theme.fonts.default};\n  box-shadow: 5px 0 5px ${(props) => props.theme.colors.neutral[600]};\n  padding: ${(props) => props.theme.space.xs};\n`;\n\nexport const Heading = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  .content {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    span {\n      flex-grow: 1;\n    }\n    label {\n      padding-top: 1px;\n      line-height:30px;\n      font-weight: ${(props) => props.theme.fontWeights.semibold};\n      font-size: 22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n    }\n    .icon {\n      cursor: pointer;\n      padding-top: 6px;\n    }\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xxs2};\n`;\n\nexport const Hr = styled.hr`\n  margin-left: -${(props) => props.theme.space.xs};\n  margin-right: -${(props) => props.theme.space.xs};\n`;\nexport const MenuList = styled.div`\n  .menuitem {\n    display: flex;\n    flex-direction: row;\n    cursor: pointer;\n    height:22px;\n    margin-bottom: ${(props) => props.theme.space.xs};\n    .icon {\n      padding-left: 6px;\n      margin-right: ${(props) => props.theme.space.xs};\n      span{\n        height:20px;\n        width:20px;\n        svg{\n          height:20px;\n          width:20px;\n        }\n      }\n    }\n    .text {\n      font-weight: ${(props) => props.theme.fontWeights.regular};\n      font-size: 18px;\n      line-height:22px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      &.active {\n        font-weight: ${(props) => props.theme.fontWeights.semibold};\n      }\n    }\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nexport const BottomMenu = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 100%;\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAMzB,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAK3B,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIL,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,iBACzC,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACpB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,aACnD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGnC,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAcT,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA,eAEzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS9C,MAAM,OAAO,OAAO;AAAA,kBACT,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGxC,MAAM,KAAK,OAAO;AAAA,kBACP,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAEzC,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAMV,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,sBAG5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAW9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA,eAGzC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,uBAE9B,CAAC,UAAU,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASnD,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/SwipeToRefresh/ProgressIndicator.js

@@ -1,47 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { useTheme } from "@elliemae/ds-system";
-import PropTypes from "prop-types";
-import { Grid } from "@elliemae/ds-grid";
-const rad = 54;
-const cir = 2 * Math.PI * rad;
-const ProgressIndicator = ({ progress = 0 }) => {
-  const factor = progress / 100;
-  const theme = useTheme();
-  const dashoffset = cir * (1 - factor);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    height: theme.space.s,
-    width: theme.space.s,
-    justifyContent: "center",
-    alignItems: "center"
-  }, /* @__PURE__ */ React2.createElement("svg", {
-    width: "23",
-    height: "23",
-    viewBox: "0 0 120 120",
-    transform: "rotate(-90)"
-  }, /* @__PURE__ */ React2.createElement("circle", {
-    cx: "60",
-    cy: "60",
-    r: "54",
-    fill: "none",
-    strokeWidth: "12",
-    stroke: `${theme.colors.neutral[100]}`
-  }), /* @__PURE__ */ React2.createElement("circle", {
-    cx: "60",
-    cy: "60",
-    r: "54",
-    strokeWidth: "12",
-    fill: "none",
-    strokeDasharray: `${cir}px`,
-    strokeDashoffset: `${dashoffset}px`,
-    stroke: `${theme.colors.brand[600]}`,
-    strokeLinecap: "round"
-  })));
-};
-ProgressIndicator.propTypes = {
-  progress: PropTypes.number
-};
-export {
-  ProgressIndicator
-};
-//# sourceMappingURL=ProgressIndicator.js.map

package/dist/esm/SwipeToRefresh/ProgressIndicator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useTheme } from '@elliemae/ds-system';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst rad = 54;\nconst cir = 2 * Math.PI * rad;\nexport const ProgressIndicator = ({ progress = 0 }) => {\n  const factor = progress / 100;\n  const theme = useTheme();\n  const dashoffset = cir * (1 - factor);\n  return (\n    <Grid height={theme.space.s} width={theme.space.s} justifyContent=\"center\" alignItems=\"center\">\n      <svg width=\"23\" height=\"23\" viewBox=\"0 0 120 120\" transform=\"rotate(-90)\">\n        <circle cx=\"60\" cy=\"60\" r=\"54\" fill=\"none\" strokeWidth=\"12\" stroke={`${theme.colors.neutral[100]}`} />\n        <circle\n          cx=\"60\"\n          cy=\"60\"\n          r=\"54\"\n          strokeWidth=\"12\"\n          fill=\"none\"\n          strokeDasharray={`${cir}px`}\n          strokeDashoffset={`${dashoffset}px`}\n          stroke={`${theme.colors.brand[600]}`}\n          strokeLinecap=\"round\"\n        />\n      </svg>\n    </Grid>\n  );\n};\n\nProgressIndicator.propTypes = {\n  progress: PropTypes.number,\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,MAAM;AACZ,MAAM,MAAM,IAAI,KAAK,KAAK;AACnB,MAAM,oBAAoB,CAAC,EAAE,WAAW,QAAQ;AACrD,QAAM,SAAS,WAAW;AAC1B,QAAM,QAAQ;AACd,QAAM,aAAa,MAAO,KAAI;AAC9B,SACE,qCAAC,MAAD;AAAA,IAAM,QAAQ,MAAM,MAAM;AAAA,IAAG,OAAO,MAAM,MAAM;AAAA,IAAG,gBAAe;AAAA,IAAS,YAAW;AAAA,KACpF,qCAAC,OAAD;AAAA,IAAK,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,SAAQ;AAAA,IAAc,WAAU;AAAA,KAC1D,qCAAC,UAAD;AAAA,IAAQ,IAAG;AAAA,IAAK,IAAG;AAAA,IAAK,GAAE;AAAA,IAAK,MAAK;AAAA,IAAO,aAAY;AAAA,IAAK,QAAQ,GAAG,MAAM,OAAO,QAAQ;AAAA,MAC5F,qCAAC,UAAD;AAAA,IACE,IAAG;AAAA,IACH,IAAG;AAAA,IACH,GAAE;AAAA,IACF,aAAY;AAAA,IACZ,MAAK;AAAA,IACL,iBAAiB,GAAG;AAAA,IACpB,kBAAkB,GAAG;AAAA,IACrB,QAAQ,GAAG,MAAM,OAAO,MAAM;AAAA,IAC9B,eAAc;AAAA;AAAA;AAOxB,kBAAkB,YAAY;AAAA,EAC5B,UAAU,UAAU;AAAA;",
-  "names": []
-}

package/dist/esm/SwipeToRefresh/ProgressLoader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/ProgressLoader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const ProgressLoader = () => {\n  const width = 32;\n  const height = 32;\n  return (\n    <svg viewBox=\"0 0 40 40\" width={width} height={height} rotate=\"20deg\">\n      <defs>\n        <clipPath id=\"prefix__clip-path\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-2\">\n          <circle className=\"prefix__cls-1\" cx={-220} cy={9} r={2} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-3\">\n          <circle className=\"prefix__cls-1\" cx={-159.98} cy={21} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-4\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-146 21a14 14 0 00-14-14h-.13a2 2 0 00-2 2 2 2 0 002 2h.09a10 10 0 0110 10 2 2 0 002 2 2 2 0 002.04-2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-5\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-151.3 27.15l-1.33-6.81a1 1 0 01.79-1.18 1.05 1.05 0 01.5 0l7 2.24a1 1 0 01.65 1.26 1 1 0 01-.33.47l-5.66 4.58a1 1 0 01-1.4-.15 1.19 1.19 0 01-.22-.41z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-6\">\n          <circle className=\"prefix__cls-1\" cx={-99.68} cy={21.22} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-7\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-99.68 35.22a14 14 0 0014-14 14 14 0 00-14-14h-.26a2 2 0 00-2 2 2 2 0 002 2h.18a10 10 0 0110 10 10 10 0 01-10 10 2 2 0 00-2 2 2 2 0 002.08 2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-8\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-106.26 30l6.73-1.44a1 1 0 011.19.77 1 1 0 010 .48l-1.84 6.65a1 1 0 01-1.24.7 1.1 1.1 0 01-.46-.28l-4.88-5.22a1 1 0 010-1.42 1.05 1.05 0 01.5-.24z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-9\">\n          <circle className=\"prefix__cls-1\" cx={-39.52} cy={21.9} r={12} />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-10\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M-53.52 21.9a14 14 0 0014 14 14 14 0 0014-14 14 14 0 00-14-14h-.39a2 2 0 00-1.94 2 2 2 0 002.05 2h.28a10 10 0 0110 10 10 10 0 01-10 10 10 10 0 01-10-10 2 2 0 00-2-2 2 2 0 00-2 2z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-11\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M-47.67 14.9l1 6.87a1 1 0 01-.85 1.13 1.07 1.07 0 01-.47 0l-6.77-2.35a1 1 0 01-.61-1.27 1 1 0 01.33-.47l5.8-4.51a1 1 0 011.4.18.94.94 0 01.17.42z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-12\">\n          <path\n            className=\"prefix__cls-1\"\n            d=\"M34.48 21.9a14.2 14.2 0 100 .37 2 2 0 00-4-.11 9.76 9.76 0 110-.26 2 2 0 004 0z\"\n          />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-13\">\n          <path className=\"prefix__cls-1\" d=\"M-155.52-51.1h282v114h-282z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-14\">\n          <path className=\"prefix__cls-1\" d=\"M4.48 5.9h32v32h-32z\" />\n        </clipPath>\n        <clipPath id=\"prefix__clip-path-15\">\n          <path\n            className=\"prefix__cls-2\"\n            d=\"M26.13 11.91l-6.53 1.87a1 1 0 01-1.24-.68.94.94 0 010-.5l1.48-6.43A1 1 0 0121 5.42a1.07 1.07 0 01.45.23l5 4.55a1 1 0 01.08 1.41 1.12 1.12 0 01-.4.3z\"\n          />\n        </clipPath>\n        <style>\n          {\n            '.prefix__cls-1,.prefix__cls-2{fill:none}.prefix__cls-2{clip-rule:evenodd}.prefix__cls-15{clip-path:url(#prefix__clip-path-13)}'\n          }\n        </style>\n      </defs>\n      <g id=\"prefix__Layer_5\" data-name=\"Layer 5\">\n        <g clipPath=\"url(#prefix__clip-path-12)\">\n          <g clipPath=\"url(#prefix__clip-path-14)\">\n            <image\n              width={32}\n              height={32}\n              transform=\"rotate(-90 21.19 16.71)\"\n              xlinkHref=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsSAAALEgHS3X78AAACA0lEQVRYR+3XTY7UMBDF8X+VnfR0SwiE2IzEBWDLHbgAHIyDwFVYcwDEEiSE5iOx32PhboYVs5ig2bQlL6KUlJ+fK44Sbz58No848r6C/z3OgDPgDDgDzoAz4NEB9b6CzUYtlIuJw1x5OhV2Nbmo+XDAp/cv7yv553gw4N3Hr7x9fcmr58mLHeynZA4zFygBGWOfIyAYkzheewMAwJcf18CeywM8u4BDMYcaTCWoGdQwCZQcqDih8DaA79cr3+YCzNxKPJngMAUXKeaEuQSlBFWQERRMJoRjG8BVFz+Xzq42oNIESxf7GuxqMHUzpZkTagaZQdFIYxNAdHG1dn4tyZQJJDKsNnuZuSRzgUUDUsPj4blRAu7iponrJqalkVEZCCMHTaIJppK0Y+PVNKmNegCbW5mbLuaeTE0UABIDvUA3dImWUEsyMVa/CcCGbnPbxFLETQsywDFePBlcQIbJIAtl0LfqAQMp0ZUsXdSM4xkQJMEpCRvEgHSbnhsBsMHQbJrGXGVqEyXKOHGIUxlK6AzINgDANt2wyjSJVUGGyd4pJMvx6AH+pOGtEggb5BGrzNo9ujxM6RBhHKdf0ACME8xGryGAYkDaMYkmUQJaJKUPzF0GRwQbJQCQ8t022FQH1dA87qX+BsD4EmwF8FhNGsBYRjIK00P0SNYuCskaoxnRaMzfAeIT7ZHlq9QAAAAASUVORK5CYII=\"\n            />\n          </g>\n        </g>\n        <g clipPath=\"url(#prefix__clip-path-15)\">\n          <path\n            transform=\"rotate(-77 22.961 10.28)\"\n            fill=\"#3590ce\"\n            d=\"M13.66 1.31h18.6v17.94h-18.6z\"\n          />\n        </g>\n      </g>\n    </svg>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,iBAAiB,MAAM;AAClC,QAAM,QAAQ;AACd,QAAM,SAAS;AACf,SACE,qCAAC,OAAD;AAAA,IAAK,SAAQ;AAAA,IAAY;AAAA,IAAc;AAAA,IAAgB,QAAO;AAAA,KAC5D,qCAAC,QAAD,MACE,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAI,GAAG;AAAA,OAEzD,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAM,IAAI;AAAA,IAAG,GAAG;AAAA,OAExD,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAS,IAAI;AAAA,IAAI,GAAG;AAAA,OAE5D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAO,GAAG;AAAA,OAE9D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,UAAD;AAAA,IAAQ,WAAU;AAAA,IAAgB,IAAI;AAAA,IAAQ,IAAI;AAAA,IAAM,GAAG;AAAA,OAE7D,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IAAM,WAAU;AAAA,IAAgB,GAAE;AAAA,OAEpC,qCAAC,YAAD;AAAA,IAAU,IAAG;AAAA,KACX,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,GAAE;AAAA,OAGN,qCAAC,SAAD,MAEI,oIAIN,qCAAC,KAAD;AAAA,IAAG,IAAG;AAAA,IAAkB,aAAU;AAAA,KAChC,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,SAAD;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,WAAU;AAAA,IACV,WAAU;AAAA,QAIhB,qCAAC,KAAD;AAAA,IAAG,UAAS;AAAA,KACV,qCAAC,QAAD;AAAA,IACE,WAAU;AAAA,IACV,MAAK;AAAA,IACL,GAAE;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/SwipeToRefresh/SwipeToRefresh.js

@@ -1,48 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { PropTypes, describe } from "react-desc";
-import { DSCircularProgressIndicator } from "@elliemae/ds-circular-progress-indicator";
-import { useTheme } from "@elliemae/ds-system";
-import { useSwipe } from "./useSwipe";
-import { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from "./styled";
-import { ProgressIndicator } from "./ProgressIndicator";
-const SwipeToRefresh = ({ children, loading, onRefresh }) => {
-  const breakpoint = 60;
-  const theme = useTheme();
-  const swipe = useSwipe({ onRefresh, breakpoint });
-  const progress = swipe.height > breakpoint ? 100 : swipe.height * 100 / breakpoint;
-  return /* @__PURE__ */ React2.createElement(SwipeContainer, null, /* @__PURE__ */ React2.createElement(SwipeDrag, {
-    onTouchStart: swipe.touchStart,
-    onTouchEnd: swipe.touchEnd,
-    onTouchCancel: swipe.touchCancel,
-    onTouchMove: swipe.touchMove,
-    ref: swipe.ref
-  }, /* @__PURE__ */ React2.createElement(LoaderBox, {
-    height: loading ? theme.space.m : `${swipe.height}px`,
-    alignItems: "flex-start",
-    "data-testid": "loader-box"
-  }, /* @__PURE__ */ React2.createElement(PositionLoader, {
-    height: theme.space.m,
-    justifyContent: "center",
-    alignItems: "center",
-    mt: swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`
-  }, loading ? /* @__PURE__ */ React2.createElement(DSCircularProgressIndicator, null) : /* @__PURE__ */ React2.createElement(ProgressIndicator, {
-    progress
-  }))), /* @__PURE__ */ React2.createElement("div", {
-    ref: swipe.target,
-    style: { height: 1 }
-  }), children));
-};
-const props = {
-  children: PropTypes.element.isRequired.description("component inside swipe to refresh container"),
-  loading: PropTypes.bool.description("toggle loading state for swipe"),
-  onRefresh: PropTypes.func.description("callback on refresh swipe")
-};
-SwipeToRefresh.propTypes = props;
-const SwipeToRefreshWithSchema = describe(SwipeToRefresh);
-SwipeToRefreshWithSchema.propTypes = props;
-export {
-  SwipeToRefresh,
-  SwipeToRefreshWithSchema
-};
-//# sourceMappingURL=SwipeToRefresh.js.map

package/dist/esm/SwipeToRefresh/SwipeToRefresh.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\nimport { useTheme } from '@elliemae/ds-system';\nimport { useSwipe } from './useSwipe';\nimport { SwipeContainer, SwipeDrag, LoaderBox, PositionLoader } from './styled';\nimport { ProgressIndicator } from './ProgressIndicator';\n\nconst SwipeToRefresh = ({ children, loading, onRefresh }) => {\n  const breakpoint = 60;\n  const theme = useTheme();\n  const swipe = useSwipe({ onRefresh, breakpoint });\n  const progress = swipe.height > breakpoint ? 100 : (swipe.height * 100) / breakpoint;\n  return (\n    <SwipeContainer>\n      <SwipeDrag\n        onTouchStart={swipe.touchStart}\n        onTouchEnd={swipe.touchEnd}\n        onTouchCancel={swipe.touchCancel}\n        onTouchMove={swipe.touchMove}\n        ref={swipe.ref}\n      >\n        <LoaderBox\n          height={loading ? theme.space.m : `${swipe.height}px`}\n          alignItems=\"flex-start\"\n          data-testid=\"loader-box\"\n        >\n          <PositionLoader\n            height={theme.space.m}\n            justifyContent=\"center\"\n            alignItems=\"center\"\n            mt={swipe.height > 40 || loading ? 0 : `${swipe.height - 40}px`}\n          >\n            {loading ? <DSCircularProgressIndicator /> : <ProgressIndicator progress={progress} />}\n          </PositionLoader>\n        </LoaderBox>\n        <div ref={swipe.target} style={{ height: 1 }} />\n        {children}\n      </SwipeDrag>\n    </SwipeContainer>\n  );\n};\n\nconst props = {\n  /** component inside swipe to refresh container */\n  children: PropTypes.element.isRequired.description('component inside swipe to refresh container'),\n  /** toggle loading state for swipe */\n  loading: PropTypes.bool.description('toggle loading state for swipe'),\n  /** callback on refresh swipe */\n  onRefresh: PropTypes.func.description('callback on refresh swipe'),\n};\n\nSwipeToRefresh.propTypes = props;\n\nconst SwipeToRefreshWithSchema = describe(SwipeToRefresh);\n\nSwipeToRefreshWithSchema.propTypes = props;\n\nexport { SwipeToRefresh, SwipeToRefreshWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,iBAAiB,CAAC,EAAE,UAAU,SAAS,gBAAgB;AAC3D,QAAM,aAAa;AACnB,QAAM,QAAQ;AACd,QAAM,QAAQ,SAAS,EAAE,WAAW;AACpC,QAAM,WAAW,MAAM,SAAS,aAAa,MAAO,MAAM,SAAS,MAAO;AAC1E,SACE,qCAAC,gBAAD,MACE,qCAAC,WAAD;AAAA,IACE,cAAc,MAAM;AAAA,IACpB,YAAY,MAAM;AAAA,IAClB,eAAe,MAAM;AAAA,IACrB,aAAa,MAAM;AAAA,IACnB,KAAK,MAAM;AAAA,KAEX,qCAAC,WAAD;AAAA,IACE,QAAQ,UAAU,MAAM,MAAM,IAAI,GAAG,MAAM;AAAA,IAC3C,YAAW;AAAA,IACX,eAAY;AAAA,KAEZ,qCAAC,gBAAD;AAAA,IACE,QAAQ,MAAM,MAAM;AAAA,IACpB,gBAAe;AAAA,IACf,YAAW;AAAA,IACX,IAAI,MAAM,SAAS,MAAM,UAAU,IAAI,GAAG,MAAM,SAAS;AAAA,KAExD,UAAU,qCAAC,6BAAD,QAAkC,qCAAC,mBAAD;AAAA,IAAmB;AAAA,QAGpE,qCAAC,OAAD;AAAA,IAAK,KAAK,MAAM;AAAA,IAAQ,OAAO,EAAE,QAAQ;AAAA,MACxC;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,QAAQ,WAAW,YAAY;AAAA,EAEnD,SAAS,UAAU,KAAK,YAAY;AAAA,EAEpC,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,eAAe,YAAY;AAE3B,MAAM,2BAA2B,SAAS;AAE1C,yBAAyB,YAAY;",
-  "names": []
-}

package/dist/esm/SwipeToRefresh/styled.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import { Grid } from "@elliemae/ds-grid";
-import styled from "styled-components";
-const SwipeContainer = styled(Grid)`
-  transition: height 0.2s;
-  overscroll-behavior: none;
-  height: 100%;
-`;
-const SwipeDrag = styled.div`
-  border: none;
-  overscroll-behavior: none;
-  overflow: auto;
-  max-height: 100%;
-`;
-const LoaderBox = styled(Grid)`
-  transition: height 0.2s;
-  overflow: hidden;
-`;
-const PositionLoader = styled(Grid)`
-  transition: margin 0.2s;
-`;
-export {
-  LoaderBox,
-  PositionLoader,
-  SwipeContainer,
-  SwipeDrag
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/SwipeToRefresh/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/SwipeToRefresh/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const SwipeContainer = styled(Grid)`\n  transition: height 0.2s;\n  overscroll-behavior: none;\n  height: 100%;\n`;\n\nexport const SwipeDrag = styled.div`\n  border: none;\n  overscroll-behavior: none;\n  overflow: auto;\n  max-height: 100%;\n`;\n\nexport const LoaderBox = styled(Grid)`\n  transition: height 0.2s;\n  overflow: hidden;\n`;\n\nexport const PositionLoader = styled(Grid)`\n  transition: margin 0.2s;\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAOzB,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAKzB,MAAM,iBAAiB,OAAO;AAAA;AAAA;",
-  "names": []
-}