@elliemae/ds-page-header 3.16.0-next.1 → 3.16.0-next.3

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.
Files changed (36) hide show
  1. package/dist/cjs/v1/DSPageHeader.js +18 -18
  2. package/dist/cjs/v1/DSPageHeader.js.map +2 -2
  3. package/dist/cjs/v2/PageHeader.js +2 -2
  4. package/dist/cjs/v2/PageHeader.js.map +2 -2
  5. package/dist/cjs/v2/components/PageHeaderEditableTitle.js +7 -6
  6. package/dist/cjs/v2/components/PageHeaderEditableTitle.js.map +2 -2
  7. package/dist/cjs/v2/components/PageHeaderSummary.js +4 -4
  8. package/dist/cjs/v2/components/PageHeaderSummary.js.map +2 -2
  9. package/dist/cjs/v2/components/PageHeaderTitle.js +4 -4
  10. package/dist/cjs/v2/components/PageHeaderTitle.js.map +2 -2
  11. package/dist/cjs/v2/config/usePageHeader.js +5 -5
  12. package/dist/cjs/v2/config/usePageHeader.js.map +2 -2
  13. package/dist/cjs/v2/react-desc-prop-types.js +16 -16
  14. package/dist/cjs/v2/react-desc-prop-types.js.map +2 -2
  15. package/dist/esm/v1/DSPageHeader.js +1 -1
  16. package/dist/esm/v1/DSPageHeader.js.map +1 -1
  17. package/dist/esm/v2/PageHeader.js +1 -1
  18. package/dist/esm/v2/PageHeader.js.map +1 -1
  19. package/dist/esm/v2/components/PageHeaderEditableTitle.js +2 -8
  20. package/dist/esm/v2/components/PageHeaderEditableTitle.js.map +2 -2
  21. package/dist/esm/v2/components/PageHeaderSummary.js +1 -1
  22. package/dist/esm/v2/components/PageHeaderSummary.js.map +1 -1
  23. package/dist/esm/v2/components/PageHeaderTitle.js +1 -1
  24. package/dist/esm/v2/components/PageHeaderTitle.js.map +1 -1
  25. package/dist/esm/v2/config/usePageHeader.js +1 -1
  26. package/dist/esm/v2/config/usePageHeader.js.map +2 -2
  27. package/dist/esm/v2/react-desc-prop-types.js +1 -1
  28. package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
  29. package/dist/types/v1/DSPageHeader.d.ts +16 -16
  30. package/dist/types/v2/PageHeader.d.ts +1 -1
  31. package/dist/types/v2/components/PageHeaderEditableTitle.d.ts +1 -1
  32. package/dist/types/v2/components/PageHeaderSummary.d.ts +1 -1
  33. package/dist/types/v2/components/PageHeaderTitle.d.ts +1 -1
  34. package/dist/types/v2/config/usePageHeader.d.ts +2 -2
  35. package/dist/types/v2/react-desc-prop-types.d.ts +377 -378
  36. package/package.json +15 -14
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/PageHeaderSummary.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.SUMMARY,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n margin-left: ${({ theme }) => theme.space.xxxs};\n font-size: ${({ theme }) => theme.fontSizes.title[700]};\n line-height: ${({ theme }) => theme.lineHeights.m};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n &:before {\n display: block;\n content: '';\n height: 23px;\n background: ${({ theme }) => theme.colors.neutral[600]};\n width: 1px;\n margin-right: ${({ theme }) => theme.space.xxs};\n }\n .ph-summary-value {\n color: ${({ theme }) => theme.colors.neutral[700]};\n padding-right: ${({ theme }) => theme.space.xxs};\n }\n .ph-summary-label {\n color: ${({ theme }) => theme.colors.neutral[600]};\n }\n .ph-summary-space {\n width: ${({ theme }) => theme.space.l};\n }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n {label && <div className=\"ph-summary-label\">{label}</div>}\n {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n /** value for page header summary */\n value: PropTypes.number.description('value for page header summary'),\n /** label attached to value */\n label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\n\nconst PageHeaderSummaryWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.SUMMARY,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n\n margin-left: ${({ theme }) => theme.space.xxxs};\n font-size: ${({ theme }) => theme.fontSizes.title[700]};\n line-height: ${({ theme }) => theme.lineHeights.m};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n &:before {\n display: block;\n content: '';\n height: 23px;\n background: ${({ theme }) => theme.colors.neutral[600]};\n width: 1px;\n margin-right: ${({ theme }) => theme.space.xxs};\n }\n .ph-summary-value {\n color: ${({ theme }) => theme.colors.neutral[700]};\n padding-right: ${({ theme }) => theme.space.xxs};\n }\n .ph-summary-label {\n color: ${({ theme }) => theme.colors.neutral[600]};\n }\n .ph-summary-space {\n width: ${({ theme }) => theme.space.l};\n }\n`;\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper data-testid={DSPageHeaderDataTestIds.SUMMARY} {...rest}>\n {(value === 0 || value) && <div className=\"ph-summary-value\">{value}</div>}\n {label && <div className=\"ph-summary-label\">{label}</div>}\n {(value === 0 || value || label) && <div className=\"ph-summary-space\" />}\n </PageHeaderSummaryWrapper>\n);\n\nconst props = {\n /** value for page header summary */\n value: PropTypes.number.description('value for page header summary'),\n /** label attached to value */\n label: PropTypes.string.description('label attached to value'),\n};\n\nPageHeaderSummary.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderSummary.displayName = 'PageHeaderSummary';\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACsCrB,SAC6B,KAD7B;AApCF,SAAS,WAAW,gBAAgB;AACpC,SAAS,cAAc;AACvB,SAAS,kBAAkB,mBAAmB,+BAA+B;AAE7E,MAAM,2BAA2B,OAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,iBAKgB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA,eAC7B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM;AAAA,iBACnC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,iBACjC,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,kBAKhC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,oBAElC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAGlC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,qBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,aAGnC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,aAGpC,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAGxC,MAAM,oBAAoB,CAAC,EAAE,QAAQ,MAAM,QAAQ,OAAO,KAAK,MAC7D,qBAAC,4BAAyB,eAAa,wBAAwB,SAAU,GAAG,MACxE;AAAA,aAAU,KAAK,UAAU,oBAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,EACnE,SAAS,oBAAC,SAAI,WAAU,oBAAoB,iBAAM;AAAA,GACjD,UAAU,KAAK,SAAS,UAAU,oBAAC,SAAI,WAAU,oBAAmB;AAAA,GACxE;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,UAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,gCAAgC,SAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
6
6
  "names": []
7
7
  }
@@ -1,7 +1,7 @@
1
1
  import * as React from "react";
2
2
  import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { styled } from "@elliemae/ds-system";
4
- import { PropTypes, describe } from "@elliemae/ds-utilities";
4
+ import { PropTypes, describe } from "@elliemae/ds-props-helpers";
5
5
  import { DSTruncatedTooltipText, TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
6
6
  import { RequiredMark } from "@elliemae/ds-form";
7
7
  import { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from "../exported-related";
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/components/PageHeaderTitle.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\nconst PageHeaderTitleWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n display: grid;\n font-size: ${({ theme }) => theme.fontSizes.title[800]};\n color: ${({ theme }) => theme.colors.neutral['700']};\n line-height: normal;\n font-weight: 400;\n margin-right: 0.61538rem;\n\n & .em-ds-form-required-mark {\n position: absolute;\n top: 0;\n right: 0;\n }\n`;\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n <TooltipTextProvider>\n <DSTruncatedTooltipText value={children} />\n </TooltipTextProvider>\n {showMarker && <RequiredMark required />}\n </PageHeaderTitleWrapper>\n);\n\nconst props = {\n /** page header title string */\n children: PropTypes.string.description('Page header title string'),\n /** show required mark */\n showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { DSTruncatedTooltipText, TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form';\nimport { DSPageHeaderName, DSPageHeaderSlots, DSPageHeaderDataTestIds } from '../exported-related';\nconst PageHeaderTitleWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.HEADER_TITLE,\n})`\n display: grid;\n font-size: ${({ theme }) => theme.fontSizes.title[800]};\n color: ${({ theme }) => theme.colors.neutral['700']};\n line-height: normal;\n font-weight: 400;\n margin-right: 0.61538rem;\n\n & .em-ds-form-required-mark {\n position: absolute;\n top: 0;\n right: 0;\n }\n`;\nconst PageHeaderTitle = ({ children = '', showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid={DSPageHeaderDataTestIds.HEADER_TITLE}>\n <TooltipTextProvider>\n <DSTruncatedTooltipText value={children} />\n </TooltipTextProvider>\n {showMarker && <RequiredMark required />}\n </PageHeaderTitleWrapper>\n);\n\nconst props = {\n /** page header title string */\n children: PropTypes.string.description('Page header title string'),\n /** show required mark */\n showMarker: PropTypes.bool.description('show required mark'),\n};\n\nPageHeaderTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACyBrB,SAEI,KAFJ;AAvBF,SAAS,cAAc;AACvB,SAAS,WAAW,gBAAgB;AACpC,SAAS,wBAAwB,2BAA2B;AAC5D,SAAS,oBAAoB;AAC7B,SAAS,kBAAkB,mBAAmB,+BAA+B;AAC7E,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM;AAAA,WACzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW/C,MAAM,kBAAkB,CAAC,EAAE,WAAW,IAAI,aAAa,UAAU,KAAK,MACpE,qBAAC,0BAAwB,GAAG,MAAM,eAAa,wBAAwB,cACrE;AAAA,sBAAC,uBACC,8BAAC,0BAAuB,OAAO,UAAU,GAC3C;AAAA,EACC,cAAc,oBAAC,gBAAa,UAAQ,MAAC;AAAA,GACxC;AAGF,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAEjE,YAAY,UAAU,KAAK,YAAY,oBAAoB;AAC7D;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
6
6
  "names": []
7
7
  }
@@ -6,7 +6,7 @@ import {
6
6
  useMemoMergePropsWithDefault,
7
7
  useGetGlobalAttributes,
8
8
  useGetXstyledProps
9
- } from "@elliemae/ds-utilities";
9
+ } from "@elliemae/ds-props-helpers";
10
10
  import { PageHeaderPropTypes, defaultProps } from "../react-desc-prop-types";
11
11
  import { DSPageHeaderName } from "../exported-related";
12
12
  const usePageHeader = (props) => {
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/config/usePageHeader.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\n\nimport type { DSPageHeaderT } from '../react-desc-prop-types';\nimport { PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types';\nimport { DSPageHeaderName } from '../exported-related';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes, DSPageHeaderName);\n\n const {\n menu,\n Menu,\n pageTitle,\n PageTitle,\n toolbar,\n Toolbar,\n summary,\n Summary,\n backarrow,\n Backarrow,\n breadcrumbs,\n Breadcrumbs,\n ...rest\n } = props;\n\n const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n const currentBackArrow = useMemo(() => backarrow ?? (Backarrow ? <Backarrow /> : undefined), [Backarrow, backarrow]);\n\n const currentMenu = useMemo(() => menu ?? (Menu ? <Menu /> : undefined), [Menu, menu]);\n\n const currentBreadcrumbs = useMemo(\n () => breadcrumbs ?? (Breadcrumbs ? <Breadcrumbs /> : undefined),\n [Breadcrumbs, breadcrumbs],\n );\n\n const currentSummary = useMemo(() => summary ?? (Summary ? <Summary /> : undefined), [Summary, summary]);\n\n const currentToolbar = useMemo(() => toolbar ?? (Toolbar ? <Toolbar /> : undefined), [Toolbar, toolbar]);\n\n const currentPageTitle = useMemo(() => pageTitle ?? (PageTitle ? <PageTitle /> : undefined), [PageTitle, pageTitle]);\n\n return useMemo(\n () => ({\n propsWithDefaults,\n globalAttributes,\n xStyledProps,\n currentBackArrow,\n currentMenu,\n currentBreadcrumbs,\n currentSummary,\n currentToolbar,\n currentPageTitle,\n ...rest,\n }),\n [\n propsWithDefaults,\n currentBackArrow,\n currentBreadcrumbs,\n currentMenu,\n currentPageTitle,\n currentSummary,\n currentToolbar,\n globalAttributes,\n rest,\n xStyledProps,\n ],\n );\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACoC4C;AAnCnE,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,qBAAqB,gBAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,IAAI;AAEJ,QAAM,mBAAmB,uBAAuB,iBAAiB;AACjE,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,mBAAmB,QAAQ,MAAM,cAAc,YAAY,oBAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,cAAc,QAAQ,MAAM,SAAS,OAAO,oBAAC,QAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,qBAAqB;AAAA,IACzB,MAAM,gBAAgB,cAAc,oBAAC,eAAY,IAAK;AAAA,IACtD,CAAC,aAAa,WAAW;AAAA,EAC3B;AAEA,QAAM,iBAAiB,QAAQ,MAAM,YAAY,UAAU,oBAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,iBAAiB,QAAQ,MAAM,YAAY,UAAU,oBAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,mBAAmB,QAAQ,MAAM,cAAc,YAAY,oBAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport type { DSPageHeaderT } from '../react-desc-prop-types';\nimport { PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types';\nimport { DSPageHeaderName } from '../exported-related';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes, DSPageHeaderName);\n\n const {\n menu,\n Menu,\n pageTitle,\n PageTitle,\n toolbar,\n Toolbar,\n summary,\n Summary,\n backarrow,\n Backarrow,\n breadcrumbs,\n Breadcrumbs,\n ...rest\n } = props;\n\n const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n const xStyledProps = useGetXstyledProps(propsWithDefaults);\n\n const currentBackArrow = useMemo(() => backarrow ?? (Backarrow ? <Backarrow /> : undefined), [Backarrow, backarrow]);\n\n const currentMenu = useMemo(() => menu ?? (Menu ? <Menu /> : undefined), [Menu, menu]);\n\n const currentBreadcrumbs = useMemo(\n () => breadcrumbs ?? (Breadcrumbs ? <Breadcrumbs /> : undefined),\n [Breadcrumbs, breadcrumbs],\n );\n\n const currentSummary = useMemo(() => summary ?? (Summary ? <Summary /> : undefined), [Summary, summary]);\n\n const currentToolbar = useMemo(() => toolbar ?? (Toolbar ? <Toolbar /> : undefined), [Toolbar, toolbar]);\n\n const currentPageTitle = useMemo(() => pageTitle ?? (PageTitle ? <PageTitle /> : undefined), [PageTitle, pageTitle]);\n\n return useMemo(\n () => ({\n propsWithDefaults,\n globalAttributes,\n xStyledProps,\n currentBackArrow,\n currentMenu,\n currentBreadcrumbs,\n currentSummary,\n currentToolbar,\n currentPageTitle,\n ...rest,\n }),\n [\n propsWithDefaults,\n currentBackArrow,\n currentBreadcrumbs,\n currentMenu,\n currentPageTitle,\n currentSummary,\n currentToolbar,\n globalAttributes,\n rest,\n xStyledProps,\n ],\n );\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACmC4C;AAlCnE,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,wBAAwB;AAE1B,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,qBAAqB,gBAAgB;AAEvF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,IAAI;AAEJ,QAAM,mBAAmB,uBAAuB,iBAAiB;AACjE,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,mBAAmB,QAAQ,MAAM,cAAc,YAAY,oBAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,cAAc,QAAQ,MAAM,SAAS,OAAO,oBAAC,QAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,qBAAqB;AAAA,IACzB,MAAM,gBAAgB,cAAc,oBAAC,eAAY,IAAK;AAAA,IACtD,CAAC,aAAa,WAAW;AAAA,EAC3B;AAEA,QAAM,iBAAiB,QAAQ,MAAM,YAAY,UAAU,oBAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,iBAAiB,QAAQ,MAAM,YAAY,UAAU,oBAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,mBAAmB,QAAQ,MAAM,cAAc,YAAY,oBAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,SAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;",
6
6
  "names": []
7
7
  }
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-utilities";
2
+ import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-props-helpers";
3
3
  const PageHeaderPropTypes = {
4
4
  ...globalAttributesPropTypes,
5
5
  containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSPageHeaderT {\n export interface DefaultProps {\n withBottomSeparator: boolean;\n containerProps: object;\n }\n\n export interface OptionalProps {\n breadcrumbs?: JSX.Element;\n pageTitle?: JSX.Element;\n backarrow?: JSX.Element;\n summary?: JSX.Element;\n toolbar?: JSX.Element;\n menu?: JSX.Element;\n Breadcrumbs?: () => JSX.Element;\n PageTitle?: () => JSX.Element;\n Backarrow?: () => JSX.Element;\n Summary?: () => JSX.Element;\n Toolbar?: () => JSX.Element;\n Menu?: () => JSX.Element;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n ...globalAttributesPropTypes,\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node\n .description('breadcrumbs component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node\n .description('PageHeaderTitle component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node\n .description('back arrow component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Backarrow: PropTypes.func.description('back arrow component'),\n\n /** PageHeaderSummary component */\n summary: PropTypes.node\n .description('PageHeaderSummary component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Summary: PropTypes.func.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node\n .description('toolbar component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Toolbar: PropTypes.func.description('toolbar component'),\n\n /** PageHeaderMenu component */\n menu: PropTypes.node\n .description('PageHeaderMenu component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Menu: PropTypes.func.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n containerProps: {},\n withBottomSeparator: true,\n};\n"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { globalAttributesPropTypes, PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSPageHeaderT {\n export interface DefaultProps {\n withBottomSeparator: boolean;\n containerProps: object;\n }\n\n export interface OptionalProps {\n breadcrumbs?: JSX.Element;\n pageTitle?: JSX.Element;\n backarrow?: JSX.Element;\n summary?: JSX.Element;\n toolbar?: JSX.Element;\n menu?: JSX.Element;\n Breadcrumbs?: () => JSX.Element;\n PageTitle?: () => JSX.Element;\n Backarrow?: () => JSX.Element;\n Summary?: () => JSX.Element;\n Toolbar?: () => JSX.Element;\n Menu?: () => JSX.Element;\n }\n\n export interface Props extends Partial<DefaultProps>, OptionalProps {}\n}\n\nexport const PageHeaderPropTypes = {\n ...globalAttributesPropTypes,\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node\n .description('breadcrumbs component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Breadcrumbs: PropTypes.func.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node\n .description('PageHeaderTitle component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n PageTitle: PropTypes.func.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node\n .description('back arrow component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Backarrow: PropTypes.func.description('back arrow component'),\n\n /** PageHeaderSummary component */\n summary: PropTypes.node\n .description('PageHeaderSummary component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Summary: PropTypes.func.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node\n .description('toolbar component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Toolbar: PropTypes.func.description('toolbar component'),\n\n /** PageHeaderMenu component */\n menu: PropTypes.node\n .description('PageHeaderMenu component')\n .deprecated({ version: 'Prop will be removed on 05/01/2022' }),\n Menu: PropTypes.func.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description('Border bottom below the page header'),\n};\n\nexport const defaultProps: DSPageHeaderT.DefaultProps = {\n containerProps: {},\n withBottomSeparator: true,\n};\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,iBAAiB;AA0B9C,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EAEH,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,UAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,UAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,UAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAG5D,SAAS,UAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,UAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAGvD,MAAM,UAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,UAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,UAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
6
6
  "names": []
7
7
  }
@@ -18,23 +18,23 @@ declare const DSPageHeader: {
18
18
  optionsMinWidth?: undefined;
19
19
  }): JSX.Element;
20
20
  propTypes: {
21
- version: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
22
- containerProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
23
- renderToolbar: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
24
- withBottomSeparator: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
25
- title: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
26
- titleOptions: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
27
- onSelectOption: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
28
- subtitle: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
29
- optionsSelection: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
30
- editable: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
31
- editing: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
32
- titleInputProps: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
33
- previousPage: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
34
- onGoToPreviousPage: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
35
- zIndex: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
21
+ version: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
22
+ containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
23
+ renderToolbar: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
24
+ withBottomSeparator: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
25
+ title: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
26
+ titleOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
27
+ onSelectOption: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
28
+ subtitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
29
+ optionsSelection: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
30
+ editable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
31
+ editing: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
32
+ titleInputProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
33
+ previousPage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
34
+ onGoToPreviousPage: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
35
+ zIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
36
36
  /** min width for options dropdown menu */
37
- optionsMinWidth: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").ReactDescT;
37
+ optionsMinWidth: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
38
38
  };
39
39
  displayName: string;
40
40
  };
@@ -5,6 +5,6 @@ import { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';
5
5
  import { PageHeaderSummary } from './components/PageHeaderSummary';
6
6
  import type { DSPageHeaderT } from './react-desc-prop-types';
7
7
  declare const DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props>;
8
- declare const DSPageHeaderWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<DSPageHeaderT.Props>;
8
+ declare const DSPageHeaderWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSPageHeaderT.Props>;
9
9
  export { DSPageHeaderV2, PageHeaderTitle, PageHeaderEditableTitle, PageHeaderSummary, PageHeaderMenu, PageHeaderCustomRenderer, DSPageHeaderWithSchema, };
10
10
  export default DSPageHeaderV2;
@@ -9,7 +9,7 @@ export declare const PageHeaderEditableTitle: {
9
9
  propTypes: WeakValidationMap<unknown>;
10
10
  displayName: string;
11
11
  };
12
- declare const DSPageHeaderEditableTitleWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
12
+ declare const DSPageHeaderEditableTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
13
13
  [x: string]: any;
14
14
  children: any;
15
15
  editing?: boolean | undefined;
@@ -8,7 +8,7 @@ declare const PageHeaderSummary: {
8
8
  propTypes: WeakValidationMap<unknown>;
9
9
  displayName: string;
10
10
  };
11
- declare const DSPageHeaderSummaryWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
11
+ declare const DSPageHeaderSummaryWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
12
12
  [x: string]: any;
13
13
  value?: null | undefined;
14
14
  label?: string | undefined;
@@ -8,7 +8,7 @@ declare const PageHeaderTitle: {
8
8
  propTypes: WeakValidationMap<unknown>;
9
9
  displayName: string;
10
10
  };
11
- declare const DSPageHeaderTitleWithSchema: import("@elliemae/ds-utilities/dist/types/props-helpers/propTypes/types").DocumentedReactComponent<{
11
+ declare const DSPageHeaderTitleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
12
12
  [x: string]: any;
13
13
  children?: string | undefined;
14
14
  showMarker?: boolean | undefined;
@@ -6,8 +6,8 @@ export declare const usePageHeader: (props: DSPageHeaderT.Props) => {
6
6
  withBottomSeparator: boolean;
7
7
  containerProps: object;
8
8
  };
9
- globalAttributes: import("@elliemae/ds-utilities").GlobalAttributesT<Element>;
10
- xStyledProps: import("@elliemae/ds-utilities").XstyledProps;
9
+ globalAttributes: import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>;
10
+ xStyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
11
11
  currentBackArrow: JSX.Element | undefined;
12
12
  currentMenu: JSX.Element | undefined;
13
13
  currentBreadcrumbs: JSX.Element | undefined;