@comet/admin 9.0.0-beta.5 → 9.0.0-beta.6
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/lib/common/ClearInputAdornment.d.ts.map +1 -1
- package/lib/common/ClearInputAdornment.js +6 -2
- package/lib/dataGrid/excelExport/generateExcelFile.d.ts.map +1 -1
- package/lib/dataGrid/excelExport/generateExcelFile.js +23 -1
- package/lib/dateTime/timePicker/TimePicker.d.ts.map +1 -1
- package/lib/dateTime/timePicker/TimePicker.js +2 -17
- package/lib/dateTime/timeRangePicker/TimeRangePicker.d.ts +71 -0
- package/lib/dateTime/timeRangePicker/TimeRangePicker.d.ts.map +1 -0
- package/lib/dateTime/timeRangePicker/TimeRangePicker.js +191 -0
- package/lib/dateTime/timeRangePickerField/TimeRangePickerField.d.ts +13 -0
- package/lib/dateTime/timeRangePickerField/TimeRangePickerField.d.ts.map +1 -0
- package/lib/dateTime/timeRangePickerField/TimeRangePickerField.js +31 -0
- package/lib/dateTime/utils.d.ts +6 -0
- package/lib/dateTime/utils.d.ts.map +1 -1
- package/lib/dateTime/utils.js +19 -1
- package/lib/{EditDialog.d.ts → editDialog/EditDialog.d.ts} +1 -1
- package/lib/editDialog/EditDialog.d.ts.map +1 -0
- package/lib/{EditDialog.js → editDialog/EditDialog.js} +5 -5
- package/lib/editDialog/EditDialogApiContext.d.ts.map +1 -0
- package/lib/form/FinalFormNumberInput.d.ts.map +1 -1
- package/lib/form/FinalFormNumberInput.js +2 -3
- package/lib/index.d.ts +4 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +4 -2
- package/package.json +19 -12
- package/lib/EditDialog.d.ts.map +0 -1
- package/lib/EditDialogApiContext.d.ts.map +0 -1
- package/lib/alert/__stories__/Alert.stories.js +0 -152
- package/lib/common/__stories__/Tooltip.stories.js +0 -404
- package/lib/common/buttons/__stories__/Button.stories.js +0 -445
- package/lib/common/buttons/delete/__stories__/DeleteButton.stories.js +0 -8
- package/lib/common/toolbar/__stories__/DataGridToolbar.stories.js +0 -76
- package/lib/common/toolbar/__stories__/Toolbar.stories.js +0 -82
- package/lib/dataGrid/__stories__/ClickableRows.stories.js +0 -109
- package/lib/dataGrid/__stories__/CrudMoreActionsMenu.stories.js +0 -50
- package/lib/dataGrid/__stories__/DataGrid.stories.js +0 -94
- package/lib/dataGrid/__stories__/DataGridSingleSelectFilter.stories.js +0 -492
- package/lib/dateTime/datePicker/__stories__/DatePicker.stories.js +0 -214
- package/lib/dateTime/datePickerField/__stories__/DatePickerField.stories.js +0 -220
- package/lib/dateTime/dateRangePicker/__stories__/DateRangePicker.stories.js +0 -238
- package/lib/dateTime/dateRangePickerField/__stories__/DateRangePickerField.stories.js +0 -224
- package/lib/dateTime/dateTimePicker/__stories__/DateTimePicker.stories.js +0 -214
- package/lib/dateTime/dateTimePickerField/__stories__/DateTimePickerField.stories.js +0 -220
- package/lib/dateTime/dateTimeRangePicker/__stories__/DateTimeRangePicker.stories.js +0 -238
- package/lib/dateTime/dateTimeRangePickerField/__stories__/DateTimeRangePickerField.stories.js +0 -223
- package/lib/dateTime/timePicker/__stories__/TimePicker.stories.js +0 -219
- package/lib/dateTime/timePickerField/__stories__/TimePickerField.stories.js +0 -229
- package/lib/form/__stories__/AsyncAutocompleteField.stories.js +0 -660
- package/lib/form/__stories__/AsyncSelectField.stories.js +0 -513
- package/lib/form/__stories__/Autocomplete.stories.js +0 -188
- package/lib/form/__stories__/AutocompleteField.stories.js +0 -48
- package/lib/form/__stories__/Checkbox.stories.js +0 -70
- package/lib/form/__stories__/CheckboxField.stories.js +0 -87
- package/lib/form/__stories__/CheckboxListField.stories.js +0 -172
- package/lib/form/__stories__/CustomButtons.stories.js +0 -78
- package/lib/form/__stories__/DependentAsyncSelects.stories.js +0 -91
- package/lib/form/__stories__/DisableAutoNavigation.stories.js +0 -132
- package/lib/form/__stories__/DisabledSubmitIfNotDirty.stories.js +0 -54
- package/lib/form/__stories__/FieldContainer.stories.js +0 -87
- package/lib/form/__stories__/FinalFormFileSelect.stories.js +0 -155
- package/lib/form/__stories__/FormInStack.stories.js +0 -133
- package/lib/form/__stories__/FormLayouts.stories.js +0 -174
- package/lib/form/__stories__/FormValidation.stories.js +0 -82
- package/lib/form/__stories__/Input.stories.js +0 -37
- package/lib/form/__stories__/NumberField.stories.js +0 -38
- package/lib/form/__stories__/Radio.stories.js +0 -101
- package/lib/form/__stories__/RadioGroupField.stories.js +0 -172
- package/lib/form/__stories__/RangeInput.stories.js +0 -239
- package/lib/form/__stories__/RouterTabs.stories.js +0 -96
- package/lib/form/__stories__/RouterTabsInForm.stories.js +0 -73
- package/lib/form/__stories__/RouterTabsInFormWithSubroutes.stories.js +0 -96
- package/lib/form/__stories__/ScrollToErrorField.stories.js +0 -82
- package/lib/form/__stories__/SearchField.stories.js +0 -38
- package/lib/form/__stories__/Select.stories.js +0 -187
- package/lib/form/__stories__/SelectField.stories.js +0 -100
- package/lib/form/__stories__/ShowErrorStrategies.stories.js +0 -107
- package/lib/form/__stories__/SingleTextField.stories.js +0 -108
- package/lib/form/__stories__/StackInForm.stories.js +0 -53
- package/lib/form/__stories__/SubmitErrors.stories.js +0 -90
- package/lib/form/__stories__/Switch.stories.js +0 -49
- package/lib/form/__stories__/SwitchField.stories.js +0 -87
- package/lib/form/__stories__/Tabs.stories.js +0 -78
- package/lib/form/__stories__/TextAreaField.stories.js +0 -38
- package/lib/form/__stories__/TextField.stories.js +0 -67
- package/lib/form/__stories__/ToggleButtonGroupField.stories.js +0 -312
- package/lib/form/__stories__/TwoLevelValidation.stories.js +0 -168
- package/lib/form/__stories__/Typography.stories.js +0 -71
- package/lib/form/file/__stories__/FileDropzone.stories.js +0 -81
- package/lib/form/file/__stories__/FileSelect.stories.js +0 -139
- package/lib/form/file/__stories__/FileSelectListItem.stories.js +0 -108
- package/lib/form/file/__stories__/FileSelectMultipleExamples.stories.js +0 -187
- package/lib/section/__stories__/SectionHeadline.stories.js +0 -71
- package/lib/stack/__stories__/RouterTabsNestedStack.stories.js +0 -51
- package/lib/stack/__stories__/Stack.stories.js +0 -14
- package/lib/stack/__stories__/StackBackButton.stories.js +0 -50
- package/lib/stack/__stories__/StackBreadcrumbs.stories.js +0 -139
- package/lib/stack/__stories__/StackBreadcrumbsTabs.stories.js +0 -47
- package/lib/stack/__stories__/StackCustomSeparator.stories.js +0 -47
- package/lib/stack/__stories__/StackLink.stories.js +0 -41
- package/lib/stack/__stories__/StackNested.stories.js +0 -58
- package/lib/stack/__stories__/StackNestedOnInitialPage.stories.js +0 -78
- package/lib/stack/__stories__/StackNestedOneStack.stories.js +0 -90
- package/lib/stack/__stories__/StackPageTitle.stories.js +0 -121
- package/lib/stack/__stories__/StackReactNodeTitle.stories.js +0 -54
- package/lib/stack/__stories__/StackRefApi.stories.js +0 -56
- package/lib/stack/__stories__/StackTableFormQueryAtStack.stories.js +0 -155
- package/lib/stack/__stories__/StackTableFormQueryInTable.stories.js +0 -160
- package/lib/stack/__stories__/StackUrl.stories.js +0 -66
- package/lib/tabs/__stories__/DynamicTabs.stories.js +0 -84
- package/lib/tabs/__stories__/NestedStackSwitchWithRouterTabs.stories.js +0 -84
- package/lib/tabs/__stories__/OverflowIssues.stories.js +0 -224
- package/lib/tabs/__stories__/RouterTabs.stories.js +0 -31
- package/lib/tabs/__stories__/RouterTabsInStack.stories.js +0 -74
- package/lib/tabs/__stories__/RouterTabsInSubroute.stories.js +0 -68
- package/lib/tabs/__stories__/Tabs.stories.js +0 -219
- package/lib/translator/__stories__/ContentTranslation.stories.js +0 -104
- /package/lib/{EditDialogApiContext.d.ts → editDialog/EditDialogApiContext.d.ts} +0 -0
- /package/lib/{EditDialogApiContext.js → editDialog/EditDialogApiContext.js} +0 -0
|
@@ -1,187 +0,0 @@
|
|
|
1
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
2
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
3
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
4
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
5
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
6
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
7
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
8
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
9
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
10
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
11
|
-
import { Box, Grid, Typography } from "@mui/material";
|
|
12
|
-
import { useState } from "react";
|
|
13
|
-
import { FileSelect } from "../../../form/file/FileSelect";
|
|
14
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
var dummyFiles = [{
|
|
16
|
-
name: "lorem ipsum.png",
|
|
17
|
-
size: 3e5
|
|
18
|
-
}, {
|
|
19
|
-
name: "This is a file with a really long name to test truncating in the file list.jpeg",
|
|
20
|
-
size: 6e6
|
|
21
|
-
}, {
|
|
22
|
-
name: "failed.png",
|
|
23
|
-
error: true
|
|
24
|
-
}];
|
|
25
|
-
var dummyFileDownload = function dummyFileDownload(file) {
|
|
26
|
-
alert("Pretend \"".concat(file.name, "\" was just downloaded."));
|
|
27
|
-
};
|
|
28
|
-
var SingleFileSelectStory = function SingleFileSelectStory(_ref) {
|
|
29
|
-
var noBackground = _ref.noBackground,
|
|
30
|
-
hasExistingFiles = _ref.hasExistingFiles;
|
|
31
|
-
var _useState = useState(hasExistingFiles ? dummyFiles[0] : undefined),
|
|
32
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33
|
-
file = _useState2[0],
|
|
34
|
-
setFile = _useState2[1];
|
|
35
|
-
var _useState3 = useState(false),
|
|
36
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
37
|
-
tooManyFilesSelected = _useState4[0],
|
|
38
|
-
setTooManyFilesSelected = _useState4[1];
|
|
39
|
-
return /*#__PURE__*/_jsxs(Box, {
|
|
40
|
-
padding: 4,
|
|
41
|
-
sx: {
|
|
42
|
-
backgroundColor: noBackground ? "transparent" : "white"
|
|
43
|
-
},
|
|
44
|
-
children: [/*#__PURE__*/_jsx(Typography, {
|
|
45
|
-
variant: "h6",
|
|
46
|
-
gutterBottom: true,
|
|
47
|
-
children: "Single File Select"
|
|
48
|
-
}), /*#__PURE__*/_jsx(FileSelect, {
|
|
49
|
-
onDrop: function onDrop(acceptedFiles, rejectedFiles) {
|
|
50
|
-
var tooManyFilesWereDropped = rejectedFiles.some(function (rejection) {
|
|
51
|
-
return rejection.errors.some(function (error) {
|
|
52
|
-
return error.code === "too-many-files";
|
|
53
|
-
});
|
|
54
|
-
});
|
|
55
|
-
setTooManyFilesSelected(tooManyFilesWereDropped);
|
|
56
|
-
if (!tooManyFilesWereDropped) {
|
|
57
|
-
if (acceptedFiles.length > 0) {
|
|
58
|
-
setFile({
|
|
59
|
-
name: acceptedFiles[0].name,
|
|
60
|
-
size: acceptedFiles[0].size
|
|
61
|
-
});
|
|
62
|
-
}
|
|
63
|
-
if (rejectedFiles.length > 0) {
|
|
64
|
-
setFile({
|
|
65
|
-
name: rejectedFiles[0].file.name,
|
|
66
|
-
error: true
|
|
67
|
-
});
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
onRemove: function onRemove() {
|
|
72
|
-
setFile(undefined);
|
|
73
|
-
},
|
|
74
|
-
onDownload: dummyFileDownload,
|
|
75
|
-
maxFileSize: 1024 * 1024 * 5 // 5 MB
|
|
76
|
-
,
|
|
77
|
-
files: file ? [file] : [],
|
|
78
|
-
error: tooManyFilesSelected ? "Selection was canceled. You can only select one file." : undefined
|
|
79
|
-
})]
|
|
80
|
-
});
|
|
81
|
-
};
|
|
82
|
-
var MultipleFileSelectStory = function MultipleFileSelectStory(_ref2) {
|
|
83
|
-
var noBackground = _ref2.noBackground,
|
|
84
|
-
hasExistingFiles = _ref2.hasExistingFiles;
|
|
85
|
-
var _useState5 = useState(hasExistingFiles ? dummyFiles : []),
|
|
86
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
87
|
-
files = _useState6[0],
|
|
88
|
-
setFiles = _useState6[1];
|
|
89
|
-
var _useState7 = useState(false),
|
|
90
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
91
|
-
tooManyFilesSelected = _useState8[0],
|
|
92
|
-
setTooManyFilesSelected = _useState8[1];
|
|
93
|
-
var maxNumberOfFiles = 4;
|
|
94
|
-
return /*#__PURE__*/_jsxs(Box, {
|
|
95
|
-
padding: 4,
|
|
96
|
-
sx: {
|
|
97
|
-
backgroundColor: noBackground ? "transparent" : "white"
|
|
98
|
-
},
|
|
99
|
-
children: [/*#__PURE__*/_jsx(Typography, {
|
|
100
|
-
variant: "h6",
|
|
101
|
-
gutterBottom: true,
|
|
102
|
-
children: "Multiple File Select"
|
|
103
|
-
}), /*#__PURE__*/_jsx(FileSelect, {
|
|
104
|
-
onDrop: function onDrop(acceptedFiles, rejectedFiles) {
|
|
105
|
-
var tooManyFilesWereDropped = rejectedFiles.some(function (rejection) {
|
|
106
|
-
return rejection.errors.some(function (error) {
|
|
107
|
-
return error.code === "too-many-files";
|
|
108
|
-
});
|
|
109
|
-
});
|
|
110
|
-
setTooManyFilesSelected(tooManyFilesWereDropped);
|
|
111
|
-
if (!tooManyFilesWereDropped) {
|
|
112
|
-
setFiles(function (existingFiles) {
|
|
113
|
-
return [].concat(_toConsumableArray(existingFiles), _toConsumableArray(acceptedFiles.map(function (file) {
|
|
114
|
-
return {
|
|
115
|
-
name: file.name,
|
|
116
|
-
size: file.size
|
|
117
|
-
};
|
|
118
|
-
})), _toConsumableArray(rejectedFiles.map(function (file) {
|
|
119
|
-
return {
|
|
120
|
-
name: file.file.name,
|
|
121
|
-
error: true
|
|
122
|
-
};
|
|
123
|
-
})));
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
onRemove: function onRemove(fileToRemove) {
|
|
128
|
-
return setFiles(files.filter(function (file) {
|
|
129
|
-
return file.name !== fileToRemove.name;
|
|
130
|
-
}));
|
|
131
|
-
},
|
|
132
|
-
onDownload: dummyFileDownload,
|
|
133
|
-
files: files,
|
|
134
|
-
maxFiles: maxNumberOfFiles,
|
|
135
|
-
maxFileSize: 1024 * 1024 * 5 // 5 MB
|
|
136
|
-
,
|
|
137
|
-
error: tooManyFilesSelected ? "Selection was canceled. You can only select a maximum of ".concat(maxNumberOfFiles, " files, please reduce your selection.") : undefined
|
|
138
|
-
})]
|
|
139
|
-
});
|
|
140
|
-
};
|
|
141
|
-
export default {
|
|
142
|
-
title: "components/form/File",
|
|
143
|
-
args: {
|
|
144
|
-
noBackground: false
|
|
145
|
-
},
|
|
146
|
-
argTypes: {
|
|
147
|
-
noBackground: {
|
|
148
|
-
name: "No background",
|
|
149
|
-
control: "boolean"
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
};
|
|
153
|
-
export var FileSelectMultipleExamples = {
|
|
154
|
-
render: function render(_ref3) {
|
|
155
|
-
var noBackground = _ref3.noBackground;
|
|
156
|
-
return /*#__PURE__*/_jsx("div", {
|
|
157
|
-
children: /*#__PURE__*/_jsxs(Grid, {
|
|
158
|
-
container: true,
|
|
159
|
-
spacing: 4,
|
|
160
|
-
children: [/*#__PURE__*/_jsx(Grid, {
|
|
161
|
-
size: 6,
|
|
162
|
-
children: /*#__PURE__*/_jsx(SingleFileSelectStory, {
|
|
163
|
-
noBackground: noBackground
|
|
164
|
-
})
|
|
165
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
|
166
|
-
size: 6,
|
|
167
|
-
children: /*#__PURE__*/_jsx(MultipleFileSelectStory, {
|
|
168
|
-
noBackground: noBackground
|
|
169
|
-
})
|
|
170
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
|
171
|
-
size: 6,
|
|
172
|
-
children: /*#__PURE__*/_jsx(SingleFileSelectStory, {
|
|
173
|
-
noBackground: noBackground,
|
|
174
|
-
hasExistingFiles: true
|
|
175
|
-
})
|
|
176
|
-
}), /*#__PURE__*/_jsx(Grid, {
|
|
177
|
-
size: 6,
|
|
178
|
-
children: /*#__PURE__*/_jsx(MultipleFileSelectStory, {
|
|
179
|
-
noBackground: noBackground,
|
|
180
|
-
hasExistingFiles: true
|
|
181
|
-
})
|
|
182
|
-
})]
|
|
183
|
-
})
|
|
184
|
-
});
|
|
185
|
-
},
|
|
186
|
-
name: "File Select (multiple examples)"
|
|
187
|
-
};
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { Stack, Typography } from "@mui/material";
|
|
2
|
-
import { FormattedMessage } from "react-intl";
|
|
3
|
-
import { SectionHeadline } from "../SectionHeadline";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
5
|
-
var config = {
|
|
6
|
-
component: SectionHeadline,
|
|
7
|
-
title: "components/section/SectionHeadline"
|
|
8
|
-
};
|
|
9
|
-
export default config;
|
|
10
|
-
export var Default = {
|
|
11
|
-
render: function render() {
|
|
12
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
13
|
-
spacing: 15,
|
|
14
|
-
children: [/*#__PURE__*/_jsx(SectionHeadline, {
|
|
15
|
-
supportText: "Support Text",
|
|
16
|
-
divider: true,
|
|
17
|
-
infoTooltipText: "Tooltip Info Text",
|
|
18
|
-
children: "Section Title"
|
|
19
|
-
}), /*#__PURE__*/_jsx(SectionHeadline, {
|
|
20
|
-
children: "Section Title"
|
|
21
|
-
})]
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
};
|
|
25
|
-
export var InfoTooltipExamples = {
|
|
26
|
-
render: function render() {
|
|
27
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
28
|
-
spacing: 4,
|
|
29
|
-
children: [/*#__PURE__*/_jsxs(SectionHeadline, {
|
|
30
|
-
infoTooltipText: "Hello",
|
|
31
|
-
children: ["Using ", /*#__PURE__*/_jsx("strong", {
|
|
32
|
-
children: "deprecated"
|
|
33
|
-
}), " infoTooltipText prop"]
|
|
34
|
-
}), /*#__PURE__*/_jsx(SectionHeadline, {
|
|
35
|
-
infoTooltip: "Hello",
|
|
36
|
-
children: "Using infoTooltip prop, using string directly"
|
|
37
|
-
}), /*#__PURE__*/_jsx(SectionHeadline, {
|
|
38
|
-
infoTooltip: /*#__PURE__*/_jsx(FormattedMessage, {
|
|
39
|
-
id: "stories.formSectionl.infoTooltipExamples.hello",
|
|
40
|
-
defaultMessage: "Hello"
|
|
41
|
-
}),
|
|
42
|
-
children: "Using infoTooltip prop, using FormattedMessage directly"
|
|
43
|
-
}), /*#__PURE__*/_jsx(SectionHeadline, {
|
|
44
|
-
infoTooltip: {
|
|
45
|
-
title: "Hello"
|
|
46
|
-
},
|
|
47
|
-
children: "Using infoTooltip prop, using object for title only"
|
|
48
|
-
}), /*#__PURE__*/_jsx(SectionHeadline, {
|
|
49
|
-
infoTooltip: {
|
|
50
|
-
title: "Hello",
|
|
51
|
-
description: "Lorem ipsum",
|
|
52
|
-
color: "light"
|
|
53
|
-
},
|
|
54
|
-
children: "Using infoTooltip prop, using object for title, description and variant"
|
|
55
|
-
}), /*#__PURE__*/_jsx(SectionHeadline, {
|
|
56
|
-
infoTooltip: {
|
|
57
|
-
customContent: /*#__PURE__*/_jsxs(_Fragment, {
|
|
58
|
-
children: [/*#__PURE__*/_jsx(Typography, {
|
|
59
|
-
variant: "subtitle1",
|
|
60
|
-
children: "Hello"
|
|
61
|
-
}), /*#__PURE__*/_jsx(Typography, {
|
|
62
|
-
variant: "body1",
|
|
63
|
-
children: "Lorem ipsum"
|
|
64
|
-
})]
|
|
65
|
-
})
|
|
66
|
-
},
|
|
67
|
-
children: "Using infoTooltip prop, using object for custom content"
|
|
68
|
-
})]
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
};
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { Button, RouterTab, RouterTabs, Stack, StackBreadcrumbs, StackPage, StackSwitch, StackSwitchApiContext } from "@comet/admin";
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
export default {
|
|
4
|
-
title: "components/stack/RouterTabsNestedStack"
|
|
5
|
-
};
|
|
6
|
-
export var RouterTabsWithNestedStack = {
|
|
7
|
-
render: function render() {
|
|
8
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
9
|
-
topLevelTitle: "Root Stack",
|
|
10
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(RouterTabs, {
|
|
11
|
-
children: [/*#__PURE__*/_jsx(RouterTab, {
|
|
12
|
-
label: "Page 1",
|
|
13
|
-
path: "",
|
|
14
|
-
children: /*#__PURE__*/_jsxs(Stack, {
|
|
15
|
-
topLevelTitle: "Nested Stack",
|
|
16
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
17
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
18
|
-
name: "table",
|
|
19
|
-
children: /*#__PURE__*/_jsx(StackSwitchApiContext.Consumer, {
|
|
20
|
-
children: function children(stackApi) {
|
|
21
|
-
return /*#__PURE__*/_jsx(Button, {
|
|
22
|
-
onClick: function onClick() {
|
|
23
|
-
return stackApi.activatePage("edit", "test");
|
|
24
|
-
},
|
|
25
|
-
children: "Test"
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
})
|
|
29
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
30
|
-
name: "edit",
|
|
31
|
-
title: "Edit",
|
|
32
|
-
children: /*#__PURE__*/_jsx(RouterTabs, {
|
|
33
|
-
children: /*#__PURE__*/_jsx(RouterTab, {
|
|
34
|
-
label: "Page 3",
|
|
35
|
-
path: "",
|
|
36
|
-
children: "Page 3"
|
|
37
|
-
})
|
|
38
|
-
})
|
|
39
|
-
})]
|
|
40
|
-
})]
|
|
41
|
-
})
|
|
42
|
-
}), /*#__PURE__*/_jsx(RouterTab, {
|
|
43
|
-
label: "Page 2",
|
|
44
|
-
path: "/page2",
|
|
45
|
-
children: "Page 2"
|
|
46
|
-
})]
|
|
47
|
-
})]
|
|
48
|
-
});
|
|
49
|
-
},
|
|
50
|
-
name: "RouterTabs with nested Stack"
|
|
51
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { Stack, StackBreadcrumbs } from "@comet/admin";
|
|
2
|
-
import { Typography } from "@mui/material";
|
|
3
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
4
|
-
export default {
|
|
5
|
-
title: "components/stack/Stack"
|
|
6
|
-
};
|
|
7
|
-
export var _Stack = function _Stack() {
|
|
8
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
9
|
-
topLevelTitle: "Stack",
|
|
10
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsx(Typography, {
|
|
11
|
-
children: "Foo"
|
|
12
|
-
})]
|
|
13
|
-
});
|
|
14
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { Stack, StackBackButton, StackBreadcrumbs, StackPage, StackSwitch, StackSwitchApiContext } from "@comet/admin";
|
|
2
|
-
import { useContext } from "react";
|
|
3
|
-
import { Redirect, Route, Switch } from "react-router";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
function Page1() {
|
|
6
|
-
var switchApi = useContext(StackSwitchApiContext);
|
|
7
|
-
return /*#__PURE__*/_jsx("button", {
|
|
8
|
-
onClick: function onClick(e) {
|
|
9
|
-
switchApi.activatePage("page2", "test");
|
|
10
|
-
},
|
|
11
|
-
children: "activate page2"
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
function Story() {
|
|
15
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
16
|
-
topLevelTitle: "Stack",
|
|
17
|
-
children: [/*#__PURE__*/_jsxs("div", {
|
|
18
|
-
style: {
|
|
19
|
-
display: "flex",
|
|
20
|
-
flexDirection: "row"
|
|
21
|
-
},
|
|
22
|
-
children: [/*#__PURE__*/_jsx(StackBackButton, {}), /*#__PURE__*/_jsx(StackBreadcrumbs, {})]
|
|
23
|
-
}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
24
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
25
|
-
name: "page1",
|
|
26
|
-
children: /*#__PURE__*/_jsx(Page1, {})
|
|
27
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
28
|
-
name: "page2",
|
|
29
|
-
children: "page2-2"
|
|
30
|
-
})]
|
|
31
|
-
})]
|
|
32
|
-
});
|
|
33
|
-
}
|
|
34
|
-
export default {
|
|
35
|
-
title: "components/stack/StackBackButton"
|
|
36
|
-
};
|
|
37
|
-
export var _StackBackButton = function _StackBackButton() {
|
|
38
|
-
return /*#__PURE__*/_jsxs(Switch, {
|
|
39
|
-
children: [/*#__PURE__*/_jsx(Route, {
|
|
40
|
-
exact: true,
|
|
41
|
-
path: "/",
|
|
42
|
-
children: /*#__PURE__*/_jsx(Redirect, {
|
|
43
|
-
to: "/foo"
|
|
44
|
-
})
|
|
45
|
-
}), /*#__PURE__*/_jsx(Route, {
|
|
46
|
-
path: "/foo",
|
|
47
|
-
children: /*#__PURE__*/_jsx(Story, {})
|
|
48
|
-
})]
|
|
49
|
-
});
|
|
50
|
-
};
|
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
5
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
|
6
|
-
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
-
function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
|
|
8
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
9
|
-
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
10
|
-
function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
|
|
11
|
-
function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
|
|
12
|
-
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
13
|
-
import { Stack, StackBreadcrumbs, useStackApi } from "@comet/admin";
|
|
14
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
15
|
-
var singleItem = [{
|
|
16
|
-
id: "one",
|
|
17
|
-
parentId: "",
|
|
18
|
-
url: "/one",
|
|
19
|
-
title: "Breadcrumb One"
|
|
20
|
-
}];
|
|
21
|
-
var twoItems = [].concat(singleItem, [{
|
|
22
|
-
id: "two",
|
|
23
|
-
parentId: "one",
|
|
24
|
-
url: "/two",
|
|
25
|
-
title: "BC 2"
|
|
26
|
-
}]);
|
|
27
|
-
var threeItems = [].concat(_toConsumableArray(twoItems), [{
|
|
28
|
-
id: "three",
|
|
29
|
-
parentId: "two",
|
|
30
|
-
url: "/three",
|
|
31
|
-
title: "BrdCrmb 3"
|
|
32
|
-
}]);
|
|
33
|
-
var fiveItems = [].concat(_toConsumableArray(threeItems), [{
|
|
34
|
-
id: "four",
|
|
35
|
-
parentId: "three",
|
|
36
|
-
url: "/four",
|
|
37
|
-
title: "Really long Breadcrumb Number Four"
|
|
38
|
-
}, {
|
|
39
|
-
id: "five",
|
|
40
|
-
parentId: "four",
|
|
41
|
-
url: "/five",
|
|
42
|
-
title: "Breadcrumb Five"
|
|
43
|
-
}]);
|
|
44
|
-
var eightItems = [].concat(_toConsumableArray(fiveItems), [{
|
|
45
|
-
id: "six",
|
|
46
|
-
parentId: "five",
|
|
47
|
-
url: "/six",
|
|
48
|
-
title: "Breadcrumb Six"
|
|
49
|
-
}, {
|
|
50
|
-
id: "seven",
|
|
51
|
-
parentId: "six",
|
|
52
|
-
url: "/seven",
|
|
53
|
-
title: "BrdCrmb 7"
|
|
54
|
-
}, {
|
|
55
|
-
id: "eight",
|
|
56
|
-
parentId: "seven",
|
|
57
|
-
url: "/eight",
|
|
58
|
-
title: "Breadcrumb Eight"
|
|
59
|
-
}]);
|
|
60
|
-
var allBradcrumbItemsGroupOne = {
|
|
61
|
-
Single: singleItem,
|
|
62
|
-
Two: twoItems,
|
|
63
|
-
Three: threeItems,
|
|
64
|
-
Five: fiveItems,
|
|
65
|
-
Eight: eightItems
|
|
66
|
-
};
|
|
67
|
-
var allBradcrumbItemsGroupTwo = {
|
|
68
|
-
Single: singleItem.map(function (item) {
|
|
69
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
70
|
-
title: "".concat(item.title, " group 2")
|
|
71
|
-
});
|
|
72
|
-
}),
|
|
73
|
-
Two: twoItems.map(function (item) {
|
|
74
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
75
|
-
title: "".concat(item.title, " group 2")
|
|
76
|
-
});
|
|
77
|
-
}),
|
|
78
|
-
Three: threeItems.map(function (item) {
|
|
79
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
80
|
-
title: "".concat(item.title, " group 2")
|
|
81
|
-
});
|
|
82
|
-
}),
|
|
83
|
-
Five: fiveItems.map(function (item) {
|
|
84
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
85
|
-
title: "".concat(item.title, " group 2")
|
|
86
|
-
});
|
|
87
|
-
}),
|
|
88
|
-
Eight: eightItems.map(function (item) {
|
|
89
|
-
return _objectSpread(_objectSpread({}, item), {}, {
|
|
90
|
-
title: "".concat(item.title, " group 2")
|
|
91
|
-
});
|
|
92
|
-
})
|
|
93
|
-
};
|
|
94
|
-
var allBreadcrumbGroups = {
|
|
95
|
-
Normal: allBradcrumbItemsGroupOne,
|
|
96
|
-
"Increased length": allBradcrumbItemsGroupTwo
|
|
97
|
-
};
|
|
98
|
-
function Story(_ref) {
|
|
99
|
-
var selectedBreadcrumbsNumber = _ref.selectedBreadcrumbsNumber,
|
|
100
|
-
selectedBreadcrumbsGroup = _ref.selectedBreadcrumbsGroup;
|
|
101
|
-
var stackApi = useStackApi();
|
|
102
|
-
if (!stackApi) {
|
|
103
|
-
return null;
|
|
104
|
-
}
|
|
105
|
-
stackApi.breadCrumbs = allBreadcrumbGroups[selectedBreadcrumbsGroup][selectedBreadcrumbsNumber];
|
|
106
|
-
return /*#__PURE__*/_jsx(StackBreadcrumbs, {});
|
|
107
|
-
}
|
|
108
|
-
export default {
|
|
109
|
-
title: "components/stack/StackBreadcrumbs",
|
|
110
|
-
args: {
|
|
111
|
-
selectedBreadcrumbsNumber: "Three",
|
|
112
|
-
selectedBreadcrumbsGroup: "Normal"
|
|
113
|
-
},
|
|
114
|
-
argTypes: {
|
|
115
|
-
selectedBreadcrumbsNumber: {
|
|
116
|
-
name: "Number of items",
|
|
117
|
-
control: "select",
|
|
118
|
-
options: Object.keys(allBradcrumbItemsGroupOne)
|
|
119
|
-
},
|
|
120
|
-
selectedBreadcrumbsGroup: {
|
|
121
|
-
name: "Item group",
|
|
122
|
-
control: "select",
|
|
123
|
-
options: Object.keys(allBreadcrumbGroups)
|
|
124
|
-
}
|
|
125
|
-
}
|
|
126
|
-
};
|
|
127
|
-
export var _StackBreadcrumbs = {
|
|
128
|
-
render: function render(_ref2) {
|
|
129
|
-
var selectedBreadcrumbsGroup = _ref2.selectedBreadcrumbsGroup,
|
|
130
|
-
selectedBreadcrumbsNumber = _ref2.selectedBreadcrumbsNumber;
|
|
131
|
-
return /*#__PURE__*/_jsx(Stack, {
|
|
132
|
-
topLevelTitle: "Stack",
|
|
133
|
-
children: /*#__PURE__*/_jsx(Story, {
|
|
134
|
-
selectedBreadcrumbsGroup: selectedBreadcrumbsGroup,
|
|
135
|
-
selectedBreadcrumbsNumber: selectedBreadcrumbsNumber
|
|
136
|
-
})
|
|
137
|
-
});
|
|
138
|
-
}
|
|
139
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { RouterTab, RouterTabs, Stack, StackBreadcrumbs, StackLink, StackPage, StackSwitch } from "@comet/admin";
|
|
2
|
-
import { useLocation } from "react-router";
|
|
3
|
-
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
|
-
export default {
|
|
5
|
-
title: "components/stack/StackBreadcrumbsTabs"
|
|
6
|
-
};
|
|
7
|
-
export var StackBreadcrumbsWithNestedTabs = {
|
|
8
|
-
render: function render() {
|
|
9
|
-
var location = useLocation();
|
|
10
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
11
|
-
children: [/*#__PURE__*/_jsxs("p", {
|
|
12
|
-
children: ["Pathname: ", location.pathname]
|
|
13
|
-
}), /*#__PURE__*/_jsxs(Stack, {
|
|
14
|
-
topLevelTitle: "Root Stack",
|
|
15
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
16
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
17
|
-
name: "table",
|
|
18
|
-
children: /*#__PURE__*/_jsxs(RouterTabs, {
|
|
19
|
-
children: [/*#__PURE__*/_jsx(RouterTab, {
|
|
20
|
-
label: "Tab 1",
|
|
21
|
-
path: "",
|
|
22
|
-
children: /*#__PURE__*/_jsx("p", {
|
|
23
|
-
children: "Tab 1"
|
|
24
|
-
})
|
|
25
|
-
}), /*#__PURE__*/_jsxs(RouterTab, {
|
|
26
|
-
label: "Tab 2",
|
|
27
|
-
path: "/tab2",
|
|
28
|
-
children: [/*#__PURE__*/_jsx("p", {
|
|
29
|
-
children: "Tab 2"
|
|
30
|
-
}), /*#__PURE__*/_jsx(StackLink, {
|
|
31
|
-
pageName: "edit",
|
|
32
|
-
payload: "test",
|
|
33
|
-
children: "Edit"
|
|
34
|
-
})]
|
|
35
|
-
})]
|
|
36
|
-
})
|
|
37
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
38
|
-
name: "edit",
|
|
39
|
-
title: "Edit",
|
|
40
|
-
children: "Edit"
|
|
41
|
-
})]
|
|
42
|
-
})]
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
},
|
|
46
|
-
name: "Stack Breadcrumbs with nested Tabs"
|
|
47
|
-
};
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { Stack, StackBreadcrumbs, StackPage, StackSwitch, StackSwitchApiContext } from "@comet/admin";
|
|
2
|
-
import { CometColor } from "@comet/admin-icons";
|
|
3
|
-
import { useContext } from "react";
|
|
4
|
-
import { Redirect, Route, Switch } from "react-router";
|
|
5
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
-
function Page1() {
|
|
7
|
-
var switchApi = useContext(StackSwitchApiContext);
|
|
8
|
-
return /*#__PURE__*/_jsx("button", {
|
|
9
|
-
onClick: function onClick(e) {
|
|
10
|
-
switchApi.activatePage("page2", "test");
|
|
11
|
-
},
|
|
12
|
-
children: "activate page2"
|
|
13
|
-
});
|
|
14
|
-
}
|
|
15
|
-
function Story() {
|
|
16
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
17
|
-
topLevelTitle: "Stack",
|
|
18
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {
|
|
19
|
-
separator: /*#__PURE__*/_jsx(CometColor, {})
|
|
20
|
-
}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
21
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
22
|
-
name: "page1",
|
|
23
|
-
children: /*#__PURE__*/_jsx(Page1, {})
|
|
24
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
25
|
-
name: "page2",
|
|
26
|
-
children: "page2-2"
|
|
27
|
-
})]
|
|
28
|
-
})]
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
export default {
|
|
32
|
-
title: "components/stack/StackCustomSeparator"
|
|
33
|
-
};
|
|
34
|
-
export var StackCustomSeparator = function StackCustomSeparator() {
|
|
35
|
-
return /*#__PURE__*/_jsxs(Switch, {
|
|
36
|
-
children: [/*#__PURE__*/_jsx(Route, {
|
|
37
|
-
exact: true,
|
|
38
|
-
path: "/",
|
|
39
|
-
children: /*#__PURE__*/_jsx(Redirect, {
|
|
40
|
-
to: "/foo"
|
|
41
|
-
})
|
|
42
|
-
}), /*#__PURE__*/_jsx(Route, {
|
|
43
|
-
path: "/foo",
|
|
44
|
-
children: /*#__PURE__*/_jsx(Story, {})
|
|
45
|
-
})]
|
|
46
|
-
});
|
|
47
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { Button, Stack, StackLink, StackPage, StackSwitch } from "@comet/admin";
|
|
2
|
-
import { useLocation } from "react-router";
|
|
3
|
-
import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
4
|
-
export default {
|
|
5
|
-
title: "components/stack/StackLink"
|
|
6
|
-
};
|
|
7
|
-
export var _StackLink = {
|
|
8
|
-
render: function render() {
|
|
9
|
-
var location = useLocation();
|
|
10
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
11
|
-
children: [/*#__PURE__*/_jsxs("p", {
|
|
12
|
-
children: ["Pathname: ", location.pathname]
|
|
13
|
-
}), /*#__PURE__*/_jsx(Stack, {
|
|
14
|
-
topLevelTitle: "Example Stack with StackLinks",
|
|
15
|
-
children: /*#__PURE__*/_jsxs(StackSwitch, {
|
|
16
|
-
children: [/*#__PURE__*/_jsxs(StackPage, {
|
|
17
|
-
name: "page1",
|
|
18
|
-
children: [/*#__PURE__*/_jsx("h3", {
|
|
19
|
-
children: "Page 1"
|
|
20
|
-
}), /*#__PURE__*/_jsx(StackLink, {
|
|
21
|
-
pageName: "page2",
|
|
22
|
-
payload: "test",
|
|
23
|
-
children: "link based on StackLink"
|
|
24
|
-
})]
|
|
25
|
-
}), /*#__PURE__*/_jsxs(StackPage, {
|
|
26
|
-
name: "page2",
|
|
27
|
-
children: [/*#__PURE__*/_jsx("h3", {
|
|
28
|
-
children: "Page 2"
|
|
29
|
-
}), /*#__PURE__*/_jsx(Button, {
|
|
30
|
-
component: StackLink,
|
|
31
|
-
pageName: "page1",
|
|
32
|
-
payload: "test",
|
|
33
|
-
children: "button based on StackLink"
|
|
34
|
-
})]
|
|
35
|
-
})]
|
|
36
|
-
})
|
|
37
|
-
})]
|
|
38
|
-
});
|
|
39
|
-
},
|
|
40
|
-
name: "StackLink"
|
|
41
|
-
};
|