@ytsaurus/ui 1.8.0 → 1.9.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.
@@ -7,6 +7,7 @@ declare const _default: import("react-redux").ConnectedComponent<typeof Settings
7
7
  annotation: PropTypes.Requireable<string>;
8
8
  annotationHighlight: PropTypes.Requireable<string>;
9
9
  oneLine: PropTypes.Requireable<boolean>;
10
+ useSwitch: PropTypes.Requireable<boolean>;
10
11
  }>, "getSetting" | "setSetting">>;
11
12
  export default _default;
12
13
  declare class SettingsMenuItem extends React.Component<any, any, any> {
@@ -19,6 +20,7 @@ declare class SettingsMenuItem extends React.Component<any, any, any> {
19
20
  annotation: PropTypes.Requireable<string>;
20
21
  annotationHighlight: PropTypes.Requireable<string>;
21
22
  oneLine: PropTypes.Requireable<boolean>;
23
+ useSwitch: PropTypes.Requireable<boolean>;
22
24
  };
23
25
  constructor(props: any);
24
26
  constructor(props: any, context: any);
@@ -38,7 +38,8 @@ var SettingsMenuItem = /*#__PURE__*/function (_Component) {
38
38
  getSetting = _this$props.getSetting,
39
39
  settingNS = _this$props.settingNS,
40
40
  label = _this$props.label,
41
- oneLine = _this$props.oneLine;
41
+ oneLine = _this$props.oneLine,
42
+ useSwitch = _this$props.useSwitch;
42
43
  var checked = getSetting(settingName, settingNS);
43
44
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
44
45
  className: b('settings-item', {
@@ -47,11 +48,16 @@ var SettingsMenuItem = /*#__PURE__*/function (_Component) {
47
48
  'one-line': oneLine
48
49
  }),
49
50
  title: label,
50
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Checkbox, {
51
+ children: [useSwitch ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Switch, {
52
+ checked: checked,
53
+ onUpdate: function onUpdate(value) {
54
+ return setSetting(settingName, settingNS, value);
55
+ }
56
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_uikit.Checkbox, {
51
57
  content: label,
52
58
  checked: checked,
53
- onChange: function onChange() {
54
- return setSetting(settingName, settingNS, !checked);
59
+ onUpdate: function onUpdate(value) {
60
+ return setSetting(settingName, settingNS, value);
55
61
  }
56
62
  }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
57
63
  className: b('settings-annotation', 'elements-secondary-text'),
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_bemCnLite","_interopRequireDefault","_uikit","_settings","_settings2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","b","block","SettingsMenuItem","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$props","props","annotationHighlight","settingName","annotation","setSetting","getSetting","settingNS","label","oneLine","checked","_jsxs","className","size","name","title","children","_jsx","Checkbox","content","onChange","dangerouslySetInnerHTML","__html","Fragment","Component","mapStateToProps","state","makeGetSetting","_default","exports","connect"],"sources":["SettingsMenuItem.js"],"sourcesContent":["import React, {Component, Fragment} from 'react';\nimport {connect} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport block from 'bem-cn-lite';\n\nimport {Checkbox} from '@gravity-ui/uikit';\n\nimport {setSetting} from '../../store/actions/settings';\nimport {makeGetSetting} from '../../store/selectors/settings';\n\nimport './SettingsMenu.scss';\n\nconst b = block('elements-page');\n\nclass SettingsMenuItem extends Component {\n static propTypes = {\n // from connect\n getSetting: PropTypes.func.isRequired,\n setSetting: PropTypes.func.isRequired,\n // from props\n settingName: PropTypes.string.isRequired,\n settingNS: PropTypes.object.isRequired,\n label: PropTypes.string,\n annotation: PropTypes.string,\n annotationHighlight: PropTypes.string,\n\n oneLine: PropTypes.bool,\n };\n\n render() {\n const {\n annotationHighlight,\n settingName,\n annotation,\n setSetting,\n getSetting,\n settingNS,\n label,\n oneLine,\n } = this.props;\n const checked = getSetting(settingName, settingNS);\n\n return (\n <div\n className={b('settings-item', {\n size: 's',\n name: settingName,\n 'one-line': oneLine,\n })}\n title={label}\n >\n <Checkbox\n content={label}\n checked={checked}\n onChange={() => setSetting(settingName, settingNS, !checked)}\n />\n <div className={b('settings-annotation', 'elements-secondary-text')}>\n <span dangerouslySetInnerHTML={{__html: annotation}} />\n {annotationHighlight && (\n <Fragment>\n <br />\n <span\n className={b('settings-annotation-highlight')}\n dangerouslySetInnerHTML={{\n __html: annotationHighlight,\n }}\n />\n </Fragment>\n )}\n </div>\n </div>\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n getSetting: makeGetSetting(state),\n };\n}\n\nexport default connect(mapStateToProps, {setSetting})(SettingsMenuItem);\n"],"mappings":"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"}
1
+ {"version":3,"names":["_react","_interopRequireWildcard","require","_reactRedux","_bemCnLite","_interopRequireDefault","_uikit","_settings","_settings2","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","b","block","SettingsMenuItem","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$props","props","annotationHighlight","settingName","annotation","setSetting","getSetting","settingNS","label","oneLine","useSwitch","checked","_jsxs","className","size","name","title","children","_jsx","Switch","onUpdate","Checkbox","content","dangerouslySetInnerHTML","__html","Fragment","Component","mapStateToProps","state","makeGetSetting","_default","exports","connect"],"sources":["SettingsMenuItem.js"],"sourcesContent":["import React, {Component, Fragment} from 'react';\nimport {connect} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport block from 'bem-cn-lite';\n\nimport {Checkbox, Switch} from '@gravity-ui/uikit';\n\nimport {setSetting} from '../../store/actions/settings';\nimport {makeGetSetting} from '../../store/selectors/settings';\n\nimport './SettingsMenu.scss';\n\nconst b = block('elements-page');\n\nclass SettingsMenuItem extends Component {\n static propTypes = {\n // from connect\n getSetting: PropTypes.func.isRequired,\n setSetting: PropTypes.func.isRequired,\n // from props\n settingName: PropTypes.string.isRequired,\n settingNS: PropTypes.object.isRequired,\n label: PropTypes.string,\n annotation: PropTypes.string,\n annotationHighlight: PropTypes.string,\n\n oneLine: PropTypes.bool,\n\n useSwitch: PropTypes.bool,\n };\n\n render() {\n const {\n annotationHighlight,\n settingName,\n annotation,\n setSetting,\n getSetting,\n settingNS,\n label,\n oneLine,\n useSwitch,\n } = this.props;\n const checked = getSetting(settingName, settingNS);\n\n return (\n <div\n className={b('settings-item', {\n size: 's',\n name: settingName,\n 'one-line': oneLine,\n })}\n title={label}\n >\n {useSwitch ? (\n <Switch\n checked={checked}\n onUpdate={(value) => setSetting(settingName, settingNS, value)}\n />\n ) : (\n <Checkbox\n content={label}\n checked={checked}\n onUpdate={(value) => setSetting(settingName, settingNS, value)}\n />\n )}\n <div className={b('settings-annotation', 'elements-secondary-text')}>\n <span dangerouslySetInnerHTML={{__html: annotation}} />\n {annotationHighlight && (\n <Fragment>\n <br />\n <span\n className={b('settings-annotation-highlight')}\n dangerouslySetInnerHTML={{\n __html: annotationHighlight,\n }}\n />\n </Fragment>\n )}\n </div>\n </div>\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n getSetting: makeGetSetting(state),\n };\n}\n\nexport default connect(mapStateToProps, {setSetting})(SettingsMenuItem);\n"],"mappings":"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"}
@@ -7,6 +7,7 @@ declare const _default: import("react-redux").ConnectedComponent<typeof Settings
7
7
  annotation: PropTypes.Requireable<string>;
8
8
  annotationHighlight: PropTypes.Requireable<string>;
9
9
  oneLine: PropTypes.Requireable<boolean>;
10
+ useSwitch: PropTypes.Requireable<boolean>;
10
11
  }>, "getSetting" | "setSetting">>;
11
12
  export default _default;
12
13
  declare class SettingsMenuItem extends React.Component<any, any, any> {
@@ -19,6 +20,7 @@ declare class SettingsMenuItem extends React.Component<any, any, any> {
19
20
  annotation: PropTypes.Requireable<string>;
20
21
  annotationHighlight: PropTypes.Requireable<string>;
21
22
  oneLine: PropTypes.Requireable<boolean>;
23
+ useSwitch: PropTypes.Requireable<boolean>;
22
24
  };
23
25
  constructor(props: any);
24
26
  constructor(props: any, context: any);
@@ -5,7 +5,7 @@ import _createSuper from "@babel/runtime/helpers/createSuper";
5
5
  import React, { Component, Fragment } from 'react';
6
6
  import { connect } from 'react-redux';
7
7
  import block from 'bem-cn-lite';
8
- import { Checkbox } from '@gravity-ui/uikit';
8
+ import { Checkbox, Switch } from '@gravity-ui/uikit';
9
9
  import { setSetting } from '../../store/actions/settings';
10
10
  import { makeGetSetting } from '../../store/selectors/settings';
11
11
  import "./SettingsMenu.css";
@@ -30,7 +30,8 @@ var SettingsMenuItem = /*#__PURE__*/function (_Component) {
30
30
  getSetting = _this$props.getSetting,
31
31
  settingNS = _this$props.settingNS,
32
32
  label = _this$props.label,
33
- oneLine = _this$props.oneLine;
33
+ oneLine = _this$props.oneLine,
34
+ useSwitch = _this$props.useSwitch;
34
35
  var checked = getSetting(settingName, settingNS);
35
36
  return /*#__PURE__*/_jsxs("div", {
36
37
  className: b('settings-item', {
@@ -39,11 +40,16 @@ var SettingsMenuItem = /*#__PURE__*/function (_Component) {
39
40
  'one-line': oneLine
40
41
  }),
41
42
  title: label,
42
- children: [/*#__PURE__*/_jsx(Checkbox, {
43
+ children: [useSwitch ? /*#__PURE__*/_jsx(Switch, {
44
+ checked: checked,
45
+ onUpdate: function onUpdate(value) {
46
+ return setSetting(settingName, settingNS, value);
47
+ }
48
+ }) : /*#__PURE__*/_jsx(Checkbox, {
43
49
  content: label,
44
50
  checked: checked,
45
- onChange: function onChange() {
46
- return setSetting(settingName, settingNS, !checked);
51
+ onUpdate: function onUpdate(value) {
52
+ return setSetting(settingName, settingNS, value);
47
53
  }
48
54
  }), /*#__PURE__*/_jsxs("div", {
49
55
  className: b('settings-annotation', 'elements-secondary-text'),
@@ -1 +1 @@
1
- {"version":3,"names":["React","Component","Fragment","connect","block","Checkbox","setSetting","makeGetSetting","jsx","_jsx","jsxs","_jsxs","b","SettingsMenuItem","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$props","props","annotationHighlight","settingName","annotation","getSetting","settingNS","label","oneLine","checked","className","size","name","title","children","content","onChange","dangerouslySetInnerHTML","__html","mapStateToProps","state"],"sources":["SettingsMenuItem.js"],"sourcesContent":["import React, {Component, Fragment} from 'react';\nimport {connect} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport block from 'bem-cn-lite';\n\nimport {Checkbox} from '@gravity-ui/uikit';\n\nimport {setSetting} from '../../store/actions/settings';\nimport {makeGetSetting} from '../../store/selectors/settings';\n\nimport './SettingsMenu.scss';\n\nconst b = block('elements-page');\n\nclass SettingsMenuItem extends Component {\n static propTypes = {\n // from connect\n getSetting: PropTypes.func.isRequired,\n setSetting: PropTypes.func.isRequired,\n // from props\n settingName: PropTypes.string.isRequired,\n settingNS: PropTypes.object.isRequired,\n label: PropTypes.string,\n annotation: PropTypes.string,\n annotationHighlight: PropTypes.string,\n\n oneLine: PropTypes.bool,\n };\n\n render() {\n const {\n annotationHighlight,\n settingName,\n annotation,\n setSetting,\n getSetting,\n settingNS,\n label,\n oneLine,\n } = this.props;\n const checked = getSetting(settingName, settingNS);\n\n return (\n <div\n className={b('settings-item', {\n size: 's',\n name: settingName,\n 'one-line': oneLine,\n })}\n title={label}\n >\n <Checkbox\n content={label}\n checked={checked}\n onChange={() => setSetting(settingName, settingNS, !checked)}\n />\n <div className={b('settings-annotation', 'elements-secondary-text')}>\n <span dangerouslySetInnerHTML={{__html: annotation}} />\n {annotationHighlight && (\n <Fragment>\n <br />\n <span\n className={b('settings-annotation-highlight')}\n dangerouslySetInnerHTML={{\n __html: annotationHighlight,\n }}\n />\n </Fragment>\n )}\n </div>\n </div>\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n getSetting: makeGetSetting(state),\n };\n}\n\nexport default connect(mapStateToProps, {setSetting})(SettingsMenuItem);\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAGC,SAAS,EAAEC,QAAQ,QAAO,OAAO;AAChD,SAAQC,OAAO,QAAO,aAAa;AAEnC,OAAOC,KAAK,MAAM,aAAa;AAE/B,SAAQC,QAAQ,QAAO,mBAAmB;AAE1C,SAAQC,UAAU,QAAO,8BAA8B;AACvD,SAAQC,cAAc,QAAO,gCAAgC;AAE7D,OAAO,oBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE7B,IAAMC,CAAC,GAAGR,KAAK,CAAC,eAAe,CAAC;AAAC,IAE3BS,gBAAgB,0BAAAC,UAAA;EAAAC,SAAA,CAAAF,gBAAA,EAAAC,UAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,gBAAA;EAAA,SAAAA,iBAAA;IAAAK,eAAA,OAAAL,gBAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,YAAA,CAAAR,gBAAA;IAAAS,GAAA;IAAAC,KAAA,EAelB,SAAAC,OAAA,EAAS;MACL,IAAAC,WAAA,GASI,IAAI,CAACC,KAAK;QARVC,mBAAmB,GAAAF,WAAA,CAAnBE,mBAAmB;QACnBC,WAAW,GAAAH,WAAA,CAAXG,WAAW;QACXC,UAAU,GAAAJ,WAAA,CAAVI,UAAU;QACVvB,UAAU,GAAAmB,WAAA,CAAVnB,UAAU;QACVwB,UAAU,GAAAL,WAAA,CAAVK,UAAU;QACVC,SAAS,GAAAN,WAAA,CAATM,SAAS;QACTC,KAAK,GAAAP,WAAA,CAALO,KAAK;QACLC,OAAO,GAAAR,WAAA,CAAPQ,OAAO;MAEX,IAAMC,OAAO,GAAGJ,UAAU,CAACF,WAAW,EAAEG,SAAS,CAAC;MAElD,oBACIpB,KAAA;QACIwB,SAAS,EAAEvB,CAAC,CAAC,eAAe,EAAE;UAC1BwB,IAAI,EAAE,GAAG;UACTC,IAAI,EAAET,WAAW;UACjB,UAAU,EAAEK;QAChB,CAAC,CAAE;QACHK,KAAK,EAAEN,KAAM;QAAAO,QAAA,gBAEb9B,IAAA,CAACJ,QAAQ;UACLmC,OAAO,EAAER,KAAM;UACfE,OAAO,EAAEA,OAAQ;UACjBO,QAAQ,EAAE,SAAAA,SAAA;YAAA,OAAMnC,UAAU,CAACsB,WAAW,EAAEG,SAAS,EAAE,CAACG,OAAO,CAAC;UAAA;QAAC,CAChE,CAAC,eACFvB,KAAA;UAAKwB,SAAS,EAAEvB,CAAC,CAAC,qBAAqB,EAAE,yBAAyB,CAAE;UAAA2B,QAAA,gBAChE9B,IAAA;YAAMiC,uBAAuB,EAAE;cAACC,MAAM,EAAEd;YAAU;UAAE,CAAE,CAAC,EACtDF,mBAAmB,iBAChBhB,KAAA,CAACT,QAAQ;YAAAqC,QAAA,gBACL9B,IAAA,SAAK,CAAC,eACNA,IAAA;cACI0B,SAAS,EAAEvB,CAAC,CAAC,+BAA+B,CAAE;cAC9C8B,uBAAuB,EAAE;gBACrBC,MAAM,EAAEhB;cACZ;YAAE,CACL,CAAC;UAAA,CACI,CACb;QAAA,CACA,CAAC;MAAA,CACL,CAAC;IAEd;EAAC;EAAA,OAAAd,gBAAA;AAAA,EA1D0BZ,SAAS;AA6DxC,SAAS2C,eAAeA,CAACC,KAAK,EAAE;EAC5B,OAAO;IACHf,UAAU,EAAEvB,cAAc,CAACsC,KAAK;EACpC,CAAC;AACL;AAEA,eAAe1C,OAAO,CAACyC,eAAe,EAAE;EAACtC,UAAU,EAAVA;AAAU,CAAC,CAAC,CAACO,gBAAgB,CAAC"}
1
+ {"version":3,"names":["React","Component","Fragment","connect","block","Checkbox","Switch","setSetting","makeGetSetting","jsx","_jsx","jsxs","_jsxs","b","SettingsMenuItem","_Component","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","render","_this$props","props","annotationHighlight","settingName","annotation","getSetting","settingNS","label","oneLine","useSwitch","checked","className","size","name","title","children","onUpdate","content","dangerouslySetInnerHTML","__html","mapStateToProps","state"],"sources":["SettingsMenuItem.js"],"sourcesContent":["import React, {Component, Fragment} from 'react';\nimport {connect} from 'react-redux';\nimport PropTypes from 'prop-types';\nimport block from 'bem-cn-lite';\n\nimport {Checkbox, Switch} from '@gravity-ui/uikit';\n\nimport {setSetting} from '../../store/actions/settings';\nimport {makeGetSetting} from '../../store/selectors/settings';\n\nimport './SettingsMenu.scss';\n\nconst b = block('elements-page');\n\nclass SettingsMenuItem extends Component {\n static propTypes = {\n // from connect\n getSetting: PropTypes.func.isRequired,\n setSetting: PropTypes.func.isRequired,\n // from props\n settingName: PropTypes.string.isRequired,\n settingNS: PropTypes.object.isRequired,\n label: PropTypes.string,\n annotation: PropTypes.string,\n annotationHighlight: PropTypes.string,\n\n oneLine: PropTypes.bool,\n\n useSwitch: PropTypes.bool,\n };\n\n render() {\n const {\n annotationHighlight,\n settingName,\n annotation,\n setSetting,\n getSetting,\n settingNS,\n label,\n oneLine,\n useSwitch,\n } = this.props;\n const checked = getSetting(settingName, settingNS);\n\n return (\n <div\n className={b('settings-item', {\n size: 's',\n name: settingName,\n 'one-line': oneLine,\n })}\n title={label}\n >\n {useSwitch ? (\n <Switch\n checked={checked}\n onUpdate={(value) => setSetting(settingName, settingNS, value)}\n />\n ) : (\n <Checkbox\n content={label}\n checked={checked}\n onUpdate={(value) => setSetting(settingName, settingNS, value)}\n />\n )}\n <div className={b('settings-annotation', 'elements-secondary-text')}>\n <span dangerouslySetInnerHTML={{__html: annotation}} />\n {annotationHighlight && (\n <Fragment>\n <br />\n <span\n className={b('settings-annotation-highlight')}\n dangerouslySetInnerHTML={{\n __html: annotationHighlight,\n }}\n />\n </Fragment>\n )}\n </div>\n </div>\n );\n }\n}\n\nfunction mapStateToProps(state) {\n return {\n getSetting: makeGetSetting(state),\n };\n}\n\nexport default connect(mapStateToProps, {setSetting})(SettingsMenuItem);\n"],"mappings":"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"}
@@ -44,7 +44,7 @@
44
44
  "js": [
45
45
  "js/runtime.f4dc30b7.js",
46
46
  "js/vendors.75563cec.js",
47
- "js/main.f963eaee.js"
47
+ "js/main.4662be9b.js"
48
48
  ],
49
49
  "css": [
50
50
  "css/main.bccc3102.css"
@@ -88,15 +88,15 @@
88
88
  "js/955.e1c8cf19.chunk.js.map": "js/955.e1c8cf19.chunk.js.map",
89
89
  "js/979.0e3142c0.chunk.js": "js/979.0e3142c0.chunk.js",
90
90
  "js/979.0e3142c0.chunk.js.map": "js/979.0e3142c0.chunk.js.map",
91
- "js/main.f963eaee.js.LICENSE.txt": "js/main.f963eaee.js.LICENSE.txt",
92
- "js/main.f963eaee.js.map": "js/main.f963eaee.js.map",
91
+ "js/main.4662be9b.js.LICENSE.txt": "js/main.4662be9b.js.LICENSE.txt",
92
+ "js/main.4662be9b.js.map": "js/main.4662be9b.js.map",
93
93
  "js/runtime.f4dc30b7.js.map": "js/runtime.f4dc30b7.js.map",
94
94
  "js/vendors.75563cec.js.LICENSE.txt": "js/vendors.75563cec.js.LICENSE.txt",
95
95
  "js/vendors.75563cec.js.map": "js/vendors.75563cec.js.map",
96
96
  "js/vis-network.b367d390.chunk.js.LICENSE.txt": "js/vis-network.b367d390.chunk.js.LICENSE.txt",
97
97
  "js/vis-network.b367d390.chunk.js.map": "js/vis-network.b367d390.chunk.js.map",
98
98
  "main.css": "css/main.bccc3102.css",
99
- "main.js": "js/main.f963eaee.js",
99
+ "main.js": "js/main.4662be9b.js",
100
100
  "runtime.js": "js/runtime.f4dc30b7.js",
101
101
  "vendors.js": "js/vendors.75563cec.js",
102
102
  "vis-network.js": "js/vis-network.b367d390.chunk.js"