@elliemae/ds-page-header 1.54.0-next.4 → 1.54.0-rc.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -39,10 +39,10 @@ var PageHeaderCustomRenderer = /*#__PURE__*/styled__default['default'].div.withC
39
39
  });
40
40
  var Container = /*#__PURE__*/styled__default['default'].div.withConfig({
41
41
  componentId: "sc-ps4m9w-1"
42
- })(["width:100%;margin-bottom:4px;"]);
42
+ })(["width:100%;margin-bottom:8px;"]);
43
43
  var ContainerWBorder = /*#__PURE__*/styled__default['default'].div.withConfig({
44
44
  componentId: "sc-ps4m9w-2"
45
- })(["width:100%;padding-bottom:4px;", ""], function (props) {
45
+ })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], function (props) {
46
46
  return !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";");
47
47
  });
48
48
 
@@ -56,7 +56,7 @@ var DSPageHeaderV2 = function DSPageHeaderV2(_ref) {
56
56
  menu = _ref.menu,
57
57
  withBottomSeparator = _ref.withBottomSeparator;
58
58
  var wrapperRow = ['auto', 1];
59
- var mainRow = lodash.compact([1, '268px']);
59
+ var mainRow = lodash.compact([1, 'auto']);
60
60
  var pageTitleRow = lodash.compact(['auto', menu && '30px', summary && 'auto', 1]);
61
61
  return /*#__PURE__*/React__default['default'].createElement(Container, containerProps, /*#__PURE__*/React__default['default'].createElement(ContainerWBorder, {
62
62
  withBottomSeparator: withBottomSeparator
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.js","sources":["../../../src/v2/PageHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 4px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding-bottom: 4px;\n ${(props) =>\n !props.withBottomSeparator\n ? ''\n : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, '268px']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>\n {breadcrumbs}\n </Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],"names":["PageHeaderCustomRenderer","styled","div","props","theme","colors","brand","Container","ContainerWBorder","withBottomSeparator","neutral","DSPageHeaderV2","containerProps","breadcrumbs","pageTitle","backarrow","summary","toolbar","menu","wrapperRow","mainRow","compact","pageTitleRow","React","Grid","PageHeaderBack","cssPrefix","PageHeaderMenu","PageHeaderToolbar","propTypes","navProps","defaultProps","DSPageHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAeMA,wBAAwB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAEnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAFmB;AAO9B,IAAMC,SAAS,gBAAGN,0BAAM,CAACC,GAAV;AAAA;AAAA,qCAAf;AAIA,IAAMM,gBAAgB,gBAAGP,0BAAM,CAACC,GAAV;AAAA;AAAA,2CAGlB,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,mBAAP,GACI,EADJ,sCAEgCN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,OAAnB,CAA2B,GAA3B,CAFhC,MADA;AAAA,CAHkB,CAAtB;;IAQMC,cAAc,GAAG,SAAjBA,cAAiB,OASjB;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJT,mBACI,QADJA,mBACI;AACJ,MAAMU,UAAU,GAAG,CAAC,MAAD,EAAS,CAAT,CAAnB;AACA,MAAMC,OAAO,GAAGC,cAAO,CAAC,CAAC,CAAD,EAAI,OAAJ,CAAD,CAAvB;AACA,MAAMC,YAAY,GAAGD,cAAO,CAAC,CAAC,MAAD,EAASH,IAAI,IAAI,MAAjB,EAAyBF,OAAO,IAAI,MAApC,EAA4C,CAA5C,CAAD,CAA5B;AACA,sBACEO,wCAAC,SAAD,EAAeX,cAAf,eACEW,wCAAC,gBAAD;AAAkB,IAAA,mBAAmB,EAAEd;AAAvC,kBACEc,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEL;AAAZ,kBACEI,wCAACC,WAAD,qBACED,wCAACE,0DAAD,QAAiBV,SAAjB,CADF,CADF,eAIEQ,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAZ,kBACED,wCAACC,WAAD;AAAM,IAAA,SAAS,YAAKE,2BAAL;AAAf,KACGb,WADH,CADF,eAIEU,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEJ;AAAZ,kBACEG,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEF;AAAZ,KACGR,SADH,EAEGI,IAAI,iBAAIK,wCAACI,0DAAD,QAAiBT,IAAjB,CAFX,EAGGF,OAHH,eAIEO,oDAJF,CADF,eAOEA,wCAACC,WAAD,qBACED,wCAACK,mEAAD,QAAoBX,OAApB,CADF,CAPF,CAJF,CAJF,CADF,CADF,CADF;AA2BD;;AAEDN,cAAc,CAACkB,SAAf,GAA2BC,iBAA3B;AACAnB,cAAc,CAACoB,YAAf,GAA8BA,qBAA9B;IAEMC,sBAAsB,GAAGC,kBAAQ,CAACtB,cAAD;AAEvCqB,sBAAsB,CAACH,SAAvB,GAAmCC,iBAAnC;;;;;;;;;;;"}
1
+ {"version":3,"file":"PageHeader.js","sources":["../../../src/v2/PageHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>{breadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],"names":["PageHeaderCustomRenderer","styled","div","props","theme","colors","brand","Container","ContainerWBorder","withBottomSeparator","neutral","DSPageHeaderV2","containerProps","breadcrumbs","pageTitle","backarrow","summary","toolbar","menu","wrapperRow","mainRow","compact","pageTitleRow","React","Grid","PageHeaderBack","cssPrefix","PageHeaderMenu","PageHeaderToolbar","propTypes","navProps","defaultProps","DSPageHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAeMA,wBAAwB,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,kEAEnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAFmB;AAO9B,IAAMC,SAAS,gBAAGN,0BAAM,CAACC,GAAV;AAAA;AAAA,qCAAf;AAIA,IAAMM,gBAAgB,gBAAGP,0BAAM,CAACC,GAAV;AAAA;AAAA,yFAMlB,UAACC,KAAD;AAAA,SAAY,CAACA,KAAK,CAACM,mBAAP,GAA6B,EAA7B,sCAA8DN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,OAAnB,CAA2B,GAA3B,CAA9D,MAAZ;AAAA,CANkB,CAAtB;;IAQMC,cAAc,GAAG,SAAjBA,cAAiB,OASjB;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJT,mBACI,QADJA,mBACI;AACJ,MAAMU,UAAU,GAAG,CAAC,MAAD,EAAS,CAAT,CAAnB;AACA,MAAMC,OAAO,GAAGC,cAAO,CAAC,CAAC,CAAD,EAAI,MAAJ,CAAD,CAAvB;AACA,MAAMC,YAAY,GAAGD,cAAO,CAAC,CAAC,MAAD,EAASH,IAAI,IAAI,MAAjB,EAAyBF,OAAO,IAAI,MAApC,EAA4C,CAA5C,CAAD,CAA5B;AACA,sBACEO,wCAAC,SAAD,EAAeX,cAAf,eACEW,wCAAC,gBAAD;AAAkB,IAAA,mBAAmB,EAAEd;AAAvC,kBACEc,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEL;AAAZ,kBACEI,wCAACC,WAAD,qBACED,wCAACE,0DAAD,QAAiBV,SAAjB,CADF,CADF,eAIEQ,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAZ,kBACED,wCAACC,WAAD;AAAM,IAAA,SAAS,YAAKE,2BAAL;AAAf,KAA4Db,WAA5D,CADF,eAEEU,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEJ;AAAZ,kBACEG,wCAACC,WAAD;AAAM,IAAA,IAAI,EAAEF;AAAZ,KACGR,SADH,EAEGI,IAAI,iBAAIK,wCAACI,0DAAD,QAAiBT,IAAjB,CAFX,EAGGF,OAHH,eAIEO,oDAJF,CADF,eAOEA,wCAACC,WAAD,qBACED,wCAACK,mEAAD,QAAoBX,OAApB,CADF,CAPF,CAFF,CAJF,CADF,CADF,CADF;AAyBD;;AAEDN,cAAc,CAACkB,SAAf,GAA2BC,iBAA3B;AACAnB,cAAc,CAACoB,YAAf,GAA8BA,qBAA9B;IAEMC,sBAAsB,GAAGC,kBAAQ,CAACtB,cAAD;AAEvCqB,sBAAsB,CAACH,SAAvB,GAAmCC,iBAAnC;;;;;;;;;;;"}
@@ -31,10 +31,10 @@ var PageHeaderCustomRenderer = /*#__PURE__*/styled.div.withConfig({
31
31
  });
32
32
  var Container = /*#__PURE__*/styled.div.withConfig({
33
33
  componentId: "sc-ps4m9w-1"
34
- })(["width:100%;margin-bottom:4px;"]);
34
+ })(["width:100%;margin-bottom:8px;"]);
35
35
  var ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
36
36
  componentId: "sc-ps4m9w-2"
37
- })(["width:100%;padding-bottom:4px;", ""], function (props) {
37
+ })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], function (props) {
38
38
  return !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";");
39
39
  });
40
40
 
@@ -48,7 +48,7 @@ var DSPageHeaderV2 = function DSPageHeaderV2(_ref) {
48
48
  menu = _ref.menu,
49
49
  withBottomSeparator = _ref.withBottomSeparator;
50
50
  var wrapperRow = ['auto', 1];
51
- var mainRow = compact([1, '268px']);
51
+ var mainRow = compact([1, 'auto']);
52
52
  var pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);
53
53
  return /*#__PURE__*/React.createElement(Container, containerProps, /*#__PURE__*/React.createElement(ContainerWBorder, {
54
54
  withBottomSeparator: withBottomSeparator
@@ -1 +1 @@
1
- {"version":3,"file":"PageHeader.js","sources":["../../../src/v2/PageHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 4px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding-bottom: 4px;\n ${(props) =>\n !props.withBottomSeparator\n ? ''\n : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, '268px']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>\n {breadcrumbs}\n </Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],"names":["PageHeaderCustomRenderer","styled","div","props","theme","colors","brand","Container","ContainerWBorder","withBottomSeparator","neutral","DSPageHeaderV2","containerProps","breadcrumbs","pageTitle","backarrow","summary","toolbar","menu","wrapperRow","mainRow","compact","pageTitleRow","cssPrefix","propTypes","navProps","defaultProps","DSPageHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAeMA,wBAAwB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,kEAEnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAFmB;AAO9B,IAAMC,SAAS,gBAAGN,MAAM,CAACC,GAAV;AAAA;AAAA,qCAAf;AAIA,IAAMM,gBAAgB,gBAAGP,MAAM,CAACC,GAAV;AAAA;AAAA,2CAGlB,UAACC,KAAD;AAAA,SACA,CAACA,KAAK,CAACM,mBAAP,GACI,EADJ,sCAEgCN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,OAAnB,CAA2B,GAA3B,CAFhC,MADA;AAAA,CAHkB,CAAtB;;IAQMC,cAAc,GAAG,SAAjBA,cAAiB,OASjB;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJT,mBACI,QADJA,mBACI;AACJ,MAAMU,UAAU,GAAG,CAAC,MAAD,EAAS,CAAT,CAAnB;AACA,MAAMC,OAAO,GAAGC,OAAO,CAAC,CAAC,CAAD,EAAI,OAAJ,CAAD,CAAvB;AACA,MAAMC,YAAY,GAAGD,OAAO,CAAC,CAAC,MAAD,EAASH,IAAI,IAAI,MAAjB,EAAyBF,OAAO,IAAI,MAApC,EAA4C,CAA5C,CAAD,CAA5B;AACA,sBACE,oBAAC,SAAD,EAAeJ,cAAf,eACE,oBAAC,gBAAD;AAAkB,IAAA,mBAAmB,EAAEH;AAAvC,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEU;AAAZ,kBACE,oBAAC,IAAD,qBACE,oBAAC,cAAD,QAAiBJ,SAAjB,CADF,CADF,eAIE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAZ,kBACE,oBAAC,IAAD;AAAM,IAAA,SAAS,YAAKQ,SAAL;AAAf,KACGV,WADH,CADF,eAIE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEO;AAAZ,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEE;AAAZ,KACGR,SADH,EAEGI,IAAI,iBAAI,oBAAC,cAAD,QAAiBA,IAAjB,CAFX,EAGGF,OAHH,eAIE,gCAJF,CADF,eAOE,oBAAC,IAAD,qBACE,oBAAC,iBAAD,QAAoBC,OAApB,CADF,CAPF,CAJF,CAJF,CADF,CADF,CADF;AA2BD;;AAEDN,cAAc,CAACa,SAAf,GAA2BC,QAA3B;AACAd,cAAc,CAACe,YAAf,GAA8BA,YAA9B;IAEMC,sBAAsB,GAAGC,QAAQ,CAACjB,cAAD;AAEvCgB,sBAAsB,CAACH,SAAvB,GAAmCC,QAAnC;;;;"}
1
+ {"version":3,"file":"PageHeader.js","sources":["../../../src/v2/PageHeader.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { compact } from 'lodash';\nimport styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\nimport { PageHeaderTitle } from './components/PageHeaderTitle/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary/PageHeaderSummary';\nimport { PageHeaderMenu } from './components/PageHeaderMenu/PageHeaderMenu';\nimport { PageHeaderToolbar } from './components/PageHeaderToolbar/PageHeaderToolbar';\nimport { PageHeaderBack } from './components/PageHeaderBack/PageHeaderBack';\nimport { cssPrefix } from './components/blocks';\nimport { navProps, defaultProps } from './props';\n\nconst PageHeaderCustomRenderer = styled.div`\n width: auto;\n color: ${(props) => props.theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nconst Container = styled.div`\n width: 100%;\n margin-bottom: 8px;\n`;\nconst ContainerWBorder = styled.div`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${(props) => (!props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`)}\n`;\nconst DSPageHeaderV2 = ({\n containerProps,\n breadcrumbs,\n pageTitle,\n backarrow,\n summary,\n toolbar,\n menu,\n withBottomSeparator,\n}) => {\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', menu && '30px', summary && 'auto', 1]);\n return (\n <Container {...containerProps}>\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{backarrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className={`${cssPrefix}-page-header-v2-breadcrumb`}>{breadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {pageTitle}\n {menu && <PageHeaderMenu>{menu}</PageHeaderMenu>}\n {summary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbar>{toolbar}</PageHeaderToolbar>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = navProps;\nDSPageHeaderV2.defaultProps = defaultProps;\n\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = navProps;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n"],"names":["PageHeaderCustomRenderer","styled","div","props","theme","colors","brand","Container","ContainerWBorder","withBottomSeparator","neutral","DSPageHeaderV2","containerProps","breadcrumbs","pageTitle","backarrow","summary","toolbar","menu","wrapperRow","mainRow","compact","pageTitleRow","cssPrefix","propTypes","navProps","defaultProps","DSPageHeaderWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAeMA,wBAAwB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,kEAEnB,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBC,KAAnB,CAAyB,GAAzB,CAAX;AAAA,CAFmB;AAO9B,IAAMC,SAAS,gBAAGN,MAAM,CAACC,GAAV;AAAA;AAAA,qCAAf;AAIA,IAAMM,gBAAgB,gBAAGP,MAAM,CAACC,GAAV;AAAA;AAAA,yFAMlB,UAACC,KAAD;AAAA,SAAY,CAACA,KAAK,CAACM,mBAAP,GAA6B,EAA7B,sCAA8DN,KAAK,CAACC,KAAN,CAAYC,MAAZ,CAAmBK,OAAnB,CAA2B,GAA3B,CAA9D,MAAZ;AAAA,CANkB,CAAtB;;IAQMC,cAAc,GAAG,SAAjBA,cAAiB,OASjB;AAAA,MARJC,cAQI,QARJA,cAQI;AAAA,MAPJC,WAOI,QAPJA,WAOI;AAAA,MANJC,SAMI,QANJA,SAMI;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,OAGI,QAHJA,OAGI;AAAA,MAFJC,IAEI,QAFJA,IAEI;AAAA,MADJT,mBACI,QADJA,mBACI;AACJ,MAAMU,UAAU,GAAG,CAAC,MAAD,EAAS,CAAT,CAAnB;AACA,MAAMC,OAAO,GAAGC,OAAO,CAAC,CAAC,CAAD,EAAI,MAAJ,CAAD,CAAvB;AACA,MAAMC,YAAY,GAAGD,OAAO,CAAC,CAAC,MAAD,EAASH,IAAI,IAAI,MAAjB,EAAyBF,OAAO,IAAI,MAApC,EAA4C,CAA5C,CAAD,CAA5B;AACA,sBACE,oBAAC,SAAD,EAAeJ,cAAf,eACE,oBAAC,gBAAD;AAAkB,IAAA,mBAAmB,EAAEH;AAAvC,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEU;AAAZ,kBACE,oBAAC,IAAD,qBACE,oBAAC,cAAD,QAAiBJ,SAAjB,CADF,CADF,eAIE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAC,MAAD,EAAS,MAAT;AAAZ,kBACE,oBAAC,IAAD;AAAM,IAAA,SAAS,YAAKQ,SAAL;AAAf,KAA4DV,WAA5D,CADF,eAEE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEO;AAAZ,kBACE,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEE;AAAZ,KACGR,SADH,EAEGI,IAAI,iBAAI,oBAAC,cAAD,QAAiBA,IAAjB,CAFX,EAGGF,OAHH,eAIE,gCAJF,CADF,eAOE,oBAAC,IAAD,qBACE,oBAAC,iBAAD,QAAoBC,OAApB,CADF,CAPF,CAFF,CAJF,CADF,CADF,CADF;AAyBD;;AAEDN,cAAc,CAACa,SAAf,GAA2BC,QAA3B;AACAd,cAAc,CAACe,YAAf,GAA8BA,YAA9B;IAEMC,sBAAsB,GAAGC,QAAQ,CAACjB,cAAD;AAEvCgB,sBAAsB,CAACH,SAAvB,GAAmCC,QAAnC;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-page-header",
3
- "version": "1.54.0-next.4",
3
+ "version": "1.54.0-rc.2",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Page Header",
6
6
  "module": "esm/index.js",
@@ -16,15 +16,15 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-breadcrumb": "1.54.0-next.4",
20
- "@elliemae/ds-button": "1.54.0-next.4",
21
- "@elliemae/ds-classnames": "1.54.0-next.4",
22
- "@elliemae/ds-dropdownmenu": "1.54.0-next.4",
23
- "@elliemae/ds-form": "1.54.0-next.4",
24
- "@elliemae/ds-grid": "1.54.0-next.4",
25
- "@elliemae/ds-icons": "1.54.0-next.4",
26
- "@elliemae/ds-truncated-tooltip-text": "1.54.0-next.4",
27
- "@elliemae/ds-utilities": "1.54.0-next.4",
19
+ "@elliemae/ds-breadcrumb": "1.54.0-rc.2",
20
+ "@elliemae/ds-button": "1.54.0-rc.2",
21
+ "@elliemae/ds-classnames": "1.54.0-rc.2",
22
+ "@elliemae/ds-dropdownmenu": "1.54.0-rc.2",
23
+ "@elliemae/ds-form": "1.54.0-rc.2",
24
+ "@elliemae/ds-grid": "1.54.0-rc.2",
25
+ "@elliemae/ds-icons": "1.54.0-rc.2",
26
+ "@elliemae/ds-truncated-tooltip-text": "1.54.0-rc.2",
27
+ "@elliemae/ds-utilities": "1.54.0-rc.2",
28
28
  "prop-types": "~15.7.2",
29
29
  "react-desc": "^4.1.2"
30
30
  },