@webiny/app-admin 5.37.8 → 5.38.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/file_download.svg +1 -0
- package/assets/icons/file_upload.svg +1 -0
- package/base/Admin.js +3 -1
- package/base/Base.js +3 -1
- package/base/plugins/AddGraphQLQuerySelection.js +3 -1
- package/base/providers/ApolloProvider.js +3 -1
- package/base/providers/TelemetryProvider.js +3 -1
- package/base/providers/UiStateProvider.js +3 -1
- package/base/providers/ViewCompositionProvider.js +3 -1
- package/base/ui/Brand.js +3 -1
- package/base/ui/CenteredView.js +3 -1
- package/base/ui/Dashboard.js +3 -1
- package/base/ui/FileManager.js +3 -1
- package/base/ui/Layout.js +3 -1
- package/base/ui/LocaleSelector.js +3 -1
- package/base/ui/LoginScreen.js +3 -1
- package/base/ui/Logo.js +3 -1
- package/base/ui/Menu.js +3 -1
- package/base/ui/Navigation.js +3 -1
- package/base/ui/NotFound.js +3 -1
- package/base/ui/Search.js +3 -1
- package/base/ui/Tags.js +3 -1
- package/base/ui/UserMenu.js +3 -1
- package/components/AdminLayout.js +3 -1
- package/components/AppInstaller/AppInstaller.js +3 -1
- package/components/AppInstaller/Sidebar.js +3 -1
- package/components/AppInstaller/index.js +3 -1
- package/components/AppInstaller/styled.js +3 -1
- package/components/AppInstaller/useInstaller.js +3 -1
- package/components/BulkActions/Worker.d.ts +81 -0
- package/components/BulkActions/Worker.js +220 -0
- package/components/BulkActions/Worker.js.map +1 -0
- package/components/BulkActions/index.d.ts +2 -0
- package/components/BulkActions/index.js +29 -0
- package/components/BulkActions/index.js.map +1 -0
- package/components/BulkActions/useDialogWithReport/DialogMessage.d.ts +5 -0
- package/components/BulkActions/useDialogWithReport/DialogMessage.js +31 -0
- package/components/BulkActions/useDialogWithReport/DialogMessage.js.map +1 -0
- package/components/BulkActions/useDialogWithReport/index.d.ts +1 -0
- package/components/BulkActions/useDialogWithReport/index.js +18 -0
- package/components/BulkActions/useDialogWithReport/index.js.map +1 -0
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.d.ts +17 -0
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.js +96 -0
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.js.map +1 -0
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.d.ts +22 -0
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.js +28 -0
- package/components/BulkActions/useDialogWithReport/useDialogWithReport.styled.js.map +1 -0
- package/components/Buttons/Buttons.d.ts +4 -1
- package/components/Buttons/Buttons.js +22 -3
- package/components/Buttons/Buttons.js.map +1 -1
- package/components/Buttons/Buttons.styles.js +3 -1
- package/components/Buttons/index.d.ts +1 -1
- package/components/Buttons/index.js +9 -1
- package/components/Buttons/index.js.map +1 -1
- package/components/Buttons/useButtons.js +3 -1
- package/components/EmptyView.js +3 -1
- package/components/Filters/Filters.d.ts +1 -0
- package/components/Filters/Filters.js +5 -3
- package/components/Filters/Filters.js.map +1 -1
- package/components/Filters/{Filters.styles.js → Filters.styled.js} +7 -5
- package/components/Filters/Filters.styled.js.map +1 -0
- package/components/Filters/index.js +3 -1
- package/components/FloatingActionButton.js +3 -1
- package/components/LexicalEditor/LexicalEditor.js +3 -1
- package/components/LexicalEditor/index.js +3 -1
- package/components/MultiImageUpload.js +3 -1
- package/components/OptionsMenu/OptionsMenu.js +3 -1
- package/components/OptionsMenu/OptionsMenu.styles.d.ts +7 -4
- package/components/OptionsMenu/OptionsMenu.styles.js +3 -1
- package/components/OptionsMenu/OptionsMenuItem.js +3 -1
- package/components/OptionsMenu/index.js +3 -1
- package/components/OptionsMenu/useOptionsMenuItem.js +3 -1
- package/components/OverlayLayout/OverlayLayout.js +3 -1
- package/components/OverlayLayout/index.js +3 -1
- package/components/Permissions/CannotUseAaclAlert.js +3 -1
- package/components/Permissions/Permissions.js +3 -1
- package/components/Permissions/StyledComponents.js +3 -1
- package/components/Permissions/index.js +3 -1
- package/components/RichTextEditor/RichTextEditor.js +3 -1
- package/components/RichTextEditor/index.js +3 -1
- package/components/RichTextEditor/tools/header/index.js +3 -1
- package/components/RichTextEditor/tools/image/index.js +3 -1
- package/components/RichTextEditor/tools/image/svgs.js +3 -1
- package/components/RichTextEditor/tools/image/tunes.js +3 -1
- package/components/RichTextEditor/tools/image/types.js +3 -1
- package/components/RichTextEditor/tools/image/ui.js +3 -1
- package/components/RichTextEditor/tools/paragraph/index.js +3 -1
- package/components/RichTextEditor/tools/textColor/index.js +3 -1
- package/components/RichTextEditor/tools/utils.js +3 -1
- package/components/Routes.js +3 -1
- package/components/SearchUI.js +3 -1
- package/components/SimpleForm/SimpleForm.d.ts +1 -1
- package/components/SimpleForm/SimpleForm.js +3 -1
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SimpleForm/index.js +3 -1
- package/components/SimpleUI/InputField.js +3 -1
- package/components/SingleImageUpload.js +3 -1
- package/components/SplitView/SplitView.js +3 -1
- package/components/SplitView/index.js +3 -1
- package/components/index.js +3 -1
- package/hooks/index.d.ts +3 -0
- package/hooks/index.js +40 -0
- package/hooks/index.js.map +1 -0
- package/hooks/useConfirmationDialog.js +3 -1
- package/hooks/useDialog.js +3 -1
- package/hooks/useSnackbar.js +3 -1
- package/index.d.ts +2 -3
- package/index.js +15 -25
- package/index.js.map +1 -1
- package/package.json +18 -17
- package/plugins/MenuPlugin.js +3 -1
- package/plugins/PermissionRendererPlugin.js +3 -1
- package/plugins/globalSearch/SearchBar.js +3 -1
- package/plugins/globalSearch/SearchBarDropdown.js +3 -1
- package/plugins/globalSearch/index.js +3 -1
- package/plugins/globalSearch/styled.js +3 -1
- package/plugins/uiLayoutRenderer/index.js +3 -1
- package/styles/material-theme-assignments.scss +1 -1
- package/types.js +3 -1
- package/ui/UIElement.js +3 -1
- package/ui/UILayout.js +3 -1
- package/ui/UIRenderer.js +3 -1
- package/ui/UIView.js +3 -1
- package/ui/elements/AccordionElement.js +3 -1
- package/ui/elements/ButtonElement.js +3 -1
- package/ui/elements/ButtonGroupElement.js +3 -1
- package/ui/elements/GenericElement.js +3 -1
- package/ui/elements/LabelElement.js +3 -1
- package/ui/elements/NavigationMenuElement.js +3 -1
- package/ui/elements/PanelElement.js +3 -1
- package/ui/elements/PlaceholderElement.js +3 -1
- package/ui/elements/SmallButtonElement.js +3 -1
- package/ui/elements/TypographyElement.js +3 -1
- package/ui/elements/ViewElement.js +3 -1
- package/ui/elements/form/DynamicFieldsetElement/DynamicFieldsetRowElement.js +3 -1
- package/ui/elements/form/DynamicFieldsetElement.js +3 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElement.js +3 -1
- package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +3 -1
- package/ui/elements/form/FileManagerElement/FileManagerElementRenderer.js +3 -1
- package/ui/elements/form/FileManagerElement/styled.js +3 -1
- package/ui/elements/form/FileManagerElement.js +3 -1
- package/ui/elements/form/FormElement.js +3 -1
- package/ui/elements/form/FormFieldElement.js +3 -1
- package/ui/elements/form/HiddenElement.js +3 -1
- package/ui/elements/form/InputElement.js +3 -1
- package/ui/elements/form/PasswordElement.js +3 -1
- package/ui/elements/form/SelectElement.js +3 -1
- package/ui/elements/form/TextareaElement.js +3 -1
- package/ui/views/AdminView/ContentElement.js +3 -1
- package/ui/views/AdminView/HeaderElement.js +3 -1
- package/ui/views/AdminView/HeaderSectionCenterElement.js +3 -1
- package/ui/views/AdminView/HeaderSectionLeftElement.js +3 -1
- package/ui/views/AdminView/HeaderSectionRightElement.js +3 -1
- package/ui/views/AdminView/components/Dialog.js +3 -1
- package/ui/views/AdminView/components/Hamburger.js +3 -1
- package/ui/views/AdminView/components/Snackbar.js +3 -1
- package/ui/views/FormView/FormContainerElement.js +3 -1
- package/ui/views/FormView/FormContentElement.js +3 -1
- package/ui/views/FormView/FormFooterElement.js +3 -1
- package/ui/views/FormView/FormHeaderElement.js +3 -1
- package/ui/views/FormView.js +3 -1
- package/ui/views/OverlayView/ContentElement.js +3 -1
- package/ui/views/OverlayView/HeaderElement.js +3 -1
- package/ui/views/OverlayView/HeaderTitleElement.js +3 -1
- package/ui/views/OverlayView/useOverlayView.js +3 -1
- package/ui/views/OverlayView.js +3 -1
- package/ui/views/SplitView/SplitViewPanelElement.js +3 -1
- package/ui/views/SplitView.js +3 -1
- package/components/Filters/Filters.styles.js.map +0 -1
- /package/components/Filters/{Filters.styles.d.ts → Filters.styled.d.ts} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_error","_check_circle","_Icon","_List","_useDialogWithReport","ResultDialogMessage","_ref","results","message","default","createElement","Fragment","MessageContainer","List","nonInteractive","map","result","index","ListItem","key","concat","ListItemGraphic","status","Icon","icon","ReactComponent","ListItemText","ListItemTextPrimary","title","ListItemTextSecondary","exports"],"sources":["DialogMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ErrorIcon } from \"@material-design-icons/svg/round/error.svg\";\nimport { ReactComponent as SuccessIcon } from \"@material-design-icons/svg/round/check_circle.svg\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { List, ListItemText, ListItemTextPrimary, ListItemTextSecondary } from \"@webiny/ui/List\";\nimport { ShowResultsDialogParams } from \"./index\";\n\nimport { ListItem, ListItemGraphic, MessageContainer } from \"./useDialogWithReport.styled\";\n\ntype ResultDialogMessageProps = Pick<ShowResultsDialogParams, \"results\" | \"message\">;\n\nexport const ResultDialogMessage: React.FC<ResultDialogMessageProps> = ({ results, message }) => {\n return (\n <>\n {message && <MessageContainer>{message}</MessageContainer>}\n <List nonInteractive={true}>\n {results.map((result, index) => (\n <ListItem key={`item-${index}`}>\n <ListItemGraphic status={result.status}>\n <Icon\n icon={result.status === \"success\" ? <SuccessIcon /> : <ErrorIcon />}\n />\n </ListItemGraphic>\n <ListItemText>\n <ListItemTextPrimary>{result.title}</ListItemTextPrimary>\n <ListItemTextSecondary>{result.message}</ListItemTextSecondary>\n </ListItemText>\n </ListItem>\n ))}\n </List>\n </>\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,oBAAA,GAAAL,OAAA;AAIO,IAAMM,mBAAuD,GAAG,SAA1DA,mBAAuDA,CAAAC,IAAA,EAA6B;EAAA,IAAvBC,OAAO,GAAAD,IAAA,CAAPC,OAAO;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EACtF,oBACIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAAAb,MAAA,CAAAY,OAAA,CAAAE,QAAA,QACKH,OAAO,iBAAIX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAQ,gBAAgB,QAAEJ,OAA0B,CAAC,eAC1DX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAU,IAAI;IAACC,cAAc,EAAE;EAAK,GACtBP,OAAO,CAACQ,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;IAAA,oBACvBpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAc,QAAQ;MAACC,GAAG,UAAAC,MAAA,CAAUH,KAAK;IAAG,gBAC3BpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACN,oBAAA,CAAAiB,eAAe;MAACC,MAAM,EAAEN,MAAM,CAACM;IAAO,gBACnCzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAqB,IAAI;MACDC,IAAI,EAAER,MAAM,CAACM,MAAM,KAAK,SAAS,gBAAGzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,aAAA,CAAAwB,cAAW,MAAE,CAAC,gBAAG5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,MAAA,CAAAyB,cAAS,MAAE;IAAE,CACvE,CACY,CAAC,eAClB5B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAuB,YAAY,qBACT7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAwB,mBAAmB,QAAEX,MAAM,CAACY,KAA2B,CAAC,eACzD/B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAA0B,qBAAqB,QAAEb,MAAM,CAACR,OAA+B,CACpD,CACR,CAAC;EAAA,CACd,CACC,CACR,CAAC;AAEX,CAAC;AAACsB,OAAA,CAAAzB,mBAAA,GAAAA,mBAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./useDialogWithReport";
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _useDialogWithReport = require("./useDialogWithReport");
|
|
7
|
+
Object.keys(_useDialogWithReport).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _useDialogWithReport[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _useDialogWithReport[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
17
|
+
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_useDialogWithReport","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.tsx"],"sourcesContent":["export * from \"./useDialogWithReport\";\n"],"mappings":";;;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,oBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,oBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,oBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Result } from "../Worker";
|
|
2
|
+
export interface ShowConfirmationDialogParams {
|
|
3
|
+
execute: (() => void) | (() => Promise<void>);
|
|
4
|
+
title?: string;
|
|
5
|
+
message?: string;
|
|
6
|
+
loadingLabel?: string;
|
|
7
|
+
}
|
|
8
|
+
export interface ShowResultsDialogParams {
|
|
9
|
+
results: Result[];
|
|
10
|
+
title?: string;
|
|
11
|
+
message?: string;
|
|
12
|
+
}
|
|
13
|
+
export interface UseDialogWithReportResponse {
|
|
14
|
+
showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;
|
|
15
|
+
showResultsDialog: (results: ShowResultsDialogParams) => void;
|
|
16
|
+
}
|
|
17
|
+
export declare const useDialogWithReport: () => UseDialogWithReportResponse;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.useDialogWithReport = void 0;
|
|
8
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
|
+
var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
|
|
10
|
+
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
11
|
+
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
12
|
+
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
|
13
|
+
var _react = _interopRequireDefault(require("react"));
|
|
14
|
+
var _useUi = require("@webiny/app/hooks/useUi");
|
|
15
|
+
var _i18n = require("@webiny/app/i18n");
|
|
16
|
+
var _Progress = require("@webiny/ui/Progress");
|
|
17
|
+
var _DialogMessage = require("./DialogMessage");
|
|
18
|
+
var _excluded = ["title"];
|
|
19
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
|
|
20
|
+
var t = _i18n.i18n.ns("app-admin/hooks/use-dialog-with-report");
|
|
21
|
+
var useDialogWithReport = function useDialogWithReport() {
|
|
22
|
+
var ui = (0, _useUi.useUi)();
|
|
23
|
+
var showConfirmationDialog = function showConfirmationDialog(_ref) {
|
|
24
|
+
var execute = _ref.execute,
|
|
25
|
+
title = _ref.title,
|
|
26
|
+
message = _ref.message,
|
|
27
|
+
loadingLabel = _ref.loadingLabel;
|
|
28
|
+
ui.setState(function (ui) {
|
|
29
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
|
|
30
|
+
dialog: {
|
|
31
|
+
message: message || t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Are you sure you want to continue?"]))),
|
|
32
|
+
options: {
|
|
33
|
+
title: title || t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
|
|
34
|
+
loading: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
|
|
35
|
+
label: loadingLabel
|
|
36
|
+
}),
|
|
37
|
+
actions: {
|
|
38
|
+
accept: {
|
|
39
|
+
label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Confirm"]))),
|
|
40
|
+
onClick: function () {
|
|
41
|
+
var _onClick = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
|
|
42
|
+
return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
|
|
43
|
+
while (1) switch (_context.prev = _context.next) {
|
|
44
|
+
case 0:
|
|
45
|
+
_context.next = 2;
|
|
46
|
+
return execute();
|
|
47
|
+
case 2:
|
|
48
|
+
case "end":
|
|
49
|
+
return _context.stop();
|
|
50
|
+
}
|
|
51
|
+
}, _callee);
|
|
52
|
+
}));
|
|
53
|
+
function onClick() {
|
|
54
|
+
return _onClick.apply(this, arguments);
|
|
55
|
+
}
|
|
56
|
+
return onClick;
|
|
57
|
+
}()
|
|
58
|
+
},
|
|
59
|
+
cancel: {
|
|
60
|
+
label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Cancel"])))
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
});
|
|
67
|
+
};
|
|
68
|
+
var showResultsDialog = function showResultsDialog(_ref2) {
|
|
69
|
+
var title = _ref2.title,
|
|
70
|
+
params = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
|
|
71
|
+
setTimeout(function () {
|
|
72
|
+
ui.setState(function (ui) {
|
|
73
|
+
return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
|
|
74
|
+
dialog: {
|
|
75
|
+
message: /*#__PURE__*/_react.default.createElement(_DialogMessage.ResultDialogMessage, params),
|
|
76
|
+
options: {
|
|
77
|
+
title: title || t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Results"]))),
|
|
78
|
+
actions: {
|
|
79
|
+
cancel: {
|
|
80
|
+
label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Close"])))
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
});
|
|
87
|
+
}, 10);
|
|
88
|
+
};
|
|
89
|
+
return {
|
|
90
|
+
showConfirmationDialog: showConfirmationDialog,
|
|
91
|
+
showResultsDialog: showResultsDialog
|
|
92
|
+
};
|
|
93
|
+
};
|
|
94
|
+
exports.useDialogWithReport = useDialogWithReport;
|
|
95
|
+
|
|
96
|
+
//# sourceMappingURL=useDialogWithReport.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_useUi","_i18n","_Progress","_DialogMessage","_excluded","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","useDialogWithReport","ui","useUi","showConfirmationDialog","_ref","execute","title","message","loadingLabel","setState","_objectSpread2","default","dialog","_taggedTemplateLiteral2","options","loading","createElement","CircularProgress","label","actions","accept","onClick","_onClick","_asyncToGenerator2","_regeneratorRuntime2","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","arguments","cancel","showResultsDialog","_ref2","params","_objectWithoutProperties2","setTimeout","ResultDialogMessage","exports"],"sources":["useDialogWithReport.tsx"],"sourcesContent":["import React from \"react\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { ResultDialogMessage } from \"./DialogMessage\";\nimport { Result } from \"../Worker\";\n\nconst t = i18n.ns(\"app-admin/hooks/use-dialog-with-report\");\n\nexport interface ShowConfirmationDialogParams {\n execute: (() => void) | (() => Promise<void>);\n title?: string;\n message?: string;\n loadingLabel?: string;\n}\n\nexport interface ShowResultsDialogParams {\n results: Result[];\n title?: string;\n message?: string;\n}\n\nexport interface UseDialogWithReportResponse {\n showConfirmationDialog: (params: ShowConfirmationDialogParams) => void;\n showResultsDialog: (results: ShowResultsDialogParams) => void;\n}\n\nexport const useDialogWithReport = (): UseDialogWithReportResponse => {\n const ui = useUi();\n\n const showConfirmationDialog = ({\n execute,\n title,\n message,\n loadingLabel\n }: ShowConfirmationDialogParams) => {\n ui.setState(ui => {\n return {\n ...ui,\n dialog: {\n message: message || t`Are you sure you want to continue?`,\n options: {\n title: title || t`Confirm`,\n loading: <CircularProgress label={loadingLabel} />,\n actions: {\n accept: {\n label: t`Confirm`,\n onClick: async () => {\n await execute();\n }\n },\n cancel: {\n label: t`Cancel`\n }\n }\n }\n }\n };\n });\n };\n\n const showResultsDialog = ({ title, ...params }: ShowResultsDialogParams) => {\n setTimeout(() => {\n ui.setState(ui => {\n return {\n ...ui,\n dialog: {\n message: <ResultDialogMessage {...params} />,\n options: {\n title: title || t`Results`,\n actions: {\n cancel: {\n label: t`Close`\n }\n }\n }\n }\n };\n });\n }, 10);\n };\n\n return {\n showConfirmationDialog,\n showResultsDialog\n };\n};\n"],"mappings":"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"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
|
+
/// <reference types="web" />
|
|
4
|
+
export declare const MessageContainer: import("@emotion/styled").StyledComponent<{
|
|
5
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
|
+
export declare const ListItem: import("@emotion/styled").StyledComponent<import("@rmwc/list").ListItemProps & {
|
|
9
|
+
children: import("react").ReactNode;
|
|
10
|
+
className?: string | undefined;
|
|
11
|
+
style?: import("react").CSSProperties | undefined;
|
|
12
|
+
onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
|
|
13
|
+
} & {
|
|
14
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
+
}, {}, {}>;
|
|
16
|
+
declare type ListItemGraphicProps = {
|
|
17
|
+
status: "success" | "failure";
|
|
18
|
+
};
|
|
19
|
+
export declare const ListItemGraphic: import("@emotion/styled").StyledComponent<import("@webiny/ui/List").ListItemGraphicProps & {
|
|
20
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
21
|
+
} & ListItemGraphicProps, {}, {}>;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.MessageContainer = exports.ListItemGraphic = exports.ListItem = void 0;
|
|
8
|
+
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
|
+
var _List = require("@webiny/ui/List");
|
|
10
|
+
var MessageContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
11
|
+
label: "MessageContainer",
|
|
12
|
+
target: "ehsgn2s0"
|
|
13
|
+
})("margin-bottom:16px;");
|
|
14
|
+
exports.MessageContainer = MessageContainer;
|
|
15
|
+
var ListItem = /*#__PURE__*/(0, _styled.default)(_List.ListItem, {
|
|
16
|
+
label: "ListItem",
|
|
17
|
+
target: "ehsgn2s1"
|
|
18
|
+
})("overflow:visible !important;");
|
|
19
|
+
exports.ListItem = ListItem;
|
|
20
|
+
var ListItemGraphic = /*#__PURE__*/(0, _styled.default)(_List.ListItemGraphic, {
|
|
21
|
+
label: "ListItemGraphic",
|
|
22
|
+
target: "ehsgn2s2"
|
|
23
|
+
})("color:", function (props) {
|
|
24
|
+
return props.status === "failure" ? "var(--mdc-theme-error)" : "var(--mdc-theme-secondary)";
|
|
25
|
+
}, " !important;");
|
|
26
|
+
exports.ListItemGraphic = ListItemGraphic;
|
|
27
|
+
|
|
28
|
+
//# sourceMappingURL=useDialogWithReport.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_styled","_interopRequireDefault","require","_List","MessageContainer","styled","label","target","exports","ListItem","BaseListItem","ListItemGraphic","BaseListItemGraphic","props","status"],"sources":["useDialogWithReport.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ListItemGraphic as BaseListItemGraphic, ListItem as BaseListItem } from \"@webiny/ui/List\";\n\nexport const MessageContainer = styled(\"div\")`\n margin-bottom: 16px;\n`;\n\nexport const ListItem = styled(BaseListItem)`\n overflow: visible !important;\n`;\n\ntype ListItemGraphicProps = {\n status: \"success\" | \"failure\";\n};\n\nexport const ListItemGraphic = styled(BaseListItemGraphic)<ListItemGraphicProps>`\n color: ${props =>\n props.status === \"failure\"\n ? \"var(--mdc-theme-error)\"\n : \"var(--mdc-theme-secondary)\"} !important;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEO,IAAME,gBAAgB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,KAAA;EAAAC,MAAA;AAAA,yBAE3C;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,IAAMK,QAAQ,oBAAGJ,eAAM,EAACK,cAAY;EAAAJ,KAAA;EAAAC,MAAA;AAAA,kCAE1C;AAACC,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAMK,IAAME,eAAe,oBAAGN,eAAM,EAACO,qBAAmB;EAAAN,KAAA;EAAAC,MAAA;AAAA,aAC5C,UAAAM,KAAK;EAAA,OACVA,KAAK,CAACC,MAAM,KAAK,SAAS,GACpB,wBAAwB,GACxB,4BAA4B;AAAA,kBACzC;AAACN,OAAA,CAAAG,eAAA,GAAAA,eAAA"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ButtonProps as BaseButtonProps, IconButtonProps as BaseIconButtonProps } from "@webiny/ui/Button";
|
|
3
|
+
import { TooltipProps } from "@webiny/ui/Tooltip";
|
|
4
|
+
import { ButtonContainer } from "./Buttons.styles";
|
|
3
5
|
interface ButtonProps extends Omit<BaseButtonProps, "onClick"> {
|
|
4
6
|
onAction: (ev?: any) => void;
|
|
5
7
|
}
|
|
6
8
|
interface IconButtonProps extends Omit<BaseIconButtonProps, "onClick"> {
|
|
7
9
|
onAction: (ev?: any) => void;
|
|
10
|
+
tooltipPlacement?: TooltipProps["placement"];
|
|
8
11
|
}
|
|
9
12
|
export interface ButtonsProps {
|
|
10
13
|
actions: {
|
|
@@ -13,8 +16,8 @@ export interface ButtonsProps {
|
|
|
13
16
|
}[];
|
|
14
17
|
}
|
|
15
18
|
export declare const Buttons: React.VFC<ButtonsProps>;
|
|
19
|
+
export { ButtonContainer };
|
|
16
20
|
export declare const ButtonDefault: React.VFC<ButtonProps>;
|
|
17
21
|
export declare const ButtonPrimary: React.VFC<ButtonProps>;
|
|
18
22
|
export declare const ButtonSecondary: React.VFC<ButtonProps>;
|
|
19
23
|
export declare const IconButton: React.VFC<IconButtonProps>;
|
|
20
|
-
export {};
|
|
@@ -4,16 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
value: true
|
|
6
6
|
});
|
|
7
|
+
Object.defineProperty(exports, "ButtonContainer", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function get() {
|
|
10
|
+
return _Buttons.ButtonContainer;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
7
13
|
exports.IconButton = exports.Buttons = exports.ButtonSecondary = exports.ButtonPrimary = exports.ButtonDefault = void 0;
|
|
8
14
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
9
15
|
var _react = _interopRequireDefault(require("react"));
|
|
10
16
|
var _Button = require("@webiny/ui/Button");
|
|
17
|
+
var _Tooltip = require("@webiny/ui/Tooltip");
|
|
11
18
|
var _useButtons = require("./useButtons");
|
|
12
19
|
var _Buttons = require("./Buttons.styles");
|
|
13
20
|
var _excluded = ["onAction"],
|
|
14
21
|
_excluded2 = ["onAction"],
|
|
15
22
|
_excluded3 = ["onAction"],
|
|
16
|
-
_excluded4 = ["onAction"];
|
|
23
|
+
_excluded4 = ["label", "onAction", "tooltipPlacement"];
|
|
17
24
|
var Buttons = function Buttons(props) {
|
|
18
25
|
if (!props.actions.length) {
|
|
19
26
|
return null;
|
|
@@ -50,10 +57,22 @@ var ButtonSecondary = function ButtonSecondary(_ref3) {
|
|
|
50
57
|
};
|
|
51
58
|
exports.ButtonSecondary = ButtonSecondary;
|
|
52
59
|
var IconButton = function IconButton(_ref4) {
|
|
53
|
-
var
|
|
60
|
+
var label = _ref4.label,
|
|
61
|
+
onAction = _ref4.onAction,
|
|
62
|
+
tooltipPlacement = _ref4.tooltipPlacement,
|
|
54
63
|
other = (0, _objectWithoutProperties2.default)(_ref4, _excluded4);
|
|
64
|
+
if (label) {
|
|
65
|
+
return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
|
|
66
|
+
content: label,
|
|
67
|
+
placement: tooltipPlacement
|
|
68
|
+
}, /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
|
|
69
|
+
onClick: onAction
|
|
70
|
+
})));
|
|
71
|
+
}
|
|
55
72
|
return /*#__PURE__*/_react.default.createElement(_Button.IconButton, Object.assign({}, other, {
|
|
56
73
|
onClick: onAction
|
|
57
74
|
}));
|
|
58
75
|
};
|
|
59
|
-
exports.IconButton = IconButton;
|
|
76
|
+
exports.IconButton = IconButton;
|
|
77
|
+
|
|
78
|
+
//# sourceMappingURL=Buttons.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_useButtons","_Buttons","_excluded","_excluded2","_excluded3","_excluded4","Buttons","props","actions","length","default","createElement","Fragment","map","action","ButtonContainer","key","name","ButtonsProvider","element","exports","ButtonDefault","_ref","onAction","other","_objectWithoutProperties2","Object","assign","onClick","ButtonPrimary","_ref2","ButtonSecondary","_ref3","IconButton","_ref4"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ButtonDefault as BaseButtonDefault,\n ButtonPrimary as BaseButtonPrimary,\n ButtonSecondary as BaseButtonSecondary,\n IconButton as BaseIconButton,\n ButtonProps as BaseButtonProps,\n IconButtonProps as BaseIconButtonProps\n} from \"@webiny/ui/Button\";\n\nimport { ButtonsProvider } from \"./useButtons\";\nimport { ButtonContainer } from \"./Buttons.styles\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n onAction: (ev?: any) => void;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n onAction: (ev?: any) => void;\n}\n\nexport interface ButtonsProps {\n actions: {\n name: string;\n element: React.ReactElement;\n }[];\n}\n\nexport const Buttons: React.VFC<ButtonsProps> = props => {\n if (!props.actions.length) {\n return null;\n }\n\n return (\n <>\n {props.actions.map(action => (\n <ButtonContainer key={action.name}>\n <ButtonsProvider>{action.element}</ButtonsProvider>\n </ButtonContainer>\n ))}\n </>\n );\n};\n\nexport const ButtonDefault: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n return <BaseButtonDefault {...other} onClick={onAction} />;\n};\n\nexport const ButtonPrimary: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n return <BaseButtonPrimary {...other} onClick={onAction} />;\n};\n\nexport const ButtonSecondary: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n return <BaseButtonSecondary {...other} onClick={onAction} />;\n};\n\nexport const IconButton: React.VFC<IconButtonProps> = ({
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_Button","_Tooltip","_useButtons","_Buttons","_excluded","_excluded2","_excluded3","_excluded4","Buttons","props","actions","length","default","createElement","Fragment","map","action","ButtonContainer","key","name","ButtonsProvider","element","exports","ButtonDefault","_ref","onAction","other","_objectWithoutProperties2","Object","assign","onClick","ButtonPrimary","_ref2","ButtonSecondary","_ref3","IconButton","_ref4","label","tooltipPlacement","Tooltip","content","placement"],"sources":["Buttons.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n ButtonDefault as BaseButtonDefault,\n ButtonPrimary as BaseButtonPrimary,\n ButtonSecondary as BaseButtonSecondary,\n IconButton as BaseIconButton,\n ButtonProps as BaseButtonProps,\n IconButtonProps as BaseIconButtonProps\n} from \"@webiny/ui/Button\";\nimport { Tooltip, TooltipProps } from \"@webiny/ui/Tooltip\";\n\nimport { ButtonsProvider } from \"./useButtons\";\nimport { ButtonContainer } from \"./Buttons.styles\";\n\ninterface ButtonProps extends Omit<BaseButtonProps, \"onClick\"> {\n onAction: (ev?: any) => void;\n}\n\ninterface IconButtonProps extends Omit<BaseIconButtonProps, \"onClick\"> {\n onAction: (ev?: any) => void;\n tooltipPlacement?: TooltipProps[\"placement\"];\n}\n\nexport interface ButtonsProps {\n actions: {\n name: string;\n element: React.ReactElement;\n }[];\n}\n\nexport const Buttons: React.VFC<ButtonsProps> = props => {\n if (!props.actions.length) {\n return null;\n }\n\n return (\n <>\n {props.actions.map(action => (\n <ButtonContainer key={action.name}>\n <ButtonsProvider>{action.element}</ButtonsProvider>\n </ButtonContainer>\n ))}\n </>\n );\n};\n\nexport { ButtonContainer };\n\nexport const ButtonDefault: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n return <BaseButtonDefault {...other} onClick={onAction} />;\n};\n\nexport const ButtonPrimary: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n return <BaseButtonPrimary {...other} onClick={onAction} />;\n};\n\nexport const ButtonSecondary: React.VFC<ButtonProps> = ({ onAction, ...other }) => {\n return <BaseButtonSecondary {...other} onClick={onAction} />;\n};\n\nexport const IconButton: React.VFC<IconButtonProps> = ({\n label,\n onAction,\n tooltipPlacement,\n ...other\n}) => {\n if (label) {\n return (\n <Tooltip content={label} placement={tooltipPlacement}>\n <BaseIconButton {...other} onClick={onAction} />\n </Tooltip>\n );\n }\n\n return <BaseIconButton {...other} onClick={onAction} />;\n};\n"],"mappings":"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"}
|
|
@@ -10,4 +10,6 @@ var ButtonContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
|
10
10
|
label: "ButtonContainer",
|
|
11
11
|
target: "e1ubuzv90"
|
|
12
12
|
})("margin-left:16px;");
|
|
13
|
-
exports.ButtonContainer = ButtonContainer;
|
|
13
|
+
exports.ButtonContainer = ButtonContainer;
|
|
14
|
+
|
|
15
|
+
//# sourceMappingURL=Buttons.styles.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Buttons } from "./Buttons";
|
|
1
|
+
export { Buttons, ButtonContainer } from "./Buttons";
|
|
2
2
|
export { useButtons } from "./useButtons";
|
|
@@ -3,6 +3,12 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
Object.defineProperty(exports, "ButtonContainer", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function get() {
|
|
9
|
+
return _Buttons.ButtonContainer;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
6
12
|
Object.defineProperty(exports, "Buttons", {
|
|
7
13
|
enumerable: true,
|
|
8
14
|
get: function get() {
|
|
@@ -16,4 +22,6 @@ Object.defineProperty(exports, "useButtons", {
|
|
|
16
22
|
}
|
|
17
23
|
});
|
|
18
24
|
var _Buttons = require("./Buttons");
|
|
19
|
-
var _useButtons = require("./useButtons");
|
|
25
|
+
var _useButtons = require("./useButtons");
|
|
26
|
+
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Buttons","require","_useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_Buttons","require","_useButtons"],"sources":["index.ts"],"sourcesContent":["export { Buttons, ButtonContainer } from \"./Buttons\";\nexport { useButtons } from \"./useButtons\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA"}
|
package/components/EmptyView.js
CHANGED
|
@@ -9,6 +9,7 @@ export declare type FiltersOnSubmit<T extends GenericFiltersData = GenericFilter
|
|
|
9
9
|
export interface FiltersProps<T> extends Pick<FormProps<T>, "data" | "onChange"> {
|
|
10
10
|
filters: Filter[];
|
|
11
11
|
show: boolean;
|
|
12
|
+
children?: React.ReactNode;
|
|
12
13
|
["data-testid"]?: string;
|
|
13
14
|
}
|
|
14
15
|
export declare const Filters: <T extends GenericFormData = GenericFormData>(props: FiltersProps<T>) => JSX.Element | null;
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.Filters = void 0;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _form = require("@webiny/form");
|
|
10
|
-
var _Filters = require("./Filters.
|
|
10
|
+
var _Filters = require("./Filters.styled");
|
|
11
11
|
var Filters = function Filters(props) {
|
|
12
12
|
if (!props.show || !props.filters.length) {
|
|
13
13
|
return null;
|
|
@@ -22,7 +22,9 @@ var Filters = function Filters(props) {
|
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_Filters.FilterContainer, {
|
|
23
23
|
key: filter.name
|
|
24
24
|
}, filter.element);
|
|
25
|
-
}));
|
|
25
|
+
}), props.children);
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
exports.Filters = Filters;
|
|
28
|
+
exports.Filters = Filters;
|
|
29
|
+
|
|
30
|
+
//# sourceMappingURL=Filters.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Filters","Filters","props","show","filters","length","default","createElement","FiltersContainer","Form","data","onChange","FormContainer","map","filter","FilterContainer","key","name","element","exports"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\n\nimport { FilterContainer, FiltersContainer, FormContainer } from \"./Filters.
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_form","_Filters","Filters","props","show","filters","length","default","createElement","FiltersContainer","Form","data","onChange","FormContainer","map","filter","FilterContainer","key","name","element","children","exports"],"sources":["Filters.tsx"],"sourcesContent":["import React from \"react\";\nimport { Form, FormOnSubmit, FormProps, GenericFormData } from \"@webiny/form\";\n\nimport { FilterContainer, FiltersContainer, FormContainer } from \"./Filters.styled\";\n\ntype Filter = {\n name: string;\n element: React.ReactElement;\n};\n\nexport type GenericFiltersData = GenericFormData;\n\nexport type FiltersOnSubmit<T extends GenericFiltersData = GenericFiltersData> = FormOnSubmit<T>;\n\nexport interface FiltersProps<T> extends Pick<FormProps<T>, \"data\" | \"onChange\"> {\n filters: Filter[];\n show: boolean;\n children?: React.ReactNode;\n [\"data-testid\"]?: string;\n}\n\nexport const Filters = <T extends GenericFiltersData = GenericFiltersData>(\n props: FiltersProps<T>\n) => {\n if (!props.show || !props.filters.length) {\n return null;\n }\n\n return (\n <FiltersContainer data-testid={props[\"data-testid\"] || \"filters-container\"}>\n <Form data={props.data} onChange={props.onChange}>\n {() => (\n <FormContainer>\n {props.filters.map(filter => (\n <FilterContainer key={filter.name}>{filter.element}</FilterContainer>\n ))}\n {props.children}\n </FormContainer>\n )}\n </Form>\n </FiltersContainer>\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AAkBO,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAChBC,KAAsB,EACrB;EACD,IAAI,CAACA,KAAK,CAACC,IAAI,IAAI,CAACD,KAAK,CAACE,OAAO,CAACC,MAAM,EAAE;IACtC,OAAO,IAAI;EACf;EAEA,oBACIT,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAQ,gBAAgB;IAAC,eAAaN,KAAK,CAAC,aAAa,CAAC,IAAI;EAAoB,gBACvEN,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAU,IAAI;IAACC,IAAI,EAAER,KAAK,CAACQ,IAAK;IAACC,QAAQ,EAAET,KAAK,CAACS;EAAS,GAC5C;IAAA,oBACGf,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAY,aAAa,QACTV,KAAK,CAACE,OAAO,CAACS,GAAG,CAAC,UAAAC,MAAM;MAAA,oBACrBlB,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACP,QAAA,CAAAe,eAAe;QAACC,GAAG,EAAEF,MAAM,CAACG;MAAK,GAAEH,MAAM,CAACI,OAAyB,CAAC;IAAA,CACxE,CAAC,EACDhB,KAAK,CAACiB,QACI,CAAC;EAAA,CAElB,CACQ,CAAC;AAE3B,CAAC;AAACC,OAAA,CAAAnB,OAAA,GAAAA,OAAA"}
|
|
@@ -8,16 +8,18 @@ exports.FormContainer = exports.FiltersContainer = exports.FilterContainer = voi
|
|
|
8
8
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
9
9
|
var FiltersContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
10
10
|
label: "FiltersContainer",
|
|
11
|
-
target: "
|
|
12
|
-
})("width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);padding:8px;");
|
|
11
|
+
target: "e16r91k80"
|
|
12
|
+
})("width:100%;height:auto;background-color:var(--mdc-theme-surface);border-bottom:1px solid rgba(0,0,0,0.12);padding:8px;display:flex;justify-content:space-between;align-items:center;");
|
|
13
13
|
exports.FiltersContainer = FiltersContainer;
|
|
14
14
|
var FormContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
15
15
|
label: "FormContainer",
|
|
16
|
-
target: "
|
|
16
|
+
target: "e16r91k81"
|
|
17
17
|
})("display:flex;flex-wrap:wrap;width:100%;");
|
|
18
18
|
exports.FormContainer = FormContainer;
|
|
19
19
|
var FilterContainer = /*#__PURE__*/(0, _styled.default)("div", {
|
|
20
20
|
label: "FilterContainer",
|
|
21
|
-
target: "
|
|
21
|
+
target: "e16r91k82"
|
|
22
22
|
})("padding:8px;align-items:center;display:flex;");
|
|
23
|
-
exports.FilterContainer = FilterContainer;
|
|
23
|
+
exports.FilterContainer = FilterContainer;
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=Filters.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_styled","_interopRequireDefault","require","FiltersContainer","styled","label","target","exports","FormContainer","FilterContainer"],"sources":["Filters.styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const FiltersContainer = styled.div`\n width: 100%;\n height: auto;\n background-color: var(--mdc-theme-surface);\n border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n padding: 8px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const FormContainer = styled.div`\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n`;\n\nexport const FilterContainer = styled.div`\n padding: 8px;\n align-items: center;\n display: flex;\n`;\n"],"mappings":";;;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEO,IAAMC,gBAAgB,oBAAGC,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,0LASrC;AAACC,OAAA,CAAAJ,gBAAA,GAAAA,gBAAA;AAEK,IAAMK,aAAa,oBAAGJ,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,6CAIlC;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA;AAEK,IAAMC,eAAe,oBAAGL,eAAM;EAAAC,KAAA;EAAAC,MAAA;AAAA,kDAIpC;AAACC,OAAA,CAAAE,eAAA,GAAAA,eAAA"}
|
|
@@ -20,4 +20,6 @@ var FloatingActionButton = function FloatingActionButton(props) {
|
|
|
20
20
|
icon: /*#__PURE__*/React.createElement(_add.ReactComponent, null)
|
|
21
21
|
})));
|
|
22
22
|
};
|
|
23
|
-
exports.FloatingActionButton = FloatingActionButton;
|
|
23
|
+
exports.FloatingActionButton = FloatingActionButton;
|
|
24
|
+
|
|
25
|
+
//# sourceMappingURL=FloatingActionButton.js.map
|
|
@@ -25,4 +25,6 @@ var OptionsMenu = function OptionsMenu(props) {
|
|
|
25
25
|
}, /*#__PURE__*/_react.default.createElement(_useOptionsMenuItem.OptionsMenuItemProvider, null, action.element));
|
|
26
26
|
}));
|
|
27
27
|
};
|
|
28
|
-
exports.OptionsMenu = OptionsMenu;
|
|
28
|
+
exports.OptionsMenu = OptionsMenu;
|
|
29
|
+
|
|
30
|
+
//# sourceMappingURL=OptionsMenu.js.map
|
|
@@ -3,24 +3,27 @@ import { Menu as OriginalMenu } from "@webiny/ui/Menu";
|
|
|
3
3
|
export declare const Menu: import("@emotion/styled").StyledComponent<Pick<import("@rmwc/menu").MenuProps & {
|
|
4
4
|
children: import("react").ReactNode;
|
|
5
5
|
handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
6
|
-
anchor?: "
|
|
6
|
+
anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
|
|
7
7
|
className?: string | undefined;
|
|
8
|
+
disabled?: boolean | undefined;
|
|
8
9
|
onOpen?: (() => void) | undefined;
|
|
9
10
|
onClose?: (() => void) | undefined;
|
|
10
11
|
"data-testid"?: string | undefined;
|
|
11
12
|
}, never> & Partial<Pick<import("@rmwc/menu").MenuProps & {
|
|
12
13
|
children: import("react").ReactNode;
|
|
13
14
|
handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
14
|
-
anchor?: "
|
|
15
|
+
anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
|
|
15
16
|
className?: string | undefined;
|
|
17
|
+
disabled?: boolean | undefined;
|
|
16
18
|
onOpen?: (() => void) | undefined;
|
|
17
19
|
onClose?: (() => void) | undefined;
|
|
18
20
|
"data-testid"?: string | undefined;
|
|
19
|
-
}, "anchor" | "className" | "data-testid" | keyof import("@rmwc/menu").MenuProps
|
|
21
|
+
}, "anchor" | "className" | "disabled" | "data-testid" | "handle" | keyof import("@rmwc/menu").MenuProps>> & Partial<Pick<Partial<import("@rmwc/menu").MenuProps & {
|
|
20
22
|
children: import("react").ReactNode;
|
|
21
23
|
handle?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
22
|
-
anchor?: "
|
|
24
|
+
anchor?: "topLeft" | "topRight" | "bottomLeft" | "bottomRight" | "bottomEnd" | "bottomStart" | "topEnd" | "topStart" | undefined;
|
|
23
25
|
className?: string | undefined;
|
|
26
|
+
disabled?: boolean | undefined;
|
|
24
27
|
onOpen?: (() => void) | undefined;
|
|
25
28
|
onClose?: (() => void) | undefined;
|
|
26
29
|
"data-testid"?: string | undefined;
|
|
@@ -11,4 +11,6 @@ var Menu = /*#__PURE__*/(0, _styled.default)(_Menu.Menu, {
|
|
|
11
11
|
label: "Menu",
|
|
12
12
|
target: "e1i065ms0"
|
|
13
13
|
})("width:250px;right:-105px;left:auto !important;.disabled{opacity:0.5;pointer-events:none;}");
|
|
14
|
-
exports.Menu = Menu;
|
|
14
|
+
exports.Menu = Menu;
|
|
15
|
+
|
|
16
|
+
//# sourceMappingURL=OptionsMenu.styles.js.map
|
|
@@ -152,4 +152,6 @@ var OverlayLayout = /*#__PURE__*/function (_React$Component) {
|
|
|
152
152
|
exports.OverlayLayout = OverlayLayout;
|
|
153
153
|
(0, _defineProperty2.default)(OverlayLayout, "defaultProps", {
|
|
154
154
|
onExited: _noop.default
|
|
155
|
-
});
|
|
155
|
+
});
|
|
156
|
+
|
|
157
|
+
//# sourceMappingURL=OverlayLayout.js.map
|
|
@@ -17,4 +17,6 @@ var CannotUseAaclAlert = function CannotUseAaclAlert() {
|
|
|
17
17
|
rel: "noreferrer"
|
|
18
18
|
}, "documentation"), ".");
|
|
19
19
|
};
|
|
20
|
-
exports.CannotUseAaclAlert = CannotUseAaclAlert;
|
|
20
|
+
exports.CannotUseAaclAlert = CannotUseAaclAlert;
|
|
21
|
+
|
|
22
|
+
//# sourceMappingURL=CannotUseAaclAlert.js.map
|