@elliemae/ds-global-header 3.55.0-next.9 → 3.56.0-rc.1
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/DSGlobalHeader.js +1 -1
- package/dist/cjs/DSGlobalHeader.js.map +2 -2
- package/dist/cjs/DSGlobalHeaderContext.js.map +2 -2
- package/dist/cjs/config/useGlobalHeader.js +2 -2
- package/dist/cjs/config/useGlobalHeader.js.map +2 -2
- package/dist/cjs/config/useValidateProps.js.map +2 -2
- package/dist/cjs/exported-related/index.js +3 -13
- package/dist/cjs/exported-related/index.js.map +2 -2
- package/dist/cjs/index.js +3 -10
- package/dist/cjs/index.js.map +3 -3
- package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js +1 -1
- package/dist/cjs/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map +2 -2
- package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js +14 -3
- package/dist/cjs/parts/Breadcrumb/PureBreadcrumb.js.map +2 -2
- package/dist/cjs/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js +2 -2
- package/dist/cjs/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js.map +2 -2
- package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js +115 -89
- package/dist/cjs/parts/Toolbar/GlobalHeaderToolbar.js.map +3 -3
- package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js +12 -5
- package/dist/cjs/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map +2 -2
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js +6 -4
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map +2 -2
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js +5 -3
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map +2 -2
- package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js +10 -8
- package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map +2 -2
- package/dist/cjs/react-desc-prop-types.js +23 -28
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/sharedTypes.js.map +1 -1
- package/dist/cjs/typescript-testing/typescript-global-header-valid.js +11 -21
- package/dist/cjs/typescript-testing/typescript-global-header-valid.js.map +2 -2
- package/dist/esm/DSGlobalHeader.js +2 -2
- package/dist/esm/DSGlobalHeader.js.map +2 -2
- package/dist/esm/DSGlobalHeaderContext.js.map +2 -2
- package/dist/esm/config/useGlobalHeader.js +2 -2
- package/dist/esm/config/useGlobalHeader.js.map +2 -2
- package/dist/esm/config/useValidateProps.js +5 -5
- package/dist/esm/config/useValidateProps.js.map +2 -2
- package/dist/esm/exported-related/index.js +2 -9
- package/dist/esm/exported-related/index.js.map +2 -2
- package/dist/esm/index.js +2 -16
- package/dist/esm/index.js.map +3 -3
- package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js +1 -1
- package/dist/esm/parts/Breadcrumb/GlobalHeaderBreadcrumb.js.map +2 -2
- package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js +14 -3
- package/dist/esm/parts/Breadcrumb/PureBreadcrumb.js.map +2 -2
- package/dist/esm/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js +3 -3
- package/dist/esm/parts/Breadcrumb/useGlobalHeaderBreadcrumb.js.map +2 -2
- package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js +113 -87
- package/dist/esm/parts/Toolbar/GlobalHeaderToolbar.js.map +3 -3
- package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js +12 -5
- package/dist/esm/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.js.map +2 -2
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js +6 -4
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.js.map +2 -2
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js +5 -3
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.js.map +2 -2
- package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js +8 -6
- package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.js.map +2 -2
- package/dist/esm/react-desc-prop-types.js +23 -28
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/esm/typescript-testing/typescript-global-header-valid.js +11 -21
- package/dist/esm/typescript-testing/typescript-global-header-valid.js.map +2 -2
- package/dist/types/DSGlobalHeader.d.ts +1 -1
- package/dist/types/DSGlobalHeaderContext.d.ts +2 -2
- package/dist/types/config/useGlobalHeader.d.ts +3 -2
- package/dist/types/exported-related/index.d.ts +2 -2
- package/dist/types/index.d.ts +4 -4
- package/dist/types/parts/Breadcrumb/PureBreadcrumb.d.ts +2 -6
- package/dist/types/parts/Breadcrumb/useGlobalHeaderBreadcrumb.d.ts +4 -4
- package/dist/types/parts/Toolbar/outOfTheBox/AppPicker/AppPicker.d.ts +2 -6
- package/dist/types/parts/Toolbar/outOfTheBox/PopupMenu/PopupMenu.d.ts +2 -2
- package/dist/types/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/PopupMenuContent.d.ts +2 -2
- package/dist/types/parts/Toolbar/outOfTheBox/SearchToggle/SearchToggle.d.ts +2 -2
- package/dist/types/react-desc-prop-types.d.ts +6 -151
- package/dist/types/sharedTypes.d.ts +133 -47
- package/package.json +11 -11
- package/dist/cjs/typescript-testing/typescript-global-header-breadcrumb-types.js +0 -67
- package/dist/cjs/typescript-testing/typescript-global-header-breadcrumb-types.js.map +0 -7
- package/dist/cjs/typescript-testing/typescript-global-header-deprecated.js +0 -73
- package/dist/cjs/typescript-testing/typescript-global-header-deprecated.js.map +0 -7
- package/dist/cjs/typescript-testing/typescript-global-header-toolbar-types.js +0 -285
- package/dist/cjs/typescript-testing/typescript-global-header-toolbar-types.js.map +0 -7
- package/dist/esm/typescript-testing/typescript-global-header-breadcrumb-types.js +0 -37
- package/dist/esm/typescript-testing/typescript-global-header-breadcrumb-types.js.map +0 -7
- package/dist/esm/typescript-testing/typescript-global-header-deprecated.js +0 -50
- package/dist/esm/typescript-testing/typescript-global-header-deprecated.js.map +0 -7
- package/dist/esm/typescript-testing/typescript-global-header-toolbar-types.js +0 -255
- package/dist/esm/typescript-testing/typescript-global-header-toolbar-types.js.map +0 -7
- package/dist/types/typescript-testing/typescript-global-header-breadcrumb-types.d.ts +0 -3
- package/dist/types/typescript-testing/typescript-global-header-deprecated.d.ts +0 -1
- package/dist/types/typescript-testing/typescript-global-header-toolbar-types.d.ts +0 -3
|
@@ -1,285 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __export = (target, all) => {
|
|
9
|
-
for (var name in all)
|
|
10
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
-
};
|
|
12
|
-
var __copyProps = (to, from, except, desc) => {
|
|
13
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(from))
|
|
15
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
16
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
21
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
22
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
26
|
-
mod
|
|
27
|
-
));
|
|
28
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
|
-
var typescript_global_header_toolbar_types_exports = {};
|
|
30
|
-
__export(typescript_global_header_toolbar_types_exports, {
|
|
31
|
-
toolbarItemsAsSyntax: () => toolbarItemsAsSyntax,
|
|
32
|
-
toolbarItemsStrict: () => toolbarItemsStrict
|
|
33
|
-
});
|
|
34
|
-
module.exports = __toCommonJS(typescript_global_header_toolbar_types_exports);
|
|
35
|
-
var React = __toESM(require("react"));
|
|
36
|
-
var import_react = __toESM(require("react"));
|
|
37
|
-
const EmptyComponent = () => null;
|
|
38
|
-
const IconPlaceholder = () => null;
|
|
39
|
-
const divRef = import_react.default.createRef();
|
|
40
|
-
const buttonRef = import_react.default.createRef();
|
|
41
|
-
const customToolbarItemStrict = {
|
|
42
|
-
type: "custom",
|
|
43
|
-
label: "Custom Toolbar Item",
|
|
44
|
-
CustomComponent: EmptyComponent
|
|
45
|
-
};
|
|
46
|
-
const customToolbarItemAsSyntax = {
|
|
47
|
-
type: "custom",
|
|
48
|
-
label: "Custom Toolbar Item",
|
|
49
|
-
CustomComponent: EmptyComponent
|
|
50
|
-
};
|
|
51
|
-
const searchToggleToolbarItemStrict = {
|
|
52
|
-
type: "ds-search-toggle",
|
|
53
|
-
label: "Search",
|
|
54
|
-
componentProps: {
|
|
55
|
-
onNext: () => {
|
|
56
|
-
},
|
|
57
|
-
onPrevious: () => {
|
|
58
|
-
},
|
|
59
|
-
currentResultIndex: 0,
|
|
60
|
-
totalResults: 0,
|
|
61
|
-
placeholder: "Search...",
|
|
62
|
-
value: "",
|
|
63
|
-
onChange: () => {
|
|
64
|
-
},
|
|
65
|
-
onBlur: () => {
|
|
66
|
-
},
|
|
67
|
-
onClear: () => {
|
|
68
|
-
},
|
|
69
|
-
isOpen: false,
|
|
70
|
-
onKeyDown: (event) => {
|
|
71
|
-
},
|
|
72
|
-
onClick: (event) => {
|
|
73
|
-
},
|
|
74
|
-
triggerRef: buttonRef,
|
|
75
|
-
searchContainerRef: divRef
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
const searchToggleToolbarItemAsSyntax = {
|
|
79
|
-
type: "ds-search-toggle",
|
|
80
|
-
label: "Search",
|
|
81
|
-
componentProps: {
|
|
82
|
-
onNext: () => {
|
|
83
|
-
},
|
|
84
|
-
onPrevious: () => {
|
|
85
|
-
},
|
|
86
|
-
currentResultIndex: 0,
|
|
87
|
-
totalResults: 0,
|
|
88
|
-
placeholder: "Search...",
|
|
89
|
-
value: "",
|
|
90
|
-
onChange: () => {
|
|
91
|
-
},
|
|
92
|
-
onBlur: () => {
|
|
93
|
-
},
|
|
94
|
-
onClear: () => {
|
|
95
|
-
},
|
|
96
|
-
isOpen: false,
|
|
97
|
-
onKeyDown: (event) => {
|
|
98
|
-
},
|
|
99
|
-
onClick: (event) => {
|
|
100
|
-
},
|
|
101
|
-
triggerRef: buttonRef,
|
|
102
|
-
searchContainerRef: divRef
|
|
103
|
-
}
|
|
104
|
-
};
|
|
105
|
-
const appPickerToolbarItemStrict = {
|
|
106
|
-
id: "app-picker",
|
|
107
|
-
type: "ds-app-picker",
|
|
108
|
-
label: "Apps",
|
|
109
|
-
componentProps: {
|
|
110
|
-
sectionTitle: "APPLICATIONS",
|
|
111
|
-
apps: [
|
|
112
|
-
{
|
|
113
|
-
id: "0",
|
|
114
|
-
label: "Dashboard",
|
|
115
|
-
icon: IconPlaceholder,
|
|
116
|
-
onClick: () => {
|
|
117
|
-
},
|
|
118
|
-
selected: false
|
|
119
|
-
}
|
|
120
|
-
],
|
|
121
|
-
customSectionTitle: "RESOURCES",
|
|
122
|
-
customApps: [
|
|
123
|
-
{
|
|
124
|
-
id: "7",
|
|
125
|
-
label: "Profile",
|
|
126
|
-
icon: IconPlaceholder,
|
|
127
|
-
onClick: () => {
|
|
128
|
-
},
|
|
129
|
-
selected: false
|
|
130
|
-
}
|
|
131
|
-
]
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
const appPickerToolbarItemAsSyntax = {
|
|
135
|
-
id: "app-picker",
|
|
136
|
-
type: "ds-app-picker",
|
|
137
|
-
label: "Apps",
|
|
138
|
-
componentProps: {
|
|
139
|
-
sectionTitle: "APPLICATIONS",
|
|
140
|
-
apps: [
|
|
141
|
-
{
|
|
142
|
-
id: "0",
|
|
143
|
-
label: "Dashboard",
|
|
144
|
-
icon: IconPlaceholder,
|
|
145
|
-
onClick: () => {
|
|
146
|
-
},
|
|
147
|
-
selected: false
|
|
148
|
-
}
|
|
149
|
-
],
|
|
150
|
-
customSectionTitle: "RESOURCES",
|
|
151
|
-
customApps: [
|
|
152
|
-
{
|
|
153
|
-
id: "7",
|
|
154
|
-
label: "Profile",
|
|
155
|
-
icon: IconPlaceholder,
|
|
156
|
-
onClick: () => {
|
|
157
|
-
},
|
|
158
|
-
selected: false
|
|
159
|
-
}
|
|
160
|
-
]
|
|
161
|
-
}
|
|
162
|
-
};
|
|
163
|
-
const popupMenuToolbarItemStrict = {
|
|
164
|
-
type: "ds-popup-menu",
|
|
165
|
-
Icon: IconPlaceholder,
|
|
166
|
-
label: "Popup Menu",
|
|
167
|
-
onClick: (event) => {
|
|
168
|
-
},
|
|
169
|
-
Content: EmptyComponent,
|
|
170
|
-
componentProps: {
|
|
171
|
-
onClickOutside: (e) => {
|
|
172
|
-
},
|
|
173
|
-
onKeyPress: (event) => {
|
|
174
|
-
},
|
|
175
|
-
popupOnKeyPress: (event) => {
|
|
176
|
-
},
|
|
177
|
-
isOpen: true,
|
|
178
|
-
options: [
|
|
179
|
-
{
|
|
180
|
-
type: "custom",
|
|
181
|
-
Icon: IconPlaceholder,
|
|
182
|
-
label: "Custom Option",
|
|
183
|
-
onClick: (event) => {
|
|
184
|
-
},
|
|
185
|
-
Content: EmptyComponent
|
|
186
|
-
},
|
|
187
|
-
{
|
|
188
|
-
type: "separator",
|
|
189
|
-
Icon: IconPlaceholder,
|
|
190
|
-
label: "Separator",
|
|
191
|
-
onClick: (event) => {
|
|
192
|
-
},
|
|
193
|
-
Content: EmptyComponent
|
|
194
|
-
},
|
|
195
|
-
{
|
|
196
|
-
label: "Custom Option",
|
|
197
|
-
onClick: (event) => {
|
|
198
|
-
}
|
|
199
|
-
}
|
|
200
|
-
],
|
|
201
|
-
closeOnClick: true
|
|
202
|
-
}
|
|
203
|
-
};
|
|
204
|
-
const popupMenuToolbarItemAsSyntax = {
|
|
205
|
-
type: "ds-popup-menu",
|
|
206
|
-
Icon: IconPlaceholder,
|
|
207
|
-
label: "Popup Menu",
|
|
208
|
-
onClick: (event) => {
|
|
209
|
-
},
|
|
210
|
-
Content: EmptyComponent,
|
|
211
|
-
componentProps: {
|
|
212
|
-
onClickOutside: (e) => {
|
|
213
|
-
},
|
|
214
|
-
onKeyPress: (event) => {
|
|
215
|
-
},
|
|
216
|
-
popupOnKeyPress: (event) => {
|
|
217
|
-
},
|
|
218
|
-
isOpen: true,
|
|
219
|
-
options: [
|
|
220
|
-
{
|
|
221
|
-
type: "custom",
|
|
222
|
-
Icon: IconPlaceholder,
|
|
223
|
-
label: "Custom Option",
|
|
224
|
-
onClick: (event) => {
|
|
225
|
-
},
|
|
226
|
-
Content: EmptyComponent
|
|
227
|
-
},
|
|
228
|
-
{
|
|
229
|
-
type: "separator",
|
|
230
|
-
Icon: IconPlaceholder,
|
|
231
|
-
label: "Separator",
|
|
232
|
-
onClick: (event) => {
|
|
233
|
-
},
|
|
234
|
-
Content: EmptyComponent
|
|
235
|
-
},
|
|
236
|
-
{
|
|
237
|
-
label: "Custom Option",
|
|
238
|
-
onClick: (event) => {
|
|
239
|
-
}
|
|
240
|
-
}
|
|
241
|
-
],
|
|
242
|
-
closeOnClick: true
|
|
243
|
-
}
|
|
244
|
-
};
|
|
245
|
-
const toolbarItemTypelessDefaultStrict = {
|
|
246
|
-
label: "Default Label",
|
|
247
|
-
Icon: IconPlaceholder,
|
|
248
|
-
onClick: (event) => {
|
|
249
|
-
}
|
|
250
|
-
};
|
|
251
|
-
const toolbarItemTypelessDefaultAsSyntax = {
|
|
252
|
-
label: "Default Label",
|
|
253
|
-
Icon: IconPlaceholder,
|
|
254
|
-
onClick: (event) => {
|
|
255
|
-
}
|
|
256
|
-
};
|
|
257
|
-
const toolbarItemTypelessDefaultStrictExplicit = {
|
|
258
|
-
type: void 0,
|
|
259
|
-
label: "Default Label",
|
|
260
|
-
Icon: IconPlaceholder,
|
|
261
|
-
onClick: (event) => {
|
|
262
|
-
}
|
|
263
|
-
};
|
|
264
|
-
const toolbarItemTypelessDefaultAsSyntaxExplicit = {
|
|
265
|
-
type: void 0,
|
|
266
|
-
label: "Default Label",
|
|
267
|
-
Icon: IconPlaceholder,
|
|
268
|
-
onClick: (event) => {
|
|
269
|
-
}
|
|
270
|
-
};
|
|
271
|
-
const toolbarItemsStrict = [
|
|
272
|
-
customToolbarItemStrict,
|
|
273
|
-
searchToggleToolbarItemStrict,
|
|
274
|
-
appPickerToolbarItemStrict,
|
|
275
|
-
popupMenuToolbarItemStrict,
|
|
276
|
-
toolbarItemTypelessDefaultStrict
|
|
277
|
-
];
|
|
278
|
-
const toolbarItemsAsSyntax = [
|
|
279
|
-
customToolbarItemAsSyntax,
|
|
280
|
-
searchToggleToolbarItemAsSyntax,
|
|
281
|
-
appPickerToolbarItemAsSyntax,
|
|
282
|
-
popupMenuToolbarItemAsSyntax,
|
|
283
|
-
toolbarItemTypelessDefaultAsSyntax
|
|
284
|
-
];
|
|
285
|
-
//# sourceMappingURL=typescript-global-header-toolbar-types.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/typescript-testing/typescript-global-header-toolbar-types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport type { DSGlobalHeaderT } from '../index.js';\n\nconst EmptyComponent: React.FC = () => null;\nconst IconPlaceholder: React.FC = () => null;\nconst divRef = React.createRef<HTMLDivElement>() as React.MutableRefObject<HTMLDivElement>;\nconst buttonRef = React.createRef<HTMLButtonElement>() as React.MutableRefObject<HTMLButtonElement>;\n\n/* *************************************************************************************\n TESTING INTERFACE FOR THE OUT OF THE BOX TOOLBAR WIDGET\n************************************************************************************** */\n\n/* *************************************************************************************\n Toolbar -> ToolbarCustomItem\n************************************************************************************** */\nconst customToolbarItemStrict: DSGlobalHeaderT.ToolbarCustomItem = {\n type: 'custom',\n label: 'Custom Toolbar Item',\n CustomComponent: EmptyComponent,\n};\nconst customToolbarItemAsSyntax = {\n type: 'custom',\n label: 'Custom Toolbar Item',\n CustomComponent: EmptyComponent,\n} as DSGlobalHeaderT.ToolbarCustomItem;\n/* *************************************************************************************\n Toolbar -> ToolbarSearchToggleItem\n************************************************************************************** */\nconst searchToggleToolbarItemStrict: DSGlobalHeaderT.ToolbarSearchToggleItem = {\n type: 'ds-search-toggle',\n label: 'Search',\n componentProps: {\n onNext: () => {},\n onPrevious: () => {},\n currentResultIndex: 0,\n totalResults: 0,\n placeholder: 'Search...',\n value: '',\n onChange: () => {},\n onBlur: () => {},\n onClear: () => {},\n isOpen: false,\n onKeyDown: (event: React.KeyboardEvent) => {},\n onClick: (event: React.MouseEvent) => {},\n triggerRef: buttonRef,\n searchContainerRef: divRef,\n },\n};\nconst searchToggleToolbarItemAsSyntax = {\n type: 'ds-search-toggle',\n label: 'Search',\n componentProps: {\n onNext: () => {},\n onPrevious: () => {},\n currentResultIndex: 0,\n totalResults: 0,\n placeholder: 'Search...',\n value: '',\n onChange: () => {},\n onBlur: () => {},\n onClear: () => {},\n isOpen: false,\n onKeyDown: (event: React.KeyboardEvent) => {},\n onClick: (event: React.MouseEvent) => {},\n triggerRef: buttonRef,\n searchContainerRef: divRef,\n },\n} as DSGlobalHeaderT.ToolbarSearchToggleItem;\n/* *************************************************************************************\n Toolbar -> ToolbarAppPickerItem\n************************************************************************************** */\nconst appPickerToolbarItemStrict: DSGlobalHeaderT.ToolbarAppPickerItem = {\n id: 'app-picker',\n type: 'ds-app-picker',\n label: 'Apps',\n componentProps: {\n sectionTitle: 'APPLICATIONS',\n apps: [\n {\n id: '0',\n label: 'Dashboard',\n icon: IconPlaceholder,\n onClick: () => {},\n selected: false,\n },\n ],\n customSectionTitle: 'RESOURCES',\n customApps: [\n {\n id: '7',\n label: 'Profile',\n icon: IconPlaceholder,\n onClick: () => {},\n selected: false,\n },\n ],\n },\n};\nconst appPickerToolbarItemAsSyntax = {\n id: 'app-picker',\n type: 'ds-app-picker',\n label: 'Apps',\n componentProps: {\n sectionTitle: 'APPLICATIONS',\n apps: [\n {\n id: '0',\n label: 'Dashboard',\n icon: IconPlaceholder,\n onClick: () => {},\n selected: false,\n },\n ],\n customSectionTitle: 'RESOURCES',\n customApps: [\n {\n id: '7',\n label: 'Profile',\n icon: IconPlaceholder,\n onClick: () => {},\n selected: false,\n },\n ],\n },\n} as DSGlobalHeaderT.ToolbarAppPickerItem;\n/* *************************************************************************************\n Toolbar -> PopupMenuItem\n************************************************************************************** */\nconst popupMenuToolbarItemStrict: DSGlobalHeaderT.PopupMenuItem = {\n type: 'ds-popup-menu',\n Icon: IconPlaceholder,\n label: 'Popup Menu',\n onClick: (event: React.MouseEvent) => {},\n Content: EmptyComponent,\n componentProps: {\n onClickOutside: (e: MouseEvent | TouchEvent) => {},\n onKeyPress: (event: React.KeyboardEvent) => {},\n popupOnKeyPress: (event: React.KeyboardEvent) => {},\n isOpen: true,\n options: [\n {\n type: 'custom',\n Icon: IconPlaceholder,\n label: 'Custom Option',\n onClick: (event: React.MouseEvent) => {},\n Content: EmptyComponent,\n },\n {\n type: 'separator',\n Icon: IconPlaceholder,\n label: 'Separator',\n onClick: (event: React.MouseEvent) => {},\n Content: EmptyComponent,\n },\n {\n label: 'Custom Option',\n onClick: (event: React.MouseEvent) => {},\n },\n ],\n closeOnClick: true,\n },\n};\nconst popupMenuToolbarItemAsSyntax = {\n type: 'ds-popup-menu',\n Icon: IconPlaceholder,\n label: 'Popup Menu',\n onClick: (event: React.MouseEvent) => {},\n Content: EmptyComponent,\n componentProps: {\n onClickOutside: (e: MouseEvent | TouchEvent) => {},\n onKeyPress: (event: React.KeyboardEvent) => {},\n popupOnKeyPress: (event: React.KeyboardEvent) => {},\n isOpen: true,\n options: [\n {\n type: 'custom',\n Icon: IconPlaceholder,\n label: 'Custom Option',\n onClick: (event: React.MouseEvent) => {},\n Content: EmptyComponent,\n },\n {\n type: 'separator',\n Icon: IconPlaceholder,\n label: 'Separator',\n onClick: (event: React.MouseEvent) => {},\n Content: EmptyComponent,\n },\n {\n label: 'Custom Option',\n onClick: (event: React.MouseEvent) => {},\n },\n ],\n closeOnClick: true,\n },\n} as DSGlobalHeaderT.PopupMenuItem;\n\n/* *************************************************************************************\n Toolbar -> ToolbarItemTypelessDefault\n************************************************************************************** */\nconst toolbarItemTypelessDefaultStrict: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n label: 'Default Label',\n Icon: IconPlaceholder,\n onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntax = {\n label: 'Default Label',\n Icon: IconPlaceholder,\n onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\nconst toolbarItemTypelessDefaultStrictExplicit: DSGlobalHeaderT.ToolbarItemTypelessDefault = {\n type: undefined,\n label: 'Default Label',\n Icon: IconPlaceholder,\n onClick: (event: React.MouseEvent) => {},\n};\n\nconst toolbarItemTypelessDefaultAsSyntaxExplicit = {\n type: undefined,\n label: 'Default Label',\n Icon: IconPlaceholder,\n onClick: (event: React.MouseEvent) => {},\n} as DSGlobalHeaderT.ToolbarItemTypelessDefault;\n\n/* *************************************************************************************\n <Globalheader toolbar={...}>\n************************************************************************************** */\nexport const toolbarItemsStrict: DSGlobalHeaderT.DefaultProps['toolbar'] = [\n customToolbarItemStrict,\n searchToggleToolbarItemStrict,\n appPickerToolbarItemStrict,\n popupMenuToolbarItemStrict,\n toolbarItemTypelessDefaultStrict,\n];\nexport const toolbarItemsAsSyntax = [\n customToolbarItemAsSyntax,\n searchToggleToolbarItemAsSyntax,\n appPickerToolbarItemAsSyntax,\n popupMenuToolbarItemAsSyntax,\n toolbarItemTypelessDefaultAsSyntax,\n] as DSGlobalHeaderT.DefaultProps['toolbar'];\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const breadcrumbItemOptionals = {
|
|
3
|
-
hasNext: false,
|
|
4
|
-
isSelected: false,
|
|
5
|
-
onClick: () => {
|
|
6
|
-
}
|
|
7
|
-
};
|
|
8
|
-
const breadcrumbItemRequired = {
|
|
9
|
-
label: "an example label"
|
|
10
|
-
};
|
|
11
|
-
const breadcrumbItemFull = {
|
|
12
|
-
...breadcrumbItemRequired,
|
|
13
|
-
...breadcrumbItemOptionals
|
|
14
|
-
};
|
|
15
|
-
const breadcrumbItems = [
|
|
16
|
-
breadcrumbItemFull,
|
|
17
|
-
breadcrumbItemFull,
|
|
18
|
-
breadcrumbItemFull
|
|
19
|
-
];
|
|
20
|
-
const breadcrumbItemsAsSyntax = [
|
|
21
|
-
{
|
|
22
|
-
label: "pipeline",
|
|
23
|
-
hasNext: true
|
|
24
|
-
},
|
|
25
|
-
{
|
|
26
|
-
label: "loan",
|
|
27
|
-
hasNext: true
|
|
28
|
-
},
|
|
29
|
-
{
|
|
30
|
-
label: "task"
|
|
31
|
-
}
|
|
32
|
-
];
|
|
33
|
-
export {
|
|
34
|
-
breadcrumbItems,
|
|
35
|
-
breadcrumbItemsAsSyntax
|
|
36
|
-
};
|
|
37
|
-
//# sourceMappingURL=typescript-global-header-breadcrumb-types.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-global-header-breadcrumb-types.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSGlobalHeaderT } from '../index.js';\n\n/* *************************************************************************************\n TESTING INTERFACE FOR THE OUT OF THE BOX BREADCRUMB WIDGET\n************************************************************************************** */\nconst breadcrumbItemOptionals: Required<DSGlobalHeaderT.BreadcrumbItemOptionals> = {\n hasNext: false,\n isSelected: false,\n onClick: () => {},\n};\nconst breadcrumbItemRequired: Required<DSGlobalHeaderT.BreadcrumbItemRequired> = {\n label: 'an example label',\n};\nconst breadcrumbItemFull: DSGlobalHeaderT.BreadcrumbItem = {\n ...breadcrumbItemRequired,\n ...breadcrumbItemOptionals,\n};\n\nexport const breadcrumbItems: DSGlobalHeaderT.BreadcrumbItem[] = [\n breadcrumbItemFull,\n breadcrumbItemFull,\n breadcrumbItemFull,\n];\nexport const breadcrumbItemsAsSyntax = [\n {\n label: 'pipeline',\n hasNext: true,\n },\n {\n label: 'loan',\n hasNext: true,\n },\n {\n label: 'task',\n },\n] as DSGlobalHeaderT.BreadcrumbItem[];\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACMvB,MAAM,0BAA6E;AAAA,EACjF,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,SAAS,MAAM;AAAA,EAAC;AAClB;AACA,MAAM,yBAA2E;AAAA,EAC/E,OAAO;AACT;AACA,MAAM,qBAAqD;AAAA,EACzD,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,kBAAoD;AAAA,EAC/D;AAAA,EACA;AAAA,EACA;AACF;AACO,MAAM,0BAA0B;AAAA,EACrC;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,SAAS;AAAA,EACX;AAAA,EACA;AAAA,IACE,OAAO;AAAA,EACT;AACF;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { DSGlobalHeader } from "../index.js";
|
|
4
|
-
const testPartialDefaults = {
|
|
5
|
-
breadcrumb: [],
|
|
6
|
-
toolbar: [],
|
|
7
|
-
LogoWithBrand: () => null,
|
|
8
|
-
Logo: () => null
|
|
9
|
-
};
|
|
10
|
-
const testPropsAsSyntax = {
|
|
11
|
-
...testPartialDefaults
|
|
12
|
-
};
|
|
13
|
-
const testCompleteDefaults = {
|
|
14
|
-
breadcrumb: [],
|
|
15
|
-
toolbar: [],
|
|
16
|
-
LogoWithBrand: () => null,
|
|
17
|
-
Logo: () => null,
|
|
18
|
-
CustomNavigation: () => null
|
|
19
|
-
};
|
|
20
|
-
const testInternalProps = {
|
|
21
|
-
...testCompleteDefaults
|
|
22
|
-
};
|
|
23
|
-
const testInternalPropsAsSyntax = {
|
|
24
|
-
...testCompleteDefaults
|
|
25
|
-
};
|
|
26
|
-
const testExplicitDefinition = {
|
|
27
|
-
breadcrumb: [],
|
|
28
|
-
toolbar: [],
|
|
29
|
-
LogoWithBrand: () => null,
|
|
30
|
-
Logo: () => null
|
|
31
|
-
};
|
|
32
|
-
const testInferedTypeCompatibility = {
|
|
33
|
-
breadcrumb: [],
|
|
34
|
-
toolbar: [],
|
|
35
|
-
LogoWithBrand: () => null,
|
|
36
|
-
Logo: () => null
|
|
37
|
-
};
|
|
38
|
-
const testDefinitionAsConst = {
|
|
39
|
-
breadcrumb: [],
|
|
40
|
-
toolbar: [],
|
|
41
|
-
LogoWithBrand: () => null,
|
|
42
|
-
Logo: () => null
|
|
43
|
-
};
|
|
44
|
-
const ExampleUsageComponent = () => /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
45
|
-
/* @__PURE__ */ jsx(DSGlobalHeader, { ...testExplicitDefinition }),
|
|
46
|
-
/* @__PURE__ */ jsx(DSGlobalHeader, { ...testInferedTypeCompatibility }),
|
|
47
|
-
/* @__PURE__ */ jsx(DSGlobalHeader, { ...testDefinitionAsConst }),
|
|
48
|
-
/* @__PURE__ */ jsx(DSGlobalHeader, { breadcrumb: [], toolbar: [], LogoWithBrand: () => null, Logo: () => null })
|
|
49
|
-
] });
|
|
50
|
-
//# sourceMappingURL=typescript-global-header-deprecated.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-global-header-deprecated.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport type { DSGlobalHeaderInternalsT, DSGlobalHeaderT } from '../index.js';\nimport { DSGlobalHeader } from '../index.js';\n\n/* ******************************************************************************\n KEPT AROUND FOR BACKWARD COMPATIBILITY, THIS IS LEGACY!\n*********************************************************************************\nthis should be code-modded away in code-bases in favour of the actual namespace.\n******************************************************************************* */\ntype ComponentPropsForApp = DSGlobalHeaderT.Props;\ntype ComponentPropsInternals = DSGlobalHeaderInternalsT.InternalProps;\ntype ComponentPropsDefaultProps = DSGlobalHeaderInternalsT.DefaultProps;\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n breadcrumb: [],\n toolbar: [],\n LogoWithBrand: () => null,\n Logo: () => null,\n};\nconst testPropsAsSyntax = {\n ...testPartialDefaults,\n} as ComponentPropsForApp;\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\n breadcrumb: [],\n toolbar: [],\n LogoWithBrand: () => null,\n Logo: () => null,\n CustomNavigation: () => null,\n};\nconst testInternalProps: ComponentPropsInternals = {\n ...testCompleteDefaults,\n};\nconst testInternalPropsAsSyntax = {\n ...testCompleteDefaults,\n} as ComponentPropsInternals;\nconst testExplicitDefinition: ComponentPropsForApp = {\n breadcrumb: [],\n toolbar: [],\n LogoWithBrand: () => null,\n Logo: () => null,\n};\nconst testInferedTypeCompatibility = {\n breadcrumb: [],\n toolbar: [],\n LogoWithBrand: () => null,\n Logo: () => null,\n} as ComponentPropsForApp;\nconst testDefinitionAsConst = {\n breadcrumb: [] as DSGlobalHeaderInternalsT.BreadcrumbItem[],\n toolbar: [] as DSGlobalHeaderInternalsT.ToolbarItem[],\n LogoWithBrand: () => null,\n Logo: () => null,\n} as const;\nconst ExampleUsageComponent = () => (\n <>\n {/* works with explicitly casted props, all syntaxes */}\n <DSGlobalHeader {...testExplicitDefinition} />\n <DSGlobalHeader {...testInferedTypeCompatibility} />\n <DSGlobalHeader {...testDefinitionAsConst} />\n {/* works with inline values */}\n <DSGlobalHeader breadcrumb={[]} toolbar={[]} LogoWithBrand={() => null} Logo={() => null} />\n </>\n);\n/* ******************************************************************************\n KEPT AROUND FOR BACKWARD COMPATIBILITY, THIS IS LEGACY!\n*********************************************************************************\nthis should be code-modded away in code-bases in favour of the actual namespace.\n******************************************************************************* */\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACqDrB,mBAEE,KAFF;AAnDF,SAAS,sBAAsB;AAU/B,MAAM,sBAA2D;AAAA,EAC/D,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AACL;AACA,MAAM,uBAA6D;AAAA,EACjE,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AAAA,EACZ,kBAAkB,MAAM;AAC1B;AACA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AACL;AACA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AACL;AACA,MAAM,yBAA+C;AAAA,EACnD,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,+BAA+B;AAAA,EACnC,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,wBAAwB;AAAA,EAC5B,YAAY,CAAC;AAAA,EACb,SAAS,CAAC;AAAA,EACV,eAAe,MAAM;AAAA,EACrB,MAAM,MAAM;AACd;AACA,MAAM,wBAAwB,MAC5B,iCAEE;AAAA,sBAAC,kBAAgB,GAAG,wBAAwB;AAAA,EAC5C,oBAAC,kBAAgB,GAAG,8BAA8B;AAAA,EAClD,oBAAC,kBAAgB,GAAG,uBAAuB;AAAA,EAE3C,oBAAC,kBAAe,YAAY,CAAC,GAAG,SAAS,CAAC,GAAG,eAAe,MAAM,MAAM,MAAM,MAAM,MAAM;AAAA,GAC5F;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,255 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import React2 from "react";
|
|
3
|
-
const EmptyComponent = () => null;
|
|
4
|
-
const IconPlaceholder = () => null;
|
|
5
|
-
const divRef = React2.createRef();
|
|
6
|
-
const buttonRef = React2.createRef();
|
|
7
|
-
const customToolbarItemStrict = {
|
|
8
|
-
type: "custom",
|
|
9
|
-
label: "Custom Toolbar Item",
|
|
10
|
-
CustomComponent: EmptyComponent
|
|
11
|
-
};
|
|
12
|
-
const customToolbarItemAsSyntax = {
|
|
13
|
-
type: "custom",
|
|
14
|
-
label: "Custom Toolbar Item",
|
|
15
|
-
CustomComponent: EmptyComponent
|
|
16
|
-
};
|
|
17
|
-
const searchToggleToolbarItemStrict = {
|
|
18
|
-
type: "ds-search-toggle",
|
|
19
|
-
label: "Search",
|
|
20
|
-
componentProps: {
|
|
21
|
-
onNext: () => {
|
|
22
|
-
},
|
|
23
|
-
onPrevious: () => {
|
|
24
|
-
},
|
|
25
|
-
currentResultIndex: 0,
|
|
26
|
-
totalResults: 0,
|
|
27
|
-
placeholder: "Search...",
|
|
28
|
-
value: "",
|
|
29
|
-
onChange: () => {
|
|
30
|
-
},
|
|
31
|
-
onBlur: () => {
|
|
32
|
-
},
|
|
33
|
-
onClear: () => {
|
|
34
|
-
},
|
|
35
|
-
isOpen: false,
|
|
36
|
-
onKeyDown: (event) => {
|
|
37
|
-
},
|
|
38
|
-
onClick: (event) => {
|
|
39
|
-
},
|
|
40
|
-
triggerRef: buttonRef,
|
|
41
|
-
searchContainerRef: divRef
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
const searchToggleToolbarItemAsSyntax = {
|
|
45
|
-
type: "ds-search-toggle",
|
|
46
|
-
label: "Search",
|
|
47
|
-
componentProps: {
|
|
48
|
-
onNext: () => {
|
|
49
|
-
},
|
|
50
|
-
onPrevious: () => {
|
|
51
|
-
},
|
|
52
|
-
currentResultIndex: 0,
|
|
53
|
-
totalResults: 0,
|
|
54
|
-
placeholder: "Search...",
|
|
55
|
-
value: "",
|
|
56
|
-
onChange: () => {
|
|
57
|
-
},
|
|
58
|
-
onBlur: () => {
|
|
59
|
-
},
|
|
60
|
-
onClear: () => {
|
|
61
|
-
},
|
|
62
|
-
isOpen: false,
|
|
63
|
-
onKeyDown: (event) => {
|
|
64
|
-
},
|
|
65
|
-
onClick: (event) => {
|
|
66
|
-
},
|
|
67
|
-
triggerRef: buttonRef,
|
|
68
|
-
searchContainerRef: divRef
|
|
69
|
-
}
|
|
70
|
-
};
|
|
71
|
-
const appPickerToolbarItemStrict = {
|
|
72
|
-
id: "app-picker",
|
|
73
|
-
type: "ds-app-picker",
|
|
74
|
-
label: "Apps",
|
|
75
|
-
componentProps: {
|
|
76
|
-
sectionTitle: "APPLICATIONS",
|
|
77
|
-
apps: [
|
|
78
|
-
{
|
|
79
|
-
id: "0",
|
|
80
|
-
label: "Dashboard",
|
|
81
|
-
icon: IconPlaceholder,
|
|
82
|
-
onClick: () => {
|
|
83
|
-
},
|
|
84
|
-
selected: false
|
|
85
|
-
}
|
|
86
|
-
],
|
|
87
|
-
customSectionTitle: "RESOURCES",
|
|
88
|
-
customApps: [
|
|
89
|
-
{
|
|
90
|
-
id: "7",
|
|
91
|
-
label: "Profile",
|
|
92
|
-
icon: IconPlaceholder,
|
|
93
|
-
onClick: () => {
|
|
94
|
-
},
|
|
95
|
-
selected: false
|
|
96
|
-
}
|
|
97
|
-
]
|
|
98
|
-
}
|
|
99
|
-
};
|
|
100
|
-
const appPickerToolbarItemAsSyntax = {
|
|
101
|
-
id: "app-picker",
|
|
102
|
-
type: "ds-app-picker",
|
|
103
|
-
label: "Apps",
|
|
104
|
-
componentProps: {
|
|
105
|
-
sectionTitle: "APPLICATIONS",
|
|
106
|
-
apps: [
|
|
107
|
-
{
|
|
108
|
-
id: "0",
|
|
109
|
-
label: "Dashboard",
|
|
110
|
-
icon: IconPlaceholder,
|
|
111
|
-
onClick: () => {
|
|
112
|
-
},
|
|
113
|
-
selected: false
|
|
114
|
-
}
|
|
115
|
-
],
|
|
116
|
-
customSectionTitle: "RESOURCES",
|
|
117
|
-
customApps: [
|
|
118
|
-
{
|
|
119
|
-
id: "7",
|
|
120
|
-
label: "Profile",
|
|
121
|
-
icon: IconPlaceholder,
|
|
122
|
-
onClick: () => {
|
|
123
|
-
},
|
|
124
|
-
selected: false
|
|
125
|
-
}
|
|
126
|
-
]
|
|
127
|
-
}
|
|
128
|
-
};
|
|
129
|
-
const popupMenuToolbarItemStrict = {
|
|
130
|
-
type: "ds-popup-menu",
|
|
131
|
-
Icon: IconPlaceholder,
|
|
132
|
-
label: "Popup Menu",
|
|
133
|
-
onClick: (event) => {
|
|
134
|
-
},
|
|
135
|
-
Content: EmptyComponent,
|
|
136
|
-
componentProps: {
|
|
137
|
-
onClickOutside: (e) => {
|
|
138
|
-
},
|
|
139
|
-
onKeyPress: (event) => {
|
|
140
|
-
},
|
|
141
|
-
popupOnKeyPress: (event) => {
|
|
142
|
-
},
|
|
143
|
-
isOpen: true,
|
|
144
|
-
options: [
|
|
145
|
-
{
|
|
146
|
-
type: "custom",
|
|
147
|
-
Icon: IconPlaceholder,
|
|
148
|
-
label: "Custom Option",
|
|
149
|
-
onClick: (event) => {
|
|
150
|
-
},
|
|
151
|
-
Content: EmptyComponent
|
|
152
|
-
},
|
|
153
|
-
{
|
|
154
|
-
type: "separator",
|
|
155
|
-
Icon: IconPlaceholder,
|
|
156
|
-
label: "Separator",
|
|
157
|
-
onClick: (event) => {
|
|
158
|
-
},
|
|
159
|
-
Content: EmptyComponent
|
|
160
|
-
},
|
|
161
|
-
{
|
|
162
|
-
label: "Custom Option",
|
|
163
|
-
onClick: (event) => {
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
],
|
|
167
|
-
closeOnClick: true
|
|
168
|
-
}
|
|
169
|
-
};
|
|
170
|
-
const popupMenuToolbarItemAsSyntax = {
|
|
171
|
-
type: "ds-popup-menu",
|
|
172
|
-
Icon: IconPlaceholder,
|
|
173
|
-
label: "Popup Menu",
|
|
174
|
-
onClick: (event) => {
|
|
175
|
-
},
|
|
176
|
-
Content: EmptyComponent,
|
|
177
|
-
componentProps: {
|
|
178
|
-
onClickOutside: (e) => {
|
|
179
|
-
},
|
|
180
|
-
onKeyPress: (event) => {
|
|
181
|
-
},
|
|
182
|
-
popupOnKeyPress: (event) => {
|
|
183
|
-
},
|
|
184
|
-
isOpen: true,
|
|
185
|
-
options: [
|
|
186
|
-
{
|
|
187
|
-
type: "custom",
|
|
188
|
-
Icon: IconPlaceholder,
|
|
189
|
-
label: "Custom Option",
|
|
190
|
-
onClick: (event) => {
|
|
191
|
-
},
|
|
192
|
-
Content: EmptyComponent
|
|
193
|
-
},
|
|
194
|
-
{
|
|
195
|
-
type: "separator",
|
|
196
|
-
Icon: IconPlaceholder,
|
|
197
|
-
label: "Separator",
|
|
198
|
-
onClick: (event) => {
|
|
199
|
-
},
|
|
200
|
-
Content: EmptyComponent
|
|
201
|
-
},
|
|
202
|
-
{
|
|
203
|
-
label: "Custom Option",
|
|
204
|
-
onClick: (event) => {
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
],
|
|
208
|
-
closeOnClick: true
|
|
209
|
-
}
|
|
210
|
-
};
|
|
211
|
-
const toolbarItemTypelessDefaultStrict = {
|
|
212
|
-
label: "Default Label",
|
|
213
|
-
Icon: IconPlaceholder,
|
|
214
|
-
onClick: (event) => {
|
|
215
|
-
}
|
|
216
|
-
};
|
|
217
|
-
const toolbarItemTypelessDefaultAsSyntax = {
|
|
218
|
-
label: "Default Label",
|
|
219
|
-
Icon: IconPlaceholder,
|
|
220
|
-
onClick: (event) => {
|
|
221
|
-
}
|
|
222
|
-
};
|
|
223
|
-
const toolbarItemTypelessDefaultStrictExplicit = {
|
|
224
|
-
type: void 0,
|
|
225
|
-
label: "Default Label",
|
|
226
|
-
Icon: IconPlaceholder,
|
|
227
|
-
onClick: (event) => {
|
|
228
|
-
}
|
|
229
|
-
};
|
|
230
|
-
const toolbarItemTypelessDefaultAsSyntaxExplicit = {
|
|
231
|
-
type: void 0,
|
|
232
|
-
label: "Default Label",
|
|
233
|
-
Icon: IconPlaceholder,
|
|
234
|
-
onClick: (event) => {
|
|
235
|
-
}
|
|
236
|
-
};
|
|
237
|
-
const toolbarItemsStrict = [
|
|
238
|
-
customToolbarItemStrict,
|
|
239
|
-
searchToggleToolbarItemStrict,
|
|
240
|
-
appPickerToolbarItemStrict,
|
|
241
|
-
popupMenuToolbarItemStrict,
|
|
242
|
-
toolbarItemTypelessDefaultStrict
|
|
243
|
-
];
|
|
244
|
-
const toolbarItemsAsSyntax = [
|
|
245
|
-
customToolbarItemAsSyntax,
|
|
246
|
-
searchToggleToolbarItemAsSyntax,
|
|
247
|
-
appPickerToolbarItemAsSyntax,
|
|
248
|
-
popupMenuToolbarItemAsSyntax,
|
|
249
|
-
toolbarItemTypelessDefaultAsSyntax
|
|
250
|
-
];
|
|
251
|
-
export {
|
|
252
|
-
toolbarItemsAsSyntax,
|
|
253
|
-
toolbarItemsStrict
|
|
254
|
-
};
|
|
255
|
-
//# sourceMappingURL=typescript-global-header-toolbar-types.js.map
|