@webiny/app-admin 5.20.0 → 5.22.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/assets/icons/slack-logo.svg +1 -1
  2. package/base/Admin.d.ts +14 -0
  3. package/base/Admin.js +29 -0
  4. package/base/Base.d.ts +2 -0
  5. package/base/Base.js +65 -0
  6. package/base/plugins/AddGraphQLQuerySelection.d.ts +9 -0
  7. package/base/plugins/AddGraphQLQuerySelection.js +15 -0
  8. package/base/providers/ApolloProvider.d.ts +4 -0
  9. package/base/providers/ApolloProvider.js +14 -0
  10. package/base/providers/TelemetryProvider.d.ts +4 -0
  11. package/base/providers/TelemetryProvider.js +19 -0
  12. package/base/providers/UiStateProvider.d.ts +4 -0
  13. package/base/providers/UiStateProvider.js +10 -0
  14. package/base/providers/ViewCompositionProvider.d.ts +18 -0
  15. package/base/providers/ViewCompositionProvider.js +44 -0
  16. package/base/ui/Brand.d.ts +9 -0
  17. package/base/ui/Brand.js +6 -0
  18. package/base/ui/CenteredView.d.ts +8 -0
  19. package/base/ui/CenteredView.js +27 -0
  20. package/base/ui/Dashboard.d.ts +9 -0
  21. package/base/ui/Dashboard.js +6 -0
  22. package/base/ui/Layout.d.ts +13 -0
  23. package/base/ui/Layout.js +11 -0
  24. package/base/ui/LocaleSelector.d.ts +9 -0
  25. package/base/ui/LocaleSelector.js +6 -0
  26. package/base/ui/LoginScreen.d.ts +9 -0
  27. package/base/ui/LoginScreen.js +12 -0
  28. package/base/ui/Logo.d.ts +14 -0
  29. package/base/ui/Logo.js +20 -0
  30. package/base/ui/Menu.d.ts +35 -0
  31. package/base/ui/Menu.js +80 -0
  32. package/base/ui/Navigation.d.ts +35 -0
  33. package/base/ui/Navigation.js +147 -0
  34. package/base/ui/NotFound.d.ts +9 -0
  35. package/base/ui/NotFound.js +6 -0
  36. package/base/ui/Search.d.ts +28 -0
  37. package/base/ui/Search.js +48 -0
  38. package/base/ui/Tags.d.ts +8 -0
  39. package/base/ui/Tags.js +13 -0
  40. package/base/ui/UserMenu.d.ts +54 -0
  41. package/base/ui/UserMenu.js +86 -0
  42. package/components/AdminLayout.js +5 -31
  43. package/components/AppInstaller/AppInstaller.d.ts +4 -0
  44. package/components/AppInstaller/AppInstaller.js +136 -0
  45. package/components/AppInstaller/index.d.ts +1 -4
  46. package/components/AppInstaller/index.js +13 -133
  47. package/components/AppInstaller/styled.d.ts +4 -4
  48. package/components/EmptyView.js +1 -1
  49. package/components/FileManager/BottomInfoBar/SupportedFileTypes.js +2 -2
  50. package/components/FileManager/DropFilesHere.js +1 -1
  51. package/components/FileManager/File.js +2 -2
  52. package/components/FileManager/FileDetails/Tags.js +2 -2
  53. package/components/FileManager/FileDetails.js +6 -6
  54. package/components/FileManager/FileManagerView.js +2 -2
  55. package/components/FileManager/LeftSidebar.js +1 -1
  56. package/components/FileManager/NoPermissionView.js +1 -1
  57. package/components/FloatingActionButton.js +1 -1
  58. package/components/OverlayLayout/OverlayLayout.js +1 -1
  59. package/components/Routes.d.ts +6 -0
  60. package/components/Routes.js +34 -0
  61. package/components/SearchUI.js +1 -1
  62. package/index.d.ts +28 -0
  63. package/index.js +26 -0
  64. package/package.json +28 -32
  65. package/plugins/MenuPlugin.d.ts +18 -1
  66. package/plugins/fileManager/fileDefault.js +1 -1
  67. package/plugins/fileManager/fileImage/DeleteAction.js +1 -1
  68. package/plugins/fileManager/fileImage/EditAction.js +1 -1
  69. package/plugins/globalSearch/SearchBar.d.ts +6 -3
  70. package/plugins/globalSearch/SearchBar.js +3 -2
  71. package/plugins/globalSearch/SearchBarDropdown.js +1 -1
  72. package/plugins/globalSearch/index.d.ts +0 -3
  73. package/plugins/globalSearch/index.js +0 -18
  74. package/plugins/globalSearch/styled.d.ts +3 -3
  75. package/plugins/index.d.ts +1 -1
  76. package/plugins/index.js +2 -4
  77. package/styles/material-theme-assignments.scss +1 -0
  78. package/types.d.ts +1 -10
  79. package/ui/elements/PanelElement.js +2 -1
  80. package/ui/elements/form/FileManagerElement/EmptyStateElement.js +2 -1
  81. package/ui/elements/form/FileManagerElement/EmptyStateElementRenderer.js +2 -2
  82. package/ui/elements/form/FileManagerElement/styled.d.ts +9 -9
  83. package/ui/elements/form/FileManagerElement.d.ts +3 -2
  84. package/ui/views/AdminView/ContentElement.js +1 -1
  85. package/ui/views/AdminView/components/Hamburger.js +1 -1
  86. package/ui/views/FormView/FormContentElement.js +2 -1
  87. package/ui/views/OverlayView/HeaderElement.js +1 -1
  88. package/ui/views/OverlayView/HeaderTitleElement.js +1 -1
  89. package/plugins/logo/Logo.d.ts +0 -22
  90. package/plugins/logo/Logo.js +0 -108
  91. package/plugins/logo/index.d.ts +0 -5
  92. package/plugins/logo/index.js +0 -32
  93. package/plugins/menu/documentation.d.ts +0 -4
  94. package/plugins/menu/documentation.js +0 -16
  95. package/plugins/menu/fileManager.d.ts +0 -4
  96. package/plugins/menu/fileManager.js +0 -64
  97. package/plugins/menu/index.d.ts +0 -6
  98. package/plugins/menu/index.js +0 -24
  99. package/plugins/menu/renderers/MenuGroupRenderer.d.ts +0 -7
  100. package/plugins/menu/renderers/MenuGroupRenderer.js +0 -126
  101. package/plugins/menu/renderers/MenuLinkRenderer.d.ts +0 -7
  102. package/plugins/menu/renderers/MenuLinkRenderer.js +0 -52
  103. package/plugins/menu/renderers/MenuSectionItemRenderer.d.ts +0 -7
  104. package/plugins/menu/renderers/MenuSectionItemRenderer.js +0 -77
  105. package/plugins/menu/renderers/MenuSectionRenderer.d.ts +0 -7
  106. package/plugins/menu/renderers/MenuSectionRenderer.js +0 -51
  107. package/plugins/menu/slack.d.ts +0 -4
  108. package/plugins/menu/slack.js +0 -16
  109. package/plugins/menu/source.d.ts +0 -4
  110. package/plugins/menu/source.js +0 -16
  111. package/plugins/userMenu/UserMenuElement.d.ts +0 -7
  112. package/plugins/userMenu/UserMenuElement.js +0 -43
  113. package/plugins/userMenu/UserMenuRenderer.d.ts +0 -6
  114. package/plugins/userMenu/UserMenuRenderer.js +0 -47
  115. package/plugins/userMenu/index.d.ts +0 -4
  116. package/plugins/userMenu/index.js +0 -16
  117. package/ui/views/AdminView.d.ts +0 -12
  118. package/ui/views/AdminView.js +0 -90
  119. package/ui/views/NavigationView/ContentElement.d.ts +0 -10
  120. package/ui/views/NavigationView/ContentElement.js +0 -86
  121. package/ui/views/NavigationView/FooterElement.d.ts +0 -13
  122. package/ui/views/NavigationView/FooterElement.js +0 -59
  123. package/ui/views/NavigationView/HeaderElement.d.ts +0 -16
  124. package/ui/views/NavigationView/HeaderElement.js +0 -66
  125. package/ui/views/NavigationView/NavigationViewRenderer.d.ts +0 -6
  126. package/ui/views/NavigationView/NavigationViewRenderer.js +0 -38
  127. package/ui/views/NavigationView/Styled.d.ts +0 -7
  128. package/ui/views/NavigationView/Styled.js +0 -47
  129. package/ui/views/NavigationView/legacyMenu.d.ts +0 -22
  130. package/ui/views/NavigationView/legacyMenu.js +0 -1
  131. package/ui/views/NavigationView/useNavigation.d.ts +0 -6
  132. package/ui/views/NavigationView/useNavigation.js +0 -22
  133. package/ui/views/NavigationView.d.ts +0 -26
  134. package/ui/views/NavigationView.js +0 -204
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-admin",
3
- "version": "5.20.0",
3
+ "version": "5.22.0-beta.1",
4
4
  "main": "index.js",
5
5
  "description": "A collection of plugins that together form a complete admin interface, customizable and extensible with Webiny apps and plugins.",
6
6
  "repository": {
@@ -10,22 +10,25 @@
10
10
  "author": "Pavel Denisjuk",
11
11
  "license": "MIT",
12
12
  "dependencies": {
13
+ "@apollo/react-components": "3.1.5",
13
14
  "@apollo/react-hooks": "3.1.5",
14
- "@babel/runtime": "7.16.3",
15
+ "@babel/runtime": "7.16.7",
15
16
  "@editorjs/editorjs": "2.22.3",
16
- "@emotion/core": "10.1.1",
17
- "@emotion/styled": "10.0.27",
18
- "@svgr/webpack": "4.3.3",
17
+ "@emotion/core": "10.3.1",
18
+ "@emotion/styled": "10.3.0",
19
+ "@svgr/webpack": "6.2.0",
19
20
  "@types/mime": "2.0.3",
20
21
  "@types/react": "16.14.2",
21
- "@webiny/app": "5.20.0",
22
- "@webiny/app-security": "5.20.0",
23
- "@webiny/form": "5.20.0",
24
- "@webiny/plugins": "5.20.0",
25
- "@webiny/react-router": "5.20.0",
26
- "@webiny/ui": "5.20.0",
27
- "@webiny/ui-composer": "5.20.0",
28
- "@webiny/validation": "5.20.0",
22
+ "@webiny/app": "5.22.0-beta.1",
23
+ "@webiny/app-admin-core": "5.22.0-beta.1",
24
+ "@webiny/app-security": "5.22.0-beta.1",
25
+ "@webiny/form": "5.22.0-beta.1",
26
+ "@webiny/plugins": "5.22.0-beta.1",
27
+ "@webiny/react-router": "5.22.0-beta.1",
28
+ "@webiny/telemetry": "5.22.0-beta.1",
29
+ "@webiny/ui": "5.22.0-beta.1",
30
+ "@webiny/ui-composer": "5.22.0-beta.1",
31
+ "@webiny/validation": "5.22.0-beta.1",
29
32
  "apollo-cache": "1.3.5",
30
33
  "apollo-client": "2.6.10",
31
34
  "apollo-link": "1.2.14",
@@ -38,18 +41,17 @@
38
41
  "downshift": "3.4.8",
39
42
  "emotion": "10.0.27",
40
43
  "graphlib": "2.1.8",
41
- "graphql": "14.7.0",
44
+ "graphql": "15.8.0",
42
45
  "graphql-tag": "2.12.6",
43
46
  "invariant": "2.2.4",
44
47
  "lodash": "4.17.21",
45
48
  "mime": "2.6.0",
46
49
  "minimatch": "3.0.4",
47
- "nanoid": "3.1.30",
48
- "prop-types": "15.7.2",
50
+ "nanoid": "3.1.32",
51
+ "prop-types": "15.8.1",
49
52
  "react": "16.14.0",
50
53
  "react-butterfiles": "1.3.3",
51
54
  "react-dom": "16.14.0",
52
- "react-helmet": "5.2.1",
53
55
  "react-hotkeyz": "1.0.4",
54
56
  "react-lazy-load": "3.1.13",
55
57
  "react-transition-group": "4.4.2",
@@ -57,17 +59,16 @@
57
59
  "store": "2.0.12"
58
60
  },
59
61
  "devDependencies": {
60
- "@babel/cli": "^7.5.5",
61
- "@babel/core": "^7.5.5",
62
- "@babel/plugin-proposal-class-properties": "^7.5.5",
63
- "@babel/preset-env": "^7.5.5",
64
- "@babel/preset-react": "^7.0.0",
65
- "@babel/preset-typescript": "^7.8.3",
66
- "@webiny/cli": "^5.20.0",
67
- "@webiny/project-utils": "^5.20.0",
62
+ "@babel/cli": "^7.16.0",
63
+ "@babel/core": "^7.16.0",
64
+ "@babel/plugin-proposal-class-properties": "^7.16.0",
65
+ "@babel/preset-env": "^7.16.4",
66
+ "@babel/preset-react": "^7.16.0",
67
+ "@babel/preset-typescript": "^7.16.0",
68
+ "@webiny/cli": "^5.22.0-beta.1",
69
+ "@webiny/project-utils": "^5.22.0-beta.1",
68
70
  "babel-plugin-emotion": "^9.2.8",
69
71
  "babel-plugin-lodash": "^3.3.4",
70
- "babel-plugin-named-asset-import": "^1.0.0-next.3e165448",
71
72
  "rimraf": "^3.0.2",
72
73
  "ttypescript": "^1.5.12",
73
74
  "typescript": "^4.1.3"
@@ -80,11 +81,6 @@
80
81
  "build": "yarn webiny run build",
81
82
  "watch": "yarn webiny run watch"
82
83
  },
83
- "svgo": {
84
- "plugins": {
85
- "removeViewBox": false
86
- }
87
- },
88
84
  "adio": {
89
85
  "ignore": {
90
86
  "dependencies": [
@@ -97,5 +93,5 @@
97
93
  ]
98
94
  }
99
95
  },
100
- "gitHead": "816632961750d4ae7f3af0d32d4e8a46c3f287a6"
96
+ "gitHead": "b651010b23f28b3ce1c27130713322ce65b32dcd"
101
97
  }
@@ -1,6 +1,23 @@
1
1
  import * as React from "react";
2
2
  import { Plugin } from "@webiny/plugins";
3
- import { ItemProps, MenuProps, SectionProps } from "../ui/views/NavigationView/legacyMenu";
3
+ export declare type MenuProps = {
4
+ name: string;
5
+ label: React.ReactNode;
6
+ icon: React.ReactElement;
7
+ children: React.ReactNode;
8
+ onClick?: (toggleSection: () => void) => void;
9
+ };
10
+ export interface SectionProps {
11
+ label: React.ReactNode;
12
+ children: React.ReactNode;
13
+ icon?: React.ReactElement;
14
+ }
15
+ export interface ItemProps {
16
+ label: React.ReactNode;
17
+ path: string;
18
+ style?: React.CSSProperties;
19
+ onClick?: () => any;
20
+ }
4
21
  interface Props {
5
22
  Menu: React.ComponentType<MenuProps>;
6
23
  Section: React.ComponentType<SectionProps>;
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { ReactComponent as FileIcon } from "@svgr/webpack!./icons/round-description-24px.svg";
2
+ import { ReactComponent as FileIcon } from "./icons/round-description-24px.svg";
3
3
  import { css } from "emotion";
4
4
  import { FileManagerFileTypePlugin } from "../FileManagerFileTypePlugin";
5
5
  var style = {
@@ -12,7 +12,7 @@ import { useSnackbar } from "../../../hooks/useSnackbar";
12
12
  import { useMutation } from "@apollo/react-hooks";
13
13
  import { i18n } from "@webiny/app/i18n";
14
14
  var t = i18n.ns("app-admin/file-manager/files/delete-action");
15
- import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../components/FileManager/icons/delete.svg";
15
+ import { ReactComponent as DeleteIcon } from "../../../components/FileManager/icons/delete.svg";
16
16
  import { DELETE_FILE } from "../../../components/FileManager/graphql";
17
17
 
18
18
  var DeleteAction = function DeleteAction(props) {
@@ -10,7 +10,7 @@ import { Tooltip } from "@webiny/ui/Tooltip";
10
10
  import { IconButton } from "@webiny/ui/Button";
11
11
  import outputFileSelectionError from "../../../components/FileManager/outputFileSelectionError";
12
12
  import { useSnackbar } from "../../../hooks/useSnackbar";
13
- import { ReactComponent as EditIcon } from "@svgr/webpack!../icons/edit.svg";
13
+ import { ReactComponent as EditIcon } from "../icons/edit.svg";
14
14
 
15
15
  function toDataUrl(url) {
16
16
  return new Promise(function (resolve) {
@@ -1,3 +1,6 @@
1
- /// <reference types="react" />
2
- declare const SearchBarContainer: () => JSX.Element;
3
- export default SearchBarContainer;
1
+ import * as React from "react";
2
+ declare const _default: React.FC<unknown> & {
3
+ original: React.ComponentType<unknown>;
4
+ originalName: string;
5
+ };
6
+ export default _default;
@@ -17,9 +17,10 @@ import { Icon } from "@webiny/ui/Icon";
17
17
  import { Elevation } from "@webiny/ui/Elevation";
18
18
  import SearchBarDropdown from "./SearchBarDropdown"; // Icons
19
19
 
20
- import { ReactComponent as SearchIcon } from "@svgr/webpack!./icons/round-search-24px.svg"; // Local components
20
+ import { ReactComponent as SearchIcon } from "./icons/round-search-24px.svg"; // Local components
21
21
 
22
22
  import { SearchBarWrapper, SearchBarInputWrapper, SearchShortcut, searchBarInput, icon, searchWrapper } from "./styled";
23
+ import { makeComposable } from "../..";
23
24
 
24
25
  var SearchBar = /*#__PURE__*/function (_React$Component) {
25
26
  _inherits(SearchBar, _React$Component);
@@ -238,4 +239,4 @@ var SearchBarContainer = function SearchBarContainer() {
238
239
  return /*#__PURE__*/React.createElement(SearchBar, routerProps);
239
240
  };
240
241
 
241
- export default SearchBarContainer;
242
+ export default makeComposable("SearchBarContainer", SearchBarContainer);
@@ -8,7 +8,7 @@ import { List, ListItem, ListItemGraphic, ListItemText, ListItemMeta } from "@we
8
8
  import { searchBarDropdown, iconSearchType } from "./styled";
9
9
  import { Elevation } from "@webiny/ui/Elevation";
10
10
  import { Icon } from "@webiny/ui/Icon";
11
- import { ReactComponent as SearchIcon } from "@svgr/webpack!./icons/round-search-24px.svg";
11
+ import { ReactComponent as SearchIcon } from "./icons/round-search-24px.svg";
12
12
 
13
13
  var SearchBarDropdown = /*#__PURE__*/function (_React$Component) {
14
14
  _inherits(SearchBarDropdown, _React$Component);
@@ -1,6 +1,3 @@
1
- import { UIViewPlugin } from "../../ui/UIView";
2
- import { AdminView } from "../../ui/views/AdminView";
3
- export declare const globalSearch: UIViewPlugin<AdminView>;
4
1
  export declare const globalSearchHotkey: {
5
2
  type: string;
6
3
  name: string;
@@ -1,21 +1,3 @@
1
- import * as React from "react";
2
- import SearchBar from "./SearchBar";
3
- import { GenericElement } from "../../ui/elements/GenericElement";
4
- import { UIViewPlugin } from "../../ui/UIView";
5
- import { AdminView } from "../../ui/views/AdminView"; // !EXAMPLE!
6
- // This demonstrates how you can create view-specific plugin classes.
7
- //
8
- // class AdminViewPlugin extends ViewPlugin<AdminView> {
9
- // constructor(apply: ApplyFunction<AdminView>) {
10
- // super(AdminView, apply);
11
- // }
12
- // }
13
-
14
- export var globalSearch = new UIViewPlugin(AdminView, function (view) {
15
- view.getHeaderElement().getCenterSection().addElement(new GenericElement("searchBar", function () {
16
- return /*#__PURE__*/React.createElement(SearchBar, null);
17
- }));
18
- });
19
1
  export var globalSearchHotkey = {
20
2
  type: "admin-global-search-prevent-hotkey",
21
3
  name: "admin-global-search-prevent-hotkey-input",
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
- export declare const SearchShortcut: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
3
- export declare const SearchBarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
4
- export declare const SearchBarInputWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onChange" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
2
+ export declare const SearchShortcut: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "slot" | "style" | "title" | "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
3
+ export declare const SearchBarWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "slot" | "style" | "title" | "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
4
+ export declare const SearchBarInputWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "children" | "slot" | "style" | "title" | "onClick" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">, object>;
5
5
  export declare const searchBarInput: string;
6
6
  export declare const searchBarDropdown: string;
7
7
  export declare const icon: string;
@@ -1,4 +1,4 @@
1
- declare const _default: () => (import("./FileManagerFileTypePlugin").FileManagerFileTypePlugin[] | (import("@webiny/ui-composer/UIView").UIViewPlugin<import("../ui/views/NavigationView").NavigationView> | import("@webiny/ui-composer/UIElement").UIElementPlugin<import("../ui/elements/NavigationMenuElement").NavigationMenuElement<import("../ui/elements/NavigationMenuElement").NavigationMenuElementConfig>>)[] | import("@webiny/ui-composer/UIView").UIViewPlugin<import("../ui/views/AdminView").AdminView> | import("@webiny/ui-composer/UILayout").UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout> | {
1
+ declare const _default: () => (import("./FileManagerFileTypePlugin").FileManagerFileTypePlugin[] | import("@webiny/ui-composer/UILayout").UILayoutPlugin<import("@webiny/ui-composer/UILayout").UILayout> | {
2
2
  type: string;
3
3
  name: string;
4
4
  preventOpen(e: any): boolean;
package/plugins/index.js CHANGED
@@ -1,8 +1,6 @@
1
1
  import fileManager from "./fileManager";
2
- import menu from "./menu";
3
- import userMenu from "./userMenu";
4
2
  import uiLayoutRenderer from "./uiLayoutRenderer";
5
- import { globalSearch, globalSearchHotkey } from "./globalSearch";
3
+ import { globalSearchHotkey } from "./globalSearch";
6
4
  export default (function () {
7
- return [menu, fileManager, userMenu, globalSearch, globalSearchHotkey, uiLayoutRenderer];
5
+ return [fileManager, globalSearchHotkey, uiLayoutRenderer];
8
6
  });
@@ -75,6 +75,7 @@
75
75
 
76
76
  // fix for drawer positioning
77
77
  .mdc-drawer {
78
+ z-index: 12;
78
79
  background-color: $mdc-theme-surface;
79
80
  &.mdc-drawer--modal.mdc-drawer--open {
80
81
  top: 0;
package/types.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { ReactElement } from "react";
2
2
  import { Plugin } from "@webiny/plugins/types";
3
3
  import { ApolloClient } from "apollo-client";
4
- import { ItemProps, MenuProps, SectionProps } from "./ui/views/NavigationView/legacyMenu";
4
+ import { ItemProps, MenuProps, SectionProps } from "./plugins/MenuPlugin";
5
5
  declare type RenderParams = {
6
6
  content: React.ReactNode;
7
7
  };
@@ -34,15 +34,6 @@ export declare type AdminHeaderUserMenuPlugin = Plugin & {
34
34
  type: "admin-header-user-menu";
35
35
  render(): React.ReactElement;
36
36
  };
37
- export declare type AdminHeaderUserMenuHandlePlugin = Plugin & {
38
- name: "admin-header-user-menu-handle";
39
- type: "admin-header-user-menu-handle";
40
- render(): React.ReactElement;
41
- };
42
- export declare type AdminHeaderUserMenuUserInfoPlugin = Plugin & {
43
- type: "admin-header-user-menu-user-info";
44
- render(): React.ReactElement;
45
- };
46
37
  /**
47
38
  * Enables adding custom menu sections and items in the main menu, located on the left side of the screen.
48
39
  * @see https://docs.webiny.com/docs/webiny-apps/admin/development/plugins-reference/app#admin-menu
@@ -1,3 +1,4 @@
1
+ import _createClass from "@babel/runtime/helpers/createClass";
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _inherits from "@babel/runtime/helpers/inherits";
3
4
  import _createSuper from "@babel/runtime/helpers/createSuper";
@@ -13,5 +14,5 @@ export var PanelElement = /*#__PURE__*/function (_UIElement) {
13
14
  return _super.apply(this, arguments);
14
15
  }
15
16
 
16
- return PanelElement;
17
+ return _createClass(PanelElement);
17
18
  }(UIElement);
@@ -1,3 +1,4 @@
1
+ import _createClass from "@babel/runtime/helpers/createClass";
1
2
  import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
2
3
  import _inherits from "@babel/runtime/helpers/inherits";
3
4
  import _createSuper from "@babel/runtime/helpers/createSuper";
@@ -20,5 +21,5 @@ export var EmptyStateElement = /*#__PURE__*/function (_UIElement) {
20
21
  return _this;
21
22
  }
22
23
 
23
- return EmptyStateElement;
24
+ return _createClass(EmptyStateElement);
24
25
  }(UIElement);
@@ -7,9 +7,9 @@ import { UIRenderer } from "../../../UIRenderer";
7
7
  import * as Ui from "@webiny/ui/ImageUpload";
8
8
  import { Image } from "@webiny/app/components";
9
9
  import { AddImageIconWrapper, AddImageWrapper, FilePreviewWrapper, RemoveImage } from "./styled";
10
- import { ReactComponent as AddFileIcon } from "@svgr/webpack!../../../../assets/icons/attach_file_black_24dp.svg";
10
+ import { ReactComponent as AddFileIcon } from "../../../../assets/icons/attach_file_black_24dp.svg";
11
11
  import { Typography } from "@webiny/ui/Typography";
12
- import { ReactComponent as RemoveImageIcon } from "@svgr/webpack!@webiny/ui/ImageUpload/icons/round-close-24px.svg";
12
+ import { ReactComponent as RemoveImageIcon } from "@webiny/ui/ImageUpload/icons/round-close-24px.svg";
13
13
  export var EmptyStateElementRenderer = /*#__PURE__*/function (_UIRenderer) {
14
14
  _inherits(EmptyStateElementRenderer, _UIRenderer);
15
15