@elliemae/ds-page-header 3.0.0-next.52 → 3.0.0-next.55
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.
- package/dist/cjs/index.js +3 -3
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/v2/PageHeader.js +41 -49
- package/dist/cjs/v2/PageHeader.js.map +2 -2
- package/dist/cjs/v2/components/{PageHeaderEditableTitle/PageHeaderEditableTitle.js → PageHeaderEditableTitle.js} +45 -41
- package/dist/cjs/v2/components/PageHeaderEditableTitle.js.map +7 -0
- package/dist/cjs/v2/components/{PageHeaderSummary/PageHeaderSummary.js → PageHeaderSummary.js} +38 -6
- package/dist/cjs/v2/components/PageHeaderSummary.js.map +7 -0
- package/dist/cjs/v2/components/{PageHeaderTitle/PageHeaderTitle.js → PageHeaderTitle.js} +30 -12
- package/dist/cjs/v2/components/PageHeaderTitle.js.map +7 -0
- package/dist/cjs/v2/exported-related/data-test-ids.js +31 -0
- package/dist/cjs/v2/exported-related/data-test-ids.js.map +7 -0
- package/dist/cjs/v2/exported-related/index.js +23 -0
- package/dist/cjs/v2/exported-related/index.js.map +7 -0
- package/dist/cjs/v2/exported-related/theming.js +37 -0
- package/dist/cjs/v2/exported-related/theming.js.map +7 -0
- package/dist/cjs/v2/{components/PageHeaderBack/PageHeaderBack.js → react-desc-prop-types.js} +23 -22
- package/dist/cjs/v2/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/v2/styled.js +108 -0
- package/dist/cjs/v2/styled.js.map +7 -0
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/v2/PageHeader.js +49 -44
- package/dist/esm/v2/PageHeader.js.map +2 -2
- package/dist/esm/v2/components/{PageHeaderEditableTitle/PageHeaderEditableTitle.js → PageHeaderEditableTitle.js} +51 -40
- package/dist/esm/v2/components/PageHeaderEditableTitle.js.map +7 -0
- package/dist/esm/v2/components/{PageHeaderSummary/PageHeaderSummary.js → PageHeaderSummary.js} +34 -2
- package/dist/esm/v2/components/PageHeaderSummary.js.map +7 -0
- package/dist/esm/v2/components/{PageHeaderTitle/PageHeaderTitle.js → PageHeaderTitle.js} +24 -6
- package/dist/esm/v2/components/PageHeaderTitle.js.map +7 -0
- package/dist/esm/v2/exported-related/data-test-ids.js +9 -0
- package/dist/esm/v2/exported-related/data-test-ids.js.map +7 -0
- package/dist/esm/v2/exported-related/index.js +4 -0
- package/dist/esm/v2/exported-related/index.js.map +7 -0
- package/dist/esm/v2/exported-related/theming.js +15 -0
- package/dist/esm/v2/exported-related/theming.js.map +7 -0
- package/dist/esm/v2/react-desc-prop-types.js +40 -0
- package/dist/esm/v2/react-desc-prop-types.js.map +7 -0
- package/dist/esm/v2/styled.js +86 -0
- package/dist/esm/v2/styled.js.map +7 -0
- package/package.json +2 -1
- package/dist/cjs/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -59
- package/dist/cjs/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -59
- package/dist/cjs/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/dist/cjs/v2/components/blocks.js +0 -42
- package/dist/cjs/v2/components/blocks.js.map +0 -7
- package/dist/cjs/v2/props.js +0 -49
- package/dist/cjs/v2/props.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js +0 -39
- package/dist/esm/v2/components/PageHeaderBack/PageHeaderBack.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js +0 -39
- package/dist/esm/v2/components/PageHeaderMenu/PageHeaderMenu.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderSummary/PageHeaderSummary.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderTitle/PageHeaderTitle.js.map +0 -7
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js +0 -39
- package/dist/esm/v2/components/PageHeaderToolbar/PageHeaderToolbar.js.map +0 -7
- package/dist/esm/v2/components/blocks.js +0 -20
- package/dist/esm/v2/components/blocks.js.map +0 -7
- package/dist/esm/v2/props.js +0 -27
- package/dist/esm/v2/props.js.map +0 -7
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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 React, { WeakValidationMap } 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>;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,YAAY,MAAM,UAAU,MAAM;AAAA,WACzC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAW/C,MAAM,kBAAkB,CAAC,OAAgD;AAAhD,eAAE,aAAW,IAAI,aAAa,UAA9B,IAAwC,iBAAxC,IAAwC,CAAtC,YAAe;AACxC,8CAAC,yDAA2B,OAA3B;AAAA,IAAiC,eAAa,wBAAwB;AAAA,MACrE,qCAAC,2BACC,qCAAC;AAAA,IAAuB,OAAO;AAAA,GAAU,CAC3C,GACC,cAAc,qCAAC;AAAA,IAAa,UAAQ;AAAA,GAAC,CACxC;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY,0BAA0B;AAAA,EAEjE,YAAY,UAAU,KAAK,YAAY,oBAAoB;AAC7D;AAEA,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,SAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/data-test-ids.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSPageHeaderDataTestIds = {\n CONTAINER: 'ds-page-header-container',\n HEADER_TITLE: 'ds-page-header-title',\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAChB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './data-test-ids';\nexport * from './theming';\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
const DSPageHeaderName = "DS-PageHeader";
|
|
3
|
+
const DSPageHeaderSlots = {
|
|
4
|
+
CONTAINER: "root",
|
|
5
|
+
HEADER_TITLE: "header-title",
|
|
6
|
+
TOOLBAR: "toolbar",
|
|
7
|
+
MENU: "menu",
|
|
8
|
+
SUMMARY: "summary",
|
|
9
|
+
BACK: "back"
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
DSPageHeaderName,
|
|
13
|
+
DSPageHeaderSlots
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=theming.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/v2/exported-related/theming.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSPageHeaderName = 'DS-PageHeader';\n\nexport const DSPageHeaderSlots = {\n CONTAINER: 'root',\n HEADER_TITLE: 'header-title',\n TOOLBAR: 'toolbar',\n MENU: 'menu',\n SUMMARY: 'summary',\n BACK: 'back',\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,mBAAmB;AAEzB,MAAM,oBAAoB;AAAA,EAC/B,WAAW;AAAA,EACX,cAAc;AAAA,EACd,SAAS;AAAA,EACT,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
import * as React from "react";
|
|
21
|
+
import { globalAttributesPropTypes, PropTypes } from "@elliemae/ds-utilities";
|
|
22
|
+
const PageHeaderPropTypes = __spreadProps(__spreadValues({}, globalAttributesPropTypes), {
|
|
23
|
+
containerProps: PropTypes.shape({}).description("props injected to wrapper of page header"),
|
|
24
|
+
breadcrumbs: PropTypes.node.description("breadcrumbs component"),
|
|
25
|
+
pageTitle: PropTypes.node.description("PageHeaderTitle component"),
|
|
26
|
+
backarrow: PropTypes.node.description("back arrow component"),
|
|
27
|
+
summary: PropTypes.node.description("PageHeaderSummary component"),
|
|
28
|
+
toolbar: PropTypes.node.description("toolbar component"),
|
|
29
|
+
menu: PropTypes.node.description("PageHeaderMenu component"),
|
|
30
|
+
withBottomSeparator: PropTypes.bool.description("Border bottom below the page header")
|
|
31
|
+
});
|
|
32
|
+
const defaultProps = {
|
|
33
|
+
containerProps: {},
|
|
34
|
+
withBottomSeparator: true
|
|
35
|
+
};
|
|
36
|
+
export {
|
|
37
|
+
PageHeaderPropTypes,
|
|
38
|
+
defaultProps
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 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 }\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.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node.description('back arrow component'),\n /** PageHeaderSummary component */\n summary: PropTypes.node.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node.description('toolbar component'),\n /** PageHeaderMenu component */\n menu: PropTypes.node.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
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACAA;AAoBO,MAAM,sBAAsB,iCAC9B,4BAD8B;AAAA,EAGjC,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,UAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,UAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAE5D,SAAS,UAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAEvD,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
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { styled } from "@elliemae/ds-system";
|
|
3
|
+
import { DSPageHeaderSlots, DSPageHeaderName } from "./exported-related";
|
|
4
|
+
const PageHeaderCustomRenderer = styled("div")`
|
|
5
|
+
width: auto;
|
|
6
|
+
color: ${({ theme }) => theme.colors.brand[800]};
|
|
7
|
+
font-style: italic;
|
|
8
|
+
font-size: 0.8rem;
|
|
9
|
+
`;
|
|
10
|
+
const Container = styled("div", {
|
|
11
|
+
name: DSPageHeaderName,
|
|
12
|
+
slot: DSPageHeaderSlots.CONTAINER
|
|
13
|
+
})`
|
|
14
|
+
width: 100%;
|
|
15
|
+
margin-bottom: 8px;
|
|
16
|
+
`;
|
|
17
|
+
const ContainerWBorder = styled("div")`
|
|
18
|
+
width: 100%;
|
|
19
|
+
padding: 12px 0 8px 0;
|
|
20
|
+
display: grid;
|
|
21
|
+
align-items: center;
|
|
22
|
+
height: 100%;
|
|
23
|
+
${({ withBottomSeparator, theme }) => !withBottomSeparator ? "" : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}
|
|
24
|
+
`;
|
|
25
|
+
const PageHeaderToolbarWrapper = styled("div", {
|
|
26
|
+
name: DSPageHeaderName,
|
|
27
|
+
slot: DSPageHeaderSlots.TOOLBAR
|
|
28
|
+
})`
|
|
29
|
+
display: flex;
|
|
30
|
+
flex-direction: row;
|
|
31
|
+
align-items: center;
|
|
32
|
+
justify-content: flex-end;
|
|
33
|
+
& .em-ds-toolbar {
|
|
34
|
+
height: auto;
|
|
35
|
+
background: none;
|
|
36
|
+
& > div {
|
|
37
|
+
.em-ds-button {
|
|
38
|
+
margin-left: ${({ theme }) => theme.space.xxs};
|
|
39
|
+
}
|
|
40
|
+
.em-ds-input-search {
|
|
41
|
+
box-shadow: none;
|
|
42
|
+
div {
|
|
43
|
+
height: 100%;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
`;
|
|
49
|
+
const PageHeaderMenu = styled("div", {
|
|
50
|
+
name: DSPageHeaderName,
|
|
51
|
+
slot: DSPageHeaderSlots.MENU
|
|
52
|
+
})`
|
|
53
|
+
display: flex;
|
|
54
|
+
flex-direction: row;
|
|
55
|
+
align-items: center;
|
|
56
|
+
padding-left: ${({ theme }) => theme.space.xxxs};
|
|
57
|
+
.em-ds-button--secondary {
|
|
58
|
+
&:not(:hover) {
|
|
59
|
+
border-color: transparent;
|
|
60
|
+
}
|
|
61
|
+
&:focus:after {
|
|
62
|
+
top: -1px;
|
|
63
|
+
left: -1px;
|
|
64
|
+
width: calc(100% + 2px);
|
|
65
|
+
height: calc(100% + 2px);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
`;
|
|
69
|
+
const PageHeaderBack = styled("div", {
|
|
70
|
+
name: DSPageHeaderName,
|
|
71
|
+
slot: DSPageHeaderSlots.BACK
|
|
72
|
+
})`
|
|
73
|
+
display: flex;
|
|
74
|
+
align-items: center;
|
|
75
|
+
fill: ${({ theme }) => theme.colors.brand[600]};
|
|
76
|
+
cursor: pointer;
|
|
77
|
+
`;
|
|
78
|
+
export {
|
|
79
|
+
Container,
|
|
80
|
+
ContainerWBorder,
|
|
81
|
+
PageHeaderBack,
|
|
82
|
+
PageHeaderCustomRenderer,
|
|
83
|
+
PageHeaderMenu,
|
|
84
|
+
PageHeaderToolbarWrapper
|
|
85
|
+
};
|
|
86
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styled.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related';\n\ninterface StyledContainerProps {\n withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n width: auto;\n color: ${({ theme }) => theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nexport const Container = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.CONTAINER,\n})`\n width: 100%;\n margin-bottom: 8px;\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${({ withBottomSeparator, theme }) =>\n !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.TOOLBAR,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n & .em-ds-toolbar {\n height: auto;\n background: none;\n & > div {\n .em-ds-button {\n margin-left: ${({ theme }) => theme.space.xxs};\n }\n .em-ds-input-search {\n box-shadow: none;\n div {\n height: 100%;\n }\n }\n }\n }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.MENU,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-left: ${({ theme }) => theme.space.xxxs};\n .em-ds-button--secondary {\n &:not(:hover) {\n border-color: transparent;\n }\n &:focus:after {\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n }\n }\n`;\n\nexport const PageHeaderBack = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.BACK,\n})`\n display: flex;\n align-items: center;\n fill: ${({ theme }) => theme.colors.brand[600]};\n cursor: pointer;\n`;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAKO,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,YAAY,OAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,YACxB,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ;AAAA;AAG1E,MAAM,2BAA2B,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,YAAY,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-page-header",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.55",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Page Header",
|
|
6
6
|
"files": [
|
|
@@ -115,6 +115,7 @@
|
|
|
115
115
|
"@elliemae/ds-classnames": "workspace:*",
|
|
116
116
|
"@elliemae/ds-dropdownmenu": "workspace:*",
|
|
117
117
|
"@elliemae/ds-form": "workspace:*",
|
|
118
|
+
"@elliemae/ds-form-input-text": "workspace:*",
|
|
118
119
|
"@elliemae/ds-grid": "workspace:*",
|
|
119
120
|
"@elliemae/ds-icon": "workspace:*",
|
|
120
121
|
"@elliemae/ds-icons": "workspace:*",
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsC;AAE/B,MAAM,iBAAiB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAC/B,4DAAC,wDAA0B,OAAO,QAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure , useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { EditableTitleComponent } from '../blocks';\nimport { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle';\n\nconst EditableContainer = styled.div`\n height: 32px;\n position: relative;\n overflow: hidden;\n`;\n\nexport const PageHeaderEditableTitle = ({\n children: value,\n editing: editingProp = false,\n onBlur = noop,\n onChange = noop,\n onFocus = noop,\n onMouseOut = noop,\n showMarker = false,\n ...rest\n}) => {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n const { width } = useMeasure(titleRef);\n return (\n <EditableContainer\n className={hovered || editing ? 'editable-title-component' : ''}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n >\n {(hovered || editing) && (\n <EditableTitleComponent\n {...rest}\n onBlur={(e) => {\n setEditing(false);\n onBlur(e);\n }}\n onChange={(e) => {\n setTitleValue(e.target.value);\n onChange(e);\n }}\n onFocus={(e) => {\n setEditing(true);\n onFocus(e);\n }}\n onMouseOut={(e) => {\n setHovered(false);\n onMouseOut(e);\n }}\n style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n value={titleValue}\n />\n )}\n <div ref={titleRef} style={{ width: 'fit-content' }}>\n <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n </div>\n </EditableContainer>\n );\n};\n\nconst props = {\n /** The title text */\n children: PropTypes.string.description('The title text'),\n /** Whether the title is editing or not */\n editing: PropTypes.bool.description('Whether the title is editing or not'),\n /** Show error marker */\n showMarker: PropTypes.bool.description('Show error marker'),\n /** blur callback */\n onBlur: PropTypes.func.description('blur callback'),\n /** on change handler */\n onChange: PropTypes.func.description('on change handler'),\n /** on focus handler */\n onFocus: PropTypes.func.description('on focus handler'),\n /** mouse out of component handler */\n onMouseOut: PropTypes.func.description('mouse out of component handler'),\n};\n\nPageHeaderEditableTitle.propTypes = props;\n\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,oBAAqB;AACrB,+BAAmB;AACnB,wBAAoC;AACpC,0BAAsD;AACtD,oBAAuC;AACvC,6BAAgC;AAEhC,MAAM,oBAAoB,iCAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,0BAA0B,CAAC,OASlC;AATkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,MAPyB,IAQnC,iBARmC,IAQnC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,2BAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,2BAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,kDAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,yBAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,oCAAW,QAAQ;AACrC,SACE,mDAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,KAElC,YAAW,YACX,mDAAC,uEACK,OADL;AAAA,IAEC,QAAQ,CAAC,MAAM;AACb,iBAAW,KAAK;AAChB,aAAO,CAAC;AAAA,IACV;AAAA,IACA,UAAU,CAAC,MAAM;AACf,oBAAc,EAAE,OAAO,KAAK;AAC5B,eAAS,CAAC;AAAA,IACZ;AAAA,IACA,SAAS,CAAC,MAAM;AACd,iBAAW,IAAI;AACf,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,YAAY,CAAC,MAAM;AACjB,iBAAW,KAAK;AAChB,iBAAW,CAAC;AAAA,IACd;AAAA,IACA,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,mDAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,mDAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,4BAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,4BAAU,KAAK,YAAY,mBAAmB;AAAA,EAE1D,QAAQ,4BAAU,KAAK,YAAY,eAAe;AAAA,EAElD,UAAU,4BAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,SAAS,4BAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,YAAY,4BAAU,KAAK,YAAY,gCAAgC;AACzE;AAEA,wBAAwB,YAAY;AAEpC,MAAM,sCAAsC,gCAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
|
-
var __export = (target, all) => {
|
|
34
|
-
for (var name in all)
|
|
35
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
36
|
-
};
|
|
37
|
-
var __copyProps = (to, from, except, desc) => {
|
|
38
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
39
|
-
for (let key of __getOwnPropNames(from))
|
|
40
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
41
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
42
|
-
}
|
|
43
|
-
return to;
|
|
44
|
-
};
|
|
45
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
46
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
47
|
-
var PageHeaderMenu_exports = {};
|
|
48
|
-
__export(PageHeaderMenu_exports, {
|
|
49
|
-
PageHeaderMenu: () => PageHeaderMenu
|
|
50
|
-
});
|
|
51
|
-
module.exports = __toCommonJS(PageHeaderMenu_exports);
|
|
52
|
-
var React = __toESM(require("react"));
|
|
53
|
-
var import_react = __toESM(require("react"));
|
|
54
|
-
var import_blocks = require("../blocks");
|
|
55
|
-
const PageHeaderMenu = (_a) => {
|
|
56
|
-
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
|
57
|
-
return /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderMenuWrapper, __spreadValues({}, rest), children);
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=PageHeaderMenu.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderMenu/PageHeaderMenu.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PageHeaderMenuWrapper } from '../blocks';\n\nexport const PageHeaderMenu = ({ children, ...rest }) => (\n <PageHeaderMenuWrapper {...rest}>{children}</PageHeaderMenuWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAsC;AAE/B,MAAM,iBAAiB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAC/B,4DAAC,wDAA0B,OAAO,QAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderSummary/PageHeaderSummary.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PageHeaderSummaryWrapper } from '../blocks';\n\nconst PageHeaderSummary = ({ value = null, label = '', ...rest }) => (\n <PageHeaderSummaryWrapper {...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;\n\nconst DSPageHeaderSummaryWithSchema = describe(PageHeaderSummary);\n\nDSPageHeaderSummaryWithSchema.propTypes = props;\n\nexport { PageHeaderSummary, DSPageHeaderSummaryWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,oBAAyC;AAEzC,MAAM,oBAAoB,CAAC,OAAuC;AAAvC,eAAE,UAAQ,MAAM,QAAQ,OAAxB,IAA+B,iBAA/B,IAA+B,CAA7B,SAAc;AACzC,4DAAC,2DAA6B,OAC1B,WAAU,KAAK,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACnE,SAAS,mDAAC;AAAA,IAAI,WAAU;AAAA,KAAoB,KAAM,GACjD,WAAU,KAAK,SAAS,UAAU,mDAAC;AAAA,IAAI,WAAU;AAAA,GAAmB,CACxE;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,4BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,4BAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAE9B,MAAM,gCAAgC,gCAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderTitle/PageHeaderTitle.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { RequiredMark } from '@elliemae/ds-form/RequiredMark';\nimport { PageHeaderTitleWrapper } from '../blocks';\n\nconst PageHeaderTitle = ({ children, showMarker = false, ...rest }) => (\n <PageHeaderTitleWrapper {...rest} data-testid=\"ds-page-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;\n\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,uCAA4D;AAC5D,0BAA6B;AAC7B,oBAAuC;AAEvC,MAAM,kBAAkB,CAAC,OAA2C;AAA3C,eAAE,YAAU,aAAa,UAAzB,IAAmC,iBAAnC,IAAmC,CAAjC,YAAU;AACnC,4DAAC,uEAA2B,OAA3B;AAAA,IAAiC,eAAY;AAAA,MAC5C,mDAAC,4DACC,mDAAC;AAAA,IAAuB,OAAO;AAAA,GAAU,CAC3C,GACC,cAAc,mDAAC;AAAA,IAAa,UAAQ;AAAA,GAAC,CACxC;AAAA;AAGF,MAAM,QAAQ;AAAA,EAEZ,UAAU,4BAAU,OAAO,YAAY,0BAA0B;AAAA,EAEjE,YAAY,4BAAU,KAAK,YAAY,oBAAoB;AAC7D;AAEA,gBAAgB,YAAY;AAE5B,MAAM,8BAA8B,gCAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,59 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
9
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
10
|
-
var __spreadValues = (a, b) => {
|
|
11
|
-
for (var prop in b || (b = {}))
|
|
12
|
-
if (__hasOwnProp.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
if (__getOwnPropSymbols)
|
|
15
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
16
|
-
if (__propIsEnum.call(b, prop))
|
|
17
|
-
__defNormalProp(a, prop, b[prop]);
|
|
18
|
-
}
|
|
19
|
-
return a;
|
|
20
|
-
};
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
|
-
var __export = (target, all) => {
|
|
34
|
-
for (var name in all)
|
|
35
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
36
|
-
};
|
|
37
|
-
var __copyProps = (to, from, except, desc) => {
|
|
38
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
39
|
-
for (let key of __getOwnPropNames(from))
|
|
40
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
41
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
42
|
-
}
|
|
43
|
-
return to;
|
|
44
|
-
};
|
|
45
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
46
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
47
|
-
var PageHeaderToolbar_exports = {};
|
|
48
|
-
__export(PageHeaderToolbar_exports, {
|
|
49
|
-
PageHeaderToolbar: () => PageHeaderToolbar
|
|
50
|
-
});
|
|
51
|
-
module.exports = __toCommonJS(PageHeaderToolbar_exports);
|
|
52
|
-
var React = __toESM(require("react"));
|
|
53
|
-
var import_react = __toESM(require("react"));
|
|
54
|
-
var import_blocks = require("../blocks");
|
|
55
|
-
const PageHeaderToolbar = (_a) => {
|
|
56
|
-
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
|
57
|
-
return /* @__PURE__ */ import_react.default.createElement(import_blocks.PageHeaderToolbarWrapper, __spreadValues({}, rest), children);
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=PageHeaderToolbar.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../src/v2/components/PageHeaderToolbar/PageHeaderToolbar.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PageHeaderToolbarWrapper } from '../blocks';\n\nexport const PageHeaderToolbar = ({ children, ...rest }) => (\n <PageHeaderToolbarWrapper {...rest}>{children}</PageHeaderToolbarWrapper>\n);\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAyC;AAElC,MAAM,oBAAoB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAClC,4DAAC,2DAA6B,OAAO,QAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
-
var blocks_exports = {};
|
|
22
|
-
__export(blocks_exports, {
|
|
23
|
-
EditableTitleComponent: () => EditableTitleComponent,
|
|
24
|
-
PageHeaderBackWrapper: () => PageHeaderBackWrapper,
|
|
25
|
-
PageHeaderMenuWrapper: () => PageHeaderMenuWrapper,
|
|
26
|
-
PageHeaderSummaryWrapper: () => PageHeaderSummaryWrapper,
|
|
27
|
-
PageHeaderTitleWrapper: () => PageHeaderTitleWrapper,
|
|
28
|
-
PageHeaderToolbarWrapper: () => PageHeaderToolbarWrapper,
|
|
29
|
-
cssPrefix: () => import_ds_classnames.cssPrefix
|
|
30
|
-
});
|
|
31
|
-
module.exports = __toCommonJS(blocks_exports);
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
34
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
35
|
-
const blockName = "page-header-v2";
|
|
36
|
-
const PageHeaderTitleWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-title`, "title");
|
|
37
|
-
const EditableTitleComponent = (0, import_ds_classnames.aggregatedClasses)(import_ds_form.DSInput)(`${blockName}-title`, "editable-title");
|
|
38
|
-
const PageHeaderBackWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-back`);
|
|
39
|
-
const PageHeaderSummaryWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-summary`);
|
|
40
|
-
const PageHeaderMenuWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-menu`);
|
|
41
|
-
const PageHeaderToolbarWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(`${blockName}-toolbar`);
|
|
42
|
-
//# sourceMappingURL=blocks.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../src/v2/components/blocks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { aggregatedClasses, cssPrefix } from '@elliemae/ds-classnames';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst blockName = 'page-header-v2';\n\nexport const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');\nexport const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');\nexport const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);\nexport const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);\nexport const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);\nexport const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);\nexport { cssPrefix };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,2BAA6C;AAC7C,qBAAwB;AAExB,MAAM,YAAY;AAEX,MAAM,yBAAyB,4CAAkB,KAAK,EAAE,GAAG,mBAAmB,OAAO;AACrF,MAAM,yBAAyB,4CAAkB,sBAAO,EAAE,GAAG,mBAAmB,gBAAgB;AAChG,MAAM,wBAAwB,4CAAkB,KAAK,EAAE,GAAG,gBAAgB;AAC1E,MAAM,2BAA2B,4CAAkB,KAAK,EAAE,GAAG,mBAAmB;AAChF,MAAM,wBAAwB,4CAAkB,KAAK,EAAE,GAAG,gBAAgB;AAC1E,MAAM,2BAA2B,4CAAkB,KAAK,EAAE,GAAG,mBAAmB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/cjs/v2/props.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all)
|
|
9
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from))
|
|
14
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
15
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
16
|
-
}
|
|
17
|
-
return to;
|
|
18
|
-
};
|
|
19
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
|
|
20
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
|
-
var props_exports = {};
|
|
22
|
-
__export(props_exports, {
|
|
23
|
-
defaultProps: () => defaultProps,
|
|
24
|
-
navProps: () => navProps
|
|
25
|
-
});
|
|
26
|
-
module.exports = __toCommonJS(props_exports);
|
|
27
|
-
var React = __toESM(require("react"));
|
|
28
|
-
var import_react_desc = require("react-desc");
|
|
29
|
-
const navProps = {
|
|
30
|
-
containerProps: import_react_desc.PropTypes.shape({}).description("props injected to wrapper of page header"),
|
|
31
|
-
breadcrumbs: import_react_desc.PropTypes.node.description("breadcrumbs component"),
|
|
32
|
-
pageTitle: import_react_desc.PropTypes.node.description("PageHeaderTitle component"),
|
|
33
|
-
backarrow: import_react_desc.PropTypes.node.description("back arrow component"),
|
|
34
|
-
summary: import_react_desc.PropTypes.node.description("PageHeaderSummary component"),
|
|
35
|
-
toolbar: import_react_desc.PropTypes.node.description("toolbar component"),
|
|
36
|
-
menu: import_react_desc.PropTypes.node.description("PageHeaderMenu component"),
|
|
37
|
-
withBottomSeparator: import_react_desc.PropTypes.bool.description("Border bottom below the page header")
|
|
38
|
-
};
|
|
39
|
-
const defaultProps = {
|
|
40
|
-
containerProps: {},
|
|
41
|
-
breadcrumbs: null,
|
|
42
|
-
pageTitle: null,
|
|
43
|
-
backarrow: null,
|
|
44
|
-
summary: null,
|
|
45
|
-
toolbar: null,
|
|
46
|
-
menu: null,
|
|
47
|
-
withBottomSeparator: true
|
|
48
|
-
};
|
|
49
|
-
//# sourceMappingURL=props.js.map
|
package/dist/cjs/v2/props.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/v2/props.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const navProps = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description(\n 'props injected to wrapper of page header',\n ),\n /** breadcrumbs component */\n breadcrumbs: PropTypes.node.description('breadcrumbs component'),\n /** PageHeaderTitle component */\n pageTitle: PropTypes.node.description('PageHeaderTitle component'),\n /** back arrow component */\n backarrow: PropTypes.node.description('back arrow component'),\n /** PageHeaderSummary component */\n summary: PropTypes.node.description('PageHeaderSummary component'),\n /** toolbar component */\n toolbar: PropTypes.node.description('toolbar component'),\n /** PageHeaderMenu component */\n menu: PropTypes.node.description('PageHeaderMenu component'),\n /** Border bottom below the page header */\n withBottomSeparator: PropTypes.bool.description(\n 'Border bottom below the page header',\n ),\n};\n\nexport const defaultProps = {\n containerProps: {},\n breadcrumbs: null,\n pageTitle: null,\n backarrow: null,\n summary: null,\n toolbar: null,\n menu: null,\n withBottomSeparator: true,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,WAAW;AAAA,EAEtB,gBAAgB,4BAAU,MAAM,CAAC,CAAC,EAAE,YAClC,0CACF;AAAA,EAEA,aAAa,4BAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,4BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,4BAAU,KAAK,YAAY,sBAAsB;AAAA,EAE5D,SAAS,4BAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,4BAAU,KAAK,YAAY,mBAAmB;AAAA,EAEvD,MAAM,4BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,4BAAU,KAAK,YAClC,qCACF;AACF;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,aAAa;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,MAAM;AAAA,EACN,qBAAqB;AACvB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
-
var __spreadValues = (a, b) => {
|
|
7
|
-
for (var prop in b || (b = {}))
|
|
8
|
-
if (__hasOwnProp.call(b, prop))
|
|
9
|
-
__defNormalProp(a, prop, b[prop]);
|
|
10
|
-
if (__getOwnPropSymbols)
|
|
11
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
-
if (__propIsEnum.call(b, prop))
|
|
13
|
-
__defNormalProp(a, prop, b[prop]);
|
|
14
|
-
}
|
|
15
|
-
return a;
|
|
16
|
-
};
|
|
17
|
-
var __objRest = (source, exclude) => {
|
|
18
|
-
var target = {};
|
|
19
|
-
for (var prop in source)
|
|
20
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
-
target[prop] = source[prop];
|
|
22
|
-
if (source != null && __getOwnPropSymbols)
|
|
23
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
}
|
|
27
|
-
return target;
|
|
28
|
-
};
|
|
29
|
-
import * as React from "react";
|
|
30
|
-
import React2 from "react";
|
|
31
|
-
import { PageHeaderBackWrapper } from "../blocks";
|
|
32
|
-
const PageHeaderBack = (_a) => {
|
|
33
|
-
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
|
34
|
-
return /* @__PURE__ */ React2.createElement(PageHeaderBackWrapper, __spreadValues({}, rest), children);
|
|
35
|
-
};
|
|
36
|
-
export {
|
|
37
|
-
PageHeaderBack
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=PageHeaderBack.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderBack/PageHeaderBack.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PageHeaderBackWrapper } from '../blocks';\n\nexport const PageHeaderBack = ({ children, ...rest }) => (\n <PageHeaderBackWrapper {...rest}>{children}</PageHeaderBackWrapper>\n);\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,MAAM,iBAAiB,CAAC,OAAuB;AAAvB,eAAE,eAAF,IAAe,iBAAf,IAAe,CAAb;AAC/B,8CAAC,0CAA0B,OAAO,QAAS;AAAA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { noop } from 'lodash';\nimport styled from 'styled-components';\nimport { PropTypes, describe } from 'react-desc';\nimport { useMeasure , useDerivedStateFromProps } from '@elliemae/ds-utilities';\nimport { EditableTitleComponent } from '../blocks';\nimport { PageHeaderTitle } from '../PageHeaderTitle/PageHeaderTitle';\n\nconst EditableContainer = styled.div`\n height: 32px;\n position: relative;\n overflow: hidden;\n`;\n\nexport const PageHeaderEditableTitle = ({\n children: value,\n editing: editingProp = false,\n onBlur = noop,\n onChange = noop,\n onFocus = noop,\n onMouseOut = noop,\n showMarker = false,\n ...rest\n}) => {\n const [titleValue, setTitleValue] = useState(value);\n const [hovered, setHovered] = useState(false);\n const [editing, setEditing] = useDerivedStateFromProps(editingProp || false);\n const titleRef = useRef(null);\n const { width } = useMeasure(titleRef);\n return (\n <EditableContainer\n className={hovered || editing ? 'editable-title-component' : ''}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n >\n {(hovered || editing) && (\n <EditableTitleComponent\n {...rest}\n onBlur={(e) => {\n setEditing(false);\n onBlur(e);\n }}\n onChange={(e) => {\n setTitleValue(e.target.value);\n onChange(e);\n }}\n onFocus={(e) => {\n setEditing(true);\n onFocus(e);\n }}\n onMouseOut={(e) => {\n setHovered(false);\n onMouseOut(e);\n }}\n style={{ width: width + 10, minWidth: '260px', maxWidth: '100%' }}\n value={titleValue}\n />\n )}\n <div ref={titleRef} style={{ width: 'fit-content' }}>\n <PageHeaderTitle showMarker={showMarker && !hovered && !editing}>{titleValue}</PageHeaderTitle>\n </div>\n </EditableContainer>\n );\n};\n\nconst props = {\n /** The title text */\n children: PropTypes.string.description('The title text'),\n /** Whether the title is editing or not */\n editing: PropTypes.bool.description('Whether the title is editing or not'),\n /** Show error marker */\n showMarker: PropTypes.bool.description('Show error marker'),\n /** blur callback */\n onBlur: PropTypes.func.description('blur callback'),\n /** on change handler */\n onChange: PropTypes.func.description('on change handler'),\n /** on focus handler */\n onFocus: PropTypes.func.description('on focus handler'),\n /** mouse out of component handler */\n onMouseOut: PropTypes.func.description('mouse out of component handler'),\n};\n\nPageHeaderEditableTitle.propTypes = props;\n\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,0BAA0B,CAAC,OASlC;AATkC,eACtC;AAAA,cAAU;AAAA,IACV,SAAS,cAAc;AAAA,IACvB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa;AAAA,IACb,aAAa;AAAA,MAPyB,IAQnC,iBARmC,IAQnC;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,CAAC,YAAY,iBAAiB,SAAS,KAAK;AAClD,QAAM,CAAC,SAAS,cAAc,SAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,cAAc,yBAAyB,eAAe,KAAK;AAC3E,QAAM,WAAW,OAAO,IAAI;AAC5B,QAAM,EAAE,UAAU,WAAW,QAAQ;AACrC,SACE,qCAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,KAElC,YAAW,YACX,qCAAC,yDACK,OADL;AAAA,IAEC,QAAQ,CAAC,MAAM;AACb,iBAAW,KAAK;AAChB,aAAO,CAAC;AAAA,IACV;AAAA,IACA,UAAU,CAAC,MAAM;AACf,oBAAc,EAAE,OAAO,KAAK;AAC5B,eAAS,CAAC;AAAA,IACZ;AAAA,IACA,SAAS,CAAC,MAAM;AACd,iBAAW,IAAI;AACf,cAAQ,CAAC;AAAA,IACX;AAAA,IACA,YAAY,CAAC,MAAM;AACjB,iBAAW,KAAK;AAChB,iBAAW,CAAC;AAAA,IACd;AAAA,IACA,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,IAChE,OAAO;AAAA,IACT,GAEF,qCAAC;AAAA,IAAI,KAAK;AAAA,IAAU,OAAO,EAAE,OAAO,cAAc;AAAA,KAChD,qCAAC;AAAA,IAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,KAAU,UAAW,CAC/E,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,UAAU,UAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,UAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAE1D,QAAQ,UAAU,KAAK,YAAY,eAAe;AAAA,EAElD,UAAU,UAAU,KAAK,YAAY,mBAAmB;AAAA,EAExD,SAAS,UAAU,KAAK,YAAY,kBAAkB;AAAA,EAEtD,YAAY,UAAU,KAAK,YAAY,gCAAgC;AACzE;AAEA,wBAAwB,YAAY;AAEpC,MAAM,sCAAsC,SAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|