@webiny/app-admin 0.0.0-unstable.5e7233243f → 0.0.0-unstable.fcdad0bc61

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 (9) hide show
  1. package/components/Permissions/StyledComponents.js +1 -1
  2. package/components/Permissions/StyledComponents.js.map +1 -1
  3. package/components/SimpleUI/InputField.js +1 -1
  4. package/components/SimpleUI/InputField.js.map +1 -1
  5. package/package.json +27 -27
  6. package/styles/material-theme-assignments.scss +1 -1
  7. package/styles/material.scss +2 -0
  8. package/styles/theme.scss +4 -1
  9. package/ui/views/SplitView.js.map +1 -1
package/components/Permissions/StyledComponents.js CHANGED
@@ -29,7 +29,7 @@ var PermissionInfo = function PermissionInfo(_ref) {
29
29
  return /*#__PURE__*/_react.default.createElement("div", {
30
30
  className: flexClass
31
31
  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
32
- use: "subtitle2"
32
+ use: "body2"
33
33
  }, title));
34
34
  };
35
35
 
package/components/Permissions/StyledComponents.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n <div className={flexClass}>\n <Typography use={\"subtitle2\"}>{title}</Typography>\n </div>\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBC,OAAO,EAAE,MADgB;EAEzBC,UAAU,EAAE,QAFa;EAGzBC,MAAM,EAAE;AAHiB,CAAJ,qBAAlB;;AAMA,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAA,EAAI;EAClCK,OAAO,EAAE;AADyB,CAAJ,8BAA3B;;;AAOA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,oBACzD;IAAK,SAAS,EAAER;EAAhB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA+BQ,KAA/B,CADJ,CADyD;AAAA,CAAtD"}
1
+ {"version":3,"names":["flexClass","css","display","alignItems","height","gridNoPaddingClass","padding","PermissionInfo","title"],"sources":["StyledComponents.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\nexport const flexClass = css({\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n});\n\nexport const gridNoPaddingClass = css({\n padding: \"0px !important\"\n});\n\ninterface PermissionInfoProps {\n title: string;\n}\nexport const PermissionInfo: React.FC<PermissionInfoProps> = ({ title }) => (\n <div className={flexClass}>\n <Typography use={\"body2\"}>{title}</Typography>\n </div>\n);\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AAEO,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EACzBC,OAAO,EAAE,MADgB;EAEzBC,UAAU,EAAE,QAFa;EAGzBC,MAAM,EAAE;AAHiB,CAAJ,qBAAlB;;AAMA,IAAMC,kBAAkB,gBAAG,IAAAJ,YAAA,EAAI;EAClCK,OAAO,EAAE;AADyB,CAAJ,8BAA3B;;;AAOA,IAAMC,cAA6C,GAAG,SAAhDA,cAAgD;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,oBACzD;IAAK,SAAS,EAAER;EAAhB,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA2BQ,KAA3B,CADJ,CADyD;AAAA,CAAtD"}
package/components/SimpleUI/InputField.js CHANGED
@@ -91,7 +91,7 @@ var InputField = function InputField(_ref) {
91
91
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, label && /*#__PURE__*/_react.default.createElement("div", {
92
92
  className: labelStyle
93
93
  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
94
- use: "subtitle2"
94
+ use: "body2"
95
95
  }, label)), /*#__PURE__*/_react.default.createElement("input", Object.assign({
96
96
  className: (0, _classnames.default)(inputStyle, className),
97
97
  value: getValue({
package/components/SimpleUI/InputField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["inputStyle","css","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","label","description","validation","isValid","props","classNames","ev","target","toLowerCase","omit","message","React","memo"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n boxSizing: \"border-box\",\n border: \"1px solid var(--mdc-theme-on-background)\",\n width: \"100%\",\n height: \"100%\",\n padding: \"4px 8px\",\n textAlign: \"left\",\n minHeight: 32,\n backgroundColor: \"var(--mdc-theme-surface)\",\n transition: \"150ms all ease-in-out\",\n \"&:focus:not(:disabled)\": {\n backgroundColor: \"var(--mdc-theme-on-background)\"\n },\n \"&:hover:not(:disabled)\": {\n backgroundColor: \"var(--mdc-theme-on-background)\"\n },\n \"&:disabled\": {\n opacity: 0.5,\n cursor: \"not-allowed\"\n },\n\n \"&.text-center\": {\n textAlign: \"center\",\n padding: 4\n },\n\n \"&::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0\n },\n \"&::-webkit-outer-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0\n }\n});\n\nconst labelStyle = css({\n marginBottom: 8,\n padding: \"0px 8px\",\n \"& span\": {\n color: \"var(--mdc-theme-text-primary-on-background)\"\n }\n});\n\ninterface GetValueParams {\n value: string | number | undefined;\n defaultValue: string | number;\n type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n const { value, defaultValue, type } = params;\n if (type === \"number\") {\n return (isNaN(value as number) ? defaultValue : value) as string;\n }\n return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n value?: string | number;\n onChange?: (value: any) => void;\n defaultValue?: string | number;\n type?: \"string\" | \"number\";\n [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n className,\n value,\n onChange,\n label,\n description,\n validation = { isValid: true },\n defaultValue = \"\",\n ...props\n}) => {\n return (\n <React.Fragment>\n {label && (\n <div className={labelStyle}>\n <Typography use={\"subtitle2\"}>{label}</Typography>\n </div>\n )}\n <input\n className={classNames(inputStyle, className)}\n value={getValue({\n value,\n type: props.type || \"string\",\n defaultValue\n })}\n onChange={ev => {\n if (!onChange) {\n return;\n }\n onChange((ev.target.value || \"\").toLowerCase());\n }}\n {...omit(props, \"validate\")}\n />\n {validation.isValid === false && (\n <FormElementMessage error>{validation.message}</FormElementMessage>\n )}\n {validation.isValid !== false && description && (\n <FormElementMessage>{description}</FormElementMessage>\n )}\n </React.Fragment>\n );\n};\n\nexport default React.memo(InputField);\n"],"mappings":"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"}
1
+ {"version":3,"names":["inputStyle","css","boxSizing","border","width","height","padding","textAlign","minHeight","backgroundColor","transition","opacity","cursor","WebkitAppearance","margin","labelStyle","marginBottom","color","getValue","params","value","defaultValue","type","isNaN","InputField","className","onChange","label","description","validation","isValid","props","classNames","ev","target","toLowerCase","omit","message","React","memo"],"sources":["InputField.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\nimport omit from \"lodash/omit\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\n\nconst inputStyle = css({\n boxSizing: \"border-box\",\n border: \"1px solid var(--mdc-theme-on-background)\",\n width: \"100%\",\n height: \"100%\",\n padding: \"4px 8px\",\n textAlign: \"left\",\n minHeight: 32,\n backgroundColor: \"var(--mdc-theme-surface)\",\n transition: \"150ms all ease-in-out\",\n \"&:focus:not(:disabled)\": {\n backgroundColor: \"var(--mdc-theme-on-background)\"\n },\n \"&:hover:not(:disabled)\": {\n backgroundColor: \"var(--mdc-theme-on-background)\"\n },\n \"&:disabled\": {\n opacity: 0.5,\n cursor: \"not-allowed\"\n },\n\n \"&.text-center\": {\n textAlign: \"center\",\n padding: 4\n },\n\n \"&::-webkit-inner-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0\n },\n \"&::-webkit-outer-spin-button\": {\n WebkitAppearance: \"none\",\n margin: 0\n }\n});\n\nconst labelStyle = css({\n marginBottom: 8,\n padding: \"0px 8px\",\n \"& span\": {\n color: \"var(--mdc-theme-text-primary-on-background)\"\n }\n});\n\ninterface GetValueParams {\n value: string | number | undefined;\n defaultValue: string | number;\n type: \"number\" | \"string\";\n}\nconst getValue = (params: GetValueParams): string => {\n const { value, defaultValue, type } = params;\n if (type === \"number\") {\n return (isNaN(value as number) ? defaultValue : value) as string;\n }\n return (value || defaultValue) as string;\n};\n\ninterface InputBoxProps {\n value?: string | number;\n onChange?: (value: any) => void;\n defaultValue?: string | number;\n type?: \"string\" | \"number\";\n [key: string]: any;\n}\nconst InputField: React.FC<InputBoxProps> = ({\n className,\n value,\n onChange,\n label,\n description,\n validation = { isValid: true },\n defaultValue = \"\",\n ...props\n}) => {\n return (\n <React.Fragment>\n {label && (\n <div className={labelStyle}>\n <Typography use={\"body2\"}>{label}</Typography>\n </div>\n )}\n <input\n className={classNames(inputStyle, className)}\n value={getValue({\n value,\n type: props.type || \"string\",\n defaultValue\n })}\n onChange={ev => {\n if (!onChange) {\n return;\n }\n onChange((ev.target.value || \"\").toLowerCase());\n }}\n {...omit(props, \"validate\")}\n />\n {validation.isValid === false && (\n <FormElementMessage error>{validation.message}</FormElementMessage>\n )}\n {validation.isValid !== false && description && (\n <FormElementMessage>{description}</FormElementMessage>\n )}\n </React.Fragment>\n );\n};\n\nexport default React.memo(InputField);\n"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@webiny/app-admin",
3
- "version": "0.0.0-unstable.5e7233243f",
3
+ "version": "0.0.0-unstable.fcdad0bc61",
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,33 +13,33 @@
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.18.9",
16
+ "@babel/runtime": "7.19.0",
17
17
  "@editorjs/editorjs": "2.25.0",
18
18
  "@emotion/core": "10.3.1",
19
19
  "@emotion/styled": "10.3.0",
20
- "@svgr/webpack": "6.3.1",
20
+ "@svgr/webpack": "6.4.0",
21
21
  "@types/mime": "2.0.3",
22
22
  "@types/react": "17.0.39",
23
- "@webiny/app": "0.0.0-unstable.5e7233243f",
24
- "@webiny/app-admin-core": "0.0.0-unstable.5e7233243f",
25
- "@webiny/app-security": "0.0.0-unstable.5e7233243f",
26
- "@webiny/app-wcp": "0.0.0-unstable.5e7233243f",
27
- "@webiny/form": "0.0.0-unstable.5e7233243f",
28
- "@webiny/plugins": "0.0.0-unstable.5e7233243f",
29
- "@webiny/react-composition": "0.0.0-unstable.5e7233243f",
30
- "@webiny/react-router": "0.0.0-unstable.5e7233243f",
31
- "@webiny/telemetry": "0.0.0-unstable.5e7233243f",
32
- "@webiny/ui": "0.0.0-unstable.5e7233243f",
33
- "@webiny/ui-composer": "0.0.0-unstable.5e7233243f",
34
- "@webiny/validation": "0.0.0-unstable.5e7233243f",
23
+ "@webiny/app": "0.0.0-unstable.fcdad0bc61",
24
+ "@webiny/app-admin-core": "0.0.0-unstable.fcdad0bc61",
25
+ "@webiny/app-security": "0.0.0-unstable.fcdad0bc61",
26
+ "@webiny/app-wcp": "0.0.0-unstable.fcdad0bc61",
27
+ "@webiny/form": "0.0.0-unstable.fcdad0bc61",
28
+ "@webiny/plugins": "0.0.0-unstable.fcdad0bc61",
29
+ "@webiny/react-composition": "0.0.0-unstable.fcdad0bc61",
30
+ "@webiny/react-router": "0.0.0-unstable.fcdad0bc61",
31
+ "@webiny/telemetry": "0.0.0-unstable.fcdad0bc61",
32
+ "@webiny/ui": "0.0.0-unstable.fcdad0bc61",
33
+ "@webiny/ui-composer": "0.0.0-unstable.fcdad0bc61",
34
+ "@webiny/validation": "0.0.0-unstable.fcdad0bc61",
35
35
  "apollo-cache": "1.3.5",
36
36
  "apollo-client": "2.6.10",
37
37
  "apollo-link": "1.2.14",
38
38
  "apollo-utilities": "1.3.4",
39
39
  "bytes": "3.1.2",
40
- "classnames": "2.3.1",
40
+ "classnames": "2.3.2",
41
41
  "dataurl-to-blob": "0.0.1",
42
- "dayjs": "1.11.4",
42
+ "dayjs": "1.11.5",
43
43
  "dot-prop-immutable": "2.1.1",
44
44
  "downshift": "3.4.8",
45
45
  "emotion": "10.0.27",
@@ -58,21 +58,21 @@
58
58
  "react-hotkeyz": "1.0.4",
59
59
  "react-lazy-load": "3.1.14",
60
60
  "react-transition-group": "4.4.5",
61
- "semver": "7.3.7",
61
+ "semver": "7.3.8",
62
62
  "store": "2.0.12"
63
63
  },
64
64
  "devDependencies": {
65
- "@babel/cli": "^7.16.0",
66
- "@babel/core": "^7.16.0",
67
- "@babel/plugin-proposal-class-properties": "^7.16.0",
68
- "@babel/preset-env": "^7.16.4",
69
- "@babel/preset-react": "^7.16.0",
70
- "@babel/preset-typescript": "^7.16.0",
65
+ "@babel/cli": "^7.19.3",
66
+ "@babel/core": "^7.19.3",
67
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
68
+ "@babel/preset-env": "^7.19.4",
69
+ "@babel/preset-react": "^7.18.6",
70
+ "@babel/preset-typescript": "^7.18.6",
71
71
  "@types/bytes": "^3.1.1",
72
72
  "@types/graphlib": "^2.1.8",
73
73
  "@types/store": "^2.0.2",
74
- "@webiny/cli": "^0.0.0-unstable.5e7233243f",
75
- "@webiny/project-utils": "^0.0.0-unstable.5e7233243f",
74
+ "@webiny/cli": "^0.0.0-unstable.fcdad0bc61",
75
+ "@webiny/project-utils": "^0.0.0-unstable.fcdad0bc61",
76
76
  "babel-plugin-emotion": "^9.2.8",
77
77
  "babel-plugin-lodash": "^3.3.4",
78
78
  "rimraf": "^3.0.2",
@@ -99,5 +99,5 @@
99
99
  ]
100
100
  }
101
101
  },
102
- "gitHead": "995a4b337db9b8497c6615e335dcd206afe26f8f"
102
+ "gitHead": "40d639c3665e384a5e2d26674d43ce26f3295e8c"
103
103
  }
package/styles/material-theme-assignments.scss CHANGED
@@ -195,7 +195,7 @@ Fix the width of input components when inside grids
195
195
  margin-left: 2px !important;
196
196
  color: $mdc-theme-text-secondary-on-background;
197
197
  &--error {
198
- color: $webiny-theme-dark-primary !important;
198
+ color: $mdc-theme-primary !important;
199
199
  }
200
200
  }
201
201
 
package/styles/material.scss CHANGED
@@ -13,6 +13,7 @@ $mdc-theme-text-primary-on-background: $webiny-theme-light-text-primary-on-backg
13
13
  $mdc-theme-text-secondary-on-background: $webiny-theme-light-text-secondary-on-background;
14
14
  $mdc-theme-text-hint-on-dark: $webiny-theme-light-text-hint-on-dark;
15
15
  $mdc-typography-font-family: $webiny-theme-typography-font-family;
16
+ $mdc-typography-subtitle2-font-weight: $webiny-theme-typography-subtitle2-font-weight;
16
17
 
17
18
  @import "~material-components-web/material-components-web.scss";
18
19
  @import "material-theme-assignments.scss";
@@ -35,6 +36,7 @@ body {
35
36
  --mdc-theme-text-hint-on-dark: #{$mdc-theme-text-hint-on-dark};
36
37
  --mdc-theme-caret-down: #{$webiny-theme-light-caret-down};
37
38
  --mdc-typography-font-family: #{$mdc-typography-font-family};
39
+ --mdc-typography-subtitle2-font-weight: #{$mdc-typography-subtitle2-font-weight};
38
40
 
39
41
  font-family: "Source Sans Pro";
40
42
  }
package/styles/theme.scss CHANGED
@@ -28,10 +28,10 @@ $webiny-theme-dark-caret-down: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%
28
28
 
29
29
  // webiny typography
30
30
  $webiny-theme-typography-font-family: "Source Sans Pro" !default;
31
+ $webiny-theme-typography-subtitle2-font-weight: 600 !default;
31
32
 
32
33
  // import required fonts
33
34
  @import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Open+Sans:300,400,600,700|Source+Code+Pro:400,700");
34
- //@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700|Open+Sans:300,400,600,700|Source+Code+Pro:400,700");
35
35
 
36
36
  body {
37
37
  font-size: 16px;
@@ -41,3 +41,6 @@ a {
41
41
  color: var(--webiny-theme-color-primary, #ee896b);
42
42
  text-decoration: none;
43
43
  }
44
+
45
+ @import "@webiny/ui/styles.scss";
46
+
package/ui/views/SplitView.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","id","config","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","_classNames","add","delete","getElement","props","classNames","Array","from","values","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n \"&.mdc-layout-grid\": {\n padding: 0,\n backgroundColor: \"var(--mdc-theme-background)\",\n \">.mdc-layout-grid__inner\": {\n gridGap: 0\n }\n }\n});\n\nconst 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\nconst rightPanel = css({\n backgroundColor: \"var(--mdc-theme-background)\",\n overflow: \"auto\",\n height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n leftPanel?: UIElement;\n rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n private _classNames = new Set();\n private _leftPanel?: SplitViewPanelElement;\n private _rightPanel?: SplitViewPanelElement;\n\n public constructor(id: string, config: SplitViewConfig = {}) {\n super(`SplitView.${id}`);\n\n this.useGrid(false);\n this.addClassName(grid);\n this.addClassName(\"webiny-split-view\");\n this.addElements();\n\n if (config.leftPanel) {\n this.getLeftPanel().addElement(config.leftPanel);\n }\n\n if (config.rightPanel) {\n this.getRightPanel().addElement(config.rightPanel);\n }\n }\n\n public addClassName(className: string): void {\n this._classNames.add(className);\n }\n\n public removeClassName(className: string): void {\n this._classNames.delete(className);\n }\n\n public getLeftPanel(): SplitViewPanelElement {\n return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n }\n\n public getRightPanel(): SplitViewPanelElement {\n return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n }\n\n public override render(props?: any): React.ReactNode {\n return (\n <Grid className={classNames(Array.from(this._classNames.values()))}>\n {super.render(props)}\n </Grid>\n );\n }\n\n private addElements(): void {\n this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n this._leftPanel.useGrid(false);\n this._leftPanel.setWidth(5);\n this._leftPanel.addClassName(leftPanel);\n this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n this._rightPanel.useGrid(false);\n this._rightPanel.setWidth(7);\n this._rightPanel.addClassName(rightPanel);\n this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n this.addElement(this._leftPanel);\n this._rightPanel.moveAfter(this._leftPanel);\n }\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","id","config","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","_classNames","add","delete","getElement","props","classNames","Array","from","values","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n \"&.mdc-layout-grid\": {\n padding: 0,\n backgroundColor: \"var(--mdc-theme-background)\",\n \">.mdc-layout-grid__inner\": {\n gridGap: 0\n }\n }\n});\n\nconst 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\nconst rightPanel = css({\n backgroundColor: \"var(--mdc-theme-background)\",\n overflow: \"auto\",\n height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n leftPanel?: UIElement;\n rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n private _classNames = new Set<string>();\n private _leftPanel?: SplitViewPanelElement;\n private _rightPanel?: SplitViewPanelElement;\n\n public constructor(id: string, config: SplitViewConfig = {}) {\n super(`SplitView.${id}`);\n\n this.useGrid(false);\n this.addClassName(grid);\n this.addClassName(\"webiny-split-view\");\n this.addElements();\n\n if (config.leftPanel) {\n this.getLeftPanel().addElement(config.leftPanel);\n }\n\n if (config.rightPanel) {\n this.getRightPanel().addElement(config.rightPanel);\n }\n }\n\n public addClassName(className: string): void {\n this._classNames.add(className);\n }\n\n public removeClassName(className: string): void {\n this._classNames.delete(className);\n }\n\n public getLeftPanel(): SplitViewPanelElement {\n return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n }\n\n public getRightPanel(): SplitViewPanelElement {\n return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n }\n\n public override render(props?: any): React.ReactNode {\n return (\n <Grid className={classNames(Array.from(this._classNames.values()))}>\n {super.render(props)}\n </Grid>\n );\n }\n\n private addElements(): void {\n this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n this._leftPanel.useGrid(false);\n this._leftPanel.setWidth(5);\n this._leftPanel.addClassName(leftPanel);\n this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n this._rightPanel.useGrid(false);\n this._rightPanel.setWidth(7);\n this._rightPanel.addClassName(rightPanel);\n this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n this.addElement(this._leftPanel);\n this._rightPanel.moveAfter(this._leftPanel);\n }\n}\n"],"mappings":"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"}