@elliemae/ds-mobile 3.0.0-next.1 → 3.0.0-next.5

package/dist/esm/Accordion/propTypes.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+const mobileAccordionItemPropTypes = {
+  children: PropTypes.node.description("Dimsum AccordionItem content.").isRequired,
+  title: PropTypes.string.description("Set a primary title."),
+  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("Dimsum AccordionItem value, this value should be unique.").isRequired,
+  iconClosed: PropTypes.node.description("Custom Dimsum Icon when it is closed."),
+  iconOpened: PropTypes.node.description("Custom Dimsum Icon when it is open."),
+  secondaryTitle: PropTypes.string.description("Set a secondary title"),
+  customActions: PropTypes.arrayOf(PropTypes.object).description("Set Dimsum AccordionItem custom actions."),
+  renderCustomActions: PropTypes.func.description("This property will render any JSX in the custom actions area. You can access to all references and active values within the props.")
+};
+const mobileAccordionPropTypes = {
+  containerProps: PropTypes.object.description("Adds props to the container."),
+  activeValue: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),
+    PropTypes.string,
+    PropTypes.number
+  ]).description("Selected active value. This property makes the component a controlled one."),
+  children: PropTypes.node.description("Dimsum AccordionItems to show."),
+  allowMultipleOpen: PropTypes.bool.description("Allows multiple Dimsum AccordionItems to be open at the same time."),
+  onChange: PropTypes.func.description("Callback function once the Dimsum Accordion changes.")
+};
+export {
+  mobileAccordionItemPropTypes,
+  mobileAccordionPropTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/dist/esm/Accordion/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Accordion/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const mobileAccordionItemPropTypes = {\n  children: PropTypes.node.description('Dimsum AccordionItem content.').isRequired,\n  title: PropTypes.string.description('Set a primary title.'),\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description(\n    'Dimsum AccordionItem value, this value should be unique.',\n  ).isRequired,\n  iconClosed: PropTypes.node.description('Custom Dimsum Icon when it is closed.'),\n  iconOpened: PropTypes.node.description('Custom Dimsum Icon when it is open.'),\n  secondaryTitle: PropTypes.string.description('Set a secondary title'),\n  customActions: PropTypes.arrayOf(PropTypes.object).description('Set Dimsum AccordionItem custom actions.'),\n  renderCustomActions: PropTypes.func.description(\n    'This property will render any JSX in the custom actions area. You can access to all references and active values within the props.',\n  ),\n};\n\nexport const mobileAccordionPropTypes = {\n  containerProps: PropTypes.object.description('Adds props to the container.'),\n  activeValue: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])),\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('Selected active value. This property makes the component a controlled one.'),\n  children: PropTypes.node.description('Dimsum AccordionItems to show.'),\n  allowMultipleOpen: PropTypes.bool.description('Allows multiple Dimsum AccordionItems to be open at the same time.'),\n  onChange: PropTypes.func.description('Callback function once the Dimsum Accordion changes.'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,+BAA+B;AAAA,EAC1C,UAAU,UAAU,KAAK,YAAY,iCAAiC;AAAA,EACtE,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,SAAS,YAC/D,4DACA;AAAA,EACF,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,YAAY,UAAU,KAAK,YAAY;AAAA,EACvC,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,eAAe,UAAU,QAAQ,UAAU,QAAQ,YAAY;AAAA,EAC/D,qBAAqB,UAAU,KAAK,YAClC;AAAA;AAIG,MAAM,2BAA2B;AAAA,EACtC,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,aAAa,UAAU,UAAU;AAAA,IAC/B,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,IACnE,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EACf,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,mBAAmB,UAAU,KAAK,YAAY;AAAA,EAC9C,UAAU,UAAU,KAAK,YAAY;AAAA;",
+  "names": []
+}

package/dist/esm/CategoryBox/CategoryBox.js

@@ -0,0 +1,54 @@
+import * as React from "react";
+import React2 from "react";
+import { times } from "lodash";
+import { PropTypes, describe } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { truncate } from "@elliemae/ds-system";
+const Title = styled.h3`
+  font-size: 18px;
+  margin: 0;
+  color: ${(props2) => props2.theme.colors.neutral["700"]};
+  line-height: inherit;
+  ${truncate()}
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+`;
+const CategoryBox = styled(Grid)`
+  background: ${(props2) => props2.theme.colors.neutral["0"]};
+  border-top: ${(props2) => props2.borderTop ? `1px solid ${props2.theme.colors.neutral["100"]}` : "none"};
+`;
+const DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {
+  const rows = ["auto"];
+  const hasActions = actionsRight.length > 0;
+  if (hasActions)
+    rows.push("auto");
+  return /* @__PURE__ */ React2.createElement(Grid, {
+    rows: ["40px", "auto"]
+  }, /* @__PURE__ */ React2.createElement(CategoryBox, {
+    cols: rows,
+    borderTop,
+    alignItems: "center",
+    pl: "xs",
+    pr: actionsRight.length > 0 ? "xxs" : "xs"
+  }, /* @__PURE__ */ React2.createElement(Title, {
+    as: `h${headerLevel}`
+  }, title), hasActions && /* @__PURE__ */ React2.createElement(Grid, {
+    cols: times(actionsRight.length, () => "auto"),
+    justifySelf: "end"
+  }, actionsRight)), children);
+};
+const props = {
+  title: PropTypes.string.isRequired.description("Category Box title"),
+  borderTop: PropTypes.bool.description("Toggle border top of category box"),
+  actionsRight: PropTypes.arrayOf(PropTypes.element).description("Array of button icons"),
+  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("semantic level of header tag for the title"),
+  children: PropTypes.element.description("In-box children")
+};
+DSCategoryBox.propTypes = props;
+const DSCategoryBoxWithSchema = describe(DSCategoryBox);
+DSCategoryBoxWithSchema.propTypes = props;
+export {
+  DSCategoryBox,
+  DSCategoryBoxWithSchema
+};
+//# sourceMappingURL=CategoryBox.js.map

package/dist/esm/CategoryBox/CategoryBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CategoryBox/CategoryBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { times } from 'lodash';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst Title = styled.h3`\n  font-size: 18px;\n  margin: 0;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  ${truncate()}\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst CategoryBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['0']};\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSCategoryBox = ({ borderTop = true, actionsRight = [], title, headerLevel = 3, children }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n\n  return (\n    <Grid rows={['40px', 'auto']}>\n      <CategoryBox\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={actionsRight.length > 0 ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </CategoryBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * Category Box title\n   */\n  title: PropTypes.string.isRequired.description('Category Box title'),\n  /**\n   * Toggle border top of category box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of category box'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n};\n\nDSCategoryBox.propTypes = props;\n\nconst DSCategoryBoxWithSchema = describe(DSCategoryBox);\nDSCategoryBoxWithSchema.propTypes = props;\n\nexport { DSCategoryBox, DSCategoryBoxWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA,WAGV,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,IAE7C;AAAA,iBACa,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,cAAc,OAAO;AAAA,gBACX,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,gBACtC,CAAC,WAAW,OAAM,YAAY,aAAa,OAAM,MAAM,OAAO,QAAQ,WAAW;AAAA;AAGjG,MAAM,gBAAgB,CAAC,EAAE,YAAY,MAAM,eAAe,IAAI,OAAO,cAAc,GAAG,eAAe;AACnG,QAAM,OAAO,CAAC;AACd,QAAM,aAAa,aAAa,SAAS;AACzC,MAAI;AAAY,SAAK,KAAK;AAE1B,SACE,qCAAC,MAAD;AAAA,IAAM,MAAM,CAAC,QAAQ;AAAA,KACnB,qCAAC,aAAD;AAAA,IACE,MAAM;AAAA,IACN;AAAA,IACA,YAAW;AAAA,IACX,IAAG;AAAA,IACH,IAAI,aAAa,SAAS,IAAI,QAAQ;AAAA,KAEtC,qCAAC,OAAD;AAAA,IAAO,IAAI,IAAI;AAAA,KAAgB,QAC9B,cACC,qCAAC,MAAD;AAAA,IAAM,MAAM,MAAM,aAAa,QAAQ,MAAM;AAAA,IAAS,aAAY;AAAA,KAC/D,gBAIN;AAAA;AAKP,MAAM,QAAQ;AAAA,EAIZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAI/C,WAAW,UAAU,KAAK,YAAY;AAAA,EAItC,cAAc,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA,EAI/D,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA,EAI7D,UAAU,UAAU,QAAQ,YAAY;AAAA;AAG1C,cAAc,YAAY;AAE1B,MAAM,0BAA0B,SAAS;AACzC,wBAAwB,YAAY;",
+  "names": []
+}

package/dist/esm/CategoryBox/index.js

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

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

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

package/dist/esm/CollectionBox/CollectionBox.js

@@ -0,0 +1,80 @@
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+import { truncate } from "@elliemae/ds-system";
+const CollectionBox = styled(Grid)`
+  background: ${(props2) => props2.theme.colors.neutral["000"]};
+  font-size: 13px;
+  color: ${(props2) => props2.theme.colors.neutral["700"]};
+  font-weight: ${(props2) => props2.theme.fontWeights.semibold};
+  border-top: 1px solid ${(props2) => props2.theme.colors.neutral["100"]};
+`;
+const Footer = styled(Grid)`
+  border-top: 1px dashed ${(props2) => props2.theme.colors.neutral["100"]};
+`;
+const Body = styled(Grid)`
+  min-height: 92px;
+  font-weight: ${(props2) => props2.theme.fontWeights.regular};
+`;
+const Header = styled.h3`
+  line-height: unset;
+  font-size: inherit;
+  font-weight: inherit;
+  margin: 0;
+  ${truncate()}
+}
+`;
+const ActionWrap = styled(Grid)`
+  & .em-ds-button {
+    padding: 0;
+    min-width: unset;
+  }
+`;
+const DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {
+  const headerCols = [];
+  const footerCols = [];
+  const rows = [];
+  if (headerAction || title)
+    rows.push("40px");
+  rows.push("auto");
+  if (footerAction)
+    rows.push("40px");
+  if (headerAction)
+    headerCols.push("auto");
+  if (title)
+    headerCols.push("auto");
+  if (footerAction)
+    footerCols.push("auto");
+  return /* @__PURE__ */ React2.createElement(CollectionBox, {
+    rows
+  }, /* @__PURE__ */ React2.createElement(Grid, {
+    alignItems: "center",
+    cols: headerCols
+  }, title && /* @__PURE__ */ React2.createElement(Header, {
+    as: `h${headerLevel}`
+  }, title), headerAction && /* @__PURE__ */ React2.createElement(ActionWrap, {
+    justifySelf: "end"
+  }, headerAction)), /* @__PURE__ */ React2.createElement(Body, null, body), footerAction && /* @__PURE__ */ React2.createElement(Footer, {
+    alignItems: "center",
+    cols: footerCols
+  }, /* @__PURE__ */ React2.createElement(ActionWrap, {
+    justifySelf: "end"
+  }, footerAction)));
+};
+const props = {
+  body: PropTypes.element.isRequired.description("body inside collection box"),
+  title: PropTypes.string.description("Collection box header"),
+  headerAction: PropTypes.element.description("Collection box header action, expects a button with size s"),
+  footerAction: PropTypes.element.description("Collection box footer action, expects a button with size s"),
+  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description("Semantic header tag used for the header title")
+};
+DSCollectionBox.propTypes = props;
+const DSCollectionBoxWithSchema = describe(DSCollectionBox);
+DSCollectionBoxWithSchema.propTypes = props;
+export {
+  DSCollectionBox,
+  DSCollectionBoxWithSchema
+};
+//# sourceMappingURL=CollectionBox.js.map

package/dist/esm/CollectionBox/CollectionBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/CollectionBox/CollectionBox.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { truncate } from '@elliemae/ds-system';\n\nconst CollectionBox = styled(Grid)`\n  background: ${(props) => props.theme.colors.neutral['000']};\n  font-size: 13px;\n  color: ${(props) => props.theme.colors.neutral['700']};\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Footer = styled(Grid)`\n  border-top: 1px dashed ${(props) => props.theme.colors.neutral['100']};\n`;\n\nconst Body = styled(Grid)`\n  min-height: 92px;\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n`;\n\nconst Header = styled.h3`\n  line-height: unset;\n  font-size: inherit;\n  font-weight: inherit;\n  margin: 0;\n  ${truncate()}\n}\n`;\n\nconst ActionWrap = styled(Grid)`\n  & .em-ds-button {\n    padding: 0;\n    min-width: unset;\n  }\n`;\n\nconst DSCollectionBox = ({ body, title, headerAction, footerAction, headerLevel = 3 }) => {\n  const headerCols = [];\n  const footerCols = [];\n  const rows = [];\n  if (headerAction || title) rows.push('40px');\n  rows.push('auto');\n  if (footerAction) rows.push('40px');\n\n  if (headerAction) headerCols.push('auto');\n  if (title) headerCols.push('auto');\n\n  if (footerAction) footerCols.push('auto');\n\n  return (\n    <CollectionBox rows={rows}>\n      <Grid alignItems=\"center\" cols={headerCols}>\n        {title && <Header as={`h${headerLevel}`}>{title}</Header>}\n        {headerAction && <ActionWrap justifySelf=\"end\">{headerAction}</ActionWrap>}\n      </Grid>\n      <Body>{body}</Body>\n      {footerAction && (\n        <Footer alignItems=\"center\" cols={footerCols}>\n          <ActionWrap justifySelf=\"end\">{footerAction}</ActionWrap>\n        </Footer>\n      )}\n    </CollectionBox>\n  );\n};\n\nconst props = {\n  /**\n   * body inside collection box\n   */\n  body: PropTypes.element.isRequired.description('body inside collection box'),\n  /**\n   * Collection box header\n   */\n  title: PropTypes.string.description('Collection box header'),\n  /**\n   * Collection box header action, expects a button with size s\n   */\n  headerAction: PropTypes.element.description('Collection box header action, expects a button with size s'),\n  /**\n   * Collection box footer action, expects a button with size s\n   */\n  footerAction: PropTypes.element.description('Collection box footer action, expects a button with size s'),\n  /**\n   * Semantic header tag used for the header title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('Semantic header tag used for the header title'),\n};\n\nDSCollectionBox.propTypes = props;\nconst DSCollectionBoxWithSchema = describe(DSCollectionBox);\nDSCollectionBoxWithSchema.propTypes = props;\n\nexport { DSCollectionBox, DSCollectionBoxWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEA,MAAM,gBAAgB,OAAO;AAAA,gBACb,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,WAE3C,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA,iBAChC,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA,0BAC1B,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGhE,MAAM,SAAS,OAAO;AAAA,2BACK,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAGjE,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEH,CAAC,WAAU,OAAM,MAAM,YAAY;AAAA;AAGpD,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKlB;AAAA;AAAA;AAIJ,MAAM,aAAa,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO1B,MAAM,kBAAkB,CAAC,EAAE,MAAM,OAAO,cAAc,cAAc,cAAc,QAAQ;AACxF,QAAM,aAAa;AACnB,QAAM,aAAa;AACnB,QAAM,OAAO;AACb,MAAI,gBAAgB;AAAO,SAAK,KAAK;AACrC,OAAK,KAAK;AACV,MAAI;AAAc,SAAK,KAAK;AAE5B,MAAI;AAAc,eAAW,KAAK;AAClC,MAAI;AAAO,eAAW,KAAK;AAE3B,MAAI;AAAc,eAAW,KAAK;AAElC,SACE,qCAAC,eAAD;AAAA,IAAe;AAAA,KACb,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,MAAM;AAAA,KAC7B,SAAS,qCAAC,QAAD;AAAA,IAAQ,IAAI,IAAI;AAAA,KAAgB,QACzC,gBAAgB,qCAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO,gBAElD,qCAAC,MAAD,MAAO,OACN,gBACC,qCAAC,QAAD;AAAA,IAAQ,YAAW;AAAA,IAAS,MAAM;AAAA,KAChC,qCAAC,YAAD;AAAA,IAAY,aAAY;AAAA,KAAO;AAAA;AAOzC,MAAM,QAAQ;AAAA,EAIZ,MAAM,UAAU,QAAQ,WAAW,YAAY;AAAA,EAI/C,OAAO,UAAU,OAAO,YAAY;AAAA,EAIpC,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,cAAc,UAAU,QAAQ,YAAY;AAAA,EAI5C,aAAa,UAAU,MAAM,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,YAAY;AAAA;AAG/D,gBAAgB,YAAY;AAC5B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/esm/CollectionBox/index.js

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

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

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

package/dist/esm/FullPageContainer/FullPageContainer.js

@@ -0,0 +1,48 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+import { useMobileHeight } from "./useMobileHeight";
+const DSFullPageContainer = (_a) => {
+  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
+  const height = useMobileHeight();
+  return /* @__PURE__ */ React2.createElement(Grid, __spreadValues({
+    height,
+    width: "100%"
+  }, props), children);
+};
+DSFullPageContainer.propTypes = {
+  children: PropTypes.any
+};
+export {
+  DSFullPageContainer
+};
+//# sourceMappingURL=FullPageContainer.js.map

package/dist/esm/FullPageContainer/FullPageContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainer.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 { useMobileHeight } from './useMobileHeight';\n\nconst DSFullPageContainer = ({ children, ...props }) => {\n  const height = useMobileHeight();\n  return (\n    <Grid height={height} width=\"100%\" {...props}>\n      {children}\n    </Grid>\n  );\n};\n\nDSFullPageContainer.propTypes = {\n  children: PropTypes.any,\n};\n\nexport { DSFullPageContainer };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,sBAAsB,CAAC,OAA2B;AAA3B,eAAE,eAAF,IAAe,kBAAf,IAAe,CAAb;AAC7B,QAAM,SAAS;AACf,SACE,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAgB,OAAM;AAAA,KAAW,QACpC;AAAA;AAKP,oBAAoB,YAAY;AAAA,EAC9B,UAAU,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/FullPageContainer/FullPageContainerScroll.js

@@ -0,0 +1,47 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import PropTypes from "prop-types";
+import { Grid } from "@elliemae/ds-grid";
+const DSFullPageContainerScroll = (_a) => {
+  var _b = _a, { style = {}, children } = _b, props = __objRest(_b, ["style", "children"]);
+  return /* @__PURE__ */ React2.createElement(Grid, __spreadValues({
+    maxHeight: "100%",
+    style: __spreadValues({ overflow: "auto" }, style)
+  }, props), children);
+};
+DSFullPageContainerScroll.propTypes = {
+  children: PropTypes.any,
+  style: PropTypes.object
+};
+export {
+  DSFullPageContainerScroll
+};
+//# sourceMappingURL=FullPageContainerScroll.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FullPageContainer/FullPageContainerScroll.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';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,4BAA4B,CAAC,OAAoC;AAApC,eAAE,UAAQ,IAAI,aAAd,IAA2B,kBAA3B,IAA2B,CAAzB,SAAY;AAC/C,8CAAC,MAAD;AAAA,IAAM,WAAU;AAAA,IAAO,OAAO,iBAAE,UAAU,UAAW;AAAA,KAAa,QAC/D;AAAA;AAIL,0BAA0B,YAAY;AAAA,EACpC,UAAU,UAAU;AAAA,EACpB,OAAO,UAAU;AAAA;",
+  "names": []
+}

package/dist/esm/FullPageContainer/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DSFullPageContainer } from "./FullPageContainer";
+import { DSFullPageContainerScroll } from "./FullPageContainerScroll";
+export {
+  DSFullPageContainer,
+  DSFullPageContainerScroll
+};
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/FullPageContainer/useMobileHeight.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { useEffect, useState } from "react";
+function useMobileHeight() {
+  const [height, setHeight] = useState(window.innerHeight);
+  const handleHeight = () => {
+    setHeight(window.innerHeight);
+  };
+  useEffect(() => {
+    window.addEventListener("resize", handleHeight);
+    return () => window.removeEventListener("resize", handleHeight);
+  }, []);
+  return height;
+}
+export {
+  useMobileHeight
+};
+//# sourceMappingURL=useMobileHeight.js.map

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

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

package/dist/esm/GlobalHeader/MobileGlobalHeader.js

@@ -0,0 +1,109 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2, { useState, useCallback } from "react";
+import { Search } from "@elliemae/ds-icons";
+import { DSInput } from "@elliemae/ds-form";
+import { PropTypes, describe } from "react-desc";
+import DSButton from "@elliemae/ds-button";
+import { DSIconSizes, DSIconColors } from "@elliemae/ds-icon";
+import { debounce, noop } from "lodash";
+import { Grid } from "@elliemae/ds-grid";
+import Logo from "../Icons/EM_logo";
+import { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from "./styles";
+import { DSSideNav } from "../SideNav";
+const DSGlobalHeader = ({
+  containerProps = {},
+  title,
+  lastIcon,
+  onSearchChange = noop,
+  topMenuItems,
+  bottomMenuItems
+}) => {
+  const [searchBarVisible, setSearchBarVisible] = useState(false);
+  const [searchValue, setSearchValue] = useState();
+  const [showMenu, setShowMenu] = useState(false);
+  const searchClicked = () => {
+    setSearchBarVisible(true);
+  };
+  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);
+  const searchValueChanged = (e) => {
+    const val = e.target.value;
+    onSearchChangeDebounced(val);
+    setSearchValue(val);
+  };
+  const searchCloseClicked = () => {
+    setSearchBarVisible(false);
+  };
+  const menuToggle = (flag) => {
+    setShowMenu(flag);
+  };
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Container, __spreadValues({
+    "data-testid": containerProps["data-testid"] || "global-header-wrapper"
+  }, containerProps), !searchBarVisible ? /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(MainSection, null, /* @__PURE__ */ React2.createElement(Icon, {
+    onClick: menuToggle.bind(null, true)
+  }, Logo()), /* @__PURE__ */ React2.createElement(Label, null, title), /* @__PURE__ */ React2.createElement("span", null), /* @__PURE__ */ React2.createElement(RightSection, null, /* @__PURE__ */ React2.createElement(Grid, {
+    cols: lastIcon ? [1 / 2, 1 / 2] : [1],
+    gutter: "xs"
+  }, /* @__PURE__ */ React2.createElement(Grid, null, /* @__PURE__ */ React2.createElement(Search, {
+    "data-testid": "mobile-global-header-search",
+    size: DSIconSizes.M,
+    color: DSIconColors.WHITE,
+    onClick: searchClicked
+  })), lastIcon && /* @__PURE__ */ React2.createElement(Grid, null, lastIcon))))) : /* @__PURE__ */ React2.createElement(SearchWrapper, null, /* @__PURE__ */ React2.createElement(DSInput, {
+    clearable: true,
+    className: "dsInput",
+    placeholder: "Search here",
+    onChange: searchValueChanged,
+    rightComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      buttonType: "primary",
+      className: "dsButton",
+      icon: /* @__PURE__ */ React2.createElement(Search, {
+        size: DSIconSizes.M,
+        color: DSIconColors.WHITE,
+        onClick: searchCloseClicked
+      })
+    }),
+    value: searchValue,
+    variant: "variant-active"
+  }))), showMenu ? /* @__PURE__ */ React2.createElement(DSSideNav, {
+    title,
+    menuItems: topMenuItems,
+    bottomMenuItems,
+    onClose: menuToggle.bind(null, false)
+  }) : null);
+};
+const menuProps = PropTypes.arrayOf(PropTypes.shape({
+  icon: PropTypes.element,
+  text: PropTypes.string
+})).description("menu item array");
+const props = {
+  containerProps: PropTypes.object.description("props to inject to wrapper"),
+  title: PropTypes.string.isRequired.description("Heading Title"),
+  lastIcon: PropTypes.element.description("Dimsum icon Element"),
+  onSearchChange: PropTypes.func.description("Callback function for search change"),
+  topMenuItems: menuProps,
+  bottomMenuItems: menuProps
+};
+DSGlobalHeader.propTypes = props;
+const DSGlobalHeaderWithSchema = describe(DSGlobalHeader);
+DSGlobalHeaderWithSchema.propTypes = props;
+export {
+  DSGlobalHeader,
+  DSGlobalHeaderWithSchema
+};
+//# sourceMappingURL=MobileGlobalHeader.js.map

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

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

package/dist/esm/GlobalHeader/index.js

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

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

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

package/dist/esm/GlobalHeader/styles.js

@@ -0,0 +1,86 @@
+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;
+    }
+  }
+
+  .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