@comet/admin 9.0.0-beta.4 → 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/common/DeleteDialog.d.ts +1 -0
- package/lib/common/DeleteDialog.d.ts.map +1 -1
- package/lib/common/DeleteDialog.js +8 -1
- package/lib/common/buttons/clearinput/ClearInputButton.js +1 -1
- 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/helpers/useTopOffset.js +1 -1
- package/lib/index.d.ts +4 -2
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +4 -2
- package/lib/theme/componentsTheme/MuiDataGrid.js +1 -1
- package/package.json +26 -19
- 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/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/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/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,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
|
-
};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { Stack, 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 Page2() {
|
|
15
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
16
|
-
topLevelTitle: "Stack Nested",
|
|
17
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
18
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
19
|
-
name: "page1",
|
|
20
|
-
children: /*#__PURE__*/_jsx(Page1, {})
|
|
21
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
22
|
-
name: "page2",
|
|
23
|
-
children: "page2-2"
|
|
24
|
-
})]
|
|
25
|
-
})]
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
function Story() {
|
|
29
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
30
|
-
topLevelTitle: "Stack",
|
|
31
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
32
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
33
|
-
name: "page1",
|
|
34
|
-
children: /*#__PURE__*/_jsx(Page1, {})
|
|
35
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
36
|
-
name: "page2",
|
|
37
|
-
children: /*#__PURE__*/_jsx(Page2, {})
|
|
38
|
-
})]
|
|
39
|
-
})]
|
|
40
|
-
});
|
|
41
|
-
}
|
|
42
|
-
export default {
|
|
43
|
-
title: "components/stack/StackNested"
|
|
44
|
-
};
|
|
45
|
-
export var StackNested = function StackNested() {
|
|
46
|
-
return /*#__PURE__*/_jsxs(Switch, {
|
|
47
|
-
children: [/*#__PURE__*/_jsx(Route, {
|
|
48
|
-
exact: true,
|
|
49
|
-
path: "/",
|
|
50
|
-
children: /*#__PURE__*/_jsx(Redirect, {
|
|
51
|
-
to: "/foo"
|
|
52
|
-
})
|
|
53
|
-
}), /*#__PURE__*/_jsx(Route, {
|
|
54
|
-
path: "/foo",
|
|
55
|
-
children: /*#__PURE__*/_jsx(Story, {})
|
|
56
|
-
})]
|
|
57
|
-
});
|
|
58
|
-
};
|
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
2
|
-
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."); }
|
|
3
|
-
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; } }
|
|
4
|
-
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; }
|
|
5
|
-
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; } }
|
|
6
|
-
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
7
|
-
import { Stack, StackBreadcrumbs, StackLink, StackPage, StackSwitch } from "@comet/admin";
|
|
8
|
-
import { useEffect, useState } from "react";
|
|
9
|
-
import { Redirect, Route, Switch, useLocation } from "react-router";
|
|
10
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
11
|
-
function Path() {
|
|
12
|
-
var location = useLocation();
|
|
13
|
-
var _useState = useState(0),
|
|
14
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
15
|
-
rerender = _useState2[1];
|
|
16
|
-
useEffect(function () {
|
|
17
|
-
var timer = setTimeout(function () {
|
|
18
|
-
rerender(new Date().getTime());
|
|
19
|
-
}, 1000);
|
|
20
|
-
return function () {
|
|
21
|
-
return clearTimeout(timer);
|
|
22
|
-
};
|
|
23
|
-
}, []);
|
|
24
|
-
return /*#__PURE__*/_jsx("div", {
|
|
25
|
-
children: location.pathname
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
function Page2() {
|
|
29
|
-
return /*#__PURE__*/_jsxs(Stack, {
|
|
30
|
-
topLevelTitle: "Stack Nested",
|
|
31
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
32
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
33
|
-
name: "page1",
|
|
34
|
-
children: /*#__PURE__*/_jsx(StackLink, {
|
|
35
|
-
payload: "test",
|
|
36
|
-
pageName: "page2-2",
|
|
37
|
-
children: "activate page2-2"
|
|
38
|
-
})
|
|
39
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
40
|
-
name: "page2-2",
|
|
41
|
-
children: "page2"
|
|
42
|
-
})]
|
|
43
|
-
})]
|
|
44
|
-
});
|
|
45
|
-
}
|
|
46
|
-
function Story() {
|
|
47
|
-
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
48
|
-
children: [/*#__PURE__*/_jsx(Path, {}), /*#__PURE__*/_jsxs(Stack, {
|
|
49
|
-
topLevelTitle: "Stack",
|
|
50
|
-
children: [/*#__PURE__*/_jsx(StackBreadcrumbs, {}), /*#__PURE__*/_jsxs(StackSwitch, {
|
|
51
|
-
children: [/*#__PURE__*/_jsx(StackPage, {
|
|
52
|
-
name: "page1",
|
|
53
|
-
children: /*#__PURE__*/_jsx(Page2, {})
|
|
54
|
-
}), /*#__PURE__*/_jsx(StackPage, {
|
|
55
|
-
name: "page2",
|
|
56
|
-
children: "page2"
|
|
57
|
-
})]
|
|
58
|
-
})]
|
|
59
|
-
})]
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
export default {
|
|
63
|
-
title: "components/stack/StackNestedOnInitialPage"
|
|
64
|
-
};
|
|
65
|
-
export var StackNestedOnInitialPage = function StackNestedOnInitialPage() {
|
|
66
|
-
return /*#__PURE__*/_jsxs(Switch, {
|
|
67
|
-
children: [/*#__PURE__*/_jsx(Route, {
|
|
68
|
-
exact: true,
|
|
69
|
-
path: "/",
|
|
70
|
-
children: /*#__PURE__*/_jsx(Redirect, {
|
|
71
|
-
to: "/foo"
|
|
72
|
-
})
|
|
73
|
-
}), /*#__PURE__*/_jsx(Route, {
|
|
74
|
-
path: "/foo",
|
|
75
|
-
children: /*#__PURE__*/_jsx(Story, {})
|
|
76
|
-
})]
|
|
77
|
-
});
|
|
78
|
-
};
|