@elliemae/ds-global-header 2.3.0-next.3 → 3.0.0-alpha.0
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/GlobalHeader.js +57 -0
- package/dist/cjs/GlobalHeader.js.map +7 -0
- package/dist/cjs/GlobalHeaderContainer.js +41 -0
- package/dist/cjs/GlobalHeaderContainer.js.map +7 -0
- package/dist/cjs/GlobalHeaderContext.js +46 -0
- package/dist/cjs/GlobalHeaderContext.js.map +7 -0
- package/dist/cjs/GlobalHeaderTypes.js +27 -0
- package/dist/cjs/GlobalHeaderTypes.js.map +7 -0
- package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +85 -0
- package/dist/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +7 -0
- package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js +51 -0
- package/dist/cjs/components/Breadcrumb/PureBreadcrumb.js.map +7 -0
- package/dist/cjs/components/Breadcrumb/styles.js +83 -0
- package/dist/cjs/components/Breadcrumb/styles.js.map +7 -0
- package/dist/cjs/components/Title/GlobalHeaderTitle.js +48 -0
- package/dist/cjs/components/Title/GlobalHeaderTitle.js.map +7 -0
- package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js +49 -0
- package/dist/cjs/components/Toolbar/GlobalHeaderToolbar.js.map +7 -0
- package/dist/cjs/components/Toolbar/ToolbarItems.js +96 -0
- package/dist/cjs/components/Toolbar/ToolbarItems.js.map +7 -0
- package/dist/cjs/components/Toolbar/styles.js +61 -0
- package/dist/cjs/components/Toolbar/styles.js.map +7 -0
- package/dist/cjs/config/useGetPropsWithDefaults.js +43 -0
- package/dist/cjs/config/useGetPropsWithDefaults.js.map +7 -0
- package/dist/cjs/config/useGlobalHeader.js +53 -0
- package/dist/cjs/config/useGlobalHeader.js.map +7 -0
- package/dist/cjs/config/useValidateProps.js +109 -0
- package/dist/cjs/config/useValidateProps.js.map +7 -0
- package/dist/cjs/config/validateHelpers.js +111 -0
- package/dist/cjs/config/validateHelpers.js.map +7 -0
- package/dist/cjs/defaultProps.js +41 -0
- package/dist/cjs/defaultProps.js.map +7 -0
- package/dist/cjs/index.js +36 -0
- package/dist/cjs/index.js.map +7 -0
- package/dist/cjs/outOfTheBox/AppPicker/AppPicker.js +110 -0
- package/dist/cjs/outOfTheBox/AppPicker/AppPicker.js.map +7 -0
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js +96 -0
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenu.js.map +7 -0
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +89 -0
- package/dist/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js.map +7 -0
- package/dist/cjs/outOfTheBox/PopupMenu/styles.js +67 -0
- package/dist/cjs/outOfTheBox/PopupMenu/styles.js.map +7 -0
- package/dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js +108 -0
- package/dist/cjs/outOfTheBox/SearchToggle/SearchToggle.js.map +7 -0
- package/dist/cjs/outOfTheBox/SearchToggle/styles.js +82 -0
- package/dist/cjs/outOfTheBox/SearchToggle/styles.js.map +7 -0
- package/dist/cjs/outOfTheBox/index.js +30 -0
- package/dist/cjs/outOfTheBox/index.js.map +7 -0
- package/dist/cjs/propTypes.js +56 -0
- package/dist/cjs/propTypes.js.map +7 -0
- package/dist/cjs/styles.js +43 -0
- package/dist/cjs/styles.js.map +7 -0
- package/dist/esm/GlobalHeader.js +28 -0
- package/dist/esm/GlobalHeader.js.map +7 -0
- package/dist/esm/GlobalHeaderContainer.js +12 -0
- package/dist/esm/GlobalHeaderContainer.js.map +7 -0
- package/dist/esm/GlobalHeaderContext.js +17 -0
- package/dist/esm/GlobalHeaderContext.js.map +7 -0
- package/dist/esm/GlobalHeaderTypes.js +2 -0
- package/dist/esm/GlobalHeaderTypes.js.map +7 -0
- package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +56 -0
- package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map +7 -0
- package/dist/esm/components/Breadcrumb/PureBreadcrumb.js +22 -0
- package/dist/esm/components/Breadcrumb/PureBreadcrumb.js.map +7 -0
- package/dist/esm/components/Breadcrumb/styles.js +54 -0
- package/dist/esm/components/Breadcrumb/styles.js.map +7 -0
- package/dist/esm/components/Title/GlobalHeaderTitle.js +19 -0
- package/dist/esm/components/Title/GlobalHeaderTitle.js.map +7 -0
- package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js +20 -0
- package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js.map +7 -0
- package/dist/esm/components/Toolbar/ToolbarItems.js +67 -0
- package/dist/esm/components/Toolbar/ToolbarItems.js.map +7 -0
- package/dist/esm/components/Toolbar/styles.js +32 -0
- package/dist/esm/components/Toolbar/styles.js.map +7 -0
- package/dist/esm/config/useGetPropsWithDefaults.js +14 -0
- package/dist/esm/config/useGetPropsWithDefaults.js.map +7 -0
- package/dist/esm/config/useGlobalHeader.js +24 -0
- package/dist/esm/config/useGlobalHeader.js.map +7 -0
- package/dist/esm/config/useValidateProps.js +88 -0
- package/dist/esm/config/useValidateProps.js.map +7 -0
- package/dist/esm/config/validateHelpers.js +82 -0
- package/dist/esm/config/validateHelpers.js.map +7 -0
- package/{esm → dist/esm}/defaultProps.js +5 -3
- package/dist/esm/defaultProps.js.map +7 -0
- package/dist/esm/index.js +7 -0
- package/dist/esm/index.js.map +7 -0
- package/dist/esm/outOfTheBox/AppPicker/AppPicker.js +81 -0
- package/dist/esm/outOfTheBox/AppPicker/AppPicker.js.map +7 -0
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js +67 -0
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenu.js.map +7 -0
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +60 -0
- package/dist/esm/outOfTheBox/PopupMenu/PopupMenuContent.js.map +7 -0
- package/dist/esm/outOfTheBox/PopupMenu/styles.js +38 -0
- package/dist/esm/outOfTheBox/PopupMenu/styles.js.map +7 -0
- package/dist/esm/outOfTheBox/SearchToggle/SearchToggle.js +79 -0
- package/dist/esm/outOfTheBox/SearchToggle/SearchToggle.js.map +7 -0
- package/dist/esm/outOfTheBox/SearchToggle/styles.js +53 -0
- package/dist/esm/outOfTheBox/SearchToggle/styles.js.map +7 -0
- package/dist/esm/outOfTheBox/index.js +5 -0
- package/dist/esm/outOfTheBox/index.js.map +7 -0
- package/dist/esm/propTypes.js +27 -0
- package/dist/esm/propTypes.js.map +7 -0
- package/dist/esm/styles.js +14 -0
- package/dist/esm/styles.js.map +7 -0
- package/{types → dist/types}/GlobalHeader.d.ts +0 -0
- package/{types → dist/types}/GlobalHeaderContainer.d.ts +0 -0
- package/{types → dist/types}/GlobalHeaderContext.d.ts +0 -0
- package/{types → dist/types}/GlobalHeaderTypes.d.ts +0 -0
- package/{types → dist/types}/components/Breadcrumb/GlobalHeaderBreadcrumb.d.ts +0 -0
- package/{types → dist/types}/components/Breadcrumb/PureBreadcrumb.d.ts +0 -0
- package/{types → dist/types}/components/Breadcrumb/styles.d.ts +0 -0
- package/{types → dist/types}/components/Title/GlobalHeaderTitle.d.ts +0 -0
- package/{types → dist/types}/components/Toolbar/GlobalHeaderToolbar.d.ts +0 -0
- package/{types → dist/types}/components/Toolbar/ToolbarItems.d.ts +0 -0
- package/{types → dist/types}/components/Toolbar/styles.d.ts +0 -0
- package/{types → dist/types}/config/useGetPropsWithDefaults.d.ts +0 -0
- package/{types → dist/types}/config/useGlobalHeader.d.ts +0 -0
- package/{types → dist/types}/config/useValidateProps.d.ts +0 -0
- package/{types → dist/types}/config/validateHelpers.d.ts +0 -0
- package/{types → dist/types}/defaultProps.d.ts +0 -0
- package/{types → dist/types}/index.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/AppPicker/AppPicker.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/PopupMenu/PopupMenu.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/PopupMenu/PopupMenuContent.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/PopupMenu/styles.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/SearchToggle/SearchToggle.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/SearchToggle/styles.d.ts +0 -0
- package/{types → dist/types}/outOfTheBox/index.d.ts +0 -0
- package/{types → dist/types}/propTypes.d.ts +0 -0
- package/{types → dist/types}/styles.d.ts +1 -1
- package/package.json +81 -71
- package/cjs/GlobalHeader.js +0 -37
- package/cjs/GlobalHeaderContainer.js +0 -24
- package/cjs/GlobalHeaderContext.js +0 -20
- package/cjs/GlobalHeaderTypes.js +0 -2
- package/cjs/components/Breadcrumb/GlobalHeaderBreadcrumb.js +0 -85
- package/cjs/components/Breadcrumb/PureBreadcrumb.js +0 -60
- package/cjs/components/Breadcrumb/styles.js +0 -59
- package/cjs/components/Title/GlobalHeaderTitle.js +0 -29
- package/cjs/components/Toolbar/GlobalHeaderToolbar.js +0 -30
- package/cjs/components/Toolbar/ToolbarItems.js +0 -107
- package/cjs/components/Toolbar/styles.js +0 -25
- package/cjs/config/useGetPropsWithDefaults.js +0 -31
- package/cjs/config/useGlobalHeader.js +0 -39
- package/cjs/config/useValidateProps.js +0 -92
- package/cjs/config/validateHelpers.js +0 -57
- package/cjs/defaultProps.js +0 -14
- package/cjs/index.js +0 -11
- package/cjs/outOfTheBox/AppPicker/AppPicker.js +0 -117
- package/cjs/outOfTheBox/PopupMenu/PopupMenu.js +0 -101
- package/cjs/outOfTheBox/PopupMenu/PopupMenuContent.js +0 -96
- package/cjs/outOfTheBox/PopupMenu/styles.js +0 -32
- package/cjs/outOfTheBox/SearchToggle/SearchToggle.js +0 -113
- package/cjs/outOfTheBox/SearchToggle/styles.js +0 -15
- package/cjs/outOfTheBox/index.js +0 -13
- package/cjs/propTypes.js +0 -29
- package/cjs/styles.js +0 -21
- package/esm/GlobalHeader.js +0 -28
- package/esm/GlobalHeaderContainer.js +0 -16
- package/esm/GlobalHeaderContext.js +0 -16
- package/esm/GlobalHeaderTypes.js +0 -1
- package/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js +0 -75
- package/esm/components/Breadcrumb/PureBreadcrumb.js +0 -49
- package/esm/components/Breadcrumb/styles.js +0 -48
- package/esm/components/Title/GlobalHeaderTitle.js +0 -21
- package/esm/components/Toolbar/GlobalHeaderToolbar.js +0 -22
- package/esm/components/Toolbar/ToolbarItems.js +0 -97
- package/esm/components/Toolbar/styles.js +0 -17
- package/esm/config/useGetPropsWithDefaults.js +0 -23
- package/esm/config/useGlobalHeader.js +0 -31
- package/esm/config/useValidateProps.js +0 -88
- package/esm/config/validateHelpers.js +0 -44
- package/esm/index.js +0 -1
- package/esm/outOfTheBox/AppPicker/AppPicker.js +0 -107
- package/esm/outOfTheBox/PopupMenu/PopupMenu.js +0 -91
- package/esm/outOfTheBox/PopupMenu/PopupMenuContent.js +0 -86
- package/esm/outOfTheBox/PopupMenu/styles.js +0 -21
- package/esm/outOfTheBox/SearchToggle/SearchToggle.js +0 -103
- package/esm/outOfTheBox/SearchToggle/styles.js +0 -7
- package/esm/outOfTheBox/index.js +0 -3
- package/esm/propTypes.js +0 -23
- package/esm/styles.js +0 -13
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
14
|
-
var React = require('react');
|
|
15
|
-
var dsAppPicker = require('@elliemae/ds-app-picker');
|
|
16
|
-
var dsUtilities = require('@elliemae/ds-utilities');
|
|
17
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
18
|
-
var styles = require('../../components/Toolbar/styles.js');
|
|
19
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
20
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
21
|
-
|
|
22
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
23
|
-
|
|
24
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
25
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
26
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
27
|
-
|
|
28
|
-
var _MenuPicker;
|
|
29
|
-
|
|
30
|
-
const _excluded = ["label", "id", "componentProps"];
|
|
31
|
-
|
|
32
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
33
|
-
|
|
34
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
35
|
-
const AppPicker = _ref => {
|
|
36
|
-
let {
|
|
37
|
-
label,
|
|
38
|
-
id,
|
|
39
|
-
componentProps
|
|
40
|
-
} = _ref,
|
|
41
|
-
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
42
|
-
|
|
43
|
-
const [isOpen, setIsOpen] = React.useState(false);
|
|
44
|
-
const buttonRef = React.useRef(null);
|
|
45
|
-
const {
|
|
46
|
-
apps,
|
|
47
|
-
icon,
|
|
48
|
-
customApps,
|
|
49
|
-
sectionTitle,
|
|
50
|
-
customSectionTitle,
|
|
51
|
-
actionRef,
|
|
52
|
-
isOpen: userIsOpen,
|
|
53
|
-
onKeyDown: userOnKeyDown,
|
|
54
|
-
onClickOutside: userOnClickOutside,
|
|
55
|
-
renderTrigger: userRenderTrigger,
|
|
56
|
-
onClose,
|
|
57
|
-
triggerRef,
|
|
58
|
-
triggerOnClick
|
|
59
|
-
} = componentProps;
|
|
60
|
-
const handleTriggerKeyDown = React.useCallback(e => {
|
|
61
|
-
if (e.code === 'Enter' || e.code === 'Space') {
|
|
62
|
-
setIsOpen(true);
|
|
63
|
-
}
|
|
64
|
-
}, []);
|
|
65
|
-
const handleAppPickerOnKeyDown = React.useCallback(e => {
|
|
66
|
-
if (e.code === 'Escape') {
|
|
67
|
-
var _buttonRef$current;
|
|
68
|
-
|
|
69
|
-
setIsOpen(false);
|
|
70
|
-
buttonRef === null || buttonRef === void 0 ? void 0 : (_buttonRef$current = buttonRef.current) === null || _buttonRef$current === void 0 ? void 0 : _buttonRef$current.focus();
|
|
71
|
-
}
|
|
72
|
-
}, []);
|
|
73
|
-
const handleOnClickOutside = React.useCallback(() => {
|
|
74
|
-
setIsOpen(false);
|
|
75
|
-
}, []);
|
|
76
|
-
const handleOnClick = React.useCallback(() => {
|
|
77
|
-
setIsOpen(true);
|
|
78
|
-
}, []);
|
|
79
|
-
const renderTrigger = React.useMemo(() => _ref2 => {
|
|
80
|
-
let {
|
|
81
|
-
ref
|
|
82
|
-
} = _ref2;
|
|
83
|
-
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
84
|
-
ref: ref,
|
|
85
|
-
children: /*#__PURE__*/jsxRuntime.jsx(styles.Button, _objectSpread(_objectSpread({
|
|
86
|
-
onClick: triggerOnClick !== null && triggerOnClick !== void 0 ? triggerOnClick : handleOnClick,
|
|
87
|
-
onKeyDown: handleTriggerKeyDown,
|
|
88
|
-
ref: dsUtilities.mergeRefs(buttonRef, triggerRef),
|
|
89
|
-
title: label,
|
|
90
|
-
"data-testid": "gh-toolbar-item",
|
|
91
|
-
id: id
|
|
92
|
-
}, dsPropsHelpers.getDataProps(otherProps)), {}, {
|
|
93
|
-
children: _MenuPicker || (_MenuPicker = /*#__PURE__*/_jsx__default["default"](dsIcons.MenuPicker, {
|
|
94
|
-
fill: "#FFF",
|
|
95
|
-
width: 20.73,
|
|
96
|
-
height: 20.73
|
|
97
|
-
}))
|
|
98
|
-
}))
|
|
99
|
-
});
|
|
100
|
-
}, [triggerOnClick, handleOnClick, handleTriggerKeyDown, triggerRef, label, id, otherProps]);
|
|
101
|
-
return /*#__PURE__*/_jsx__default["default"](dsAppPicker.DSAppPicker, {
|
|
102
|
-
apps: apps,
|
|
103
|
-
customApps: customApps,
|
|
104
|
-
sectionTitle: sectionTitle,
|
|
105
|
-
customSectionTitle: customSectionTitle,
|
|
106
|
-
icon: icon,
|
|
107
|
-
onKeyDown: userOnKeyDown !== null && userOnKeyDown !== void 0 ? userOnKeyDown : handleAppPickerOnKeyDown,
|
|
108
|
-
actionRef: actionRef,
|
|
109
|
-
onClickOutside: userOnClickOutside !== null && userOnClickOutside !== void 0 ? userOnClickOutside : handleOnClickOutside,
|
|
110
|
-
renderTrigger: userRenderTrigger !== null && userRenderTrigger !== void 0 ? userRenderTrigger : renderTrigger,
|
|
111
|
-
isOpen: userIsOpen !== null && userIsOpen !== void 0 ? userIsOpen : isOpen,
|
|
112
|
-
onClose: onClose,
|
|
113
|
-
triggerRef: triggerRef
|
|
114
|
-
});
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
exports.AppPicker = AppPicker;
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
14
|
-
var React = require('react');
|
|
15
|
-
var dsPopperjs = require('@elliemae/ds-popperjs');
|
|
16
|
-
var PopupMenuContent = require('./PopupMenuContent.js');
|
|
17
|
-
var styles = require('../../components/Toolbar/styles.js');
|
|
18
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
19
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
20
|
-
|
|
21
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
22
|
-
|
|
23
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
25
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
26
|
-
|
|
27
|
-
const _excluded = ["Icon", "title", "onClick", "id", "componentProps"];
|
|
28
|
-
|
|
29
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
30
|
-
|
|
31
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
32
|
-
const PopupMenu = _ref => {
|
|
33
|
-
var _PopupMenuContent;
|
|
34
|
-
|
|
35
|
-
let {
|
|
36
|
-
Icon,
|
|
37
|
-
title,
|
|
38
|
-
onClick,
|
|
39
|
-
id,
|
|
40
|
-
componentProps
|
|
41
|
-
} = _ref,
|
|
42
|
-
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
43
|
-
|
|
44
|
-
const [isOpen, setIsOpen] = React.useState(false);
|
|
45
|
-
const [buttonRef, setButtonRef] = React.useState(null);
|
|
46
|
-
const {
|
|
47
|
-
onClickOutside = () => null,
|
|
48
|
-
onKeyPress,
|
|
49
|
-
popupOnKeyPress,
|
|
50
|
-
isOpen: userIsOpen,
|
|
51
|
-
options,
|
|
52
|
-
closeOnClick
|
|
53
|
-
} = componentProps;
|
|
54
|
-
const handleKeyPress = React.useCallback(e => {
|
|
55
|
-
if (e.code === 'Enter' || e.code === 'Space') {
|
|
56
|
-
setIsOpen(true);
|
|
57
|
-
}
|
|
58
|
-
|
|
59
|
-
if (onKeyPress) onKeyPress(e);
|
|
60
|
-
}, [onKeyPress]);
|
|
61
|
-
const handleOnClose = React.useCallback(() => {
|
|
62
|
-
if (userIsOpen === undefined) {
|
|
63
|
-
setIsOpen(false);
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
buttonRef === null || buttonRef === void 0 ? void 0 : buttonRef.focus();
|
|
67
|
-
}, [buttonRef, userIsOpen]);
|
|
68
|
-
const handleTriggerOnClick = React.useCallback(e => {
|
|
69
|
-
if (userIsOpen === undefined) setIsOpen(true);
|
|
70
|
-
onClick(e);
|
|
71
|
-
}, [onClick, userIsOpen]);
|
|
72
|
-
const handleItemClick = React.useCallback(() => {
|
|
73
|
-
if (closeOnClick && userIsOpen === undefined) handleOnClose();
|
|
74
|
-
}, [closeOnClick, handleOnClose, userIsOpen]);
|
|
75
|
-
const content = React.useMemo(() => _PopupMenuContent || (_PopupMenuContent = /*#__PURE__*/_jsx__default["default"](PopupMenuContent.PopupMenuContent, {
|
|
76
|
-
options: options,
|
|
77
|
-
onItemClick: handleItemClick,
|
|
78
|
-
onClose: handleOnClose,
|
|
79
|
-
popupOnKeyPress: popupOnKeyPress
|
|
80
|
-
})), [options, handleItemClick, handleOnClose, popupOnKeyPress]);
|
|
81
|
-
return /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, /*#__PURE__*/jsxRuntime.jsx(styles.Button, _objectSpread(_objectSpread({
|
|
82
|
-
onClick: handleTriggerOnClick,
|
|
83
|
-
onKeyPress: handleKeyPress,
|
|
84
|
-
title: title,
|
|
85
|
-
ref: setButtonRef,
|
|
86
|
-
"data-testid": "gh-toolbar-item",
|
|
87
|
-
id: id
|
|
88
|
-
}, dsPropsHelpers.getDataProps(otherProps)), {}, {
|
|
89
|
-
children: Icon && /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
90
|
-
fill: "#FFF",
|
|
91
|
-
size: "m"
|
|
92
|
-
})
|
|
93
|
-
})), /*#__PURE__*/_jsx__default["default"](dsPopperjs.DSPopperJS, {
|
|
94
|
-
referenceElement: buttonRef,
|
|
95
|
-
showPopover: userIsOpen !== null && userIsOpen !== void 0 ? userIsOpen : isOpen,
|
|
96
|
-
closeContextMenu: handleOnClose,
|
|
97
|
-
onClickOutside: onClickOutside
|
|
98
|
-
}, void 0, content));
|
|
99
|
-
};
|
|
100
|
-
|
|
101
|
-
exports.PopupMenu = PopupMenu;
|
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
7
|
-
require('core-js/modules/esnext.async-iterator.map.js');
|
|
8
|
-
require('core-js/modules/esnext.iterator.map.js');
|
|
9
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
14
|
-
var React = require('react');
|
|
15
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
16
|
-
var styles = require('./styles.js');
|
|
17
|
-
var GlobalHeaderContext = require('../../GlobalHeaderContext.js');
|
|
18
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
19
|
-
|
|
20
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
21
|
-
|
|
22
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
23
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
24
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
25
|
-
|
|
26
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
-
|
|
28
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
-
const PopupMenuContent = /*#__PURE__*/React__default["default"].memo(_ref => {
|
|
30
|
-
let {
|
|
31
|
-
options,
|
|
32
|
-
onItemClick,
|
|
33
|
-
onClose,
|
|
34
|
-
popupOnKeyPress
|
|
35
|
-
} = _ref;
|
|
36
|
-
const {
|
|
37
|
-
instanceUID
|
|
38
|
-
} = React.useContext(GlobalHeaderContext.GlobalHeaderContext);
|
|
39
|
-
const menuRef = React.useRef(null);
|
|
40
|
-
React.useEffect(() => {
|
|
41
|
-
var _menuRef$current, _menuRef$current$firs;
|
|
42
|
-
|
|
43
|
-
(_menuRef$current = menuRef.current) === null || _menuRef$current === void 0 ? void 0 : (_menuRef$current$firs = _menuRef$current.firstChild) === null || _menuRef$current$firs === void 0 ? void 0 : _menuRef$current$firs.focus();
|
|
44
|
-
}, []);
|
|
45
|
-
const content = React.useMemo(() => options.map(option => {
|
|
46
|
-
const {
|
|
47
|
-
type,
|
|
48
|
-
Icon,
|
|
49
|
-
label = '',
|
|
50
|
-
onClick,
|
|
51
|
-
Content,
|
|
52
|
-
id
|
|
53
|
-
} = option;
|
|
54
|
-
|
|
55
|
-
const ariaAndDataProps = _objectSpread(_objectSpread({}, dsPropsHelpers.getAriaProps(option)), dsPropsHelpers.getDataProps(option));
|
|
56
|
-
|
|
57
|
-
const handleClick = e => {
|
|
58
|
-
onItemClick(e);
|
|
59
|
-
if (onClick) onClick(e);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
const handleKeyDown = e => {
|
|
63
|
-
if (e.code === 'Escape') onClose();
|
|
64
|
-
if (popupOnKeyPress) popupOnKeyPress(e);
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
switch (type) {
|
|
68
|
-
case 'separator':
|
|
69
|
-
return /*#__PURE__*/jsxRuntime.jsx(styles.Separator, _objectSpread({}, ariaAndDataProps), "".concat(instanceUID, "-separator-").concat(label));
|
|
70
|
-
|
|
71
|
-
case 'custom':
|
|
72
|
-
return /*#__PURE__*/jsxRuntime.jsx(styles.ItemWrapper, _objectSpread(_objectSpread({
|
|
73
|
-
onClick: handleClick,
|
|
74
|
-
onKeyDown: handleKeyDown,
|
|
75
|
-
id: id
|
|
76
|
-
}, ariaAndDataProps), {}, {
|
|
77
|
-
children: Content && /*#__PURE__*/_jsx__default["default"](Content, {})
|
|
78
|
-
}), "".concat(instanceUID, "-popup-").concat(label));
|
|
79
|
-
|
|
80
|
-
default:
|
|
81
|
-
return /*#__PURE__*/jsxRuntime.jsxs(styles.ItemWrapper, _objectSpread(_objectSpread({
|
|
82
|
-
onClick: handleClick,
|
|
83
|
-
onKeyDown: handleKeyDown,
|
|
84
|
-
id: id
|
|
85
|
-
}, ariaAndDataProps), {}, {
|
|
86
|
-
children: [Icon && /*#__PURE__*/_jsx__default["default"](Icon, {}), styles.Label && /*#__PURE__*/_jsx__default["default"](styles.Label, {}, void 0, label)]
|
|
87
|
-
}), "".concat(instanceUID, "-popup-").concat(label));
|
|
88
|
-
}
|
|
89
|
-
}), [options, onItemClick, onClose, popupOnKeyPress, instanceUID]);
|
|
90
|
-
return /*#__PURE__*/jsxRuntime.jsx(styles.List, {
|
|
91
|
-
ref: menuRef,
|
|
92
|
-
children: content
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
|
|
96
|
-
exports.PopupMenuContent = PopupMenuContent;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
10
|
-
|
|
11
|
-
const List = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
12
|
-
componentId: "sc-snqcgs-0"
|
|
13
|
-
})(["padding:5px 0px;background:white;"]);
|
|
14
|
-
const ItemWrapper = /*#__PURE__*/styled__default["default"].button.withConfig({
|
|
15
|
-
componentId: "sc-snqcgs-1"
|
|
16
|
-
})(["display:flex;align-items:center;justify-content:center;width:100%;padding:0 20px;cursor:pointer;border:1px solid transparent;background-color:transparent;outline:none;:hover,:focus{border:", ";}"], _ref => {
|
|
17
|
-
let {
|
|
18
|
-
theme
|
|
19
|
-
} = _ref;
|
|
20
|
-
return "1px solid ".concat(theme.colors.brand[600]);
|
|
21
|
-
});
|
|
22
|
-
const Label = /*#__PURE__*/styled__default["default"].p.withConfig({
|
|
23
|
-
componentId: "sc-snqcgs-2"
|
|
24
|
-
})(["width:100%;font-size:14px;margin:10px;"]);
|
|
25
|
-
const Separator = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
26
|
-
componentId: "sc-snqcgs-3"
|
|
27
|
-
})(["width:100%;border:none;border-bottom:1px solid #ccc;"]);
|
|
28
|
-
|
|
29
|
-
exports.ItemWrapper = ItemWrapper;
|
|
30
|
-
exports.Label = Label;
|
|
31
|
-
exports.List = List;
|
|
32
|
-
exports.Separator = Separator;
|
|
@@ -1,113 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
7
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
8
|
-
require('core-js/modules/web.dom-collections.iterator.js');
|
|
9
|
-
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
10
|
-
require('core-js/modules/esnext.iterator.constructor.js');
|
|
11
|
-
require('core-js/modules/esnext.iterator.filter.js');
|
|
12
|
-
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
13
|
-
require('core-js/modules/esnext.iterator.for-each.js');
|
|
14
|
-
var React = require('react');
|
|
15
|
-
var dsIcons = require('@elliemae/ds-icons');
|
|
16
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
17
|
-
var dsIcon = require('@elliemae/ds-icon');
|
|
18
|
-
var dsForm = require('@elliemae/ds-form');
|
|
19
|
-
var styles = require('./styles.js');
|
|
20
|
-
var styles$1 = require('../../components/Toolbar/styles.js');
|
|
21
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
22
|
-
|
|
23
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
24
|
-
|
|
25
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
26
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
27
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
28
|
-
|
|
29
|
-
const _excluded = ["id", "componentProps"];
|
|
30
|
-
|
|
31
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
32
|
-
|
|
33
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
34
|
-
const SearchToggle = _ref => {
|
|
35
|
-
let {
|
|
36
|
-
id,
|
|
37
|
-
componentProps
|
|
38
|
-
} = _ref,
|
|
39
|
-
otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
40
|
-
|
|
41
|
-
const [isOpen, setIsOpen] = React.useState(false);
|
|
42
|
-
const inputRef = React.useRef(null);
|
|
43
|
-
const triggerRef = React.useRef(null);
|
|
44
|
-
const containerRef = React.useRef(null);
|
|
45
|
-
const {
|
|
46
|
-
onNext,
|
|
47
|
-
onPrevious,
|
|
48
|
-
currentResultIndex,
|
|
49
|
-
totalResults,
|
|
50
|
-
placeholder,
|
|
51
|
-
value,
|
|
52
|
-
onChange,
|
|
53
|
-
onBlur,
|
|
54
|
-
onClear,
|
|
55
|
-
isOpen: userIsOpen,
|
|
56
|
-
onKeyDown,
|
|
57
|
-
onClick
|
|
58
|
-
} = componentProps;
|
|
59
|
-
const handleOnClick = React.useCallback(e => {
|
|
60
|
-
if (userIsOpen === undefined) setIsOpen(true);
|
|
61
|
-
if (onClick) onClick(e);
|
|
62
|
-
}, [onClick, userIsOpen]);
|
|
63
|
-
const handleOnKeyDown = React.useCallback(e => {
|
|
64
|
-
if (userIsOpen === undefined) {
|
|
65
|
-
if (e.code === 'Escape') {
|
|
66
|
-
setIsOpen(false);
|
|
67
|
-
setTimeout(() => {
|
|
68
|
-
var _triggerRef$current;
|
|
69
|
-
|
|
70
|
-
return (_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
if (onKeyDown) onKeyDown(e);
|
|
76
|
-
}, [onKeyDown, userIsOpen]);
|
|
77
|
-
const handleOnBlur = React.useCallback(() => {
|
|
78
|
-
setTimeout(() => {
|
|
79
|
-
var _containerRef$current;
|
|
80
|
-
|
|
81
|
-
const contains = (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.contains(document.activeElement);
|
|
82
|
-
if (value === '' && !contains) setIsOpen(false);
|
|
83
|
-
});
|
|
84
|
-
}, [value]);
|
|
85
|
-
return userIsOpen || isOpen ? /*#__PURE__*/jsxRuntime.jsx(styles.StyledNavSearchBoxContainer, {
|
|
86
|
-
onKeyDown: handleOnKeyDown,
|
|
87
|
-
ref: containerRef,
|
|
88
|
-
onBlur: handleOnBlur,
|
|
89
|
-
children: /*#__PURE__*/_jsx__default["default"](dsForm.DSNavSearchBox, {
|
|
90
|
-
onNext: onNext,
|
|
91
|
-
onPrevious: onPrevious,
|
|
92
|
-
currentResultIndex: currentResultIndex,
|
|
93
|
-
totalResults: totalResults,
|
|
94
|
-
onClear: onClear,
|
|
95
|
-
placeholder: placeholder,
|
|
96
|
-
onChange: onChange,
|
|
97
|
-
value: value,
|
|
98
|
-
onBlur: onBlur,
|
|
99
|
-
innerRef: inputRef,
|
|
100
|
-
autoFocus: true
|
|
101
|
-
})
|
|
102
|
-
}) : /*#__PURE__*/jsxRuntime.jsx(styles$1.Button, _objectSpread(_objectSpread({
|
|
103
|
-
onClick: handleOnClick,
|
|
104
|
-
ref: triggerRef,
|
|
105
|
-
id: id
|
|
106
|
-
}, dsPropsHelpers.getDataProps(otherProps)), {}, {
|
|
107
|
-
children: /*#__PURE__*/_jsx__default["default"](dsIcons.Search, {
|
|
108
|
-
color: dsIcon.DSIconColors.WHITE
|
|
109
|
-
})
|
|
110
|
-
}));
|
|
111
|
-
};
|
|
112
|
-
|
|
113
|
-
exports.SearchToggle = SearchToggle;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
10
|
-
|
|
11
|
-
const StyledNavSearchBoxContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
12
|
-
componentId: "sc-1dlcqwh-0"
|
|
13
|
-
})(["background:white;position:relative;min-width:260px;& .em-ds-button{margin-right:2px;height:24px;width:24px;}& .em-ds-input{border:none;outline:none;box-shadow:none;}& .em-ds-input:focus{border:none;box-shadow:none;}& .em-ds-input.em-ds-input--clearable:hover{border:none;outline:none;box-shadow:none;}& .em-ds-input-addon-wrapper{box-shadow:none;}& .em-ds-input-addon-wrapper:hover{outline:none;}& .em-ds-input-addon-wrapper__addon:hover{outline:none;}& .em-ds-input:not(.floating-label-input-controller):hover:active{border:none;outline:none;box-shadow:none;}"]);
|
|
14
|
-
|
|
15
|
-
exports.StyledNavSearchBoxContainer = StyledNavSearchBoxContainer;
|
package/cjs/outOfTheBox/index.js
DELETED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var AppPicker = require('./AppPicker/AppPicker.js');
|
|
6
|
-
var PopupMenu = require('./PopupMenu/PopupMenu.js');
|
|
7
|
-
var SearchToggle = require('./SearchToggle/SearchToggle.js');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
exports.AppPicker = AppPicker.AppPicker;
|
|
12
|
-
exports.PopupMenu = PopupMenu.PopupMenu;
|
|
13
|
-
exports.SearchToggle = SearchToggle.SearchToggle;
|
package/cjs/propTypes.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
|
|
7
|
-
const breadcrumbItem = reactDesc.PropTypes.shape({
|
|
8
|
-
label: reactDesc.PropTypes.string.description('breadrcrumb item label'),
|
|
9
|
-
hasNext: reactDesc.PropTypes.bool.description('whether the item has a child or not'),
|
|
10
|
-
isSelected: reactDesc.PropTypes.bool.description('whether the item is selected or not'),
|
|
11
|
-
onClick: reactDesc.PropTypes.func.description('Callback executed on click')
|
|
12
|
-
});
|
|
13
|
-
const toolbarItem = reactDesc.PropTypes.shape({
|
|
14
|
-
label: reactDesc.PropTypes.string.description('title tag description'),
|
|
15
|
-
type: reactDesc.PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description('use to select one of the out-of-the-box types of items'),
|
|
16
|
-
componentProps: reactDesc.PropTypes.object.description('props of out-of-the-box component'),
|
|
17
|
-
Icon: reactDesc.PropTypes.func.description('Icon to display'),
|
|
18
|
-
onClick: reactDesc.PropTypes.func.description('Callback executed on click')
|
|
19
|
-
});
|
|
20
|
-
const globalHeaderProps = {
|
|
21
|
-
Logo: reactDesc.PropTypes.func.description('Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.'),
|
|
22
|
-
LogoWithBrand: reactDesc.PropTypes.func.description('Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.'),
|
|
23
|
-
breadcrumb: reactDesc.PropTypes.arrayOf(breadcrumbItem).description('Breadcrumb items to display. max 3 levels'),
|
|
24
|
-
toolbar: reactDesc.PropTypes.arrayOf(toolbarItem).description('Toolbar items')
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
exports.breadcrumbItem = breadcrumbItem;
|
|
28
|
-
exports.globalHeaderProps = globalHeaderProps;
|
|
29
|
-
exports.toolbarItem = toolbarItem;
|
package/cjs/styles.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
var dsGrid = require('@elliemae/ds-grid');
|
|
7
|
-
|
|
8
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
const Wrapper = /*#__PURE__*/styled__default["default"](dsGrid.GridContainer).withConfig({
|
|
13
|
-
componentId: "sc-1v5zxxm-0"
|
|
14
|
-
})(["background-image:linear-gradient(45deg,#0f364a 0%,#1b6392 54%,#164566 100%);color:", ";width:100%;height:40px;padding:0 24px 0 12px;"], _ref => {
|
|
15
|
-
let {
|
|
16
|
-
theme
|
|
17
|
-
} = _ref;
|
|
18
|
-
return theme.colors.neutral['000'];
|
|
19
|
-
});
|
|
20
|
-
|
|
21
|
-
exports.Wrapper = Wrapper;
|
package/esm/GlobalHeader.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { describe } from 'react-desc';
|
|
4
|
-
import { globalHeaderProps } from './propTypes.js';
|
|
5
|
-
import { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle.js';
|
|
6
|
-
import { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb.js';
|
|
7
|
-
import { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar.js';
|
|
8
|
-
import { GlobalHeaderContext } from './GlobalHeaderContext.js';
|
|
9
|
-
import { useGlobalHeader } from './config/useGlobalHeader.js';
|
|
10
|
-
import { defaultProps } from './defaultProps.js';
|
|
11
|
-
import { GlobalHeaderContainer } from './GlobalHeaderContainer.js';
|
|
12
|
-
import { useValidateProps } from './config/useValidateProps.js';
|
|
13
|
-
|
|
14
|
-
var _GlobalHeaderTitle, _GlobalHeaderBreadcru, _GlobalHeaderToolbar;
|
|
15
|
-
|
|
16
|
-
const GlobalHeader = props => {
|
|
17
|
-
useValidateProps(props);
|
|
18
|
-
const ctx = useGlobalHeader(props);
|
|
19
|
-
return /*#__PURE__*/_jsx(GlobalHeaderContainer, {}, void 0, /*#__PURE__*/_jsx(GlobalHeaderContext.Provider, {
|
|
20
|
-
value: ctx
|
|
21
|
-
}, void 0, _GlobalHeaderTitle || (_GlobalHeaderTitle = /*#__PURE__*/_jsx(GlobalHeaderTitle, {})), _GlobalHeaderBreadcru || (_GlobalHeaderBreadcru = /*#__PURE__*/_jsx(GlobalHeaderBreadcrumb, {})), _GlobalHeaderToolbar || (_GlobalHeaderToolbar = /*#__PURE__*/_jsx(GlobalHeaderToolbar, {}))));
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
GlobalHeader.defaultProps = defaultProps;
|
|
25
|
-
const GlobalHeaderWithSchema = describe(GlobalHeader);
|
|
26
|
-
GlobalHeaderWithSchema.propTypes = globalHeaderProps;
|
|
27
|
-
|
|
28
|
-
export { GlobalHeader, GlobalHeaderWithSchema };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'react';
|
|
3
|
-
import { Wrapper } from './styles.js';
|
|
4
|
-
|
|
5
|
-
const GlobalHeaderContainer = _ref => {
|
|
6
|
-
let {
|
|
7
|
-
children
|
|
8
|
-
} = _ref;
|
|
9
|
-
return /*#__PURE__*/_jsx("header", {
|
|
10
|
-
"data-testid": "ds-global-header"
|
|
11
|
-
}, void 0, /*#__PURE__*/_jsx(Wrapper, {
|
|
12
|
-
cols: ['auto', '1fr', 'auto']
|
|
13
|
-
}, void 0, children));
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export { GlobalHeaderContainer };
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { createContext } from 'react';
|
|
2
|
-
import { defaultProps } from './defaultProps.js';
|
|
3
|
-
|
|
4
|
-
const noop = () => null;
|
|
5
|
-
|
|
6
|
-
const defaultContext = {
|
|
7
|
-
props: defaultProps,
|
|
8
|
-
showIconOnly: false,
|
|
9
|
-
setShowIconOnly: noop,
|
|
10
|
-
instanceUID: '',
|
|
11
|
-
globalHeaderToolbarGrid: [],
|
|
12
|
-
globalHeaderBreadcrumbGrid: []
|
|
13
|
-
};
|
|
14
|
-
const GlobalHeaderContext = /*#__PURE__*/createContext(defaultContext);
|
|
15
|
-
|
|
16
|
-
export { GlobalHeaderContext };
|
package/esm/GlobalHeaderTypes.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
|