@elliemae/ds-global-header 2.2.0-alpha.3 → 2.2.0-alpha.4
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/cjs/GlobalHeader.js +10 -10
- package/cjs/GlobalHeaderContainer.js +1 -1
- package/cjs/GlobalHeaderContext.js +2 -2
- package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +4 -4
- package/cjs/components/Breadcrumb/PureBreadcrumb.js +3 -3
- package/cjs/components/Title/GlobalHeaderTitle.js +2 -2
- package/cjs/components/Toolbar/GlobalHeaderToolbar.js +3 -3
- package/cjs/components/Toolbar/ToolbarItems.js +4 -4
- package/cjs/config/useGetPropsWithDefaults.js +2 -2
- package/cjs/config/useGlobalHeader.js +2 -2
- package/cjs/config/useValidateProps.js +1 -1
- package/cjs/index.js +2 -2
- package/cjs/outOfTheBox/AppPicker/AppPicker.js +5 -5
- package/cjs/outOfTheBox/PopupMenu/PopupMenu.js +4 -4
- package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +3 -3
- package/cjs/outOfTheBox/SearchToggle/SearchToggle.js +6 -6
- package/cjs/outOfTheBox/index.js +3 -3
- package/cjs/propTypes.js +1 -1
- package/cjs/styles.js +1 -1
- package/package.json +7 -7
package/cjs/GlobalHeader.js
CHANGED
|
@@ -32,16 +32,16 @@ __export(GlobalHeader_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_react = __toESM(require("react"));
|
|
35
|
-
var import_react_desc =
|
|
36
|
-
var import_propTypes =
|
|
37
|
-
var import_GlobalHeaderTitle =
|
|
38
|
-
var import_GlobalHeaderBreadcrumb =
|
|
39
|
-
var import_GlobalHeaderToolbar =
|
|
40
|
-
var import_GlobalHeaderContext =
|
|
41
|
-
var import_useGlobalHeader =
|
|
42
|
-
var import_defaultProps =
|
|
43
|
-
var import_GlobalHeaderContainer =
|
|
44
|
-
var import_useValidateProps =
|
|
35
|
+
var import_react_desc = require("react-desc");
|
|
36
|
+
var import_propTypes = require("./propTypes");
|
|
37
|
+
var import_GlobalHeaderTitle = require("./components/Title/GlobalHeaderTitle");
|
|
38
|
+
var import_GlobalHeaderBreadcrumb = require("./components/Breadcrumb/GlobalHeaderBreadcrumb");
|
|
39
|
+
var import_GlobalHeaderToolbar = require("./components/Toolbar/GlobalHeaderToolbar");
|
|
40
|
+
var import_GlobalHeaderContext = require("./GlobalHeaderContext");
|
|
41
|
+
var import_useGlobalHeader = require("./config/useGlobalHeader");
|
|
42
|
+
var import_defaultProps = require("./defaultProps");
|
|
43
|
+
var import_GlobalHeaderContainer = require("./GlobalHeaderContainer");
|
|
44
|
+
var import_useValidateProps = require("./config/useValidateProps");
|
|
45
45
|
const GlobalHeader = (props) => {
|
|
46
46
|
(0, import_useValidateProps.useValidateProps)(props);
|
|
47
47
|
const ctx = (0, import_useGlobalHeader.useGlobalHeader)(props);
|
|
@@ -31,7 +31,7 @@ __export(GlobalHeaderContainer_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_styles =
|
|
34
|
+
var import_styles = require("./styles");
|
|
35
35
|
const GlobalHeaderContainer = ({ children }) => /* @__PURE__ */ import_react.default.createElement("header", {
|
|
36
36
|
"data-testid": "ds-global-header"
|
|
37
37
|
}, /* @__PURE__ */ import_react.default.createElement(import_styles.Wrapper, {
|
|
@@ -30,8 +30,8 @@ __export(GlobalHeaderContext_exports, {
|
|
|
30
30
|
GlobalHeaderContext: () => GlobalHeaderContext
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_defaultProps =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_defaultProps = require("./defaultProps");
|
|
35
35
|
const noop = () => null;
|
|
36
36
|
const defaultContext = {
|
|
37
37
|
props: import_defaultProps.defaultProps,
|
|
@@ -31,10 +31,10 @@ __export(GlobalHeaderBreadcrumb_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_grid =
|
|
35
|
-
var import_styles =
|
|
36
|
-
var import_GlobalHeaderContext =
|
|
37
|
-
var import_PureBreadcrumb =
|
|
34
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
|
+
var import_styles = require("./styles");
|
|
36
|
+
var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
|
|
37
|
+
var import_PureBreadcrumb = require("./PureBreadcrumb");
|
|
38
38
|
const GlobalHeaderBreadcrumb = () => {
|
|
39
39
|
const {
|
|
40
40
|
props: { breadcrumb },
|
|
@@ -31,9 +31,9 @@ __export(PureBreadcrumb_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons =
|
|
35
|
-
var import_ds_props_helpers =
|
|
36
|
-
var import_styles =
|
|
34
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
+
var import_styles = require("./styles");
|
|
37
37
|
const PureBreadcrumb = import_react.default.memo(({ onClick, isSelected, length, label, hasNext, id, ...rest }) => /* @__PURE__ */ import_react.default.createElement(import_styles.BreadcrumbItem, null, /* @__PURE__ */ import_react.default.createElement(import_styles.LabelButton, {
|
|
38
38
|
onClick,
|
|
39
39
|
"aria-selected": isSelected,
|
|
@@ -31,8 +31,8 @@ __export(GlobalHeaderTitle_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_grid =
|
|
35
|
-
var import_GlobalHeaderContext =
|
|
34
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
|
+
var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
|
|
36
36
|
const GlobalHeaderTitle = () => {
|
|
37
37
|
const {
|
|
38
38
|
props: { Logo, LogoWithBrand },
|
|
@@ -31,9 +31,9 @@ __export(GlobalHeaderToolbar_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_grid =
|
|
35
|
-
var import_ToolbarItems =
|
|
36
|
-
var import_GlobalHeaderContext =
|
|
34
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
|
+
var import_ToolbarItems = require("./ToolbarItems");
|
|
36
|
+
var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
|
|
37
37
|
const GlobalHeaderToolbar = () => {
|
|
38
38
|
const { globalHeaderToolbarGrid } = (0, import_react.useContext)(import_GlobalHeaderContext.GlobalHeaderContext);
|
|
39
39
|
return /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
|
|
@@ -31,10 +31,10 @@ __export(ToolbarItems_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_outOfTheBox =
|
|
35
|
-
var import_styles =
|
|
36
|
-
var import_GlobalHeaderContext =
|
|
37
|
-
var import_ds_props_helpers =
|
|
34
|
+
var import_outOfTheBox = require("../../outOfTheBox");
|
|
35
|
+
var import_styles = require("./styles");
|
|
36
|
+
var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
|
|
37
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
38
|
const ToolbarItems = () => {
|
|
39
39
|
const {
|
|
40
40
|
props: { toolbar },
|
|
@@ -30,8 +30,8 @@ __export(useGetPropsWithDefaults_exports, {
|
|
|
30
30
|
useGetPropsWithDefaults: () => useGetPropsWithDefaults
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_react =
|
|
34
|
-
var import_defaultProps =
|
|
33
|
+
var import_react = require("react");
|
|
34
|
+
var import_defaultProps = require("../defaultProps");
|
|
35
35
|
const useGetPropsWithDefaults = (props) => {
|
|
36
36
|
const { toolbar, breadcrumb, Logo, LogoWithBrand } = props;
|
|
37
37
|
return (0, import_react.useMemo)(() => ({
|
|
@@ -31,8 +31,8 @@ __export(useGlobalHeader_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_uid =
|
|
35
|
-
var import_useGetPropsWithDefaults =
|
|
34
|
+
var import_uid = require("uid");
|
|
35
|
+
var import_useGetPropsWithDefaults = require("./useGetPropsWithDefaults");
|
|
36
36
|
const useGlobalHeader = (props) => {
|
|
37
37
|
const [showIconOnly, setShowIconOnly] = (0, import_react.useState)(false);
|
|
38
38
|
const instanceUID = (0, import_react.useMemo)(() => (0, import_uid.uid)(5), []);
|
|
@@ -30,7 +30,7 @@ __export(useValidateProps_exports, {
|
|
|
30
30
|
useValidateProps: () => useValidateProps
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
var import_validateHelpers =
|
|
33
|
+
var import_validateHelpers = require("./validateHelpers");
|
|
34
34
|
const validatePopupItem = (componentProps) => {
|
|
35
35
|
if (componentProps.options && !Array.isArray(componentProps.options)) {
|
|
36
36
|
(0, import_validateHelpers.throwToolbarPopupItemError)("options", componentProps.options);
|
package/cjs/index.js
CHANGED
|
@@ -30,7 +30,7 @@ __export(src_exports, {
|
|
|
30
30
|
default: () => import_GlobalHeader.GlobalHeader
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(src_exports,
|
|
34
|
-
var import_GlobalHeader =
|
|
33
|
+
__reExport(src_exports, require("./GlobalHeader"));
|
|
34
|
+
var import_GlobalHeader = require("./GlobalHeader");
|
|
35
35
|
module.exports = __toCommonJS(src_exports);
|
|
36
36
|
//# sourceMappingURL=index.js.map
|
|
@@ -31,11 +31,11 @@ __export(AppPicker_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_app_picker =
|
|
35
|
-
var import_ds_utilities =
|
|
36
|
-
var import_ds_icons =
|
|
37
|
-
var import_ds_props_helpers =
|
|
38
|
-
var import_styles =
|
|
34
|
+
var import_ds_app_picker = require("@elliemae/ds-app-picker");
|
|
35
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
36
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
|
+
var import_styles = require("../../components/Toolbar/styles");
|
|
39
39
|
const AppPicker = ({
|
|
40
40
|
label,
|
|
41
41
|
id,
|
|
@@ -31,10 +31,10 @@ __export(PopupMenu_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_popperjs =
|
|
35
|
-
var import_PopupMenuContent =
|
|
36
|
-
var import_styles =
|
|
37
|
-
var import_ds_props_helpers =
|
|
34
|
+
var import_ds_popperjs = require("@elliemae/ds-popperjs");
|
|
35
|
+
var import_PopupMenuContent = require("./PopupMenuContent");
|
|
36
|
+
var import_styles = require("../../components/Toolbar/styles");
|
|
37
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
38
38
|
const PopupMenu = ({ Icon, title, onClick, id, componentProps, ...otherProps }) => {
|
|
39
39
|
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
40
40
|
const [buttonRef, setButtonRef] = (0, import_react.useState)(null);
|
|
@@ -31,9 +31,9 @@ __export(PopupMenuContent_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_props_helpers =
|
|
35
|
-
var import_styles =
|
|
36
|
-
var import_GlobalHeaderContext =
|
|
34
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
35
|
+
var import_styles = require("./styles");
|
|
36
|
+
var import_GlobalHeaderContext = require("../../GlobalHeaderContext");
|
|
37
37
|
const PopupMenuContent = import_react.default.memo(({ options, onItemClick, onClose, popupOnKeyPress }) => {
|
|
38
38
|
const { instanceUID } = (0, import_react.useContext)(import_GlobalHeaderContext.GlobalHeaderContext);
|
|
39
39
|
const menuRef = (0, import_react.useRef)(null);
|
|
@@ -31,12 +31,12 @@ __export(SearchToggle_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icons =
|
|
35
|
-
var import_ds_props_helpers =
|
|
36
|
-
var import_ds_icon =
|
|
37
|
-
var import_ds_form =
|
|
38
|
-
var import_styles =
|
|
39
|
-
var import_styles2 =
|
|
34
|
+
var import_ds_icons = require("@elliemae/ds-icons");
|
|
35
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
|
+
var import_ds_icon = require("@elliemae/ds-icon");
|
|
37
|
+
var import_ds_form = require("@elliemae/ds-form");
|
|
38
|
+
var import_styles = require("./styles");
|
|
39
|
+
var import_styles2 = require("../../components/Toolbar/styles");
|
|
40
40
|
const SearchToggle = ({ id, componentProps, ...otherProps }) => {
|
|
41
41
|
const [isOpen, setIsOpen] = (0, import_react.useState)(false);
|
|
42
42
|
const inputRef = (0, import_react.useRef)(null);
|
package/cjs/outOfTheBox/index.js
CHANGED
|
@@ -23,8 +23,8 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
|
23
23
|
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
24
24
|
var outOfTheBox_exports = {};
|
|
25
25
|
var React = __toESM(require("react"));
|
|
26
|
-
__reExport(outOfTheBox_exports,
|
|
27
|
-
__reExport(outOfTheBox_exports,
|
|
28
|
-
__reExport(outOfTheBox_exports,
|
|
26
|
+
__reExport(outOfTheBox_exports, require("./AppPicker/AppPicker"));
|
|
27
|
+
__reExport(outOfTheBox_exports, require("./PopupMenu/PopupMenu"));
|
|
28
|
+
__reExport(outOfTheBox_exports, require("./SearchToggle/SearchToggle"));
|
|
29
29
|
module.exports = __toCommonJS(outOfTheBox_exports);
|
|
30
30
|
//# sourceMappingURL=index.js.map
|
package/cjs/propTypes.js
CHANGED
|
@@ -32,7 +32,7 @@ __export(propTypes_exports, {
|
|
|
32
32
|
toolbarItem: () => toolbarItem
|
|
33
33
|
});
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
|
-
var import_react_desc =
|
|
35
|
+
var import_react_desc = require("react-desc");
|
|
36
36
|
const breadcrumbItem = import_react_desc.PropTypes.shape({
|
|
37
37
|
label: import_react_desc.PropTypes.string.description("breadrcrumb item label"),
|
|
38
38
|
hasNext: import_react_desc.PropTypes.bool.description("whether the item has a child or not"),
|
package/cjs/styles.js
CHANGED
|
@@ -31,7 +31,7 @@ __export(styles_exports, {
|
|
|
31
31
|
});
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_styled_components = __toESM(require("styled-components"));
|
|
34
|
-
var import_ds_grid =
|
|
34
|
+
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
35
|
const Wrapper = (0, import_styled_components.default)(import_ds_grid.GridContainer)`
|
|
36
36
|
background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);
|
|
37
37
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-global-header",
|
|
3
|
-
"version": "2.2.0-alpha.
|
|
3
|
+
"version": "2.2.0-alpha.4",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Global Header",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -132,12 +132,12 @@
|
|
|
132
132
|
"build": "node ../../scripts/build/build.js"
|
|
133
133
|
},
|
|
134
134
|
"dependencies": {
|
|
135
|
-
"@elliemae/ds-app-picker": "2.2.0-alpha.
|
|
136
|
-
"@elliemae/ds-grid": "2.2.0-alpha.
|
|
137
|
-
"@elliemae/ds-icons": "2.2.0-alpha.
|
|
138
|
-
"@elliemae/ds-popperjs": "2.2.0-alpha.
|
|
139
|
-
"@elliemae/ds-props-helpers": "2.2.0-alpha.
|
|
140
|
-
"@elliemae/ds-utilities": "2.2.0-alpha.
|
|
135
|
+
"@elliemae/ds-app-picker": "2.2.0-alpha.4",
|
|
136
|
+
"@elliemae/ds-grid": "2.2.0-alpha.4",
|
|
137
|
+
"@elliemae/ds-icons": "2.2.0-alpha.4",
|
|
138
|
+
"@elliemae/ds-popperjs": "2.2.0-alpha.4",
|
|
139
|
+
"@elliemae/ds-props-helpers": "2.2.0-alpha.4",
|
|
140
|
+
"@elliemae/ds-utilities": "2.2.0-alpha.4",
|
|
141
141
|
"react-desc": "~4.1.3",
|
|
142
142
|
"uid": "~2.0.0"
|
|
143
143
|
},
|