@elliemae/ds-mobile 1.61.10 → 1.61.13

package/cjs/PageList/PageList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageList.js","sources":["../../../src/PageList/PageList.tsx"],"sourcesContent":["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"],"names":["PageTitleWrapper","styled","Grid","DSMobilePageList","withTheme","header","pageTitle","filterBar","body","footer","theme","rows","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","unshift","xxl","push","React","DSFullPageContainer","DSFullPageContainerScroll","propTypes","PropTypes","element","DSPageList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,wBAAtB;IAIMC,gBAAgB,GAAGC,kBAAS,CAChC,gBAA8F;AAAA,yBAA3FC,MAA2F;AAAA,MAA3FA,MAA2F,4BAAlF,IAAkF;AAAA,4BAA5EC,SAA4E;AAAA,MAA5EA,SAA4E,+BAAhE,IAAgE;AAAA,4BAA1DC,SAA0D;AAAA,MAA1DA,SAA0D,+BAA9C,IAA8C;AAAA,uBAAxCC,IAAwC;AAAA,MAAxCA,IAAwC,0BAAjC,IAAiC;AAAA,yBAA3BC,MAA2B;AAAA,MAA3BA,MAA2B,4BAAlB,IAAkB;AAAA,MAAZC,KAAY,QAAZA,KAAY;AAC5F,MAAMC,IAAI,GAAG,CAAC,MAAD,EAASC,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYC,EAAb,CAA9B,EAAgD,IAAhD,CAAX,EAAkE,CAAlE,CAAb;AACA,MAAIV,MAAJ,EAAYM,IAAI,CAACK,OAAL,CAAaH,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYG,GAAb,CAArC;AACZ,MAAIR,MAAJ,EAAYE,IAAI,CAACO,IAAL,CAAU,MAAV;AACZ,sBACEC,wCAACC,uDAAD;AAAqB,IAAA,IAAI,EAAET;AAA3B,KACGN,MAAM,iBAAIc,wCAACjB,WAAD,QAAOG,MAAP,CADb,eAEEc,wCAAC,gBAAD,QAAmBb,SAAnB,CAFF,eAGEa,wCAACjB,WAAD,QAAOK,SAAP,CAHF,eAIEY,wCAACE,mEAAD,QAA4Bb,IAA5B,CAJF,EAKGC,MAAM,iBAAIU,wCAACjB,WAAD,QAAOO,MAAP,CALb,CADF;AASD,CAd+B;AAiBlCN,gBAAgB,CAACmB,SAAjB,GAA6B;AAC3BjB,EAAAA,MAAM,EAAEkB,6BAAS,CAACC,OADS;AAE3BlB,EAAAA,SAAS,EAAEiB,6BAAS,CAACC,OAFM;AAG3BjB,EAAAA,SAAS,EAAEgB,6BAAS,CAACC,OAHM;AAI3BhB,EAAAA,IAAI,EAAEe,6BAAS,CAACC,OAJW;AAK3Bf,EAAAA,MAAM,EAAEc,6BAAS,CAACC;AALS,CAA7B;IAQMC,UAAU,GAAGtB;;;;;"}
+{"version":3,"file":"PageList.js","sources":["../../../src/PageList/PageList.tsx"],"sourcesContent":["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"],"names":["PageTitleWrapper","styled","Grid","DSMobilePageList","withTheme","header","pageTitle","filterBar","body","footer","theme","rows","op","__UNSAFE_SPACE_TO_DIMSUM","space","xl","unshift","xxl","push","React","DSFullPageContainer","DSFullPageContainerScroll","propTypes","PropTypes","element","DSPageList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,gBAAgB,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,wBAAtB;IAIMC,gBAAgB,GAAGC,kBAAS,CAChC,gBAA8F;EAAA,uBAA3FC,MAA2F;MAA3FA,MAA2F,4BAAlF,IAAkF;4BAA5EC,SAA4E;MAA5EA,SAA4E,+BAAhE,IAAgE;4BAA1DC,SAA0D;MAA1DA,SAA0D,+BAA9C,IAA8C;uBAAxCC,IAAwC;MAAxCA,IAAwC,0BAAjC,IAAiC;yBAA3BC,MAA2B;MAA3BA,MAA2B,4BAAlB,IAAkB;MAAZC,KAAY,QAAZA,KAAY;EAC5F,IAAMC,IAAI,GAAG,CAAC,MAAD,EAASC,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYC,EAAb,CAA9B,EAAgD,IAAhD,CAAX,EAAkE,CAAlE,CAAb;EACA,IAAIV,MAAJ,EAAYM,IAAI,CAACK,OAAL,CAAaH,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYG,GAAb,CAArC;EACZ,IAAIR,MAAJ,EAAYE,IAAI,CAACO,IAAL,CAAU,MAAV;EACZ,oBACEC,wCAACC,uDAAD;IAAqB,IAAI,EAAET;KACxBN,MAAM,iBAAIc,wCAACjB,WAAD,QAAOG,MAAP,CADb,eAEEc,wCAAC,gBAAD,QAAmBb,SAAnB,CAFF,eAGEa,wCAACjB,WAAD,QAAOK,SAAP,CAHF,eAIEY,wCAACE,mEAAD,QAA4Bb,IAA5B,CAJF,EAKGC,MAAM,iBAAIU,wCAACjB,WAAD,QAAOO,MAAP,CALb,CADF;AASD,CAd+B;AAiBlCN,gBAAgB,CAACmB,SAAjB,GAA6B;EAC3BjB,MAAM,EAAEkB,6BAAS,CAACC,OADS;EAE3BlB,SAAS,EAAEiB,6BAAS,CAACC,OAFM;EAG3BjB,SAAS,EAAEgB,6BAAS,CAACC,OAHM;EAI3BhB,IAAI,EAAEe,6BAAS,CAACC,OAJW;EAK3Bf,MAAM,EAAEc,6BAAS,CAACC;AALS,CAA7B;IAQMC,UAAU,GAAGtB;;;;;"}

package/cjs/PageSearch/PageSearch.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSearch.js","sources":["../../../src/PageSearch/PageSearch.tsx"],"sourcesContent":["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"],"names":["Header","styled","Grid","props","theme","colors","brand","__UNSAFE_SPACE_TO_DIMSUM","space","xxs","DSMobilePageSearch","withTheme","HeaderContainer","SearchContainer","searchHeader","pageTitle","body","rows","op","l","React","overflow","propTypes","header","PropTypes","element","filterBar","footer","DSPageSearch"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,MAAM,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,kDAEI,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFJ,EAGC,UAACH,KAAD;AAAA,SAAWI,iCAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHD,CAAZ;IAMMC,kBAAkB,GAAGC,kBAAS,CAClC,gBAOM;AAAA,kCANJC,eAMI;AAAA,MANJA,eAMI,qCANcZ,MAMd;AAAA,kCALJa,eAKI;AAAA,MALJA,eAKI,qCALcb,MAKd;AAAA,+BAJJc,YAII;AAAA,MAJJA,YAII,kCAJW,IAIX;AAAA,4BAHJC,SAGI;AAAA,MAHJA,SAGI,+BAHQ,QAGR;AAAA,uBAFJC,IAEI;AAAA,MAFJA,IAEI,0BAFG,IAEH;AAAA,MADJZ,KACI,QADJA,KACI;AACJ,MAAMa,IAAI,GAAG,CACXC,WAAE,CAAC,GAAD,EAAMX,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CADS,EAEXD,WAAE,CAAC,GAAD,EAAMX,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CAFS,EAGX,CAHW,CAAb;AAKA,sBACEC,wCAAClB,WAAD;AAAM,IAAA,IAAI,EAAEe,IAAZ;AAAkB,IAAA,MAAM,EAAC;AAAzB,kBACEG,wCAAClB,WAAD,qBACEkB,wCAAC,eAAD,QAAkBL,SAAlB,CADF,CADF,eAIEK,wCAAClB,WAAD,qBACEkB,wCAAC,eAAD,QAAkBN,YAAlB,CADF,CAJF,eAOEM,wCAAClB,WAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,KAAK,EAAE;AAAEmB,MAAAA,QAAQ,EAAE;AAAZ;AAA3B,kBACED,wCAAClB,WAAD;AAAM,IAAA,MAAM,EAAC,MAAb;AAAoB,IAAA,KAAK,EAAE;AAAEmB,MAAAA,QAAQ,EAAE;AAAZ;AAA3B,KACGL,IADH,CADF,CAPF,CADF;AAeD,CA7BiC;AAgCpCN,kBAAkB,CAACY,SAAnB,GAA+B;AAC7BC,EAAAA,MAAM,EAAEC,6BAAS,CAACC,OADW;AAE7BV,EAAAA,SAAS,EAAES,6BAAS,CAACC,OAFQ;AAG7BC,EAAAA,SAAS,EAAEF,6BAAS,CAACC,OAHQ;AAI7BT,EAAAA,IAAI,EAAEQ,6BAAS,CAACC,OAJa;AAK7BE,EAAAA,MAAM,EAAEH,6BAAS,CAACC;AALW,CAA/B;IAQMG,YAAY,GAAGlB;;;;;"}
+{"version":3,"file":"PageSearch.js","sources":["../../../src/PageSearch/PageSearch.tsx"],"sourcesContent":["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"],"names":["Header","styled","Grid","props","theme","colors","brand","__UNSAFE_SPACE_TO_DIMSUM","space","xxs","DSMobilePageSearch","withTheme","HeaderContainer","SearchContainer","searchHeader","pageTitle","body","rows","op","l","React","overflow","propTypes","header","PropTypes","element","filterBar","footer","DSPageSearch"],"mappings":";;;;;;;;;;;;;;;;AAMA,IAAMA,MAAM,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,kDAEI,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,KAAzB,CAAX;AAAA,CAFJ,EAGC,UAACH,KAAD;EAAA,OAAWI,iCAAwB,CAACJ,KAAK,CAACC,KAAN,CAAYI,KAAZ,CAAkBC,GAAnB,CAAnC;AAAA,CAHD,CAAZ;IAMMC,kBAAkB,GAAGC,kBAAS,CAClC,gBAOM;EAAA,gCANJC,eAMI;MANJA,eAMI,qCANcZ,MAMd;kCALJa,eAKI;MALJA,eAKI,qCALcb,MAKd;+BAJJc,YAII;MAJJA,YAII,kCAJW,IAIX;4BAHJC,SAGI;MAHJA,SAGI,+BAHQ,QAGR;uBAFJC,IAEI;MAFJA,IAEI,0BAFG,IAEH;MADJZ,KACI,QADJA,KACI;EACJ,IAAMa,IAAI,GAAG,CACXC,WAAE,CAAC,GAAD,EAAMX,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CADS,EAEXD,WAAE,CAAC,GAAD,EAAMX,iCAAwB,CAACH,KAAK,CAACI,KAAN,CAAYW,CAAb,CAA9B,EAA+C,IAA/C,CAFS,EAGX,CAHW,CAAb;EAKA,oBACEC,wCAAClB,WAAD;IAAM,IAAI,EAAEe,IAAZ;IAAkB,MAAM,EAAC;kBACvBG,wCAAClB,WAAD,qBACEkB,wCAAC,eAAD,QAAkBL,SAAlB,CADF,CADF,eAIEK,wCAAClB,WAAD,qBACEkB,wCAAC,eAAD,QAAkBN,YAAlB,CADF,CAJF,eAOEM,wCAAClB,WAAD;IAAM,MAAM,EAAC,MAAb;IAAoB,KAAK,EAAE;MAAEmB,QAAQ,EAAE;;kBACrCD,wCAAClB,WAAD;IAAM,MAAM,EAAC,MAAb;IAAoB,KAAK,EAAE;MAAEmB,QAAQ,EAAE;;KACpCL,IADH,CADF,CAPF,CADF;AAeD,CA7BiC;AAgCpCN,kBAAkB,CAACY,SAAnB,GAA+B;EAC7BC,MAAM,EAAEC,6BAAS,CAACC,OADW;EAE7BV,SAAS,EAAES,6BAAS,CAACC,OAFQ;EAG7BC,SAAS,EAAEF,6BAAS,CAACC,OAHQ;EAI7BT,IAAI,EAAEQ,6BAAS,CAACC,OAJa;EAK7BE,MAAM,EAAEH,6BAAS,CAACC;AALW,CAA/B;IAQMG,YAAY,GAAGlB;;;;;"}

package/cjs/PageSummary/PageSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageSummary.js","sources":["../../../src/PageSummary/PageSummary.tsx"],"sourcesContent":["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"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageSummary","header","headerZIndex","bodyPrimary","actions","actionsZIndex","bodySecondary","React","DSFullPageContainer","Header","Section","Toolbar","BodyWrapper","propTypes","PropTypes","element","number","DSPageSummary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,IAAI,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA,+DAGa;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,0BAAyBG,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,WAAW,GAAG,SAAdA,WAAc;AAAA,2BAClBC,MADkB;AAAA,MAClBA,MADkB,6BACT,IADS;AAAA,iCAElBC,YAFkB;AAAA,MAElBA,YAFkB,mCAEH,CAFG;AAAA,gCAGlBC,WAHkB;AAAA,MAGlBA,WAHkB,kCAGJ,IAHI;AAAA,4BAIlBC,OAJkB;AAAA,MAIlBA,OAJkB,8BAIR,IAJQ;AAAA,kCAKlBC,aALkB;AAAA,MAKlBA,aALkB,oCAKF,CALE;AAAA,kCAMlBC,aANkB;AAAA,MAMlBA,aANkB,oCAMF,IANE;AAAA,sBAQlBC,wCAACC,uDAAD,QACGP,MAAM,iBAAIM,wCAACE,uBAAD;AAAQ,IAAA,MAAM,EAAEP;AAAhB,KAA+BD,MAA/B,CADb,eAEEM,wCAACG,wBAAD,qBACEH,wCAACf,WAAD,qBACEe,wCAAC,IAAD,QAAOJ,WAAP,CADF,CADF,eAIEI,wCAACI,wBAAD;AAAS,IAAA,MAAM,EAAEN;AAAjB,KAAiCD,OAAjC,CAJF,eAKEG,wCAACK,4BAAD,qBACEL,wCAAC,IAAD,QAAOD,aAAP,CADF,CALF,CAFF,CARkB;AAAA,CAApB;;AAsBAN,WAAW,CAACa,SAAZ,GAAwB;AACtBZ,EAAAA,MAAM,EAAEa,6BAAS,CAACC,OADI;AAEtBZ,EAAAA,WAAW,EAAEW,6BAAS,CAACC,OAFD;AAGtBX,EAAAA,OAAO,EAAEU,6BAAS,CAACC,OAHG;AAItBT,EAAAA,aAAa,EAAEQ,6BAAS,CAACC,OAJH;AAKtBb,EAAAA,YAAY,EAAEY,6BAAS,CAACE,MALF;AAMtBX,EAAAA,aAAa,EAAES,6BAAS,CAACE;AANH,CAAxB;IASMC,aAAa,GAAGjB;;;;"}
+{"version":3,"file":"PageSummary.js","sources":["../../../src/PageSummary/PageSummary.tsx"],"sourcesContent":["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"],"names":["Body","styled","Grid","theme","breakpoints","small","op","__UNSAFE_SPACE_TO_DIMSUM","space","xxl","PageSummary","header","headerZIndex","bodyPrimary","actions","actionsZIndex","bodySecondary","React","DSFullPageContainer","Header","Section","Toolbar","BodyWrapper","propTypes","PropTypes","element","number","DSPageSummary"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,IAAI,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA,+DAGa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,OAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAHb,EAIJ;EAAA,IAAGF,KAAH,SAAGA,KAAH;EAAA,wBAAyBG,WAAE,CAAC,GAAD,EAAMC,iCAAwB,CAACJ,KAAK,CAACK,KAAN,CAAYC,GAAb,CAA9B,EAAiD,IAAjD,CAA3B;AAAA,CAJI,CAAV;;AAQA,IAAMC,WAAW,GAAG,SAAdA,WAAc;EAAA,yBAClBC,MADkB;MAClBA,MADkB,6BACT,IADS;iCAElBC,YAFkB;MAElBA,YAFkB,mCAEH,CAFG;gCAGlBC,WAHkB;MAGlBA,WAHkB,kCAGJ,IAHI;4BAIlBC,OAJkB;MAIlBA,OAJkB,8BAIR,IAJQ;kCAKlBC,aALkB;MAKlBA,aALkB,oCAKF,CALE;kCAMlBC,aANkB;MAMlBA,aANkB,oCAMF,IANE;EAAA,oBAQlBC,wCAACC,uDAAD,QACGP,MAAM,iBAAIM,wCAACE,uBAAD;IAAQ,MAAM,EAAEP;KAAeD,MAA/B,CADb,eAEEM,wCAACG,wBAAD,qBACEH,wCAACf,WAAD,qBACEe,wCAAC,IAAD,QAAOJ,WAAP,CADF,CADF,eAIEI,wCAACI,wBAAD;IAAS,MAAM,EAAEN;KAAgBD,OAAjC,CAJF,eAKEG,wCAACK,4BAAD,qBACEL,wCAAC,IAAD,QAAOD,aAAP,CADF,CALF,CAFF,CARkB;AAAA,CAApB;;AAsBAN,WAAW,CAACa,SAAZ,GAAwB;EACtBZ,MAAM,EAAEa,6BAAS,CAACC,OADI;EAEtBZ,WAAW,EAAEW,6BAAS,CAACC,OAFD;EAGtBX,OAAO,EAAEU,6BAAS,CAACC,OAHG;EAItBT,aAAa,EAAEQ,6BAAS,CAACC,OAJH;EAKtBb,YAAY,EAAEY,6BAAS,CAACE,MALF;EAMtBX,aAAa,EAAES,6BAAS,CAACE;AANH,CAAxB;IASMC,aAAa,GAAGjB;;;;"}

package/cjs/PageSummary/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sources":["../../../src/PageSummary/Tags.tsx"],"sourcesContent":["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"],"names":["Header","styled","div","zIndex","Toolbar","props","theme","colors","neutral","BodyWrapper","Section"],"mappings":";;;;;;;;;;IAEaA,MAAM,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,sFAON;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CAPM;IASNC,OAAO,gBAAGH,0BAAM,CAACC,GAAV;AAAA;AAAA,sEAIJ,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJI,EAKP;AAAA,MAAGL,MAAH,SAAGA,MAAH;AAAA,SAAgBA,MAAhB;AAAA,CALO;IAOPM,WAAW,gBAAGR,0BAAM,CAACC,GAAV;AAAA;AAAA;IAQXQ,OAAO,gBAAGT,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"Tags.js","sources":["../../../src/PageSummary/Tags.tsx"],"sourcesContent":["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"],"names":["Header","styled","div","zIndex","Toolbar","props","theme","colors","neutral","BodyWrapper","Section"],"mappings":";;;;;;;;;;IAEaA,MAAM,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA,sFAON;EAAA,IAAGC,MAAH,QAAGA,MAAH;EAAA,OAAgBA,MAAhB;AAAA,CAPM;IASNC,OAAO,gBAAGH,0BAAM,CAACC,GAAV;EAAA;AAAA,sEAIJ,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAJI,EAKP;EAAA,IAAGL,MAAH,SAAGA,MAAH;EAAA,OAAgBA,MAAhB;AAAA,CALO;IAOPM,WAAW,gBAAGR,0BAAM,CAACC,GAAV;EAAA;AAAA;IAQXQ,OAAO,gBAAGT,0BAAM,CAACC,GAAV;EAAA;AAAA;;;;;;;"}

package/cjs/SideNav/SideNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNav.js","sources":["../../../src/SideNav/SideNav.tsx"],"sourcesContent":["/* 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"],"names":["DSSideNav","containerProps","title","onClose","noop","menuItems","bottomMenuItems","useState","selectedMenuItemIdx","setSelectedMenuItem","menuItemClick","idx","text","cb","renderMenuList","React","length","MenuList","map","icon","onClick","bind","renderBottomMenu","Container","DSBackdrop","Menu","MenuWrapper","Heading","Icon","Logo","Close","DSIconSizes","S","DSIconColors","WHITE","Hr","BottomMenu","menuProps","PropTypes","arrayOf","shape","element","string","navProps","object","description","isRequired","func","propTypes","DSSideNavWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"SideNav.js","sources":["../../../src/SideNav/SideNav.tsx"],"sourcesContent":["/* 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"],"names":["DSSideNav","containerProps","title","onClose","noop","menuItems","bottomMenuItems","useState","selectedMenuItemIdx","setSelectedMenuItem","menuItemClick","idx","text","cb","renderMenuList","React","length","MenuList","map","icon","onClick","bind","renderBottomMenu","Container","DSBackdrop","Menu","MenuWrapper","Heading","Icon","Logo","Close","DSIconSizes","S","DSIconColors","WHITE","Hr","BottomMenu","menuProps","PropTypes","arrayOf","shape","element","string","navProps","object","description","isRequired","func","propTypes","DSSideNavWithSchema","describe"],"mappings":"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"}

package/cjs/SideNav/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/SideNav/styles.tsx"],"sourcesContent":["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"],"names":["Container","styled","div","MenuWrapper","Menu","props","theme","colors","brand","fonts","default","neutral","space","xs","Heading","fontWeights","semibold","Icon","xxs2","Hr","hr","MenuList","regular","BottomMenu"],"mappings":";;;;;;;;;;IAEaA,SAAS,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA;IAMTC,WAAW,gBAAGF,0BAAM,CAACC,GAAV;AAAA;AAAA;IAKXE,IAAI,gBAAGH,0BAAM,CAACC,GAAV;AAAA;AAAA,4HAIK,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAJL,EAKA,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,OAA7B;AAAA,CALA,EAMS,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CANT,EAOJ,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAPI;IAUJC,OAAO,gBAAGb,0BAAM,CAACC,GAAV;AAAA;AAAA,yOAcC,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAdD,EAgBL,UAACX,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAhBK;IAyBPM,IAAI,gBAAGhB,0BAAM,CAACC,GAAV;AAAA;AAAA,2BACC,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBM,IAA7B;AAAA,CADD;IAIJC,EAAE,gBAAGlB,0BAAM,CAACmB,EAAV;AAAA;AAAA,8CACG,UAACf,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CADH,EAEI,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ;IAIFQ,QAAQ,gBAAGpB,0BAAM,CAACC,GAAV;AAAA;AAAA,iUAMA,UAACG,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CANA,EASC,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CATD,EAoBA,UAACR,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBO,OAAnC;AAAA,CApBA,EAuBN,UAACjB,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvBM,EAyBE,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAzBF;IAkCRO,UAAU,gBAAGtB,0BAAM,CAACC,GAAV;AAAA;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/SideNav/styles.tsx"],"sourcesContent":["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"],"names":["Container","styled","div","MenuWrapper","Menu","props","theme","colors","brand","fonts","default","neutral","space","xs","Heading","fontWeights","semibold","Icon","xxs2","Hr","hr","MenuList","regular","BottomMenu"],"mappings":";;;;;;;;;;IAEaA,SAAS,gBAAGC,0BAAM,CAACC,GAAV;EAAA;AAAA;IAMTC,WAAW,gBAAGF,0BAAM,CAACC,GAAV;EAAA;AAAA;IAKXE,IAAI,gBAAGH,0BAAM,CAACC,GAAV;EAAA;AAAA,4HAIK,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAJL,EAKA,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,OAA7B;AAAA,CALA,EAMS,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CANT,EAOJ,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAPI;IAUJC,OAAO,gBAAGb,0BAAM,CAACC,GAAV;EAAA;AAAA,yOAcC,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAdD,EAgBL,UAACX,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAhBK;IAyBPM,IAAI,gBAAGhB,0BAAM,CAACC,GAAV;EAAA;AAAA,2BACC,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBM,IAA7B;AAAA,CADD;IAIJC,EAAE,gBAAGlB,0BAAM,CAACmB,EAAV;EAAA;AAAA,8CACG,UAACf,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CADH,EAEI,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CAFJ;IAIFQ,QAAQ,gBAAGpB,0BAAM,CAACC,GAAV;EAAA;AAAA,iUAMA,UAACG,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CANA,EASC,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYM,KAAZ,CAAkBC,EAA7B;AAAA,CATD,EAoBA,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBO,OAAnC;AAAA,CApBA,EAuBN,UAACjB,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAvBM,EAyBE,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYS,WAAZ,CAAwBC,QAAnC;AAAA,CAzBF;IAkCRO,UAAU,gBAAGtB,0BAAM,CAACC,GAAV;EAAA;AAAA;;;;;;;;;;;"}

package/cjs/SwipeToRefresh/ProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressIndicator.js","sources":["../../../src/SwipeToRefresh/ProgressIndicator.tsx"],"sourcesContent":["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"],"names":["rad","cir","Math","PI","ProgressIndicator","progress","factor","theme","useTheme","dashoffset","React","Grid","space","s","colors","neutral","brand","propTypes","PropTypes","number"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,GAAG,GAAG,EAAZ;AACA,IAAMC,GAAG,GAAG,IAAIC,IAAI,CAACC,EAAT,GAAcH,GAA1B;IACaI,iBAAiB,GAAG,SAApBA,iBAAoB,OAAsB;AAAA,2BAAnBC,QAAmB;AAAA,MAAnBA,QAAmB,8BAAR,CAAQ;AACrD,MAAMC,MAAM,GAAGD,QAAQ,GAAG,GAA1B;AACA,MAAME,KAAK,GAAGC,iBAAQ,EAAtB;AACA,MAAMC,UAAU,GAAGR,GAAG,IAAI,IAAIK,MAAR,CAAtB;AACA,sBACEI,wCAACC,WAAD;AAAM,IAAA,MAAM,EAAEJ,KAAK,CAACK,KAAN,CAAYC,CAA1B;AAA6B,IAAA,KAAK,EAAEN,KAAK,CAACK,KAAN,CAAYC,CAAhD;AAAmD,IAAA,cAAc,EAAC,QAAlE;AAA2E,IAAA,UAAU,EAAC;AAAtF,kBACEH;AAAK,IAAA,KAAK,EAAC,IAAX;AAAgB,IAAA,MAAM,EAAC,IAAvB;AAA4B,IAAA,OAAO,EAAC,aAApC;AAAkD,IAAA,SAAS,EAAC;AAA5D,kBACEA;AAAQ,IAAA,EAAE,EAAC,IAAX;AAAgB,IAAA,EAAE,EAAC,IAAnB;AAAwB,IAAA,CAAC,EAAC,IAA1B;AAA+B,IAAA,IAAI,EAAC,MAApC;AAA2C,IAAA,WAAW,EAAC,IAAvD;AAA4D,IAAA,MAAM,YAAKH,KAAK,CAACO,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAL;AAAlE,IADF,eAEEL;AACE,IAAA,EAAE,EAAC,IADL;AAEE,IAAA,EAAE,EAAC,IAFL;AAGE,IAAA,CAAC,EAAC,IAHJ;AAIE,IAAA,WAAW,EAAC,IAJd;AAKE,IAAA,IAAI,EAAC,MALP;AAME,IAAA,eAAe,YAAKT,GAAL,OANjB;AAOE,IAAA,gBAAgB,YAAKQ,UAAL,OAPlB;AAQE,IAAA,MAAM,YAAKF,KAAK,CAACO,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CAAL,CARR;AASE,IAAA,aAAa,EAAC;AAThB,IAFF,CADF,CADF;AAkBD;AAEDZ,iBAAiB,CAACa,SAAlB,GAA8B;AAC5BZ,EAAAA,QAAQ,EAAEa,6BAAS,CAACC;AADQ,CAA9B;;;;"}
+{"version":3,"file":"ProgressIndicator.js","sources":["../../../src/SwipeToRefresh/ProgressIndicator.tsx"],"sourcesContent":["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"],"names":["rad","cir","Math","PI","ProgressIndicator","progress","factor","theme","useTheme","dashoffset","React","Grid","space","s","colors","neutral","brand","propTypes","PropTypes","number"],"mappings":";;;;;;;;;;;;;;AAKA,IAAMA,GAAG,GAAG,EAAZ;AACA,IAAMC,GAAG,GAAG,IAAIC,IAAI,CAACC,EAAT,GAAcH,GAA1B;IACaI,iBAAiB,GAAG,SAApBA,iBAAoB,OAAsB;EAAA,yBAAnBC,QAAmB;MAAnBA,QAAmB,8BAAR,CAAQ;EACrD,IAAMC,MAAM,GAAGD,QAAQ,GAAG,GAA1B;EACA,IAAME,KAAK,GAAGC,iBAAQ,EAAtB;EACA,IAAMC,UAAU,GAAGR,GAAG,IAAI,IAAIK,MAAR,CAAtB;EACA,oBACEI,wCAACC,WAAD;IAAM,MAAM,EAAEJ,KAAK,CAACK,KAAN,CAAYC,CAA1B;IAA6B,KAAK,EAAEN,KAAK,CAACK,KAAN,CAAYC,CAAhD;IAAmD,cAAc,EAAC,QAAlE;IAA2E,UAAU,EAAC;kBACpFH;IAAK,KAAK,EAAC,IAAX;IAAgB,MAAM,EAAC,IAAvB;IAA4B,OAAO,EAAC,aAApC;IAAkD,SAAS,EAAC;kBAC1DA;IAAQ,EAAE,EAAC,IAAX;IAAgB,EAAE,EAAC,IAAnB;IAAwB,CAAC,EAAC,IAA1B;IAA+B,IAAI,EAAC,MAApC;IAA2C,WAAW,EAAC,IAAvD;IAA4D,MAAM,YAAKH,KAAK,CAACO,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAL;IADpE,eAEEL;IACE,EAAE,EAAC,IADL;IAEE,EAAE,EAAC,IAFL;IAGE,CAAC,EAAC,IAHJ;IAIE,WAAW,EAAC,IAJd;IAKE,IAAI,EAAC,MALP;IAME,eAAe,YAAKT,GAAL,OANjB;IAOE,gBAAgB,YAAKQ,UAAL,OAPlB;IAQE,MAAM,YAAKF,KAAK,CAACO,MAAN,CAAaE,KAAb,CAAmB,GAAnB,CAAL,CARR;IASE,aAAa,EAAC;IAXlB,CADF,CADF;AAkBD;AAEDZ,iBAAiB,CAACa,SAAlB,GAA8B;EAC5BZ,QAAQ,EAAEa,6BAAS,CAACC;AADQ,CAA9B;;;;"}

package/cjs/SwipeToRefresh/ProgressLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressLoader.js","sources":["../../../src/SwipeToRefresh/ProgressLoader.tsx"],"sourcesContent":["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"],"names":["ProgressLoader","width","height","React"],"mappings":"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"}
+{"version":3,"file":"ProgressLoader.js","sources":["../../../src/SwipeToRefresh/ProgressLoader.tsx"],"sourcesContent":["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"],"names":["ProgressLoader","width","height","React"],"mappings":";;;;;;;;;;IAEaA,cAAc,GAAG,SAAjBA,cAAiB,GAAM;EAClC,IAAMC,KAAK,GAAG,EAAd;EACA,IAAMC,MAAM,GAAG,EAAf;EACA,oBACEC;IAAK,OAAO,EAAC,WAAb;IAAyB,KAAK,EAAEF,KAAhC;IAAuC,MAAM,EAAEC,MAA/C;IAAuD,MAAM,EAAC;kBAC5DC,mEACEA;IAAU,EAAE,EAAC;kBACXA;IAAQ,SAAS,EAAC,eAAlB;IAAkC,EAAE,EAAE,CAAC,GAAvC;IAA4C,EAAE,EAAE,EAAhD;IAAoD,CAAC,EAAE;IADzD,CADF,eAIEA;IAAU,EAAE,EAAC;kBACXA;IAAQ,SAAS,EAAC,eAAlB;IAAkC,EAAE,EAAE,CAAC,GAAvC;IAA4C,EAAE,EAAE,CAAhD;IAAmD,CAAC,EAAE;IADxD,CAJF,eAOEA;IAAU,EAAE,EAAC;kBACXA;IAAQ,SAAS,EAAC,eAAlB;IAAkC,EAAE,EAAE,CAAC,MAAvC;IAA+C,EAAE,EAAE,EAAnD;IAAuD,CAAC,EAAE;IAD5D,CAPF,eAUEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CAVF,eAgBEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CAhBF,eAsBEA;IAAU,EAAE,EAAC;kBACXA;IAAQ,SAAS,EAAC,eAAlB;IAAkC,EAAE,EAAE,CAAC,KAAvC;IAA8C,EAAE,EAAE,KAAlD;IAAyD,CAAC,EAAE;IAD9D,CAtBF,eAyBEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CAzBF,eA+BEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CA/BF,eAqCEA;IAAU,EAAE,EAAC;kBACXA;IAAQ,SAAS,EAAC,eAAlB;IAAkC,EAAE,EAAE,CAAC,KAAvC;IAA8C,EAAE,EAAE,IAAlD;IAAwD,CAAC,EAAE;IAD7D,CArCF,eAwCEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CAxCF,eA8CEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CA9CF,eAoDEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CApDF,eA0DEA;IAAU,EAAE,EAAC;kBACXA;IAAM,SAAS,EAAC,eAAhB;IAAgC,CAAC,EAAC;IADpC,CA1DF,eA6DEA;IAAU,EAAE,EAAC;kBACXA;IAAM,SAAS,EAAC,eAAhB;IAAgC,CAAC,EAAC;IADpC,CA7DF,eAgEEA;IAAU,EAAE,EAAC;kBACXA;IACE,SAAS,EAAC,eADZ;IAEE,CAAC,EAAC;IAHN,CAhEF,eAsEEA,uDAEI,gIAFJ,CAtEF,CADF,eA6EEA;IAAG,EAAE,EAAC,iBAAN;IAAwB,aAAU;kBAChCA;IAAG,QAAQ,EAAC;kBACVA;IAAG,QAAQ,EAAC;kBACVA;IACE,KAAK,EAAE,EADT;IAEE,MAAM,EAAE,EAFV;IAGE,SAAS,EAAC,yBAHZ;IAIE,SAAS,EAAC;IALd,CADF,CADF,eAWEA;IAAG,QAAQ,EAAC;kBACVA;IACE,SAAS,EAAC,0BADZ;IAEE,IAAI,EAAC,SAFP;IAGE,CAAC,EAAC;IAJN,CAXF,CA7EF,CADF;AAmGD;;;;"}

package/cjs/SwipeToRefresh/SwipeToRefresh.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeToRefresh.js","sources":["../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],"sourcesContent":["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"],"names":["SwipeToRefresh","children","loading","onRefresh","breakpoint","theme","useTheme","swipe","useSwipe","progress","height","React","SwipeContainer","SwipeDrag","touchStart","touchEnd","touchCancel","touchMove","ref","LoaderBox","space","m","PositionLoader","DSCircularProgressIndicator","ProgressIndicator","target","props","PropTypes","element","isRequired","description","bool","func","propTypes","SwipeToRefreshWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,OAAsC;AAAA,MAAnCC,QAAmC,QAAnCA,QAAmC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AAC3D,MAAMC,UAAU,GAAG,EAAnB;AACA,MAAMC,KAAK,GAAGC,iBAAQ,EAAtB;AACA,MAAMC,KAAK,GAAGC,gCAAQ,CAAC;AAAEL,IAAAA,SAAS,EAATA,SAAF;AAAaC,IAAAA,UAAU,EAAVA;AAAb,GAAD,CAAtB;AACA,MAAMK,QAAQ,GAAGF,KAAK,CAACG,MAAN,GAAeN,UAAf,GAA4B,GAA5B,GAAmCG,KAAK,CAACG,MAAN,GAAe,GAAhB,GAAuBN,UAA1E;AACA,sBACEO,wCAACC,oCAAD,qBACED,wCAACE,+BAAD;AACE,IAAA,YAAY,EAAEN,KAAK,CAACO,UADtB;AAEE,IAAA,UAAU,EAAEP,KAAK,CAACQ,QAFpB;AAGE,IAAA,aAAa,EAAER,KAAK,CAACS,WAHvB;AAIE,IAAA,WAAW,EAAET,KAAK,CAACU,SAJrB;AAKE,IAAA,GAAG,EAAEV,KAAK,CAACW;AALb,kBAOEP,wCAACQ,+BAAD;AACE,IAAA,MAAM,EAAEjB,OAAO,GAAGG,KAAK,CAACe,KAAN,CAAYC,CAAf,aAAsBd,KAAK,CAACG,MAA5B,OADjB;AAEE,IAAA,UAAU,EAAC,YAFb;AAGE,mBAAY;AAHd,kBAKEC,wCAACW,oCAAD;AACE,IAAA,MAAM,EAAEjB,KAAK,CAACe,KAAN,CAAYC,CADtB;AAEE,IAAA,cAAc,EAAC,QAFjB;AAGE,IAAA,UAAU,EAAC,QAHb;AAIE,IAAA,EAAE,EAAEd,KAAK,CAACG,MAAN,GAAe,EAAf,IAAqBR,OAArB,GAA+B,CAA/B,aAAsCK,KAAK,CAACG,MAAN,GAAe,EAArD;AAJN,KAMGR,OAAO,gBAAGS,wCAACY,uDAAD,OAAH,gBAAqCZ,wCAACa,kDAAD;AAAmB,IAAA,QAAQ,EAAEf;AAA7B,IAN/C,CALF,CAPF,eAqBEE;AAAK,IAAA,GAAG,EAAEJ,KAAK,CAACkB,MAAhB;AAAwB,IAAA,KAAK,EAAE;AAAEf,MAAAA,MAAM,EAAE;AAAV;AAA/B,IArBF,EAsBGT,QAtBH,CADF,CADF;AA4BD;;AAED,IAAMyB,KAAK,GAAG;AACZ;AACAzB,EAAAA,QAAQ,EAAE0B,mBAAS,CAACC,OAAV,CAAkBC,UAAlB,CAA6BC,WAA7B,CAAyC,6CAAzC,CAFE;;AAGZ;AACA5B,EAAAA,OAAO,EAAEyB,mBAAS,CAACI,IAAV,CAAeD,WAAf,CAA2B,gCAA3B,CAJG;;AAKZ;AACA3B,EAAAA,SAAS,EAAEwB,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,2BAA3B;AANC,CAAd;AASA9B,cAAc,CAACiC,SAAf,GAA2BP,KAA3B;IAEMQ,wBAAwB,GAAGC,kBAAQ,CAACnC,cAAD;AAEzCkC,wBAAwB,CAACD,SAAzB,GAAqCP,KAArC;;;;;"}
+{"version":3,"file":"SwipeToRefresh.js","sources":["../../../src/SwipeToRefresh/SwipeToRefresh.tsx"],"sourcesContent":["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"],"names":["SwipeToRefresh","children","loading","onRefresh","breakpoint","theme","useTheme","swipe","useSwipe","progress","height","React","SwipeContainer","SwipeDrag","touchStart","touchEnd","touchCancel","touchMove","ref","LoaderBox","space","m","PositionLoader","DSCircularProgressIndicator","ProgressIndicator","target","props","PropTypes","element","isRequired","description","bool","func","propTypes","SwipeToRefreshWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;IAQMA,cAAc,GAAG,SAAjBA,cAAiB,OAAsC;EAAA,IAAnCC,QAAmC,QAAnCA,QAAmC;MAAzBC,OAAyB,QAAzBA,OAAyB;MAAhBC,SAAgB,QAAhBA,SAAgB;EAC3D,IAAMC,UAAU,GAAG,EAAnB;EACA,IAAMC,KAAK,GAAGC,iBAAQ,EAAtB;EACA,IAAMC,KAAK,GAAGC,gCAAQ,CAAC;IAAEL,SAAS,EAATA,SAAF;IAAaC,UAAU,EAAVA;GAAd,CAAtB;EACA,IAAMK,QAAQ,GAAGF,KAAK,CAACG,MAAN,GAAeN,UAAf,GAA4B,GAA5B,GAAmCG,KAAK,CAACG,MAAN,GAAe,GAAhB,GAAuBN,UAA1E;EACA,oBACEO,wCAACC,oCAAD,qBACED,wCAACE,+BAAD;IACE,YAAY,EAAEN,KAAK,CAACO,UADtB;IAEE,UAAU,EAAEP,KAAK,CAACQ,QAFpB;IAGE,aAAa,EAAER,KAAK,CAACS,WAHvB;IAIE,WAAW,EAAET,KAAK,CAACU,SAJrB;IAKE,GAAG,EAAEV,KAAK,CAACW;kBAEXP,wCAACQ,+BAAD;IACE,MAAM,EAAEjB,OAAO,GAAGG,KAAK,CAACe,KAAN,CAAYC,CAAf,aAAsBd,KAAK,CAACG,MAA5B,OADjB;IAEE,UAAU,EAAC,YAFb;IAGE,eAAY;kBAEZC,wCAACW,oCAAD;IACE,MAAM,EAAEjB,KAAK,CAACe,KAAN,CAAYC,CADtB;IAEE,cAAc,EAAC,QAFjB;IAGE,UAAU,EAAC,QAHb;IAIE,EAAE,EAAEd,KAAK,CAACG,MAAN,GAAe,EAAf,IAAqBR,OAArB,GAA+B,CAA/B,aAAsCK,KAAK,CAACG,MAAN,GAAe,EAArD;KAEHR,OAAO,gBAAGS,wCAACY,uDAAD,OAAH,gBAAqCZ,wCAACa,kDAAD;IAAmB,QAAQ,EAAEf;IAN5E,CALF,CAPF,eAqBEE;IAAK,GAAG,EAAEJ,KAAK,CAACkB,MAAhB;IAAwB,KAAK,EAAE;MAAEf,MAAM,EAAE;;IArB3C,EAsBGT,QAtBH,CADF,CADF;AA4BD;;AAED,IAAMyB,KAAK,GAAG;;EAEZzB,QAAQ,EAAE0B,mBAAS,CAACC,OAAV,CAAkBC,UAAlB,CAA6BC,WAA7B,CAAyC,6CAAzC,CAFE;;;EAIZ5B,OAAO,EAAEyB,mBAAS,CAACI,IAAV,CAAeD,WAAf,CAA2B,gCAA3B,CAJG;;;EAMZ3B,SAAS,EAAEwB,mBAAS,CAACK,IAAV,CAAeF,WAAf,CAA2B,2BAA3B;AANC,CAAd;AASA9B,cAAc,CAACiC,SAAf,GAA2BP,KAA3B;IAEMQ,wBAAwB,GAAGC,kBAAQ,CAACnC,cAAD;AAEzCkC,wBAAwB,CAACD,SAAzB,GAAqCP,KAArC;;;;;"}

package/cjs/SwipeToRefresh/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","sources":["../../../src/SwipeToRefresh/styled.tsx"],"sourcesContent":["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"],"names":["SwipeContainer","styled","Grid","SwipeDrag","div","LoaderBox","PositionLoader"],"mappings":";;;;;;;;;;;IAGaA,cAAc,gBAAGC,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAMdC,SAAS,gBAAGF,0BAAM,CAACG,GAAV;AAAA;AAAA;IAOTC,SAAS,gBAAGJ,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;IAKTI,cAAc,gBAAGL,0BAAM,CAACC,WAAD,CAAT;AAAA;AAAA;;;;;;;"}
+{"version":3,"file":"styled.js","sources":["../../../src/SwipeToRefresh/styled.tsx"],"sourcesContent":["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"],"names":["SwipeContainer","styled","Grid","SwipeDrag","div","LoaderBox","PositionLoader"],"mappings":";;;;;;;;;;;IAGaA,cAAc,gBAAGC,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;IAMdC,SAAS,gBAAGF,0BAAM,CAACG,GAAV;EAAA;AAAA;IAOTC,SAAS,gBAAGJ,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;IAKTI,cAAc,gBAAGL,0BAAM,CAACC,WAAD,CAAT;EAAA;AAAA;;;;;;;"}

package/cjs/SwipeToRefresh/useSwipe.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSwipe.js","sources":["../../../src/SwipeToRefresh/useSwipe.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true)\n    } else {\n      setAllowRefresh(false)\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n  \n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n"],"names":["useSwipe","onRefresh","breakpoint","useState","startingPoint","setStartingPoint","movingPoint","setMovingPoint","ref","useRef","height","allowRefresh","setAllowRefresh","callback","entries","isIntersecting","target","observer","current","disconnect","IntersectionObserver","root","rootMargin","threshold","observe","touchStart","e","scrollTop","touches","clientY","touchEnd","touchCancel","touchMove"],"mappings":"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"}
+{"version":3,"file":"useSwipe.js","sources":["../../../src/SwipeToRefresh/useSwipe.tsx"],"sourcesContent":["import { useState, useRef, useEffect } from 'react';\n\nexport const useSwipe = ({ onRefresh, breakpoint }) => {\n  const [startingPoint, setStartingPoint] = useState(0);\n  const [movingPoint, setMovingPoint] = useState(0);\n  const ref = useRef();\n  const height = movingPoint && startingPoint ? movingPoint - startingPoint : 0;\n  const [allowRefresh, setAllowRefresh] = useState(false);\n\n  const callback = (entries) => {\n    const { isIntersecting } = entries[0];\n    if (isIntersecting) {\n      setAllowRefresh(true)\n    } else {\n      setAllowRefresh(false)\n    }\n  };\n  const target = useRef(null);\n  const observer = useRef(null);\n  if (observer.current) {\n    observer.current.disconnect();\n  }\n  observer.current = new IntersectionObserver(callback, {\n      root: null,\n      rootMargin: '0px',\n      threshold: 0.25,\n  });\n  if (target.current) {\n    observer.current.observe(target.current);\n  }\n  \n  const touchStart = (e) => {\n    const { scrollTop } = ref.current;\n    if (scrollTop < 5) setStartingPoint(e.touches[0].clientY);\n  };\n  const touchEnd = () => {\n    if (height > breakpoint && allowRefresh && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchCancel = () => {\n    if (height > breakpoint && onRefresh) onRefresh();\n    setStartingPoint(0);\n    setMovingPoint(0);\n  };\n  const touchMove = (e) => {\n    setMovingPoint(e.touches[0].clientY);\n  };\n\n  return {\n    height,\n    touchStart,\n    touchEnd,\n    touchCancel,\n    touchMove,\n    ref,\n    target,\n  };\n};\n"],"names":["useSwipe","onRefresh","breakpoint","useState","startingPoint","setStartingPoint","movingPoint","setMovingPoint","ref","useRef","height","allowRefresh","setAllowRefresh","callback","entries","isIntersecting","target","observer","current","disconnect","IntersectionObserver","root","rootMargin","threshold","observe","touchStart","e","scrollTop","touches","clientY","touchEnd","touchCancel","touchMove"],"mappings":";;;;;;;;;;;IAEaA,QAAQ,GAAG,SAAXA,QAAW,OAA+B;EAAA,IAA5BC,SAA4B,QAA5BA,SAA4B;MAAjBC,UAAiB,QAAjBA,UAAiB;;EACrD,gBAA0CC,cAAQ,CAAC,CAAD,CAAlD;;MAAOC,aAAP;MAAsBC,gBAAtB;;EACA,iBAAsCF,cAAQ,CAAC,CAAD,CAA9C;;MAAOG,WAAP;MAAoBC,cAApB;;EACA,IAAMC,GAAG,GAAGC,YAAM,EAAlB;EACA,IAAMC,MAAM,GAAGJ,WAAW,IAAIF,aAAf,GAA+BE,WAAW,GAAGF,aAA7C,GAA6D,CAA5E;;EACA,iBAAwCD,cAAQ,CAAC,KAAD,CAAhD;;MAAOQ,YAAP;MAAqBC,eAArB;;EAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,OAAD,EAAa;IAC5B,IAAQC,cAAR,GAA2BD,OAAO,CAAC,CAAD,CAAlC,CAAQC,cAAR;;IACA,IAAIA,cAAJ,EAAoB;MAClBH,eAAe,CAAC,IAAD,CAAf;KADF,MAEO;MACLA,eAAe,CAAC,KAAD,CAAf;;GALJ;;EAQA,IAAMI,MAAM,GAAGP,YAAM,CAAC,IAAD,CAArB;EACA,IAAMQ,QAAQ,GAAGR,YAAM,CAAC,IAAD,CAAvB;;EACA,IAAIQ,QAAQ,CAACC,OAAb,EAAsB;IACpBD,QAAQ,CAACC,OAAT,CAAiBC,UAAjB;;;EAEFF,QAAQ,CAACC,OAAT,GAAmB,IAAIE,oBAAJ,CAAyBP,QAAzB,EAAmC;IAClDQ,IAAI,EAAE,IAD4C;IAElDC,UAAU,EAAE,KAFsC;IAGlDC,SAAS,EAAE;GAHI,CAAnB;;EAKA,IAAIP,MAAM,CAACE,OAAX,EAAoB;IAClBD,QAAQ,CAACC,OAAT,CAAiBM,OAAjB,CAAyBR,MAAM,CAACE,OAAhC;;;EAGF,IAAMO,UAAU,GAAG,SAAbA,UAAa,CAACC,CAAD,EAAO;IACxB,IAAQC,SAAR,GAAsBnB,GAAG,CAACU,OAA1B,CAAQS,SAAR;IACA,IAAIA,SAAS,GAAG,CAAhB,EAAmBtB,gBAAgB,CAACqB,CAAC,CAACE,OAAF,CAAU,CAAV,EAAaC,OAAd,CAAhB;GAFrB;;EAIA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,GAAM;IACrB,IAAIpB,MAAM,GAAGR,UAAT,IAAuBS,YAAvB,IAAuCV,SAA3C,EAAsDA,SAAS;IAC/DI,gBAAgB,CAAC,CAAD,CAAhB;IACAE,cAAc,CAAC,CAAD,CAAd;GAHF;;EAKA,IAAMwB,WAAW,GAAG,SAAdA,WAAc,GAAM;IACxB,IAAIrB,MAAM,GAAGR,UAAT,IAAuBD,SAA3B,EAAsCA,SAAS;IAC/CI,gBAAgB,CAAC,CAAD,CAAhB;IACAE,cAAc,CAAC,CAAD,CAAd;GAHF;;EAKA,IAAMyB,SAAS,GAAG,SAAZA,SAAY,CAACN,CAAD,EAAO;IACvBnB,cAAc,CAACmB,CAAC,CAACE,OAAF,CAAU,CAAV,EAAaC,OAAd,CAAd;GADF;;EAIA,OAAO;IACLnB,MAAM,EAANA,MADK;IAELe,UAAU,EAAVA,UAFK;IAGLK,QAAQ,EAARA,QAHK;IAILC,WAAW,EAAXA,WAJK;IAKLC,SAAS,EAATA,SALK;IAMLxB,GAAG,EAAHA,GANK;IAOLQ,MAAM,EAANA;GAPF;AASD;;;;"}

package/cjs/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/Tabs/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\n\nexport const DSMobileTabs = ({ children, ...props }) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }) => (\n  <DSTab {...props} isDSMobile>\n    {children}\n  </DSTab>\n);\n"],"names":["DSMobileTabs","children","props","React","DSTabs","DSMobileTab","DSTab"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,YAAY,GAAG,SAAfA,YAAe;AAAA,MAAGC,QAAH,QAAGA,QAAH;AAAA,MAAgBC,KAAhB;;AAAA,sBAC1BC,wCAACC,aAAD,mCAAYF,KAAZ;AAAmB,IAAA,UAAU;AAA7B,MACGD,QADH,CAD0B;AAAA;IAMfI,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGJ,QAAH,SAAGA,QAAH;AAAA,MAAgBC,KAAhB;;AAAA,sBACzBC,wCAACG,YAAD,mCAAWJ,KAAX;AAAkB,IAAA,UAAU;AAA5B,MACGD,QADH,CADyB;AAAA;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/Tabs/index.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSTabs, DSTab } from '@elliemae/ds-tabs';\n\nexport const DSMobileTabs = ({ children, ...props }) => (\n  <DSTabs {...props} isDSMobile>\n    {children}\n  </DSTabs>\n);\n\nexport const DSMobileTab = ({ children, ...props }) => (\n  <DSTab {...props} isDSMobile>\n    {children}\n  </DSTab>\n);\n"],"names":["DSMobileTabs","children","props","React","DSTabs","DSMobileTab","DSTab"],"mappings":";;;;;;;;;;;;;;;;;IAIaA,YAAY,GAAG,SAAfA,YAAe;EAAA,IAAGC,QAAH,QAAGA,QAAH;MAAgBC,KAAhB;;EAAA,oBAC1BC,wCAACC,aAAD,mCAAYF,KAAZ;IAAmB,UAAU;MAC1BD,QADH,CAD0B;AAAA;IAMfI,WAAW,GAAG,SAAdA,WAAc;EAAA,IAAGJ,QAAH,SAAGA,QAAH;MAAgBC,KAAhB;;EAAA,oBACzBC,wCAACG,YAAD,mCAAWJ,KAAX;IAAkB,UAAU;MACzBD,QADH,CADyB;AAAA;;;;;"}

package/esm/CategoryBox/CategoryBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CategoryBox.js","sources":["../../../src/CategoryBox/CategoryBox.tsx"],"sourcesContent":["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"],"names":["Title","styled","h3","props","theme","colors","neutral","truncate","fontWeights","semibold","CategoryBox","Grid","borderTop","DSCategoryBox","actionsRight","title","headerLevel","children","rows","hasActions","length","push","times","PropTypes","string","isRequired","description","bool","arrayOf","element","oneOf","propTypes","DSCategoryBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"CategoryBox.js","sources":["../../../src/CategoryBox/CategoryBox.tsx"],"sourcesContent":["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"],"names":["Title","styled","h3","props","theme","colors","neutral","truncate","fontWeights","semibold","CategoryBox","Grid","borderTop","DSCategoryBox","actionsRight","title","headerLevel","children","rows","hasActions","length","push","times","PropTypes","string","isRequired","description","bool","arrayOf","element","oneOf","propTypes","DSCategoryBoxWithSchema","describe"],"mappings":";;;;;;;AAOA,IAAMA,KAAK,gBAAGC,MAAM,CAACC,EAAV;EAAA;AAAA,sFAGA,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAHA,EAKPC,QAAQ,EALD,EAMM,UAACJ,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYI,WAAZ,CAAwBC,QAAnC;AAAA,CANN,CAAX;AASA,IAAMC,WAAW,gBAAGT,MAAM,CAACU,IAAD,CAAT;EAAA;AAAA,yCACD,UAACR,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,GAA3B,CAAX;AAAA,CADC,EAED,UAACH,KAAD;EAAA,OAAYA,KAAK,CAACS,SAAN,uBAA+BT,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,OAAnB,CAA2B,KAA3B,CAA/B,IAAqE,MAAjF;AAAA,CAFC,CAAjB;;IAKMO,aAAa,GAAG,SAAhBA,aAAgB,OAA+E;EAAA,0BAA5ED,SAA4E;MAA5EA,SAA4E,+BAAhE,IAAgE;+BAA1DE,YAA0D;MAA1DA,YAA0D,kCAA3C,EAA2C;MAAvCC,KAAuC,QAAvCA,KAAuC;8BAAhCC,WAAgC;MAAhCA,WAAgC,iCAAlB,CAAkB;MAAfC,QAAe,QAAfA,QAAe;EACnG,IAAMC,IAAI,GAAG,CAAC,MAAD,CAAb;EACA,IAAMC,UAAU,GAAGL,YAAY,CAACM,MAAb,GAAsB,CAAzC;EACA,IAAID,UAAJ,EAAgBD,IAAI,CAACG,IAAL,CAAU,MAAV;EAEhB,oBACE,oBAAC,IAAD;IAAM,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;kBACV,oBAAC,WAAD;IACE,IAAI,EAAEH,IADR;IAEE,SAAS,EAAEN,SAFb;IAGE,UAAU,EAAC,QAHb;IAIE,EAAE,EAAC,IAJL;IAKE,EAAE,EAAEE,YAAY,CAACM,MAAb,GAAsB,CAAtB,GAA0B,KAA1B,GAAkC;kBAEtC,oBAAC,KAAD;IAAO,EAAE,aAAMJ,WAAN;KAAsBD,KAA/B,CAPF,EAQGI,UAAU,iBACT,oBAAC,IAAD;IAAM,IAAI,EAAEG,KAAK,CAACR,YAAY,CAACM,MAAd,EAAsB;MAAA,OAAM,MAAN;KAAtB,CAAjB;IAAsD,WAAW,EAAC;KAC/DN,YADH,CATJ,CADF,EAeGG,QAfH,CADF;AAmBD;;AAED,IAAMd,KAAK,GAAG;;AAEd;AACA;EACEY,KAAK,EAAEQ,SAAS,CAACC,MAAV,CAAiBC,UAAjB,CAA4BC,WAA5B,CAAwC,oBAAxC,CAJK;;;AAMd;AACA;EACEd,SAAS,EAAEW,SAAS,CAACI,IAAV,CAAeD,WAAf,CAA2B,mCAA3B,CARC;;;AAUd;AACA;EACEZ,YAAY,EAAES,SAAS,CAACK,OAAV,CAAkBL,SAAS,CAACM,OAA5B,EAAqCH,WAArC,CAAiD,uBAAjD,CAZF;;;AAcd;AACA;EACEV,WAAW,EAAEO,SAAS,CAACO,KAAV,CAAgB,CAAC,CAAD,EAAI,CAAJ,EAAO,CAAP,EAAU,CAAV,EAAa,CAAb,EAAgB,CAAhB,CAAhB,EAAoCJ,WAApC,CAAgD,4CAAhD,CAhBD;;;AAkBd;AACA;EACET,QAAQ,EAAEM,SAAS,CAACM,OAAV,CAAkBH,WAAlB,CAA8B,iBAA9B;AApBE,CAAd;AAuBAb,aAAa,CAACkB,SAAd,GAA0B5B,KAA1B;IAEM6B,uBAAuB,GAAGC,QAAQ,CAACpB,aAAD;AACxCmB,uBAAuB,CAACD,SAAxB,GAAoC5B,KAApC;;;;"}

package/esm/CollectionBox/CollectionBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionBox.js","sources":["../../../src/CollectionBox/CollectionBox.tsx"],"sourcesContent":["/* 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"],"names":["CollectionBox","styled","Grid","props","theme","colors","neutral","fontWeights","semibold","Footer","Body","regular","Header","h3","truncate","ActionWrap","DSCollectionBox","body","title","headerAction","footerAction","headerLevel","headerCols","footerCols","rows","push","PropTypes","element","isRequired","description","string","oneOf","propTypes","DSCollectionBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"CollectionBox.js","sources":["../../../src/CollectionBox/CollectionBox.tsx"],"sourcesContent":["/* 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"],"names":["CollectionBox","styled","Grid","props","theme","colors","neutral","fontWeights","semibold","Footer","Body","regular","Header","h3","truncate","ActionWrap","DSCollectionBox","body","title","headerAction","footerAction","headerLevel","headerCols","footerCols","rows","push","PropTypes","element","isRequired","description","string","oneOf","propTypes","DSCollectionBoxWithSchema","describe"],"mappings":"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"}

package/esm/FullPageContainer/FullPageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullPageContainer.js","sources":["../../../src/FullPageContainer/FullPageContainer.tsx"],"sourcesContent":["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"],"names":["DSFullPageContainer","children","props","height","useMobileHeight","propTypes","PropTypes","any"],"mappings":";;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4B;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAZC,KAAY;;AACtD,MAAMC,MAAM,GAAGC,eAAe,EAA9B;AACA,sBACE,oBAAC,IAAD;AAAM,IAAA,MAAM,EAAED,MAAd;AAAsB,IAAA,KAAK,EAAC;AAA5B,KAAuCD,KAAvC,GACGD,QADH,CADF;AAKD;;AAEDD,mBAAmB,CAACK,SAApB,GAAgC;AAC9BJ,EAAAA,QAAQ,EAAEK,SAAS,CAACC;AADU,CAAhC;;;;"}
+{"version":3,"file":"FullPageContainer.js","sources":["../../../src/FullPageContainer/FullPageContainer.tsx"],"sourcesContent":["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"],"names":["DSFullPageContainer","children","props","height","useMobileHeight","propTypes","PropTypes","any"],"mappings":";;;;;;;;;;IAKMA,mBAAmB,GAAG,SAAtBA,mBAAsB,OAA4B;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;MAAZC,KAAY;;EACtD,IAAMC,MAAM,GAAGC,eAAe,EAA9B;EACA,oBACE,oBAAC,IAAD;IAAM,MAAM,EAAED,MAAd;IAAsB,KAAK,EAAC;KAAWD,KAAvC,GACGD,QADH,CADF;AAKD;;AAEDD,mBAAmB,CAACK,SAApB,GAAgC;EAC9BJ,QAAQ,EAAEK,SAAS,CAACC;AADU,CAAhC;;;;"}

package/esm/FullPageContainer/FullPageContainerScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullPageContainerScroll.js","sources":["../../../src/FullPageContainer/FullPageContainerScroll.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],"names":["DSFullPageContainerScroll","style","children","props","overflow","propTypes","PropTypes","any","object"],"mappings":";;;;;;;;;;;;;IAIMA,yBAAyB,GAAG,SAA5BA,yBAA4B;AAAA,wBAAGC,KAAH;AAAA,MAAGA,KAAH,2BAAW,EAAX;AAAA,MAAeC,QAAf,QAAeA,QAAf;AAAA,MAA4BC,KAA5B;;AAAA,sBAChC,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAC,MAAhB;AAAuB,IAAA,KAAK;AAAIC,MAAAA,QAAQ,EAAE;AAAd,OAAyBH,KAAzB;AAA5B,KAAkEE,KAAlE,GACGD,QADH,CADgC;AAAA;;AAMlCF,yBAAyB,CAACK,SAA1B,GAAsC;AACpCH,EAAAA,QAAQ,EAAEI,SAAS,CAACC,GADgB;AAEpCN,EAAAA,KAAK,EAAEK,SAAS,CAACE;AAFmB,CAAtC;;;;"}
+{"version":3,"file":"FullPageContainerScroll.js","sources":["../../../src/FullPageContainer/FullPageContainerScroll.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst DSFullPageContainerScroll = ({ style = {}, children, ...props }) => (\n  <Grid maxHeight=\"100%\" style={{ overflow: 'auto', ...style }} {...props}>\n    {children}\n  </Grid>\n);\n\nDSFullPageContainerScroll.propTypes = {\n  children: PropTypes.any,\n  style: PropTypes.object,\n};\n\nexport { DSFullPageContainerScroll };\n"],"names":["DSFullPageContainerScroll","style","children","props","overflow","propTypes","PropTypes","any","object"],"mappings":";;;;;;;;;;;;;IAIMA,yBAAyB,GAAG,SAA5BA,yBAA4B;EAAA,sBAAGC,KAAH;MAAGA,KAAH,2BAAW,EAAX;MAAeC,QAAf,QAAeA,QAAf;MAA4BC,KAA5B;;EAAA,oBAChC,oBAAC,IAAD;IAAM,SAAS,EAAC,MAAhB;IAAuB,KAAK;MAAIC,QAAQ,EAAE;OAAWH,KAAzB;KAAsCE,KAAlE,GACGD,QADH,CADgC;AAAA;;AAMlCF,yBAAyB,CAACK,SAA1B,GAAsC;EACpCH,QAAQ,EAAEI,SAAS,CAACC,GADgB;EAEpCN,KAAK,EAAEK,SAAS,CAACE;AAFmB,CAAtC;;;;"}

package/esm/FullPageContainer/useMobileHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMobileHeight.js","sources":["../../../src/FullPageContainer/useMobileHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n  const [height, setHeight] = useState(window.innerHeight);\n  const handleHeight = () => {\n    setHeight(window.innerHeight);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHeight);\n\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleHeight);\n  }, []); // Empty array ensures that effect is only run on mount\n\n  return height;\n}\n"],"names":["useMobileHeight","useState","window","innerHeight","height","setHeight","handleHeight","useEffect","addEventListener","removeEventListener"],"mappings":";;;AAEO,SAASA,eAAT,GAA2B;AAChC,kBAA4BC,QAAQ,CAACC,MAAM,CAACC,WAAR,CAApC;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;AACzBD,IAAAA,SAAS,CAACH,MAAM,CAACC,WAAR,CAAT;AACD,GAFD;;AAIAI,EAAAA,SAAS,CAAC,YAAM;AACdL,IAAAA,MAAM,CAACM,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC,EADc;;AAId,WAAO;AAAA,aAAMJ,MAAM,CAACO,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC,CAAN;AAAA,KAAP;AACD,GALQ,EAKN,EALM,CAAT,CANgC;;AAahC,SAAOF,MAAP;AACD;;;;"}
+{"version":3,"file":"useMobileHeight.js","sources":["../../../src/FullPageContainer/useMobileHeight.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\n\nexport function useMobileHeight() {\n  const [height, setHeight] = useState(window.innerHeight);\n  const handleHeight = () => {\n    setHeight(window.innerHeight);\n  };\n\n  useEffect(() => {\n    window.addEventListener('resize', handleHeight);\n\n    // Remove event listener on cleanup\n    return () => window.removeEventListener('resize', handleHeight);\n  }, []); // Empty array ensures that effect is only run on mount\n\n  return height;\n}\n"],"names":["useMobileHeight","useState","window","innerHeight","height","setHeight","handleHeight","useEffect","addEventListener","removeEventListener"],"mappings":";;;AAEO,SAASA,eAAT,GAA2B;EAChC,gBAA4BC,QAAQ,CAACC,MAAM,CAACC,WAAR,CAApC;;MAAOC,MAAP;MAAeC,SAAf;;EACA,IAAMC,YAAY,GAAG,SAAfA,YAAe,GAAM;IACzBD,SAAS,CAACH,MAAM,CAACC,WAAR,CAAT;GADF;;EAIAI,SAAS,CAAC,YAAM;IACdL,MAAM,CAACM,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC,EADc;;IAId,OAAO;MAAA,OAAMJ,MAAM,CAACO,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC,CAAN;KAAP;GAJO,EAKN,EALM,CAAT,CANgC;;EAahC,OAAOF,MAAP;AACD;;;;"}

package/esm/GlobalHeader/MobileGlobalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileGlobalHeader.js","sources":["../../../src/GlobalHeader/MobileGlobalHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description('Callback function for search change'),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],"names":["DSGlobalHeader","containerProps","title","lastIcon","onSearchChange","noop","topMenuItems","bottomMenuItems","useState","searchBarVisible","setSearchBarVisible","searchValue","setSearchValue","showMenu","setShowMenu","searchClicked","onSearchChangeDebounced","useCallback","debounce","searchValueChanged","e","val","target","value","searchCloseClicked","menuToggle","flag","bind","Logo","DSIconSizes","M","DSIconColors","WHITE","menuProps","PropTypes","arrayOf","shape","icon","element","text","string","description","props","object","isRequired","func","propTypes","DSGlobalHeaderWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"MobileGlobalHeader.js","sources":["../../../src/GlobalHeader/MobileGlobalHeader.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-bind */\n/* eslint-disable import/no-unresolved */\n/* eslint-disable max-lines */\nimport React, { useState, useCallback } from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport { DSInput } from '@elliemae/ds-form';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\nimport { DSIconSizes, DSIconColors } from '@elliemae/ds-icon';\nimport { debounce, noop } from 'lodash';\nimport { Grid } from '@elliemae/ds-grid';\nimport Logo from '../Icons/EM_logo';\nimport { Container, Label, SearchWrapper, Icon, RightSection, MainSection } from './styles';\nimport { DSSideNav } from '../SideNav';\n\nconst DSGlobalHeader = ({\n  containerProps = {},\n  title,\n  lastIcon,\n  onSearchChange = noop,\n  topMenuItems,\n  bottomMenuItems,\n}) => {\n  const [searchBarVisible, setSearchBarVisible] = useState(false);\n  const [searchValue, setSearchValue] = useState();\n  const [showMenu, setShowMenu] = useState(false);\n  const searchClicked = () => {\n    setSearchBarVisible(true);\n  };\n\n  const onSearchChangeDebounced = useCallback(debounce(onSearchChange, 250), []);\n  const searchValueChanged = (e) => {\n    const val = e.target.value;\n    onSearchChangeDebounced(val);\n    setSearchValue(val);\n  };\n\n  const searchCloseClicked = () => {\n    setSearchBarVisible(false);\n  };\n\n  const menuToggle = (flag) => {\n    setShowMenu(flag);\n  };\n\n  return (\n    <>\n      <Container data-testid={containerProps['data-testid'] || 'global-header-wrapper'} {...containerProps}>\n        {!searchBarVisible ? (\n          <>\n            <MainSection>\n              <Icon onClick={menuToggle.bind(null, true)}>{Logo()}</Icon>\n              <Label>{title}</Label>\n              <span></span>\n              <RightSection>\n                <Grid cols={lastIcon ? [1 / 2, 1 / 2] : [1]} gutter=\"xs\">\n                  <Grid>\n                    <Search\n                      data-testid=\"mobile-global-header-search\"\n                      size={DSIconSizes.M}\n                      color={DSIconColors.WHITE}\n                      onClick={searchClicked}\n                    />\n                  </Grid>\n                  {lastIcon && <Grid>{lastIcon}</Grid>}\n                </Grid>\n              </RightSection>\n            </MainSection>\n          </>\n        ) : (\n          <SearchWrapper>\n            <DSInput\n              clearable\n              className=\"dsInput\"\n              placeholder=\"Search here\"\n              onChange={searchValueChanged}\n              rightComponent={\n                <DSButton\n                  buttonType=\"primary\"\n                  className=\"dsButton\"\n                  icon={<Search size={DSIconSizes.M} color={DSIconColors.WHITE} onClick={searchCloseClicked} />}\n                />\n              }\n              value={searchValue}\n              variant=\"variant-active\"\n            />\n          </SearchWrapper>\n        )}\n      </Container>\n      {showMenu ? (\n        <DSSideNav\n          title={title}\n          menuItems={topMenuItems}\n          bottomMenuItems={bottomMenuItems}\n          onClose={menuToggle.bind(null, false)}\n        ></DSSideNav>\n      ) : null}\n    </>\n  );\n};\n\nconst menuProps = PropTypes.arrayOf(\n  PropTypes.shape({\n    icon: PropTypes.element,\n    text: PropTypes.string,\n  }),\n).description('menu item array');\n\nconst props = {\n  /** props to inject to wrapper */\n  containerProps: PropTypes.object.description('props to inject to wrapper'),\n  /**\n   * Heading Title\n   */\n  title: PropTypes.string.isRequired.description('Heading Title'),\n  /**\n   * Dimsum icon Element\n   */\n  lastIcon: PropTypes.element.description('Dimsum icon Element'),\n  /**\n   * Callback function for search change\n   */\n  onSearchChange: PropTypes.func.description('Callback function for search change'),\n  /**\n   * Top Menu items array\n   */\n  topMenuItems: menuProps,\n  /**\n   * Bottom Menu items array\n   */\n  bottomMenuItems: menuProps,\n};\n\nDSGlobalHeader.propTypes = props;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = props;\n\nexport { DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],"names":["DSGlobalHeader","containerProps","title","lastIcon","onSearchChange","noop","topMenuItems","bottomMenuItems","useState","searchBarVisible","setSearchBarVisible","searchValue","setSearchValue","showMenu","setShowMenu","searchClicked","onSearchChangeDebounced","useCallback","debounce","searchValueChanged","e","val","target","value","searchCloseClicked","menuToggle","flag","bind","Logo","DSIconSizes","M","DSIconColors","WHITE","menuProps","PropTypes","arrayOf","shape","icon","element","text","string","description","props","object","isRequired","func","propTypes","DSGlobalHeaderWithSchema","describe"],"mappings":"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"}

package/esm/GlobalHeader/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../src/GlobalHeader/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n  width: auto;\n  height: 64px;\n  position: fixed;\n  width: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  padding: ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n`;\n\nexport const SearchWrapper = styled.div`\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  ${css`\n    animation: ${growLeft} 1s;\n  `}\n  float: right;\n  width: 100%;\n  border-radius: 4px;\n  .dsInput {\n    input {\n      border-radius: 2px 0 0 2px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n      &:focus {\n        border-right: none !important;\n      }\n      &::placeholder {\n        color: ${(props) => props.theme.colors.neutral['000']};\n      }\n    }\n    .em-ds-input__clearable {\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n    }\n  }\n\n  .dsButton {\n    border-color: ${(props) => props.theme.colors.brand[800]} !important;\n    border-radius: 0 2px 2px 0;\n    border-left: none;\n  }\n  svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n  font-family: ${(props) => props.theme.fonts.default};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  font-size: 25px;\n  line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n  padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 32px;\n  span {\n    flex-grow: 1;\n  }\n`;\n"],"names":["Container","styled","header","props","theme","colors","brand","space","xs","neutral","growLeft","kfrm","SearchWrapper","div","css","Icon","Label","fonts","default","fontWeights","regular","RightSection","MainSection"],"mappings":";;;;;IAGaA,SAAS,gBAAGC,MAAM,CAACC,MAAV;AAAA;AAAA,wGAKA,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CALA,EAMT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CANS,EAOX,UAACL,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPW;AAUtB,IAAMC,QAAQ,GAAGC,IAAH,oIAAd;IASaC,aAAa,gBAAGX,MAAM,CAACY,GAAV;AAAA;AAAA,ybACJ,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CADI,EAEtBQ,GAFsB,qGAGTJ,QAHS,GAWX,UAACP,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAXW,EAahB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbgB,EAkBT,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAlBS,EAuBhB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAvBgB,EA4BN,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CA5BM,EAkCd,UAACH,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAlCc;IAsCbM,IAAI,gBAAGd,MAAM,CAACY,GAAV;AAAA;AAAA,2BACC,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CADD;IAIJQ,KAAK,gBAAGf,MAAM,CAACY,GAAV;AAAA;AAAA,2EACD,UAACV,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYa,KAAZ,CAAkBC,OAA7B;AAAA,CADC,EAED,UAACf,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYe,WAAZ,CAAwBC,OAAnC;AAAA,CAFC;IAOLC,YAAY,gBAAGpB,MAAM,CAACY,GAAV;AAAA;AAAA;IAIZS,WAAW,gBAAGrB,MAAM,CAACY,GAAV;AAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../src/GlobalHeader/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { kfrm, css } from '@elliemae/ds-system';\n\nexport const Container = styled.header`\n  width: auto;\n  height: 64px;\n  position: fixed;\n  width: 100%;\n  background-color: ${(props) => props.theme.colors.brand[700]};\n  padding: ${(props) => props.theme.space.xs};\n  color: ${(props) => props.theme.colors.neutral['000']};\n`;\n\nconst growLeft = kfrm`\n  0% {\n    width: 0;\n  }\n  100% {\n    width: 100%;\n  }\n`;\n\nexport const SearchWrapper = styled.div`\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  ${css`\n    animation: ${growLeft} 1s;\n  `}\n  float: right;\n  width: 100%;\n  border-radius: 4px;\n  .dsInput {\n    input {\n      border-radius: 2px 0 0 2px;\n      color: ${(props) => props.theme.colors.neutral['000']};\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n      &:focus {\n        border-right: none !important;\n      }\n      &::placeholder {\n        color: ${(props) => props.theme.colors.neutral['000']};\n      }\n    }\n    .em-ds-input__clearable {\n      border: calc(0.30769rem * 0.25) solid\n        ${(props) => props.theme.colors.brand[800]} !important;\n    }\n  }\n\n  .dsButton {\n    border-color: ${(props) => props.theme.colors.brand[800]} !important;\n    border-radius: 0 2px 2px 0;\n    border-left: none;\n  }\n  svg,\n  svg:not([fill]) {\n    fill: ${(props) => props.theme.colors.neutral['000']};\n  }\n`;\n\nexport const Icon = styled.div`\n  margin-right: ${(props) => props.theme.space.xs};\n`;\n\nexport const Label = styled.div`\n  font-family: ${(props) => props.theme.fonts.default};\n  font-weight: ${(props) => props.theme.fontWeights.regular};\n  font-size: 25px;\n  line-height: 32px;\n`;\n\nexport const RightSection = styled.div`\n  padding-top: 5px;\n`;\n\nexport const MainSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  height: 32px;\n  span {\n    flex-grow: 1;\n  }\n`;\n"],"names":["Container","styled","header","props","theme","colors","brand","space","xs","neutral","growLeft","kfrm","SearchWrapper","div","css","Icon","Label","fonts","default","fontWeights","regular","RightSection","MainSection"],"mappings":";;;;;IAGaA,SAAS,gBAAGC,MAAM,CAACC,MAAV;EAAA;AAAA,wGAKA,UAACC,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CALA,EAMT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CANS,EAOX,UAACL,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAPW;AAUtB,IAAMC,QAAQ,GAAGC,IAAH,oIAAd;IASaC,aAAa,gBAAGX,MAAM,CAACY,GAAV;EAAA;AAAA,ybACJ,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CADI,EAEtBQ,GAFsB,qGAGTJ,QAHS,GAWX,UAACP,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAXW,EAahB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAbgB,EAkBT,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAlBS,EAuBhB,UAACN,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAvBgB,EA4BN,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CA5BM,EAkCd,UAACH,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBI,OAAnB,CAA2B,KAA3B,CAAX;AAAA,CAlCc;IAsCbM,IAAI,gBAAGd,MAAM,CAACY,GAAV;EAAA;AAAA,2BACC,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYG,KAAZ,CAAkBC,EAA7B;AAAA,CADD;IAIJQ,KAAK,gBAAGf,MAAM,CAACY,GAAV;EAAA;AAAA,2EACD,UAACV,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYa,KAAZ,CAAkBC,OAA7B;AAAA,CADC,EAED,UAACf,KAAD;EAAA,OAAWA,KAAK,CAACC,KAAN,CAAYe,WAAZ,CAAwBC,OAAnC;AAAA,CAFC;IAOLC,YAAY,gBAAGpB,MAAM,CAACY,GAAV;EAAA;AAAA;IAIZS,WAAW,gBAAGrB,MAAM,CAACY,GAAV;EAAA;AAAA;;;;"}

package/esm/GroupBox/GroupBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupBox.js","sources":["../../../src/GroupBox/GroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],"names":["Title","styled","h3","truncate","props","theme","colors","neutral","fontWeights","semibold","GroupBox","Grid","background","borderTop","DSGroupBox","children","title","headerLevel","actionsRight","rows","hasActions","length","push","times","PropTypes","element","description","oneOf","bool","string","isRequired","arrayOf","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}
+{"version":3,"file":"GroupBox.js","sources":["../../../src/GroupBox/GroupBox.tsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { times } from 'lodash';\nimport { truncate } from '@elliemae/ds-system';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst Title = styled.h3`\n  font-size: 14px;\n  margin: 0;\n  ${truncate()}\n  color: ${(props) => props.theme.colors.neutral['700']};\n  line-height: inherit;\n  text-transform: capitalize;\n  font-weight: ${(props) => props.theme.fontWeights.semibold};\n`;\n\nconst GroupBox = styled(Grid)`\n  background: ${(props) =>\n    props.background === 'grey' ? props.theme.colors.neutral['050'] : props.theme.colors.neutral['000']};\n\n  border-top: ${(props) => (props.borderTop ? `1px solid ${props.theme.colors.neutral['100']}` : 'none')};\n`;\n\nconst DSGroupBox = ({ children, title, background = 'grey', headerLevel = 3, actionsRight = [], borderTop }) => {\n  const rows = ['auto'];\n  const hasActions = actionsRight.length > 0;\n  if (hasActions) rows.push('auto');\n  return (\n    <Grid rows={['32px', 'auto']}>\n      <GroupBox\n        background={background}\n        cols={rows}\n        borderTop={borderTop}\n        alignItems=\"center\"\n        pl=\"xs\"\n        pr={hasActions ? 'xxs' : 'xs'}\n      >\n        <Title as={`h${headerLevel}`}>{title}</Title>\n        {hasActions && (\n          <Grid cols={times(actionsRight.length, () => 'auto')} justifySelf=\"end\">\n            {actionsRight}\n          </Grid>\n        )}\n      </GroupBox>\n      {children}\n    </Grid>\n  );\n};\n\nconst props = {\n  /**\n   * In-box children\n   */\n  children: PropTypes.element.description('In-box children'),\n  /**\n   * Title background\n   */\n  background: PropTypes.oneOf(['white', 'grey']).description('Title background'),\n  /**\n   * Toggle border top of group box\n   */\n  borderTop: PropTypes.bool.description('Toggle border top of group box'),\n  /**\n   * Group Box title\n   */\n  title: PropTypes.string.isRequired.description('Group Box title'),\n  /**\n   * semantic level of header tag for the title\n   */\n  headerLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]).description('semantic level of header tag for the title'),\n  /**\n   * Array of button icons\n   */\n  actionsRight: PropTypes.arrayOf(PropTypes.element).description('Array of button icons'),\n};\n\nDSGroupBox.propTypes = props;\nconst DSGroupBoxWithSchema = describe(DSGroupBox);\nDSGroupBoxWithSchema.propTypes = props;\n\nexport { DSGroupBox, DSGroupBoxWithSchema };\n"],"names":["Title","styled","h3","truncate","props","theme","colors","neutral","fontWeights","semibold","GroupBox","Grid","background","borderTop","DSGroupBox","children","title","headerLevel","actionsRight","rows","hasActions","length","push","times","PropTypes","element","description","oneOf","bool","string","isRequired","arrayOf","propTypes","DSGroupBoxWithSchema","describe"],"mappings":"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"}