@gravity-ui/dynamic-forms 5.5.0 → 5.6.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.
Files changed (11) hide show
  1. package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css +1 -0
  2. package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.css +7 -0
  3. package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.js +2 -1
  4. package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css +10 -0
  5. package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.js +2 -1
  6. package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css +1 -0
  7. package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.css +7 -0
  8. package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.js +2 -1
  9. package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css +10 -0
  10. package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.js +2 -1
  11. package/package.json +1 -1
package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css CHANGED
@@ -24,4 +24,5 @@
24
24
  padding: var(--df-monaco-header-padding, var(--g-spacing-4));
25
25
  align-items: center;
26
26
  background-color: var(--g-color-base-float-hover);
27
+ box-sizing: border-box;
27
28
  }
package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.css CHANGED
@@ -19,7 +19,14 @@
19
19
  /* Border-radius */
20
20
  .df-monaco-input {
21
21
  width: var(--df-monaco-input-width, 550px);
22
+ height: var(--df-monaco-input-height, 354px);
22
23
  }
23
24
  .df-monaco-input__container {
25
+ height: 100%;
26
+ display: flex;
27
+ flex-direction: column;
24
28
  border: 1px solid var(--g-color-line-generic);
29
+ }
30
+ .df-monaco-input__editor {
31
+ flex: 1;
25
32
  }
package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.js CHANGED
@@ -34,7 +34,8 @@ const MonacoInputBase = ({ name, input, spec, MonacoComponent, withoutDialog, })
34
34
  return (react_1.default.createElement("div", { className: b() },
35
35
  react_1.default.createElement("div", { className: b('container'), "data-qa": name },
36
36
  react_1.default.createElement(MonacoHeader_1.MonacoHeader, { language: language, editButton: dialogButton }),
37
- react_1.default.createElement(MonacoEditor, { language: language, value: monacoValue, height: "300", onChange: setMonacoValue, options: options })),
37
+ react_1.default.createElement("div", { className: b('editor') },
38
+ react_1.default.createElement(MonacoEditor, { language: language, value: monacoValue, onChange: setMonacoValue, options: options }))),
38
39
  react_1.default.createElement(MonacoInputDialog_1.MonacoInputDialog, { name: name, title: layoutTitle, fontSize: fontSize, value: monacoValue, visible: monacoEditorDialog, language: language, changeMonacoValue: setMonacoValue, onChange: onChange, onClose: handleMonacoEditorDialogClose, MonacoComponent: MonacoComponent })));
39
40
  };
40
41
  exports.MonacoInputBase = MonacoInputBase;
package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css CHANGED
@@ -17,12 +17,22 @@
17
17
  }
18
18
  */
19
19
  /* Border-radius */
20
+ .df-monaco-input-dialog {
21
+ width: var(--df-monaco-input-dialog-width, 966px);
22
+ height: var(--df-monaco-input-dialog-height, 804px);
23
+ }
20
24
  .df-monaco-input-dialog .g-dialog-footer {
21
25
  padding: var(--df-monaco-input-dialog-dialog-footer-padding, var(--g-spacing-2) var(--g-spacing-8) var(--g-spacing-8));
22
26
  }
23
27
  .df-monaco-input-dialog__container {
28
+ height: 100%;
29
+ display: flex;
30
+ flex-direction: column;
24
31
  border: 1px solid var(--g-color-line-generic);
25
32
  }
33
+ .df-monaco-input-dialog__editor {
34
+ flex: 1;
35
+ }
26
36
  .df-monaco-input-dialog__dialog-header .g-dialog-header__caption {
27
37
  min-height: var(--df-monaco-dialog-header-caption-min-height, 24px);
28
38
  }
package/build/cjs/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.js CHANGED
@@ -25,7 +25,8 @@ const MonacoInputDialog = ({ name, value, title, visible, language, onChange, on
25
25
  react_1.default.createElement(uikit_1.Dialog.Body, null,
26
26
  react_1.default.createElement("div", { className: b('container'), "data-qa": `${name}-dialog` },
27
27
  react_1.default.createElement(MonacoHeader_1.MonacoHeader, { language: language }),
28
- react_1.default.createElement(MonacoEditor, { language: language, height: "600", width: "900", value: value, onChange: changeMonacoValue, options: options }))),
28
+ react_1.default.createElement("div", { className: b('editor') },
29
+ react_1.default.createElement(MonacoEditor, { language: language, value: value, onChange: changeMonacoValue, options: options })))),
29
30
  react_1.default.createElement(uikit_1.Dialog.Footer, { textButtonApply: (0, i18n_1.default)('button_cancel'), onClickButtonApply: handleClose })));
30
31
  };
31
32
  exports.MonacoInputDialog = MonacoInputDialog;
package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoHeader.css CHANGED
@@ -24,4 +24,5 @@
24
24
  padding: var(--df-monaco-header-padding, var(--g-spacing-4));
25
25
  align-items: center;
26
26
  background-color: var(--g-color-base-float-hover);
27
+ box-sizing: border-box;
27
28
  }
package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.css CHANGED
@@ -19,7 +19,14 @@
19
19
  /* Border-radius */
20
20
  .df-monaco-input {
21
21
  width: var(--df-monaco-input-width, 550px);
22
+ height: var(--df-monaco-input-height, 354px);
22
23
  }
23
24
  .df-monaco-input__container {
25
+ height: 100%;
26
+ display: flex;
27
+ flex-direction: column;
24
28
  border: 1px solid var(--g-color-line-generic);
29
+ }
30
+ .df-monaco-input__editor {
31
+ flex: 1;
25
32
  }
package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputBase.js CHANGED
@@ -31,7 +31,8 @@ export const MonacoInputBase = ({ name, input, spec, MonacoComponent, withoutDia
31
31
  return (React.createElement("div", { className: b() },
32
32
  React.createElement("div", { className: b('container'), "data-qa": name },
33
33
  React.createElement(MonacoHeader, { language: language, editButton: dialogButton }),
34
- React.createElement(MonacoEditor, { language: language, value: monacoValue, height: "300", onChange: setMonacoValue, options: options })),
34
+ React.createElement("div", { className: b('editor') },
35
+ React.createElement(MonacoEditor, { language: language, value: monacoValue, onChange: setMonacoValue, options: options }))),
35
36
  React.createElement(MonacoInputDialog, { name: name, title: layoutTitle, fontSize: fontSize, value: monacoValue, visible: monacoEditorDialog, language: language, changeMonacoValue: setMonacoValue, onChange: onChange, onClose: handleMonacoEditorDialogClose, MonacoComponent: MonacoComponent })));
36
37
  };
37
38
  export const MonacoInput = (props) => (React.createElement(MonacoInputBase, Object.assign({}, props)));
package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.css CHANGED
@@ -17,12 +17,22 @@
17
17
  }
18
18
  */
19
19
  /* Border-radius */
20
+ .df-monaco-input-dialog {
21
+ width: var(--df-monaco-input-dialog-width, 966px);
22
+ height: var(--df-monaco-input-dialog-height, 804px);
23
+ }
20
24
  .df-monaco-input-dialog .g-dialog-footer {
21
25
  padding: var(--df-monaco-input-dialog-dialog-footer-padding, var(--g-spacing-2) var(--g-spacing-8) var(--g-spacing-8));
22
26
  }
23
27
  .df-monaco-input-dialog__container {
28
+ height: 100%;
29
+ display: flex;
30
+ flex-direction: column;
24
31
  border: 1px solid var(--g-color-line-generic);
25
32
  }
33
+ .df-monaco-input-dialog__editor {
34
+ flex: 1;
35
+ }
26
36
  .df-monaco-input-dialog__dialog-header .g-dialog-header__caption {
27
37
  min-height: var(--df-monaco-dialog-header-caption-min-height, 24px);
28
38
  }
package/build/esm/lib/kit/components/Inputs/MonacoInput/MonacoInputDialog.js CHANGED
@@ -22,6 +22,7 @@ export const MonacoInputDialog = ({ name, value, title, visible, language, onCha
22
22
  React.createElement(Dialog.Body, null,
23
23
  React.createElement("div", { className: b('container'), "data-qa": `${name}-dialog` },
24
24
  React.createElement(MonacoHeader, { language: language }),
25
- React.createElement(MonacoEditor, { language: language, height: "600", width: "900", value: value, onChange: changeMonacoValue, options: options }))),
25
+ React.createElement("div", { className: b('editor') },
26
+ React.createElement(MonacoEditor, { language: language, value: value, onChange: changeMonacoValue, options: options })))),
26
27
  React.createElement(Dialog.Footer, { textButtonApply: i18n('button_cancel'), onClickButtonApply: handleClose })));
27
28
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gravity-ui/dynamic-forms",
3
- "version": "5.5.0",
3
+ "version": "5.6.0",
4
4
  "description": "",
5
5
  "license": "MIT",
6
6
  "main": "build/cjs/index.js",