@webiny/app-admin 5.25.0 → 5.26.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/components/AppInstaller/AppInstaller.d.ts +5 -0
- package/components/AppInstaller/AppInstaller.js +19 -2
- package/components/AppInstaller/AppInstaller.js.map +1 -1
- package/components/AppInstaller/useInstaller.d.ts +1 -0
- package/components/AppInstaller/useInstaller.js +4 -0
- package/components/AppInstaller/useInstaller.js.map +1 -1
- package/components/FileManager/FileDetails/Tags.d.ts +2 -0
- package/components/FileManager/FileDetails/Tags.js +61 -16
- package/components/FileManager/FileDetails/Tags.js.map +1 -1
- package/components/FileManager/FileDetails.js +8 -2
- package/components/FileManager/FileDetails.js.map +1 -1
- package/components/FileManager/FileManagerContext.d.ts +10 -0
- package/components/FileManager/FileManagerContext.js +33 -3
- package/components/FileManager/FileManagerContext.js.map +1 -1
- package/components/FileManager/FileManagerView.d.ts +3 -0
- package/components/FileManager/FileManagerView.js +3 -1
- package/components/FileManager/FileManagerView.js.map +1 -1
- package/components/FileManager/LeftSidebar.d.ts +1 -0
- package/components/FileManager/LeftSidebar.js +15 -5
- package/components/FileManager/LeftSidebar.js.map +1 -1
- package/components/FileManager/graphql.js +2 -2
- package/components/FileManager/graphql.js.map +1 -1
- package/components/FileManager.d.ts +3 -0
- package/components/FileManager.js +8 -2
- package/components/FileManager.js.map +1 -1
- package/components/SimpleForm/SimpleForm.d.ts +1 -0
- package/components/SimpleForm/SimpleForm.js +1 -1
- package/components/SimpleForm/SimpleForm.js.map +1 -1
- package/components/SplitView/SplitView.d.ts +1 -0
- package/components/SplitView/SplitView.js +1 -1
- package/components/SplitView/SplitView.js.map +1 -1
- package/package.json +19 -19
- package/ui/elements/form/FileManagerElement/styled.d.ts +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["LeftSidebar.tsx"],"names":["React","useQuery","get","sortBy","css","styled","Icon","ReactComponent","TagIcon","LIST_TAGS","style","leftDrawer","float","display","width","height","backgroundColor","padding","noTagged","paddingTop","textAlign","color","TagList","flexDirection","Tag","alignItems","cursor","paddingLeft","svg","marginRight","LeftSidebar","props","toggleTag","tags","
|
|
1
|
+
{"version":3,"sources":["LeftSidebar.tsx"],"names":["React","useQuery","get","sortBy","css","styled","Icon","ReactComponent","TagIcon","LIST_TAGS","getWhere","formatTagAsLabel","style","leftDrawer","float","display","width","height","backgroundColor","padding","noTagged","paddingTop","textAlign","color","TagList","flexDirection","Tag","alignItems","cursor","paddingLeft","svg","marginRight","LeftSidebar","props","toggleTag","queryParams","tags","scope","activeTags","Array","isArray","variables","where","data","list","length","tagList","filter","tag","map","item","index","className","includes"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport { useQuery } from \"@apollo/react-hooks\";\nimport get from \"lodash/get\";\nimport sortBy from \"lodash/sortBy\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ReactComponent as TagIcon } from \"./icons/round-label-24px.svg\";\nimport { LIST_TAGS } from \"./graphql\";\nimport { getWhere } from \"./FileManagerContext\";\nimport { formatTagAsLabel } from \"./FileDetails/Tags\";\n\nconst style = {\n leftDrawer: css({\n float: \"left\",\n display: \"inline-block\",\n width: 250,\n height: \"100%\",\n backgroundColor: \"var(--mdc-theme-surface)\",\n padding: 10\n }),\n noTagged: css({\n paddingTop: 100,\n textAlign: \"center\",\n color: \"var(--mdc-theme-on-surface)\"\n })\n};\n\nconst TagList = styled(\"div\")({\n display: \"flex\",\n flexDirection: \"column\"\n});\n\nconst Tag = styled(\"div\")({\n display: \"flex\",\n flexDirection: \"row\",\n height: 40,\n alignItems: \"center\",\n cursor: \"pointer\",\n paddingLeft: 15,\n color: \"var(--mdc-theme-on-surface)\",\n svg: {\n color: \"var(--mdc-theme-on-surface)\",\n marginRight: 10\n },\n \"&:hover\": {\n backgroundColor: \"var(--mdc-theme-background)\"\n },\n \"&.active\": {\n svg: {\n color: \"var(--mdc-theme-secondary)\"\n }\n }\n});\n\ninterface LeftSidebarProps {\n toggleTag: (item: string) => void;\n queryParams: {\n tags: string[];\n scope: string;\n };\n}\nconst LeftSidebar: React.FC<LeftSidebarProps> = props => {\n const {\n toggleTag,\n queryParams: { tags, scope }\n } = props;\n const activeTags = Array.isArray(tags) ? tags : [];\n\n const { data } = useQuery(LIST_TAGS, { variables: { where: getWhere(scope) } });\n\n const list = get(data, \"fileManager.listTags\", []);\n\n if (list.length === 0) {\n return (\n <div className={style.leftDrawer} data-testid={\"fm.left-drawer.empty-tag\"}>\n <div className={style.noTagged}>\n Once you tag an image, the tag will be displayed here.\n </div>\n </div>\n );\n }\n // Sort \"tags\" list in \"ASC\" order.\n const tagList = sortBy(list);\n\n return (\n <div className={style.leftDrawer}>\n <TagList data-testid={\"fm.left-drawer.tag-list\"}>\n {tagList\n .filter(tag => tag !== scope)\n .map((item, index) => {\n const className = activeTags.includes(item) ? \"active\" : \"\";\n return (\n <Tag\n className={className}\n key={item + index}\n onClick={() => toggleTag(item)}\n >\n <Icon icon={<TagIcon />} /> {formatTagAsLabel(item, scope)}\n </Tag>\n );\n })}\n </TagList>\n </div>\n );\n};\n\nexport default LeftSidebar;\n"]}
|
|
@@ -14,13 +14,13 @@ var ERROR_FIELDS =
|
|
|
14
14
|
* List Files Query Response
|
|
15
15
|
*/
|
|
16
16
|
|
|
17
|
-
export var LIST_FILES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n
|
|
17
|
+
export var LIST_FILES = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n query ListFiles(\n $types: [String],\n $tags: [String],\n $limit: Int,\n $search: String,\n $after: String,\n $where: FileWhereInput\n ) {\n fileManager {\n listFiles(\n types: $types,\n limit: $limit,\n search: $search,\n tags: $tags,\n after: $after,\n where: $where\n ) {\n data ", "\n meta {\n cursor\n totalCount\n }\n }\n }\n }\n"])), FILE_FIELDS);
|
|
18
18
|
/**
|
|
19
19
|
* ##################
|
|
20
20
|
* List File Tags Query Response
|
|
21
21
|
*/
|
|
22
22
|
|
|
23
|
-
export var LIST_TAGS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n query ListTags {\n fileManager {\n listTags\n }\n }\n"])));
|
|
23
|
+
export var LIST_TAGS = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n query ListTags($where: TagWhereInput) {\n fileManager {\n listTags(where: $where)\n }\n }\n"])));
|
|
24
24
|
/**
|
|
25
25
|
* ##################
|
|
26
26
|
* Create File Mutation Response
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["graphql.ts"],"names":["gql","FILE_FIELDS","ERROR_FIELDS","LIST_FILES","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,WAAW;AAAG;AAAH,uMAAjB;AAiBA,IAAMC,YAAY;AAAG;AAAH,+DAAlB;AAQA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,UAAU,GAAGH,GAAH
|
|
1
|
+
{"version":3,"sources":["graphql.ts"],"names":["gql","FILE_FIELDS","ERROR_FIELDS","LIST_FILES","LIST_TAGS","CREATE_FILE","UPDATE_FILE","DELETE_FILE","GET_FILE_SETTINGS"],"mappings":";;;;AAAA,OAAOA,GAAP,MAAgB,aAAhB;AAGA,IAAMC,WAAW;AAAG;AAAH,uMAAjB;AAiBA,IAAMC,YAAY;AAAG;AAAH,+DAAlB;AAQA;AACA;AACA;AACA;;AAsBA,OAAO,IAAMC,UAAU,GAAGH,GAAH,uqBAkBAC,WAlBA,CAAhB;AA2BP;AACA;AACA;AACA;;AAOA,OAAO,IAAMG,SAAS,GAAGJ,GAAH,oMAAf;AAOP;AACA;AACA;AACA;;AAoBA,OAAO,IAAMK,WAAW,GAAGL,GAAH,8QAIAE,YAJA,EAKDD,WALC,CAAjB;AAUP;AACA;AACA;AACA;;AAaA,OAAO,IAAMK,WAAW,GAAGN,GAAH,sZAUAE,YAVA,CAAjB;AAgBP;AACA;AACA;AACA;;AAYA,OAAO,IAAMK,WAAW,GAAGP,GAAH,4PAKAE,YALA,CAAjB;AAWP,OAAO,IAAMM,iBAAiB,GAAGR,GAAH,2UAQNE,YARM,CAAvB","sourcesContent":["import gql from \"graphql-tag\";\nimport { FileItem } from \"~/components/FileManager/types\";\n\nconst FILE_FIELDS = /* GraphQL */ `\n {\n __typename\n id\n name\n key\n src\n size\n type\n tags\n createdOn\n createdBy {\n id\n }\n }\n`;\n\nconst ERROR_FIELDS = /* GraphQL */ `\n {\n code\n message\n data\n }\n`;\n\n/**\n * ##################\n * List Files Query Response\n */\nexport interface ListFilesListFilesResponse {\n data: FileItem[];\n error?: Error | null;\n meta: {\n hasMoreItems: boolean;\n totalItem: number;\n cursor: string | null;\n };\n}\nexport interface ListFilesQueryResponse {\n fileManager: {\n listFiles: ListFilesListFilesResponse;\n };\n}\nexport interface ListFilesQueryVariables {\n types?: string[];\n tags?: string[];\n limit?: number;\n search?: string;\n after?: string;\n}\nexport const LIST_FILES = gql`\n query ListFiles(\n $types: [String],\n $tags: [String],\n $limit: Int,\n $search: String,\n $after: String,\n $where: FileWhereInput\n ) {\n fileManager {\n listFiles(\n types: $types,\n limit: $limit,\n search: $search,\n tags: $tags,\n after: $after,\n where: $where\n ) {\n data ${FILE_FIELDS}\n meta {\n cursor\n totalCount\n }\n }\n }\n }\n`;\n/**\n * ##################\n * List File Tags Query Response\n */\nexport interface ListFileTagsQueryResponse {\n fileManager: {\n listTags: string[];\n error: Error | null;\n };\n}\nexport const LIST_TAGS = gql`\n query ListTags($where: TagWhereInput) {\n fileManager {\n listTags(where: $where)\n }\n }\n`;\n/**\n * ##################\n * Create File Mutation Response\n */\nexport interface CreateFileMutationResponse {\n fileManager: {\n createFile: {\n data: FileItem;\n error?: Error | null;\n };\n };\n}\nexport interface FileInput {\n key: string;\n name: string;\n size: number;\n type: string;\n tags: string;\n meta: Record<string, any>;\n}\nexport interface CreateFileMutationVariables {\n data: FileInput;\n}\nexport const CREATE_FILE = gql`\n mutation CreateFile($data: FileInput!) {\n fileManager {\n createFile(data: $data) {\n error ${ERROR_FIELDS}\n data ${FILE_FIELDS}\n }\n }\n }\n`;\n/**\n * ##################\n * Update File Mutation Response\n */\nexport interface UpdateFileMutationResponse {\n fileManager: {\n updateFile: {\n data: FileItem;\n error?: Error | null;\n };\n };\n}\nexport interface UpdateFileMutationVariables {\n id: string;\n data: Partial<FileInput>;\n}\nexport const UPDATE_FILE = gql`\n mutation UpdateFile($id: ID!, $data: FileInput!) {\n fileManager {\n updateFile(id: $id, data: $data) {\n data {\n id\n src\n name\n tags\n }\n error ${ERROR_FIELDS}\n }\n }\n }\n`;\n\n/**\n * ##################\n * Delete File Mutation Response\n */\nexport interface DeleteFileMutationResponse {\n fileManager: {\n updateFile: {\n data: boolean;\n error?: Error | null;\n };\n };\n}\nexport interface DeleteFileMutationVariables {\n id: string;\n}\nexport const DELETE_FILE = gql`\n mutation deleteFile($id: ID!) {\n fileManager {\n deleteFile(id: $id) {\n data\n error ${ERROR_FIELDS}\n }\n }\n }\n`;\n\nexport const GET_FILE_SETTINGS = gql`\n query getSettings {\n fileManager {\n getSettings {\n data {\n uploadMinFileSize\n uploadMaxFileSize\n }\n error ${ERROR_FIELDS}\n }\n }\n }\n`;\n"]}
|
|
@@ -12,6 +12,9 @@ export interface FileManagerProps {
|
|
|
12
12
|
images?: boolean;
|
|
13
13
|
multiple?: boolean;
|
|
14
14
|
accept?: Array<string>;
|
|
15
|
+
tags?: Array<string>;
|
|
16
|
+
scope?: string;
|
|
17
|
+
own?: boolean;
|
|
15
18
|
children: (params: FileManagerPropsChildren) => React.ReactNode;
|
|
16
19
|
maxSize?: number | string;
|
|
17
20
|
multipleMaxCount?: number;
|
|
@@ -65,7 +65,10 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
|
|
|
65
65
|
maxSize = _this$props.maxSize,
|
|
66
66
|
multipleMaxCount = _this$props.multipleMaxCount,
|
|
67
67
|
multipleMaxSize = _this$props.multipleMaxSize,
|
|
68
|
-
onUploadCompletion = _this$props.onUploadCompletion
|
|
68
|
+
onUploadCompletion = _this$props.onUploadCompletion,
|
|
69
|
+
tags = _this$props.tags,
|
|
70
|
+
scope = _this$props.scope,
|
|
71
|
+
own = _this$props.own;
|
|
69
72
|
var container = this.container;
|
|
70
73
|
|
|
71
74
|
var handleFileOnChange = function handleFileOnChange(files) {
|
|
@@ -97,7 +100,10 @@ var FileManagerPortal = /*#__PURE__*/function (_React$Component) {
|
|
|
97
100
|
maxSize: maxSize,
|
|
98
101
|
multipleMaxCount: multipleMaxCount,
|
|
99
102
|
multipleMaxSize: multipleMaxSize,
|
|
100
|
-
onUploadCompletion: onUploadCompletion
|
|
103
|
+
onUploadCompletion: onUploadCompletion,
|
|
104
|
+
tags: tags,
|
|
105
|
+
scope: scope,
|
|
106
|
+
own: own
|
|
101
107
|
};
|
|
102
108
|
|
|
103
109
|
if (images) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["FileManager.tsx"],"names":["React","useCallback","useEffect","useRef","useState","ReactDOM","FileManagerView","pick","FileManagerProvider","FileManagerPortal","props","window","container","document","getElementById","createElement","setAttribute","body","appendChild","onChange","onClose","accept","onChangePick","multiple","images","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","handleFileOnChange","files","length","fields","Array","isArray","items","map","file","createPortal","Component","FileManager","children","rest","show","setShow","onChangeRef","current","showFileManager"],"mappings":";;;;;;;;;;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,EAA6BC,SAA7B,EAAwCC,MAAxC,EAAgDC,QAAhD,QAAgE,OAAhE;AACA,OAAOC,QAAP,MAAqB,WAArB;AACA,OAAOC,eAAP;AACA,OAAOC,IAAP,MAAiB,aAAjB;AACA,SAASC,mBAAT;;
|
|
1
|
+
{"version":3,"sources":["FileManager.tsx"],"names":["React","useCallback","useEffect","useRef","useState","ReactDOM","FileManagerView","pick","FileManagerProvider","FileManagerPortal","props","window","container","document","getElementById","createElement","setAttribute","body","appendChild","onChange","onClose","accept","onChangePick","multiple","images","maxSize","multipleMaxCount","multipleMaxSize","onUploadCompletion","tags","scope","own","handleFileOnChange","files","length","fields","Array","isArray","items","map","file","createPortal","Component","FileManager","children","rest","show","setShow","onChangeRef","current","showFileManager"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport ReactDOM from \"react-dom\";\nimport FileManagerView, { FileManagerViewProps } from \"./FileManager/FileManagerView\";\nimport pick from \"lodash/pick\";\nimport { FileManagerProvider } from \"./FileManager/FileManagerContext\";\nimport { FileItem } from \"./FileManager/types\";\n\nexport interface ShowFileManagerCallable {\n (onChange?: (file?: FileItem | FileItem[]) => void): void;\n}\nexport interface FileManagerPropsChildren {\n showFileManager: ShowFileManagerCallable;\n}\n\nexport interface FileManagerProps {\n onChange?: (files: FileItem[] | FileItem) => void;\n onChangePick?: string[];\n images?: boolean;\n multiple?: boolean;\n accept?: Array<string>;\n tags?: Array<string>;\n scope?: string;\n own?: boolean;\n children: (params: FileManagerPropsChildren) => React.ReactNode;\n maxSize?: number | string;\n multipleMaxCount?: number;\n multipleMaxSize?: number | string;\n onClose?: Function;\n onUploadCompletion?: (files: FileItem[]) => void;\n}\n\nexport type FileManagerPortalProps = Omit<FileManagerProps, \"children\">;\n\nclass FileManagerPortal extends React.Component<FileManagerPortalProps> {\n public container: HTMLElement | null = null;\n constructor(props: FileManagerPortalProps) {\n super(props);\n\n if (!window) {\n return;\n }\n\n this.container = window.document.getElementById(\"file-manager-container\");\n\n if (!this.container) {\n this.container = document.createElement(\"div\");\n this.container.setAttribute(\"id\", \"file-manager-container\");\n const container = this.container;\n document.body && document.body.appendChild(container);\n }\n }\n\n public override render() {\n const {\n onChange = () => {\n return void 0;\n },\n onClose = () => {\n return void 0;\n },\n accept,\n onChangePick,\n multiple,\n images,\n maxSize,\n multipleMaxCount,\n multipleMaxSize,\n onUploadCompletion,\n tags,\n scope,\n own\n } = this.props;\n\n const container = this.container as HTMLElement;\n\n const handleFileOnChange = (files?: FileItem[] | FileItem) => {\n if (!files || files.length === 0) {\n return;\n }\n const fields = Array.isArray(onChangePick)\n ? onChangePick\n : [\"id\", \"name\", \"key\", \"src\", \"size\", \"type\"];\n\n if (Array.isArray(files) === true) {\n const items = (files as FileItem[]).map(file => pick(file, fields));\n onChange(items as FileItem[]);\n return;\n }\n const file = pick(files as FileItem, fields);\n\n onChange(file as FileItem);\n };\n\n const props: FileManagerViewProps = {\n onChange:\n typeof onChange === \"function\"\n ? handleFileOnChange\n : () => {\n return void 0;\n },\n onClose,\n accept: accept as string[],\n multiple: multiple as boolean,\n maxSize: maxSize as string,\n multipleMaxCount: multipleMaxCount as number,\n multipleMaxSize: multipleMaxSize as number,\n onUploadCompletion,\n tags: tags,\n scope: scope,\n own: own\n };\n\n if (images) {\n props.accept = [\n \"image/jpg\",\n \"image/jpeg\",\n \"image/tiff\",\n \"image/gif\",\n \"image/png\",\n \"image/webp\",\n \"image/bmp\",\n \"image/svg+xml\"\n ];\n }\n\n // Let's pass \"permanent\" / \"persistent\" / \"temporary\" flags as \"mode\" prop instead.\n return ReactDOM.createPortal(\n <FileManagerProvider {...props}>\n <FileManagerView {...props} />\n </FileManagerProvider>,\n container\n );\n }\n}\n\nexport const FileManager: React.FC<FileManagerProps> = ({ children, ...rest }) => {\n const [show, setShow] = useState(false);\n const onChangeRef = useRef(rest.onChange);\n\n useEffect(() => {\n onChangeRef.current = rest.onChange;\n }, [rest.onChange]);\n\n const showFileManager = useCallback(onChange => {\n if (typeof onChange === \"function\") {\n onChangeRef.current = onChange;\n }\n setShow(true);\n }, []);\n\n return (\n <>\n {show && (\n <FileManagerPortal\n onClose={() => setShow(false)}\n {...rest}\n onChange={onChangeRef.current}\n />\n )}\n {children({ showFileManager })}\n </>\n );\n};\n"]}
|
|
@@ -14,6 +14,7 @@ interface SimpleFormHeaderProps {
|
|
|
14
14
|
export declare const SimpleFormHeader: React.FC<SimpleFormHeaderProps>;
|
|
15
15
|
interface SimpleFormFooterProps {
|
|
16
16
|
children: React.ReactNode;
|
|
17
|
+
className?: string;
|
|
17
18
|
}
|
|
18
19
|
export declare const SimpleFormFooter: React.FC<SimpleFormFooterProps>;
|
|
19
20
|
export declare const SimpleFormContent: React.FC;
|
|
@@ -65,7 +65,7 @@ export var SimpleFormHeader = function SimpleFormHeader(props) {
|
|
|
65
65
|
};
|
|
66
66
|
export var SimpleFormFooter = function SimpleFormFooter(props) {
|
|
67
67
|
return /*#__PURE__*/React.createElement(Grid, {
|
|
68
|
-
className: footer
|
|
68
|
+
className: classNames(footer, props.className)
|
|
69
69
|
}, /*#__PURE__*/React.createElement(Cell, {
|
|
70
70
|
span: 12
|
|
71
71
|
}, props.children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["SimpleForm.tsx"],"names":["React","styled","css","classNames","Cell","Grid","Typography","Elevation","Icon","SimpleFormContainer","position","margin","header","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","borderTop","textAlign","padding","SimpleForm","props","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,IAAT,QAAqB,iBAArB;AAEA,IAAMC,mBAAmB,gBAAGR,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACtCS,EAAAA,QAAQ,EAAE,UAD4B;AAEtCC,EAAAA,MAAM,EAAE;AAF8B,CAAjB,CAAzB;AAKA,IAAMC,MAAM,gBAAGV,GAAG,CAAC;AACfW,EAAAA,YAAY,EAAE,0CADC;AAEfC,EAAAA,KAAK,EAAE;AAFQ,CAAD,kBAAlB;AAKA,IAAMC,KAAK,gBAAGb,GAAG,CAAC;AACdc,EAAAA,OAAO,EAAE,MADK;AAEdC,EAAAA,UAAU,EAAE;AAFE,CAAD,iBAAjB;AAKA,IAAMC,OAAO,gBAAGhB,GAAG,CAAC;AAChBc,EAAAA,OAAO,EAAE,MADO;AAEhBG,EAAAA,cAAc,EAAE,UAFA;AAGhBF,EAAAA,UAAU,EAAE;AAHI,CAAD,mBAAnB;AAMA,IAAMG,IAAI,gBAAGlB,GAAG,CAAC;AACbmB,EAAAA,WAAW,EAAE,EADA;AAEbP,EAAAA,KAAK,EAAE;AAFM,CAAD,gBAAhB;AAKA,IAAMQ,MAAM,gBAAGpB,GAAG,CAAC;AACfqB,EAAAA,SAAS,EAAE,0CADI;AAEfT,EAAAA,KAAK,EAAE,6CAFQ;AAGfU,EAAAA,SAAS,EAAE,OAHI;AAIf,uBAAqB;AACjBC,IAAAA,OAAO,EAAE,EADQ,CACL;;AADK;AAJN,CAAD,kBAAlB;AAeA,OAAO,IAAMC,UAAqC,GAAG,SAAxCA,UAAwC,CAAAC,KAAK,EAAI;AAC1D,sBACI,oBAAC,mBAAD;AACI,IAAA,SAAS,EAAExB,UAAU,CAAC,kBAAD,EAAqBwB,KAAK,CAACC,SAA3B,CADzB;AAEI,mBAAaD,KAAK,CAAC,aAAD;AAFtB,KAIKA,KAAK,CAACE,WAAN,GAAoBF,KAAK,CAACG,QAA1B,gBAAqC,oBAAC,SAAD;AAAW,IAAA,CAAC,EAAE;AAAd,KAAkBH,KAAK,CAACG,QAAxB,CAJ1C,CADJ;AAQH,CATM;AAgBP,OAAO,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,CAAAJ,KAAK,EAAI;AACtE,sBACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEf;AAAjB,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEe,KAAK,CAACG,QAAN,GAAiB,CAAjB,GAAqB,EAAjC;AAAqC,IAAA,SAAS,EAAEf;AAAhD,kBACI,oBAAC,KAAD,CAAO,QAAP,QACKY,KAAK,CAACP,IAAN,iBAAc,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEA,IAAjB;AAAuB,IAAA,IAAI,EAAEO,KAAK,CAACP;AAAnC,IADnB,eAEI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAC;AAAhB,KAA6BO,KAAK,CAACZ,KAAnC,CAFJ,CADJ,CADJ,EAOKY,KAAK,CAACG,QAAN,iBACG,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE,CAAZ;AAAe,IAAA,SAAS,EAAEZ;AAA1B,KACKS,KAAK,CAACG,QADX,CARR,CADJ;AAeH,CAhBM;
|
|
1
|
+
{"version":3,"sources":["SimpleForm.tsx"],"names":["React","styled","css","classNames","Cell","Grid","Typography","Elevation","Icon","SimpleFormContainer","position","margin","header","borderBottom","color","title","display","alignItems","actions","justifyContent","icon","marginRight","footer","borderTop","textAlign","padding","SimpleForm","props","className","noElevation","children","SimpleFormHeader","SimpleFormFooter","SimpleFormContent"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Icon } from \"@webiny/ui/Icon\";\n\nconst SimpleFormContainer = styled(\"div\")({\n position: \"relative\",\n margin: \"17px 50px\"\n});\n\nconst header = css({\n borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst title = css({\n display: \"flex\",\n alignItems: \"center\"\n});\n\nconst actions = css({\n display: \"flex\",\n justifyContent: \"flex-end\",\n alignItems: \"center\"\n});\n\nconst icon = css({\n marginRight: 15,\n color: \"var(--mdc-theme-text-primary-on-background)\"\n});\n\nconst footer = css({\n borderTop: \"1px solid var(--mdc-theme-on-background)\",\n color: \"var(--mdc-theme-text-primary-on-background)\",\n textAlign: \"right\",\n \"&.mdc-layout-grid\": {\n padding: 25 // \"25px 50px\"\n }\n});\n\ninterface SimpleFormProps {\n children: React.ReactNode;\n \"data-testid\"?: string;\n noElevation?: boolean;\n className?: string;\n}\nexport const SimpleForm: React.FC<SimpleFormProps> = props => {\n return (\n <SimpleFormContainer\n className={classNames(\"webiny-data-list\", props.className)}\n data-testid={props[\"data-testid\"]}\n >\n {props.noElevation ? props.children : <Elevation z={1}>{props.children}</Elevation>}\n </SimpleFormContainer>\n );\n};\n\ninterface SimpleFormHeaderProps {\n title: React.ReactNode;\n icon?: React.ReactElement<any>;\n children?: React.ReactNode;\n}\nexport const SimpleFormHeader: React.FC<SimpleFormHeaderProps> = props => {\n return (\n <Grid className={header}>\n <Cell span={props.children ? 6 : 12} className={title}>\n <React.Fragment>\n {props.icon && <Icon className={icon} icon={props.icon} />}\n <Typography use=\"headline5\">{props.title}</Typography>\n </React.Fragment>\n </Cell>\n {props.children && (\n <Cell span={6} className={actions}>\n {props.children}\n </Cell>\n )}\n </Grid>\n );\n};\n\ninterface SimpleFormFooterProps {\n children: React.ReactNode;\n className?: string;\n}\nexport const SimpleFormFooter: React.FC<SimpleFormFooterProps> = props => {\n return (\n <Grid className={classNames(footer, props.className)}>\n <Cell span={12}>{props.children}</Cell>\n </Grid>\n );\n};\n\nexport const SimpleFormContent: React.FC = props => {\n return props.children as unknown as React.ReactElement;\n};\n"]}
|
|
@@ -24,7 +24,7 @@ var RightPanelWrapper = /*#__PURE__*/styled("div", {
|
|
|
24
24
|
overflow: "auto",
|
|
25
25
|
height: "calc(100vh - 70px)"
|
|
26
26
|
});
|
|
27
|
-
var leftPanel = /*#__PURE__*/css({
|
|
27
|
+
export var leftPanel = /*#__PURE__*/css({
|
|
28
28
|
backgroundColor: "var(--mdc-theme-surface)",
|
|
29
29
|
">.webiny-data-list": {
|
|
30
30
|
display: "flex",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["SplitView.tsx"],"names":["React","classSet","Cell","Grid","GridInner","css","styled","getClasses","grid","padding","backgroundColor","gridInner","gridGap","RightPanelWrapper","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","className","children","LeftPanel","propList","hasOwnProperty","span","RightPanel"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,SAArB,QAAiD,iBAAjD;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AAEA,IAAMC,IAAI,gBAAGH,GAAG,CAAC;AACb,uBAAqB;AACjBI,IAAAA,OAAO,EAAE,CADQ;AAEjBC,IAAAA,eAAe,EAAE;AAFA;AADR,CAAD,gBAAhB;AAOA,IAAMC,SAAS,gBAAGN,GAAG,CAAC;AAClB,8BAA4B;AACxBO,IAAAA,OAAO,EAAE;AADe;AADV,CAAD,qBAArB;AAMA,IAAMC,iBAAiB,gBAAGP,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACpCI,EAAAA,eAAe,EAAE,6BADmB;AAEpCI,EAAAA,QAAQ,EAAE,MAF0B;AAGpCC,EAAAA,MAAM,EAAE;AAH4B,CAAjB,CAAvB;AAMA,IAAMC,SAAS,gBAAGX,GAAG,CAAC;
|
|
1
|
+
{"version":3,"sources":["SplitView.tsx"],"names":["React","classSet","Cell","Grid","GridInner","css","styled","getClasses","grid","padding","backgroundColor","gridInner","gridGap","RightPanelWrapper","overflow","height","leftPanel","display","flexDirection","maxHeight","SplitView","props","className","children","LeftPanel","propList","hasOwnProperty","span","RightPanel"],"mappings":";AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,SAASC,IAAT,EAAeC,IAAf,EAAqBC,SAArB,QAAiD,iBAAjD;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AAEA,SAASC,UAAT,QAA2B,oBAA3B;AAEA,IAAMC,IAAI,gBAAGH,GAAG,CAAC;AACb,uBAAqB;AACjBI,IAAAA,OAAO,EAAE,CADQ;AAEjBC,IAAAA,eAAe,EAAE;AAFA;AADR,CAAD,gBAAhB;AAOA,IAAMC,SAAS,gBAAGN,GAAG,CAAC;AAClB,8BAA4B;AACxBO,IAAAA,OAAO,EAAE;AADe;AADV,CAAD,qBAArB;AAMA,IAAMC,iBAAiB,gBAAGP,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACpCI,EAAAA,eAAe,EAAE,6BADmB;AAEpCI,EAAAA,QAAQ,EAAE,MAF0B;AAGpCC,EAAAA,MAAM,EAAE;AAH4B,CAAjB,CAAvB;AAMA,OAAO,IAAMC,SAAS,gBAAGX,GAAG,CAAC;AACzBK,EAAAA,eAAe,EAAE,0BADQ;AAEzB,wBAAsB;AAClBO,IAAAA,OAAO,EAAE,MADS;AAElBC,IAAAA,aAAa,EAAE,QAFG;AAGlBH,IAAAA,MAAM,EAAE,oBAHU;AAIlB,iBAAa;AACTD,MAAAA,QAAQ,EAAE;AADD;AAJK,GAFG;AAUzB,gBAAc;AACVG,IAAAA,OAAO,EAAE,MADC;AAEVC,IAAAA,aAAa,EAAE,QAFL;AAGVC,IAAAA,SAAS,EAAE,oBAHD;AAIVL,IAAAA,QAAQ,EAAE;AAJA;AAVW,CAAD,qBAArB;;AAuBP,IAAMM,SAAmC,GAAG,SAAtCA,SAAsC,CAAAC,KAAK,EAAI;AACjD,sBACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAEpB,QAAQ,CAACO,IAAD,EAAOa,KAAK,CAACC,SAAb,EAAwB,mBAAxB;AAAzB,kBACI,oBAAC,SAAD;AAAW,IAAA,SAAS,EAAEX,SAAS,GAAG;AAAlC,KACKU,KAAK,CAACE,QADX,CADJ,CADJ;AAOH,CARD;;AAUA,IAAMC,SAA8B,GAAG,SAAjCA,SAAiC,CAAAH,KAAK,EAAI;AAC5C,MAAMI,QAAQ,GAAG,OAAMJ,KAAN,CAAjB;;AACA,MAAI,CAACI,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAAL,EAAsC;AAClCD,IAAAA,QAAQ,CAACE,IAAT,GAAgB,CAAhB;AACH;;AAED,sBACI,oBAAC,IAAD,EACQpB,UAAU,CACVkB,QADU,EAEVxB,QAAQ,CAACe,SAAD,EAAYK,KAAK,CAACC,SAAlB,EAA6B,+BAA7B,CAFE,CADlB,EAMKG,QAAQ,CAACF,QANd,CADJ;AAUH,CAhBD;;AAkBA,IAAMK,UAA+B,GAAG,SAAlCA,UAAkC,CAAAP,KAAK,EAAI;AAC7C,MAAMI,QAAQ,GAAG,OAAMJ,KAAN,CAAjB;;AACA,MAAI,CAACI,QAAQ,CAACC,cAAT,CAAwB,MAAxB,CAAL,EAAsC;AAClCD,IAAAA,QAAQ,CAACE,IAAT,GAAgB,CAAhB;AACH;;AAED,sBACI,oBAAC,IAAD,EAAUpB,UAAU,CAACkB,QAAD,EAAW,gCAAX,CAApB,eACI,oBAAC,iBAAD;AACI,IAAA,SAAS,EAAE,wCADf;AAEI,IAAA,EAAE,EAAE;AAFR,KAIKA,QAAQ,CAACF,QAJd,CADJ,CADJ;AAUH,CAhBD;;AAkBA,SAASH,SAAT,EAAoBI,SAApB,EAA+BI,UAA/B","sourcesContent":["import * as React from \"react\";\nimport classSet from \"classnames\";\nimport { Cell, Grid, GridInner, CellProps } from \"@webiny/ui/Grid\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { clone } from \"lodash\";\nimport { getClasses } from \"@webiny/ui/Helpers\";\n\nconst grid = css({\n \"&.mdc-layout-grid\": {\n padding: 0,\n backgroundColor: \"var(--mdc-theme-background)\"\n }\n});\n\nconst gridInner = css({\n \"&.mdc-layout-grid__inner\": {\n gridGap: 0\n }\n});\n\nconst RightPanelWrapper = styled(\"div\")({\n backgroundColor: \"var(--mdc-theme-background)\",\n overflow: \"auto\",\n height: \"calc(100vh - 70px)\"\n});\n\nexport const leftPanel = css({\n backgroundColor: \"var(--mdc-theme-surface)\",\n \">.webiny-data-list\": {\n display: \"flex\",\n flexDirection: \"column\",\n height: \"calc(100vh - 70px)\",\n \".mdc-list\": {\n overflow: \"auto\"\n }\n },\n \">.mdc-list\": {\n display: \"flex\",\n flexDirection: \"column\",\n maxHeight: \"calc(100vh - 70px)\",\n overflow: \"auto\"\n }\n});\n\ninterface SplitViewProps {\n children: React.ReactElement<any> | React.ReactElement<any>[];\n className?: string;\n}\n\nconst SplitView: React.FC<SplitViewProps> = props => {\n return (\n <Grid className={classSet(grid, props.className, \"webiny-split-view\")}>\n <GridInner className={gridInner + \" webiny-split-view__inner\"}>\n {props.children}\n </GridInner>\n </Grid>\n );\n};\n\nconst LeftPanel: React.FC<CellProps> = props => {\n const propList = clone(props);\n if (!propList.hasOwnProperty(\"span\")) {\n propList.span = 5;\n }\n\n return (\n <Cell\n {...getClasses(\n propList,\n classSet(leftPanel, props.className, \"webiny-split-view__left-panel\")\n )}\n >\n {propList.children}\n </Cell>\n );\n};\n\nconst RightPanel: React.FC<CellProps> = props => {\n const propList = clone(props);\n if (!propList.hasOwnProperty(\"span\")) {\n propList.span = 7;\n }\n\n return (\n <Cell {...getClasses(propList, \"webiny-split-view__right-panel\")}>\n <RightPanelWrapper\n className={\"webiny-split-view__right-panel-wrapper\"}\n id={\"webiny-split-view-right-panel\"}\n >\n {propList.children}\n </RightPanelWrapper>\n </Cell>\n );\n};\n\nexport { SplitView, LeftPanel, RightPanel };\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@webiny/app-admin",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.26.0-beta.0",
|
|
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": {
|
|
@@ -13,23 +13,23 @@
|
|
|
13
13
|
"@apollo/react-common": "3.1.4",
|
|
14
14
|
"@apollo/react-components": "3.1.5",
|
|
15
15
|
"@apollo/react-hooks": "3.1.5",
|
|
16
|
-
"@babel/runtime": "7.
|
|
17
|
-
"@editorjs/editorjs": "2.
|
|
16
|
+
"@babel/runtime": "7.16.7",
|
|
17
|
+
"@editorjs/editorjs": "2.22.3",
|
|
18
18
|
"@emotion/core": "10.3.1",
|
|
19
19
|
"@emotion/styled": "10.3.0",
|
|
20
20
|
"@svgr/webpack": "6.2.1",
|
|
21
21
|
"@types/mime": "2.0.3",
|
|
22
22
|
"@types/react": "16.14.2",
|
|
23
|
-
"@webiny/app": "5.
|
|
24
|
-
"@webiny/app-admin-core": "5.
|
|
25
|
-
"@webiny/app-security": "5.
|
|
26
|
-
"@webiny/form": "5.
|
|
27
|
-
"@webiny/plugins": "5.
|
|
28
|
-
"@webiny/react-router": "5.
|
|
29
|
-
"@webiny/telemetry": "5.
|
|
30
|
-
"@webiny/ui": "5.
|
|
31
|
-
"@webiny/ui-composer": "5.
|
|
32
|
-
"@webiny/validation": "5.
|
|
23
|
+
"@webiny/app": "5.26.0-beta.0",
|
|
24
|
+
"@webiny/app-admin-core": "5.26.0-beta.0",
|
|
25
|
+
"@webiny/app-security": "5.26.0-beta.0",
|
|
26
|
+
"@webiny/form": "5.26.0-beta.0",
|
|
27
|
+
"@webiny/plugins": "5.26.0-beta.0",
|
|
28
|
+
"@webiny/react-router": "5.26.0-beta.0",
|
|
29
|
+
"@webiny/telemetry": "5.26.0-beta.0",
|
|
30
|
+
"@webiny/ui": "5.26.0-beta.0",
|
|
31
|
+
"@webiny/ui-composer": "5.26.0-beta.0",
|
|
32
|
+
"@webiny/validation": "5.26.0-beta.0",
|
|
33
33
|
"apollo-cache": "1.3.5",
|
|
34
34
|
"apollo-client": "2.6.10",
|
|
35
35
|
"apollo-link": "1.2.14",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"bytes": "3.1.2",
|
|
38
38
|
"classnames": "2.3.1",
|
|
39
39
|
"dataurl-to-blob": "0.0.1",
|
|
40
|
-
"dayjs": "1.
|
|
40
|
+
"dayjs": "1.10.7",
|
|
41
41
|
"dot-prop-immutable": "2.1.1",
|
|
42
42
|
"downshift": "3.4.8",
|
|
43
43
|
"emotion": "10.0.27",
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"invariant": "2.2.4",
|
|
48
48
|
"lodash": "4.17.21",
|
|
49
49
|
"mime": "2.6.0",
|
|
50
|
-
"minimatch": "3.
|
|
51
|
-
"nanoid": "3.
|
|
50
|
+
"minimatch": "3.0.4",
|
|
51
|
+
"nanoid": "3.2.0",
|
|
52
52
|
"prop-types": "15.8.1",
|
|
53
53
|
"react": "16.14.0",
|
|
54
54
|
"react-butterfiles": "1.3.3",
|
|
@@ -69,8 +69,8 @@
|
|
|
69
69
|
"@types/bytes": "^3.1.1",
|
|
70
70
|
"@types/graphlib": "^2.1.8",
|
|
71
71
|
"@types/store": "^2.0.2",
|
|
72
|
-
"@webiny/cli": "^5.
|
|
73
|
-
"@webiny/project-utils": "^5.
|
|
72
|
+
"@webiny/cli": "^5.26.0-beta.0",
|
|
73
|
+
"@webiny/project-utils": "^5.26.0-beta.0",
|
|
74
74
|
"babel-plugin-emotion": "^9.2.8",
|
|
75
75
|
"babel-plugin-lodash": "^3.3.4",
|
|
76
76
|
"rimraf": "^3.0.2",
|
|
@@ -97,5 +97,5 @@
|
|
|
97
97
|
]
|
|
98
98
|
}
|
|
99
99
|
},
|
|
100
|
-
"gitHead": "
|
|
100
|
+
"gitHead": "4ce1afe0630101262047a016a4b00e4e01f47095"
|
|
101
101
|
}
|
|
@@ -4,14 +4,14 @@ export declare const AddImageWrapperRound: import("@emotion/styled-base").Styled
|
|
|
4
4
|
theme?: object | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
children?: import("react").ReactNode;
|
|
7
|
-
}, "key" |
|
|
7
|
+
}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
8
8
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
9
9
|
}, Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Pick<Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, keyof import("react").HTMLAttributes<HTMLDivElement>> & {
|
|
10
10
|
theme?: object | undefined;
|
|
11
11
|
} & {
|
|
12
12
|
children?: import("react").ReactNode;
|
|
13
|
-
}, "key" |
|
|
13
|
+
}, "key" | keyof import("react").HTMLAttributes<HTMLDivElement> | "theme"> & {
|
|
14
14
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
-
},
|
|
15
|
+
}, keyof import("react").HTMLAttributes<HTMLDivElement> | "theme">, object>;
|
|
16
16
|
export declare const RemoveImage: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|
|
17
17
|
export declare const FilePreviewWrapper: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;
|