@elliemae/ds-page-header 3.5.0-rc.0 → 3.5.0-rc.11
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/DSPageHeader.js +4 -1
- package/dist/cjs/DSPageHeader.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/v1/DSPageHeader.js +61 -32
- package/dist/cjs/v1/DSPageHeader.js.map +2 -2
- package/dist/cjs/v1/DropdownTitle.js +22 -14
- package/dist/cjs/v1/DropdownTitle.js.map +2 -2
- package/dist/cjs/v1/EditableTitle.js +32 -14
- package/dist/cjs/v1/EditableTitle.js.map +2 -2
- package/dist/cjs/v1/PageHeaderImpl.js +71 -39
- package/dist/cjs/v1/PageHeaderImpl.js.map +2 -2
- package/dist/cjs/v1/Title.js +10 -4
- package/dist/cjs/v1/Title.js.map +2 -2
- package/dist/cjs/v1/TitleWrapper.js +4 -1
- package/dist/cjs/v1/TitleWrapper.js.map +1 -1
- package/dist/cjs/v2/PageHeader.js +51 -17
- package/dist/cjs/v2/PageHeader.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderEditableTitle.js +27 -17
- package/dist/cjs/v2/components/PageHeaderEditableTitle.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderSummary.js +21 -11
- package/dist/cjs/v2/components/PageHeaderSummary.js.map +1 -1
- package/dist/cjs/v2/components/PageHeaderTitle.js +18 -9
- package/dist/cjs/v2/components/PageHeaderTitle.js.map +1 -1
- package/dist/cjs/v2/config/usePageHeader.js +40 -30
- package/dist/cjs/v2/config/usePageHeader.js.map +1 -1
- package/dist/cjs/v2/exported-related/data-test-ids.js +4 -1
- package/dist/cjs/v2/exported-related/data-test-ids.js.map +1 -1
- package/dist/cjs/v2/exported-related/index.js +4 -1
- package/dist/cjs/v2/exported-related/index.js.map +1 -1
- package/dist/cjs/v2/exported-related/theming.js +4 -1
- package/dist/cjs/v2/exported-related/theming.js.map +1 -1
- package/dist/cjs/v2/react-desc-prop-types.js +4 -1
- package/dist/cjs/v2/react-desc-prop-types.js.map +1 -1
- package/dist/cjs/v2/styled.js +4 -1
- package/dist/cjs/v2/styled.js.map +1 -1
- package/dist/cjs/v2/tests/utils.js +4 -1
- package/dist/cjs/v2/tests/utils.js.map +1 -1
- package/dist/esm/DSPageHeader.js.map +2 -2
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/v1/DSPageHeader.js +57 -31
- package/dist/esm/v1/DSPageHeader.js.map +1 -1
- package/dist/esm/v1/DropdownTitle.js +18 -13
- package/dist/esm/v1/DropdownTitle.js.map +1 -1
- package/dist/esm/v1/EditableTitle.js +28 -13
- package/dist/esm/v1/EditableTitle.js.map +1 -1
- package/dist/esm/v1/PageHeaderImpl.js +67 -38
- package/dist/esm/v1/PageHeaderImpl.js.map +1 -1
- package/dist/esm/v1/Title.js +6 -3
- package/dist/esm/v1/Title.js.map +1 -1
- package/dist/esm/v1/TitleWrapper.js.map +1 -1
- package/dist/esm/v2/PageHeader.js +47 -16
- package/dist/esm/v2/PageHeader.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderEditableTitle.js +23 -16
- package/dist/esm/v2/components/PageHeaderEditableTitle.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderSummary.js +17 -10
- package/dist/esm/v2/components/PageHeaderSummary.js.map +1 -1
- package/dist/esm/v2/components/PageHeaderTitle.js +14 -8
- package/dist/esm/v2/components/PageHeaderTitle.js.map +1 -1
- package/dist/esm/v2/config/usePageHeader.js +36 -29
- package/dist/esm/v2/config/usePageHeader.js.map +1 -1
- package/dist/esm/v2/exported-related/data-test-ids.js.map +1 -1
- package/dist/esm/v2/exported-related/index.js.map +1 -1
- package/dist/esm/v2/exported-related/theming.js.map +1 -1
- package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
- package/dist/esm/v2/styled.js.map +1 -1
- package/dist/esm/v2/tests/utils.js.map +1 -1
- package/package.json +13 -13
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var PageHeader_exports = {};
|
|
23
26
|
__export(PageHeader_exports, {
|
|
@@ -32,7 +35,7 @@ __export(PageHeader_exports, {
|
|
|
32
35
|
});
|
|
33
36
|
module.exports = __toCommonJS(PageHeader_exports);
|
|
34
37
|
var React = __toESM(require("react"));
|
|
35
|
-
var
|
|
38
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
39
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
37
40
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
38
41
|
var import_lodash = require("lodash");
|
|
@@ -59,24 +62,55 @@ const DSPageHeaderV2 = (props) => {
|
|
|
59
62
|
const wrapperRow = ["auto", 1];
|
|
60
63
|
const mainRow = (0, import_lodash.compact)([1, "auto"]);
|
|
61
64
|
const pageTitleRow = (0, import_lodash.compact)(["auto", currentMenu && "30px", currentSummary && "auto", 1]);
|
|
62
|
-
return /* @__PURE__ */
|
|
65
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Container, {
|
|
63
66
|
...containerProps,
|
|
64
67
|
...globalAttributes,
|
|
65
68
|
...xStyledProps,
|
|
66
|
-
"data-testid": import_exported_related.DSPageHeaderDataTestIds.CONTAINER
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
69
|
+
"data-testid": import_exported_related.DSPageHeaderDataTestIds.CONTAINER,
|
|
70
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.ContainerWBorder, {
|
|
71
|
+
withBottomSeparator,
|
|
72
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
73
|
+
cols: wrapperRow,
|
|
74
|
+
children: [
|
|
75
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
76
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PageHeaderBack, {
|
|
77
|
+
children: currentBackArrow
|
|
78
|
+
})
|
|
79
|
+
}),
|
|
80
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
81
|
+
rows: ["auto", "auto"],
|
|
82
|
+
children: [
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
84
|
+
className: "em-ds-page-header-v2-breadcrumb",
|
|
85
|
+
children: currentBreadcrumbs
|
|
86
|
+
}),
|
|
87
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
88
|
+
cols: mainRow,
|
|
89
|
+
children: [
|
|
90
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.Grid, {
|
|
91
|
+
cols: pageTitleRow,
|
|
92
|
+
children: [
|
|
93
|
+
currentPageTitle,
|
|
94
|
+
currentMenu && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PageHeaderMenu, {
|
|
95
|
+
children: currentMenu
|
|
96
|
+
}),
|
|
97
|
+
currentSummary,
|
|
98
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {})
|
|
99
|
+
]
|
|
100
|
+
}),
|
|
101
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
|
|
102
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.PageHeaderToolbarWrapper, {
|
|
103
|
+
children: currentToolbar
|
|
104
|
+
})
|
|
105
|
+
})
|
|
106
|
+
]
|
|
107
|
+
})
|
|
108
|
+
]
|
|
109
|
+
})
|
|
110
|
+
]
|
|
111
|
+
})
|
|
112
|
+
})
|
|
113
|
+
});
|
|
80
114
|
};
|
|
81
115
|
DSPageHeaderV2.propTypes = import_react_desc_prop_types.PageHeaderPropTypes;
|
|
82
116
|
DSPageHeaderV2.defaultProps = import_react_desc_prop_types.defaultProps;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/PageHeader.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport React, { WeakValidationMap } from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { Grid } from '@elliemae/ds-grid';\nimport { compact } from 'lodash';\nimport {\n Container,\n ContainerWBorder,\n PageHeaderCustomRenderer,\n PageHeaderToolbarWrapper,\n PageHeaderMenu,\n PageHeaderBack,\n} from './styled';\nimport { usePageHeader } from './config/usePageHeader';\nimport { PageHeaderTitle } from './components/PageHeaderTitle';\nimport { PageHeaderEditableTitle } from './components/PageHeaderEditableTitle';\nimport { PageHeaderSummary } from './components/PageHeaderSummary';\nimport { PageHeaderPropTypes, DSPageHeaderT, defaultProps } from './react-desc-prop-types';\nimport { DSPageHeaderDataTestIds } from './exported-related';\n\nconst DSPageHeaderV2: React.ComponentType<DSPageHeaderT.Props> = (props) => {\n const {\n currentBackArrow,\n currentMenu,\n currentBreadcrumbs,\n currentSummary,\n currentToolbar,\n currentPageTitle,\n containerProps,\n withBottomSeparator,\n globalAttributes,\n xStyledProps,\n } = usePageHeader(props);\n\n const wrapperRow = ['auto', 1];\n const mainRow = compact([1, 'auto']);\n const pageTitleRow = compact(['auto', currentMenu && '30px', currentSummary && 'auto', 1]);\n return (\n <Container\n {...containerProps}\n {...globalAttributes}\n {...xStyledProps}\n data-testid={DSPageHeaderDataTestIds.CONTAINER}\n >\n <ContainerWBorder withBottomSeparator={withBottomSeparator}>\n <Grid cols={wrapperRow}>\n <Grid>\n <PageHeaderBack>{currentBackArrow}</PageHeaderBack>\n </Grid>\n <Grid rows={['auto', 'auto']}>\n <Grid className=\"em-ds-page-header-v2-breadcrumb\">{currentBreadcrumbs}</Grid>\n <Grid cols={mainRow}>\n <Grid cols={pageTitleRow}>\n {currentPageTitle}\n {currentMenu && <PageHeaderMenu>{currentMenu}</PageHeaderMenu>}\n {currentSummary}\n <div />\n </Grid>\n <Grid>\n <PageHeaderToolbarWrapper>{currentToolbar}</PageHeaderToolbarWrapper>\n </Grid>\n </Grid>\n </Grid>\n </Grid>\n </ContainerWBorder>\n </Container>\n );\n};\n\nDSPageHeaderV2.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\nDSPageHeaderV2.defaultProps = defaultProps;\nDSPageHeaderV2.displayName = 'DSPageHeaderV2';\nconst DSPageHeaderWithSchema = describe(DSPageHeaderV2);\n\nDSPageHeaderWithSchema.propTypes = PageHeaderPropTypes as WeakValidationMap<unknown>;\n\nexport {\n DSPageHeaderV2,\n PageHeaderTitle,\n PageHeaderEditableTitle,\n PageHeaderSummary,\n PageHeaderMenu,\n PageHeaderCustomRenderer,\n DSPageHeaderWithSchema,\n};\n\nexport default DSPageHeaderV2;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,0BAAyB;AACzB,qBAAqB;AACrB,oBAAwB;AACxB,oBAOO;AACP,2BAA8B;AAC9B,6BAAgC;AAChC,qCAAwC;AACxC,+BAAkC;AAClC,mCAAiE;AACjE,8BAAwC;AAExC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,oCAAc,KAAK;AAEvB,QAAM,aAAa,CAAC,QAAQ,CAAC;AAC7B,QAAM,cAAU,uBAAQ,CAAC,GAAG,MAAM,CAAC;AACnC,QAAM,mBAAe,uBAAQ,CAAC,QAAQ,eAAe,QAAQ,kBAAkB,QAAQ,CAAC,CAAC;AACzF,SACE,4CAAC;AAAA,IACE,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,eAAa,gDAAwB;AAAA,IAErC,sDAAC;AAAA,MAAiB;AAAA,MAChB,uDAAC;AAAA,QAAK,MAAM;AAAA,QACV;AAAA,sDAAC;AAAA,YACC,sDAAC;AAAA,cAAgB;AAAA,aAAiB;AAAA,WACpC;AAAA,UACA,6CAAC;AAAA,YAAK,MAAM,CAAC,QAAQ,MAAM;AAAA,YACzB;AAAA,0DAAC;AAAA,gBAAK,WAAU;AAAA,gBAAmC;AAAA,eAAmB;AAAA,cACtE,6CAAC;AAAA,gBAAK,MAAM;AAAA,gBACV;AAAA,+DAAC;AAAA,oBAAK,MAAM;AAAA,oBACT;AAAA;AAAA,sBACA,eAAe,4CAAC;AAAA,wBAAgB;AAAA,uBAAY;AAAA,sBAC5C;AAAA,sBACD,4CAAC,SAAI;AAAA;AAAA,mBACP;AAAA,kBACA,4CAAC;AAAA,oBACC,sDAAC;AAAA,sBAA0B;AAAA,qBAAe;AAAA,mBAC5C;AAAA;AAAA,eACF;AAAA;AAAA,WACF;AAAA;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,eAAe;AAC9B,eAAe,cAAc;AAC7B,MAAM,6BAAyB,8BAAS,cAAc;AAEtD,uBAAuB,YAAY;AAYnC,IAAO,qBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var PageHeaderEditableTitle_exports = {};
|
|
23
26
|
__export(PageHeaderEditableTitle_exports, {
|
|
@@ -27,7 +30,8 @@ __export(PageHeaderEditableTitle_exports, {
|
|
|
27
30
|
});
|
|
28
31
|
module.exports = __toCommonJS(PageHeaderEditableTitle_exports);
|
|
29
32
|
var React = __toESM(require("react"));
|
|
30
|
-
var
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
+
var import_react = require("react");
|
|
31
35
|
var import_ds_form_input_text = require("@elliemae/ds-form-input-text");
|
|
32
36
|
var import_ds_system = require("@elliemae/ds-system");
|
|
33
37
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
@@ -82,24 +86,30 @@ const PageHeaderEditableTitle = ({
|
|
|
82
86
|
onChange: handleOnChange,
|
|
83
87
|
onBlur: handleOnBlur
|
|
84
88
|
});
|
|
85
|
-
return /* @__PURE__ */
|
|
89
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(EditableContainer, {
|
|
86
90
|
className: hovered || editing ? "editable-title-component" : "",
|
|
87
91
|
onMouseEnter: () => setHovered(true),
|
|
88
92
|
onMouseLeave: () => setHovered(false),
|
|
89
|
-
"data-testid": import_exported_related.DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
93
|
+
"data-testid": import_exported_related.DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE,
|
|
94
|
+
children: [
|
|
95
|
+
(hovered || editing) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form_input_text.DSInputText, {
|
|
96
|
+
onChange: handleOnChange,
|
|
97
|
+
...rest,
|
|
98
|
+
...globals,
|
|
99
|
+
placeholder: "",
|
|
100
|
+
style: { width: width + 10, minWidth: "260px", maxWidth: "100%" },
|
|
101
|
+
value: titleValue
|
|
102
|
+
}),
|
|
103
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
104
|
+
ref: titleRef,
|
|
105
|
+
style: { width: "fit-content" },
|
|
106
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_PageHeaderTitle.PageHeaderTitle, {
|
|
107
|
+
showMarker: showMarker && !hovered && !editing,
|
|
108
|
+
children: titleValue
|
|
109
|
+
})
|
|
110
|
+
})
|
|
111
|
+
]
|
|
112
|
+
});
|
|
103
113
|
};
|
|
104
114
|
const props = {
|
|
105
115
|
...import_ds_utilities.globalAttributesPropTypes,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/components/PageHeaderEditableTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useRef, useState, useCallback, WeakValidationMap } from 'react';\nimport { DSInputText, DSInputTextName, DSInputTextSlots } from '@elliemae/ds-form-input-text';\nimport { styled } from '@elliemae/ds-system';\nimport {\n PropTypes,\n describe,\n useDerivedStateFromProps,\n useMeasure,\n useGetGlobalAttributes,\n globalAttributesPropTypes,\n} from '@elliemae/ds-utilities';\nimport { PageHeaderTitle } from './PageHeaderTitle';\nimport { DSPageHeaderDataTestIds } from '../exported-related';\n\nconst EditableContainer = styled('div')`\n height: 32px;\n position: relative;\n overflow: hidden;\n &.editable-title-component {\n position: relative;\n left: -7px;\n top: -1px;\n margin-left: -2px;\n margin-right: -9px;\n & .${DSInputTextName}-${DSInputTextSlots.INPUT_WRAPPER} {\n height: 32px;\n }\n & .${DSInputTextName}-${DSInputTextSlots.INPUT} {\n font-size: ${({ theme }) => theme.fontSizes.title[800]};\n line-height: normal;\n color: ${({ theme }) => theme.colors.neutral['700']};\n }\n }\n`;\n\nexport const PageHeaderEditableTitle = ({\n children: value,\n editing: editingProp = false,\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\n const handleOnChange: React.FormEventHandler<HTMLInputElement> = useCallback((e) => {\n setTitleValue(e.target.value);\n }, []);\n\n const handleOnFocus: React.FocusEventHandler = useCallback(() => {\n setEditing(true);\n }, [setEditing]);\n\n const handleOnBlur: React.FocusEventHandler = useCallback(() => {\n setEditing(false);\n }, [setEditing]);\n\n const handleOnMouseOut: React.MouseEventHandler = useCallback(() => {\n setHovered(false);\n }, []);\n\n const globals = useGetGlobalAttributes(rest, {\n onFocus: handleOnFocus,\n onMouseOut: handleOnMouseOut,\n onChange: handleOnChange,\n onBlur: handleOnBlur,\n });\n\n return (\n <EditableContainer\n className={hovered || editing ? 'editable-title-component' : ''}\n onMouseEnter={() => setHovered(true)}\n onMouseLeave={() => setHovered(false)}\n data-testid={DSPageHeaderDataTestIds.EDITABLE_HEADER_TITLE}\n >\n {(hovered || editing) && (\n <DSInputText\n onChange={handleOnChange}\n {...rest}\n {...globals}\n placeholder=\"\"\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 ...globalAttributesPropTypes,\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};\n\nPageHeaderEditableTitle.propTypes = props as WeakValidationMap<unknown>;\nPageHeaderEditableTitle.displayName = 'PageHeaderEditableTitle';\nconst DSPageHeaderEditableTitleWithSchema = describe(PageHeaderEditableTitle);\n\nDSPageHeaderEditableTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport default PageHeaderEditableTitle;\n\nexport { DSPageHeaderEditableTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAwE;AACxE,gCAA+D;AAC/D,uBAAuB;AACvB,0BAOO;AACP,6BAAgC;AAChC,8BAAwC;AAExC,MAAM,wBAAoB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAU7B,6CAAmB,2CAAiB;AAAA;AAAA;AAAA,SAGpC,6CAAmB,2CAAiB;AAAA,mBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,UAAU,MAAM;AAAA;AAAA,eAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAK5C,MAAM,0BAA0B,CAAC;AAAA,EACtC,UAAU;AAAA,EACV,SAAS,cAAc;AAAA,EACvB,aAAa;AAAA,KACV;AACL,MAAM;AACJ,QAAM,CAAC,YAAY,aAAa,QAAI,uBAAS,KAAK;AAClD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAC5C,QAAM,CAAC,SAAS,UAAU,QAAI,8CAAyB,eAAe,KAAK;AAC3E,QAAM,eAAW,qBAAO,IAAI;AAC5B,QAAM,EAAE,MAAM,QAAI,gCAAW,QAAQ;AAErC,QAAM,qBAA2D,0BAAY,CAAC,MAAM;AAClF,kBAAc,EAAE,OAAO,KAAK;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,oBAAyC,0BAAY,MAAM;AAC/D,eAAW,IAAI;AAAA,EACjB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,mBAAwC,0BAAY,MAAM;AAC9D,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,uBAA4C,0BAAY,MAAM;AAClE,eAAW,KAAK;AAAA,EAClB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAU,4CAAuB,MAAM;AAAA,IAC3C,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,QAAQ;AAAA,EACV,CAAC;AAED,SACE,6CAAC;AAAA,IACC,WAAW,WAAW,UAAU,6BAA6B;AAAA,IAC7D,cAAc,MAAM,WAAW,IAAI;AAAA,IACnC,cAAc,MAAM,WAAW,KAAK;AAAA,IACpC,eAAa,gDAAwB;AAAA,IAEnC;AAAA,kBAAW,YACX,4CAAC;AAAA,QACC,UAAU;AAAA,QACT,GAAG;AAAA,QACH,GAAG;AAAA,QACJ,aAAY;AAAA,QACZ,OAAO,EAAE,OAAO,QAAQ,IAAI,UAAU,SAAS,UAAU,OAAO;AAAA,QAChE,OAAO;AAAA,OACT;AAAA,MAEF,4CAAC;AAAA,QAAI,KAAK;AAAA,QAAU,OAAO,EAAE,OAAO,cAAc;AAAA,QAChD,sDAAC;AAAA,UAAgB,YAAY,cAAc,CAAC,WAAW,CAAC;AAAA,UAAU;AAAA,SAAW;AAAA,OAC/E;AAAA;AAAA,GACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EACZ,GAAG;AAAA,EAEH,UAAU,8BAAU,OAAO,YAAY,gBAAgB;AAAA,EAEvD,SAAS,8BAAU,KAAK,YAAY,qCAAqC;AAAA,EAEzE,YAAY,8BAAU,KAAK,YAAY,mBAAmB;AAC5D;AAEA,wBAAwB,YAAY;AACpC,wBAAwB,cAAc;AACtC,MAAM,0CAAsC,8BAAS,uBAAuB;AAE5E,oCAAoC,YAAY;AAEhD,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var PageHeaderSummary_exports = {};
|
|
23
26
|
__export(PageHeaderSummary_exports, {
|
|
@@ -26,7 +29,7 @@ __export(PageHeaderSummary_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(PageHeaderSummary_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
34
|
var import_ds_system = require("@elliemae/ds-system");
|
|
32
35
|
var import_exported_related = require("../exported-related");
|
|
@@ -61,16 +64,23 @@ const PageHeaderSummaryWrapper = (0, import_ds_system.styled)("div", {
|
|
|
61
64
|
width: ${({ theme }) => theme.space.l};
|
|
62
65
|
}
|
|
63
66
|
`;
|
|
64
|
-
const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */
|
|
67
|
+
const PageHeaderSummary = ({ value = null, label = "", ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeaderSummaryWrapper, {
|
|
65
68
|
"data-testid": import_exported_related.DSPageHeaderDataTestIds.SUMMARY,
|
|
66
|
-
...rest
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
69
|
+
...rest,
|
|
70
|
+
children: [
|
|
71
|
+
(value === 0 || value) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
72
|
+
className: "ph-summary-value",
|
|
73
|
+
children: value
|
|
74
|
+
}),
|
|
75
|
+
label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
76
|
+
className: "ph-summary-label",
|
|
77
|
+
children: label
|
|
78
|
+
}),
|
|
79
|
+
(value === 0 || value || label) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
80
|
+
className: "ph-summary-space"
|
|
81
|
+
})
|
|
82
|
+
]
|
|
83
|
+
});
|
|
74
84
|
const props = {
|
|
75
85
|
value: import_ds_utilities.PropTypes.number.description("value for page header summary"),
|
|
76
86
|
label: import_ds_utilities.PropTypes.string.description("label attached to value")
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/components/PageHeaderSummary.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { WeakValidationMap } 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,0BAAoC;AACpC,uBAAuB;AACvB,8BAA6E;AAE7E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EAC7C,MAAM;AAAA,EACN,MAAM,0CAAkB;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,6CAAC;AAAA,EAAyB,eAAa,gDAAwB;AAAA,EAAU,GAAG;AAAA,EACxE;AAAA,eAAU,KAAK,UAAU,4CAAC;AAAA,MAAI,WAAU;AAAA,MAAoB;AAAA,KAAM;AAAA,IACnE,SAAS,4CAAC;AAAA,MAAI,WAAU;AAAA,MAAoB;AAAA,KAAM;AAAA,KACjD,UAAU,KAAK,SAAS,UAAU,4CAAC;AAAA,MAAI,WAAU;AAAA,KAAmB;AAAA;AAAA,CACxE;AAGF,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,YAAY,+BAA+B;AAAA,EAEnE,OAAO,8BAAU,OAAO,YAAY,yBAAyB;AAC/D;AAEA,kBAAkB,YAAY;AAC9B,kBAAkB,cAAc;AAChC,MAAM,oCAAgC,8BAAS,iBAAiB;AAEhE,8BAA8B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var PageHeaderTitle_exports = {};
|
|
23
26
|
__export(PageHeaderTitle_exports, {
|
|
@@ -26,7 +29,7 @@ __export(PageHeaderTitle_exports, {
|
|
|
26
29
|
});
|
|
27
30
|
module.exports = __toCommonJS(PageHeaderTitle_exports);
|
|
28
31
|
var React = __toESM(require("react"));
|
|
29
|
-
var
|
|
32
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
33
|
var import_ds_system = require("@elliemae/ds-system");
|
|
31
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
32
35
|
var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
|
|
@@ -49,14 +52,20 @@ const PageHeaderTitleWrapper = (0, import_ds_system.styled)("div", {
|
|
|
49
52
|
right: 0;
|
|
50
53
|
}
|
|
51
54
|
`;
|
|
52
|
-
const PageHeaderTitle = ({ children = "", showMarker = false, ...rest }) => /* @__PURE__ */
|
|
55
|
+
const PageHeaderTitle = ({ children = "", showMarker = false, ...rest }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(PageHeaderTitleWrapper, {
|
|
53
56
|
...rest,
|
|
54
|
-
"data-testid": import_exported_related.DSPageHeaderDataTestIds.HEADER_TITLE
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
})
|
|
57
|
+
"data-testid": import_exported_related.DSPageHeaderDataTestIds.HEADER_TITLE,
|
|
58
|
+
children: [
|
|
59
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, {
|
|
60
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
|
|
61
|
+
value: children
|
|
62
|
+
})
|
|
63
|
+
}),
|
|
64
|
+
showMarker && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.RequiredMark, {
|
|
65
|
+
required: true
|
|
66
|
+
})
|
|
67
|
+
]
|
|
68
|
+
});
|
|
60
69
|
const props = {
|
|
61
70
|
children: import_ds_utilities.PropTypes.string.description("Page header title string"),
|
|
62
71
|
showMarker: import_ds_utilities.PropTypes.bool.description("show required mark")
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/components/PageHeaderTitle.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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>;\nPageHeaderTitle.displayName = 'PageHeaderTitle';\nconst DSPageHeaderTitleWithSchema = describe(PageHeaderTitle);\n\nDSPageHeaderTitleWithSchema.propTypes = props as WeakValidationMap<unknown>;\n\nexport { PageHeaderTitle, DSPageHeaderTitleWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,0BAAoC;AACpC,uCAA4D;AAC5D,qBAA6B;AAC7B,8BAA6E;AAC7E,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,0CAAkB;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,6CAAC;AAAA,EAAwB,GAAG;AAAA,EAAM,eAAa,gDAAwB;AAAA,EACrE;AAAA,gDAAC;AAAA,MACC,sDAAC;AAAA,QAAuB,OAAO;AAAA,OAAU;AAAA,KAC3C;AAAA,IACC,cAAc,4CAAC;AAAA,MAAa,UAAQ;AAAA,KAAC;AAAA;AAAA,CACxC;AAGF,MAAM,QAAQ;AAAA,EAEZ,UAAU,8BAAU,OAAO,YAAY,0BAA0B;AAAA,EAEjE,YAAY,8BAAU,KAAK,YAAY,oBAAoB;AAC7D;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,kCAA8B,8BAAS,eAAe;AAE5D,4BAA4B,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var usePageHeader_exports = {};
|
|
23
26
|
__export(usePageHeader_exports, {
|
|
@@ -25,6 +28,7 @@ __export(usePageHeader_exports, {
|
|
|
25
28
|
});
|
|
26
29
|
module.exports = __toCommonJS(usePageHeader_exports);
|
|
27
30
|
var React = __toESM(require("react"));
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
28
32
|
var import_react = require("react");
|
|
29
33
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
30
34
|
var import_react_desc_prop_types = require("../react-desc-prop-types");
|
|
@@ -48,34 +52,40 @@ const usePageHeader = (props) => {
|
|
|
48
52
|
} = props;
|
|
49
53
|
const globalAttributes = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
|
|
50
54
|
const xStyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefaults);
|
|
51
|
-
const currentBackArrow = (0, import_react.useMemo)(() => backarrow ?? (Backarrow ? /* @__PURE__ */
|
|
52
|
-
const currentMenu = (0, import_react.useMemo)(() => menu ?? (Menu ? /* @__PURE__ */
|
|
53
|
-
const currentBreadcrumbs = (0, import_react.useMemo)(
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
55
|
+
const currentBackArrow = (0, import_react.useMemo)(() => backarrow ?? (Backarrow ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Backarrow, {}) : void 0), [Backarrow, backarrow]);
|
|
56
|
+
const currentMenu = (0, import_react.useMemo)(() => menu ?? (Menu ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Menu, {}) : void 0), [Menu, menu]);
|
|
57
|
+
const currentBreadcrumbs = (0, import_react.useMemo)(
|
|
58
|
+
() => breadcrumbs ?? (Breadcrumbs ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Breadcrumbs, {}) : void 0),
|
|
59
|
+
[Breadcrumbs, breadcrumbs]
|
|
60
|
+
);
|
|
61
|
+
const currentSummary = (0, import_react.useMemo)(() => summary ?? (Summary ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Summary, {}) : void 0), [Summary, summary]);
|
|
62
|
+
const currentToolbar = (0, import_react.useMemo)(() => toolbar ?? (Toolbar ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Toolbar, {}) : void 0), [Toolbar, toolbar]);
|
|
63
|
+
const currentPageTitle = (0, import_react.useMemo)(() => pageTitle ?? (PageTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PageTitle, {}) : void 0), [PageTitle, pageTitle]);
|
|
64
|
+
return (0, import_react.useMemo)(
|
|
65
|
+
() => ({
|
|
66
|
+
propsWithDefaults,
|
|
67
|
+
globalAttributes,
|
|
68
|
+
xStyledProps,
|
|
69
|
+
currentBackArrow,
|
|
70
|
+
currentMenu,
|
|
71
|
+
currentBreadcrumbs,
|
|
72
|
+
currentSummary,
|
|
73
|
+
currentToolbar,
|
|
74
|
+
currentPageTitle,
|
|
75
|
+
...rest
|
|
76
|
+
}),
|
|
77
|
+
[
|
|
78
|
+
propsWithDefaults,
|
|
79
|
+
currentBackArrow,
|
|
80
|
+
currentBreadcrumbs,
|
|
81
|
+
currentMenu,
|
|
82
|
+
currentPageTitle,
|
|
83
|
+
currentSummary,
|
|
84
|
+
currentToolbar,
|
|
85
|
+
globalAttributes,
|
|
86
|
+
rest,
|
|
87
|
+
xStyledProps
|
|
88
|
+
]
|
|
89
|
+
);
|
|
80
90
|
};
|
|
81
91
|
//# sourceMappingURL=usePageHeader.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/config/usePageHeader.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable complexity */\nimport { useMemo } from 'react';\nimport {\n useValidateTypescriptPropTypes,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useGetXstyledProps,\n} from '@elliemae/ds-utilities';\n\nimport { DSPageHeaderT, PageHeaderPropTypes, defaultProps } from '../react-desc-prop-types';\n\nexport const usePageHeader = (props: DSPageHeaderT.Props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, PageHeaderPropTypes);\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAwB;AACxB,0BAKO;AAEP,mCAAiE;AAE1D,MAAM,gBAAgB,CAAC,UAA+B;AAC3D,QAAM,wBAAoB,kDAA6B,OAAO,yCAAY;AAC1E,0DAA+B,mBAAmB,gDAAmB;AAErE,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,uBAAmB,4CAAuB,iBAAiB;AACjE,QAAM,mBAAe,wCAAmB,iBAAiB;AAEzD,QAAM,uBAAmB,sBAAQ,MAAM,cAAc,YAAY,4CAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,QAAM,kBAAc,sBAAQ,MAAM,SAAS,OAAO,4CAAC,QAAK,IAAK,SAAY,CAAC,MAAM,IAAI,CAAC;AAErF,QAAM,yBAAqB;AAAA,IACzB,MAAM,gBAAgB,cAAc,4CAAC,eAAY,IAAK;AAAA,IACtD,CAAC,aAAa,WAAW;AAAA,EAC3B;AAEA,QAAM,qBAAiB,sBAAQ,MAAM,YAAY,UAAU,4CAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,qBAAiB,sBAAQ,MAAM,YAAY,UAAU,4CAAC,WAAQ,IAAK,SAAY,CAAC,SAAS,OAAO,CAAC;AAEvG,QAAM,uBAAmB,sBAAQ,MAAM,cAAc,YAAY,4CAAC,aAAU,IAAK,SAAY,CAAC,WAAW,SAAS,CAAC;AAEnH,aAAO;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
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var data_test_ids_exports = {};
|
|
23
26
|
__export(data_test_ids_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/exported-related/data-test-ids.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const DSPageHeaderDataTestIds = {\n CONTAINER: 'ds-page-header-container',\n HEADER_TITLE: 'ds-page-header-title',\n EDITABLE_HEADER_TITLE: 'ds-page-header-editable-title',\n SUMMARY: 'ds-page-header-summary',\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,0BAA0B;AAAA,EACrC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,uBAAuB;AAAA,EACvB,SAAS;AACX;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -14,7 +14,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
14
14
|
return to;
|
|
15
15
|
};
|
|
16
16
|
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
18
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
19
|
+
mod
|
|
20
|
+
));
|
|
18
21
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
22
|
var exported_related_exports = {};
|
|
20
23
|
module.exports = __toCommonJS(exported_related_exports);
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export * from './data-test-ids';\nexport * from './theming';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,4BAAd;AACA,qCAAc,sBADd;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var theming_exports = {};
|
|
23
26
|
__export(theming_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/v2/exported-related/theming.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,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
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var react_desc_prop_types_exports = {};
|
|
23
26
|
__export(react_desc_prop_types_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/react-desc-prop-types.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAqD;AA0B9C,MAAM,sBAAsB;AAAA,EACjC,GAAG;AAAA,EAEH,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAE1F,aAAa,8BAAU,KACpB,YAAY,uBAAuB,EACnC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,aAAa,8BAAU,KAAK,YAAY,uBAAuB;AAAA,EAE/D,WAAW,8BAAU,KAClB,YAAY,2BAA2B,EACvC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAEjE,WAAW,8BAAU,KAClB,YAAY,sBAAsB,EAClC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,WAAW,8BAAU,KAAK,YAAY,sBAAsB;AAAA,EAG5D,SAAS,8BAAU,KAChB,YAAY,6BAA6B,EACzC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,8BAAU,KAAK,YAAY,6BAA6B;AAAA,EAEjE,SAAS,8BAAU,KAChB,YAAY,mBAAmB,EAC/B,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,SAAS,8BAAU,KAAK,YAAY,mBAAmB;AAAA,EAGvD,MAAM,8BAAU,KACb,YAAY,0BAA0B,EACtC,WAAW,EAAE,SAAS,qCAAqC,CAAC;AAAA,EAC/D,MAAM,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAE3D,qBAAqB,8BAAU,KAAK,YAAY,qCAAqC;AACvF;AAEO,MAAM,eAA2C;AAAA,EACtD,gBAAgB,CAAC;AAAA,EACjB,qBAAqB;AACvB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/v2/styled.js
CHANGED
|
@@ -17,7 +17,10 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
17
17
|
}
|
|
18
18
|
return to;
|
|
19
19
|
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
20
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
22
|
+
mod
|
|
23
|
+
));
|
|
21
24
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
22
25
|
var styled_exports = {};
|
|
23
26
|
__export(styled_exports, {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,8BAAoD;AAK7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,gBAAY,yBAAO,OAAO;AAAA,EACrC,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ;AAAA;AAG1E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|