@iobroker/adapter-react-v5 2.1.7 → 2.1.11
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/404.js +17 -25
- package/Components/404.js.map +1 -1
- package/Components/ColorPicker.js +25 -35
- package/Components/ColorPicker.js.map +1 -1
- package/Components/ComplexCron.js +29 -37
- package/Components/ComplexCron.js.map +1 -1
- package/Components/FileBrowser.js +281 -276
- package/Components/FileBrowser.js.map +1 -1
- package/Components/FileViewer.js +230 -96
- package/Components/FileViewer.js.map +1 -1
- package/Components/Icon.js +15 -25
- package/Components/Icon.js.map +1 -1
- package/Components/IconPicker.js +6 -6
- package/Components/IconPicker.js.map +1 -1
- package/Components/IconSelector.js +25 -31
- package/Components/IconSelector.js.map +1 -1
- package/Components/Image.js +15 -25
- package/Components/Image.js.map +1 -1
- package/Components/Loader.js +14 -24
- package/Components/Loader.js.map +1 -1
- package/Components/Loaders/PT.js +13 -23
- package/Components/Loaders/PT.js.map +1 -1
- package/Components/Loaders/Vendor.js +14 -24
- package/Components/Loaders/Vendor.js.map +1 -1
- package/Components/Logo.js +15 -25
- package/Components/Logo.js.map +1 -1
- package/Components/MDUtils.js +14 -11
- package/Components/MDUtils.js.map +1 -1
- package/Components/ObjectBrowser.js +127 -210
- package/Components/ObjectBrowser.js.map +1 -1
- package/Components/Router.js +13 -21
- package/Components/Router.js.map +1 -1
- package/Components/SaveCloseButtons.js +15 -25
- package/Components/SaveCloseButtons.js.map +1 -1
- package/Components/Schedule.js +23 -37
- package/Components/Schedule.js.map +1 -1
- package/Components/SelectWithIcon.js +17 -25
- package/Components/SelectWithIcon.js.map +1 -1
- package/Components/SimpleCron/cronText.js +2 -2
- package/Components/SimpleCron/cronText.js.map +1 -1
- package/Components/SimpleCron/index.js +24 -34
- package/Components/SimpleCron/index.js.map +1 -1
- package/Components/TabContainer.js +18 -28
- package/Components/TabContainer.js.map +1 -1
- package/Components/TabContent.js +17 -27
- package/Components/TabContent.js.map +1 -1
- package/Components/TabHeader.js +13 -23
- package/Components/TabHeader.js.map +1 -1
- package/Components/TextWithIcon.js +5 -5
- package/Components/TextWithIcon.js.map +1 -1
- package/Components/ToggleThemeMenu.js +2 -2
- package/Components/ToggleThemeMenu.js.map +1 -1
- package/Components/TreeTable.js +21 -42
- package/Components/TreeTable.js.map +1 -1
- package/Components/Utils.js +56 -42
- package/Components/Utils.js.map +1 -1
- package/Components/withWidth.js +42 -0
- package/Components/withWidth.js.map +1 -0
- package/Connection.js +15 -22
- package/Connection.js.map +1 -1
- package/Dialogs/ComplexCron.js +15 -25
- package/Dialogs/ComplexCron.js.map +1 -1
- package/Dialogs/Confirm.js +15 -25
- package/Dialogs/Confirm.js.map +1 -1
- package/Dialogs/Cron.js +19 -27
- package/Dialogs/Cron.js.map +1 -1
- package/Dialogs/Error.js +15 -25
- package/Dialogs/Error.js.map +1 -1
- package/Dialogs/Message.js +15 -25
- package/Dialogs/Message.js.map +1 -1
- package/Dialogs/SelectID.js +19 -27
- package/Dialogs/SelectID.js.map +1 -1
- package/Dialogs/SimpleCron.js +15 -25
- package/Dialogs/SimpleCron.js.map +1 -1
- package/Dialogs/TextInput.js +18 -28
- package/Dialogs/TextInput.js.map +1 -1
- package/GenericApp.js +37 -49
- package/GenericApp.js.map +1 -1
- package/README.md +12 -1
- package/Theme.js +2 -2
- package/Theme.js.map +1 -1
- package/i18n.js +10 -14
- package/i18n.js.map +1 -1
- package/icons/IconAdapter.js +2 -2
- package/icons/IconAdapter.js.map +1 -1
- package/icons/IconAlias.js +2 -2
- package/icons/IconAlias.js.map +1 -1
- package/icons/IconChannel.js +2 -2
- package/icons/IconChannel.js.map +1 -1
- package/icons/IconClearFilter.js +2 -2
- package/icons/IconClearFilter.js.map +1 -1
- package/icons/IconClosed.js +2 -2
- package/icons/IconClosed.js.map +1 -1
- package/icons/IconCopy.js +2 -2
- package/icons/IconCopy.js.map +1 -1
- package/icons/IconDevice.js +2 -2
- package/icons/IconDevice.js.map +1 -1
- package/icons/IconDocument.js +2 -2
- package/icons/IconDocument.js.map +1 -1
- package/icons/IconExpert.js +2 -2
- package/icons/IconExpert.js.map +1 -1
- package/icons/IconFx.js +2 -2
- package/icons/IconFx.js.map +1 -1
- package/icons/IconInstance.js +2 -2
- package/icons/IconInstance.js.map +1 -1
- package/icons/IconLogout.js +2 -2
- package/icons/IconLogout.js.map +1 -1
- package/icons/IconOpen.js +2 -2
- package/icons/IconOpen.js.map +1 -1
- package/icons/IconState.js +6 -6
- package/icons/IconState.js.map +1 -1
- package/package.json +10 -10
package/Components/404.js
CHANGED
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
6
|
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
8
10
|
exports["default"] = void 0;
|
|
9
11
|
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
10
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
23
|
|
|
12
24
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
|
@@ -15,32 +27,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
15
27
|
|
|
16
28
|
var _i18n = _interopRequireDefault(require("../i18n"));
|
|
17
29
|
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
30
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
31
|
|
|
22
32
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
33
|
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
27
|
-
|
|
28
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
29
|
-
|
|
30
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
|
-
|
|
32
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
|
-
|
|
34
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
|
-
|
|
36
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
37
|
-
|
|
38
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
39
35
|
|
|
40
36
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
37
|
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
|
-
|
|
44
38
|
var styles = function styles(theme) {
|
|
45
39
|
return {
|
|
46
40
|
content: Object.assign({
|
|
@@ -108,17 +102,16 @@ var styles = function styles(theme) {
|
|
|
108
102
|
};
|
|
109
103
|
|
|
110
104
|
var Page404 = /*#__PURE__*/function (_Component) {
|
|
111
|
-
|
|
105
|
+
(0, _inherits2["default"])(Page404, _Component);
|
|
112
106
|
|
|
113
107
|
var _super = _createSuper(Page404);
|
|
114
108
|
|
|
115
109
|
function Page404() {
|
|
116
|
-
|
|
117
|
-
|
|
110
|
+
(0, _classCallCheck2["default"])(this, Page404);
|
|
118
111
|
return _super.apply(this, arguments);
|
|
119
112
|
}
|
|
120
113
|
|
|
121
|
-
|
|
114
|
+
(0, _createClass2["default"])(Page404, [{
|
|
122
115
|
key: "render",
|
|
123
116
|
value: function render() {
|
|
124
117
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
@@ -138,7 +131,6 @@ var Page404 = /*#__PURE__*/function (_Component) {
|
|
|
138
131
|
}, _i18n["default"].t('ra_Good luck'))))));
|
|
139
132
|
}
|
|
140
133
|
}]);
|
|
141
|
-
|
|
142
134
|
return Page404;
|
|
143
135
|
}(_react.Component);
|
|
144
136
|
|
package/Components/404.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"404.js","names":["styles","theme","content","Object","assign","background","position","top","bottom","left","right","root","boxSizing","height","width","backgroundColor","backgroundImage","fontFamily","fontSize","color","textShadow","overlay","pointerEvents","backgroundSize","zIndex","display","backgroundRepeat","animation","terminal","maxWidth","padding","textTransform","output","errorCode","Page404","props","classes","I18n","t","Component","propTypes","language","PropTypes","string","onNavigate","func","mobile","bool"],"sources":["404.js"],"sourcesContent":["import React, {Component} from 'react';\nimport withStyles from '@mui/styles/withStyles';\nimport PropTypes from 'prop-types';\n\n/*\nCopyright 2019 Robin Selmer\nhttps://codepen.io/robinselmer/pen/vJjbOZ\n*/\n\nimport I18n from '../i18n';\n\nconst styles = theme => ({\n content: Object.assign({background: 'black', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0}, theme.content),\n root: {\n boxSizing: 'border-box',\n height: '100%',\n width: '100%',\n backgroundColor: '#000000',\n backgroundImage: 'radial-gradient(#104254 , #05181c)',\n fontFamily: \"'Inconsolata', Helvetica, sans-serif\",\n fontSize: '1.5rem',\n color: 'rgba(128, 175, 255, 0.8)',\n textShadow:\n `0 0 1ex rgba(51, 70, 255, 1),\n 0 0 2px rgba(255, 255, 255, 0.8)`\n },\n overlay: {\n pointerEvents: 'none',\n width: '100%',\n height: '100%',\n background:\n `repeating-linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0,\n rgba(0, 0, 0, 0.3) 50%,\n rgba(0, 0, 0, 0) 100%)`,\n backgroundSize: 'auto 4px',\n zIndex: 99,\n '&::before': {\n content: '\"\"',\n pointerEvents: 'none',\n position: 'absolute',\n display: 'block',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n backgroundImage: `linear-gradient(\n 0deg,\n transparent 0%,\n rgba(32, 50, 128, 0.2) 2%,\n rgba(32, 50, 128, 0.8) 3%,\n rgba(32, 50, 128, 0.2) 3%,\n transparent 100%)`,\n backgroundRepeat: 'no-repeat',\n animation: 'scan 7.5s linear 0s infinite',\n }\n },\n\n terminal: {\n boxSizing: 'inherit',\n position: 'absolute',\n height: '100%',\n width: 'calc(100% - 8rem)',\n maxWidth: '100%',\n padding: '4rem',\n textTransform: 'uppercase',\n },\n output: {\n color: 'rgba(128, 175, 255, 0.8)',\n textShadow: `\n 0 0 1px rgba(51, 70, 255, 0.4),\n 0 0 2px rgba(255, 255, 255, 0.8)`,\n '&::before': {\n content: '\"> \"'\n }\n },\n errorCode: {\n color: 'white'\n }\n});\n\nclass Page404 extends Component {\n render() {\n return <div className={this.props.classes.content}>\n <div className={this.props.classes.root}>\n <div className={this.props.classes.overlay}>\n <div className={this.props.classes.terminal}>\n <h1>{I18n.t('ra_Error')}<span className={this.props.classes.errorCode}>404</span></h1>\n <p className={this.props.classes.output}>\n {I18n.t('ra_The page you are looking for was not found')}</p>\n <p className={this.props.classes.output}>{I18n.t('ra_Good luck')}</p>\n </div>\n </div>\n </div>\n </div>;\n }\n}\n\nPage404.propTypes = {\n language: PropTypes.string,\n onNavigate: PropTypes.func,\n theme: PropTypes.string,\n mobile: PropTypes.bool\n};\n\nexport default withStyles(styles)(Page404);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"404.js","names":["styles","theme","content","Object","assign","background","position","top","bottom","left","right","root","boxSizing","height","width","backgroundColor","backgroundImage","fontFamily","fontSize","color","textShadow","overlay","pointerEvents","backgroundSize","zIndex","display","backgroundRepeat","animation","terminal","maxWidth","padding","textTransform","output","errorCode","Page404","props","classes","I18n","t","Component","propTypes","language","PropTypes","string","onNavigate","func","mobile","bool","withStyles"],"sources":["404.js"],"sourcesContent":["import React, {Component} from 'react';\nimport withStyles from '@mui/styles/withStyles';\nimport PropTypes from 'prop-types';\n\n/*\nCopyright 2019 Robin Selmer\nhttps://codepen.io/robinselmer/pen/vJjbOZ\n*/\n\nimport I18n from '../i18n';\n\nconst styles = theme => ({\n content: Object.assign({background: 'black', position: 'absolute', top: 0, bottom: 0, left: 0, right: 0}, theme.content),\n root: {\n boxSizing: 'border-box',\n height: '100%',\n width: '100%',\n backgroundColor: '#000000',\n backgroundImage: 'radial-gradient(#104254 , #05181c)',\n fontFamily: \"'Inconsolata', Helvetica, sans-serif\",\n fontSize: '1.5rem',\n color: 'rgba(128, 175, 255, 0.8)',\n textShadow:\n `0 0 1ex rgba(51, 70, 255, 1),\n 0 0 2px rgba(255, 255, 255, 0.8)`\n },\n overlay: {\n pointerEvents: 'none',\n width: '100%',\n height: '100%',\n background:\n `repeating-linear-gradient(\n 180deg,\n rgba(0, 0, 0, 0) 0,\n rgba(0, 0, 0, 0.3) 50%,\n rgba(0, 0, 0, 0) 100%)`,\n backgroundSize: 'auto 4px',\n zIndex: 99,\n '&::before': {\n content: '\"\"',\n pointerEvents: 'none',\n position: 'absolute',\n display: 'block',\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n width: '100%',\n height: '100%',\n backgroundImage: `linear-gradient(\n 0deg,\n transparent 0%,\n rgba(32, 50, 128, 0.2) 2%,\n rgba(32, 50, 128, 0.8) 3%,\n rgba(32, 50, 128, 0.2) 3%,\n transparent 100%)`,\n backgroundRepeat: 'no-repeat',\n animation: 'scan 7.5s linear 0s infinite',\n }\n },\n\n terminal: {\n boxSizing: 'inherit',\n position: 'absolute',\n height: '100%',\n width: 'calc(100% - 8rem)',\n maxWidth: '100%',\n padding: '4rem',\n textTransform: 'uppercase',\n },\n output: {\n color: 'rgba(128, 175, 255, 0.8)',\n textShadow: `\n 0 0 1px rgba(51, 70, 255, 0.4),\n 0 0 2px rgba(255, 255, 255, 0.8)`,\n '&::before': {\n content: '\"> \"'\n }\n },\n errorCode: {\n color: 'white'\n }\n});\n\nclass Page404 extends Component {\n render() {\n return <div className={this.props.classes.content}>\n <div className={this.props.classes.root}>\n <div className={this.props.classes.overlay}>\n <div className={this.props.classes.terminal}>\n <h1>{I18n.t('ra_Error')}<span className={this.props.classes.errorCode}>404</span></h1>\n <p className={this.props.classes.output}>\n {I18n.t('ra_The page you are looking for was not found')}</p>\n <p className={this.props.classes.output}>{I18n.t('ra_Good luck')}</p>\n </div>\n </div>\n </div>\n </div>;\n }\n}\n\nPage404.propTypes = {\n language: PropTypes.string,\n onNavigate: PropTypes.func,\n theme: PropTypes.string,\n mobile: PropTypes.bool\n};\n\nexport default withStyles(styles)(Page404);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAOA;;;;;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,OAAO,EAAEC,MAAM,CAACC,MAAP,CAAc;MAACC,UAAU,EAAE,OAAb;MAAsBC,QAAQ,EAAE,UAAhC;MAA4CC,GAAG,EAAE,CAAjD;MAAoDC,MAAM,EAAE,CAA5D;MAA+DC,IAAI,EAAE,CAArE;MAAwEC,KAAK,EAAE;IAA/E,CAAd,EAAiGT,KAAK,CAACC,OAAvG,CADY;IAErBS,IAAI,EAAE;MACFC,SAAS,EAAE,YADT;MAEFC,MAAM,EAAE,MAFN;MAGFC,KAAK,EAAE,MAHL;MAIFC,eAAe,EAAE,SAJf;MAKFC,eAAe,EAAE,oCALf;MAMFC,UAAU,EAAE,sCANV;MAOFC,QAAQ,EAAE,QAPR;MAQFC,KAAK,EAAE,0BARL;MASFC,UAAU;IATR,CAFe;IAerBC,OAAO,EAAE;MACLC,aAAa,EAAE,MADV;MAELR,KAAK,EAAE,MAFF;MAGLD,MAAM,EAAE,MAHH;MAILR,UAAU,iKAJL;MAULkB,cAAc,EAAE,UAVX;MAWLC,MAAM,EAAE,EAXH;MAYL,aAAa;QACTtB,OAAO,EAAE,IADA;QAEToB,aAAa,EAAE,MAFN;QAGThB,QAAQ,EAAE,UAHD;QAITmB,OAAO,EAAE,OAJA;QAKTlB,GAAG,EAAE,CALI;QAMTE,IAAI,EAAE,CANG;QAOTC,KAAK,EAAE,CAPE;QAQTF,MAAM,EAAE,CARC;QASTM,KAAK,EAAE,MATE;QAUTD,MAAM,EAAE,MAVC;QAWTG,eAAe,mPAXN;QAkBTU,gBAAgB,EAAE,WAlBT;QAmBTC,SAAS,EAAE;MAnBF;IAZR,CAfY;IAkDrBC,QAAQ,EAAE;MACNhB,SAAS,EAAE,SADL;MAENN,QAAQ,EAAE,UAFJ;MAGNO,MAAM,EAAE,MAHF;MAINC,KAAK,EAAE,mBAJD;MAKNe,QAAQ,EAAE,MALJ;MAMNC,OAAO,EAAE,MANH;MAONC,aAAa,EAAE;IAPT,CAlDW;IA2DrBC,MAAM,EAAE;MACJb,KAAK,EAAE,0BADH;MAEJC,UAAU,2FAFN;MAKJ,aAAa;QACTlB,OAAO,EAAE;MADA;IALT,CA3Da;IAoErB+B,SAAS,EAAE;MACPd,KAAK,EAAE;IADA;EApEU,CAAL;AAAA,CAApB;;IAyEMe,O;;;;;;;;;;;;WACF,kBAAS;MACL,oBAAO;QAAK,SAAS,EAAE,KAAKC,KAAL,CAAWC,OAAX,CAAmBlC;MAAnC,gBACH;QAAK,SAAS,EAAE,KAAKiC,KAAL,CAAWC,OAAX,CAAmBzB;MAAnC,gBACI;QAAK,SAAS,EAAE,KAAKwB,KAAL,CAAWC,OAAX,CAAmBf;MAAnC,gBACI;QAAK,SAAS,EAAE,KAAKc,KAAL,CAAWC,OAAX,CAAmBR;MAAnC,gBACI,4CAAKS,gBAAA,CAAKC,CAAL,CAAO,UAAP,CAAL,eAAwB;QAAM,SAAS,EAAE,KAAKH,KAAL,CAAWC,OAAX,CAAmBH;MAApC,SAAxB,CADJ,eAEI;QAAG,SAAS,EAAE,KAAKE,KAAL,CAAWC,OAAX,CAAmBJ;MAAjC,GACKK,gBAAA,CAAKC,CAAL,CAAO,+CAAP,CADL,CAFJ,eAII;QAAG,SAAS,EAAE,KAAKH,KAAL,CAAWC,OAAX,CAAmBJ;MAAjC,GAA0CK,gBAAA,CAAKC,CAAL,CAAO,cAAP,CAA1C,CAJJ,CADJ,CADJ,CADG,CAAP;IAYH;;;EAdiBC,gB;;AAiBtBL,OAAO,CAACM,SAAR,GAAoB;EAChBC,QAAQ,EAAEC,qBAAA,CAAUC,MADJ;EAEhBC,UAAU,EAAEF,qBAAA,CAAUG,IAFN;EAGhB5C,KAAK,EAAEyC,qBAAA,CAAUC,MAHD;EAIhBG,MAAM,EAAEJ,qBAAA,CAAUK;AAJF,CAApB;;eAOe,IAAAC,sBAAA,EAAWhD,MAAX,EAAmBkC,OAAnB,C"}
|
|
@@ -1,50 +1,46 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
7
9
|
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
var _reactColor = require("react-color");
|
|
10
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
21
|
|
|
22
|
-
|
|
22
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
23
|
|
|
24
|
-
|
|
24
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
var _react = _interopRequireDefault(require("react"));
|
|
27
27
|
|
|
28
|
-
|
|
28
|
+
var _reactColor = require("react-color");
|
|
29
29
|
|
|
30
|
-
|
|
30
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
31
|
|
|
32
|
-
|
|
32
|
+
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
|
33
33
|
|
|
34
|
-
|
|
34
|
+
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
35
35
|
|
|
36
|
-
|
|
36
|
+
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
37
37
|
|
|
38
|
-
|
|
38
|
+
var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
|
|
39
39
|
|
|
40
|
-
function
|
|
40
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
41
|
|
|
42
42
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
43
|
|
|
44
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
45
|
-
|
|
46
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
47
|
-
|
|
48
44
|
var styles = function styles(theme) {
|
|
49
45
|
return {
|
|
50
46
|
color: {
|
|
@@ -111,7 +107,7 @@ var styles = function styles(theme) {
|
|
|
111
107
|
|
|
112
108
|
|
|
113
109
|
var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
114
|
-
|
|
110
|
+
(0, _inherits2["default"])(ColorPicker, _React$Component);
|
|
115
111
|
|
|
116
112
|
var _super = _createSuper(ColorPicker);
|
|
117
113
|
|
|
@@ -121,30 +117,25 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
121
117
|
function ColorPicker(props) {
|
|
122
118
|
var _this;
|
|
123
119
|
|
|
124
|
-
|
|
125
|
-
|
|
120
|
+
(0, _classCallCheck2["default"])(this, ColorPicker);
|
|
126
121
|
_this = _super.call(this, props);
|
|
127
|
-
|
|
128
|
-
_defineProperty(_assertThisInitialized(_this), "handleClick", function () {
|
|
122
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function () {
|
|
129
123
|
_this.setState({
|
|
130
124
|
displayColorPicker: !_this.state.displayColorPicker
|
|
131
125
|
});
|
|
132
126
|
});
|
|
133
|
-
|
|
134
|
-
_defineProperty(_assertThisInitialized(_this), "handleClose", function () {
|
|
127
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClose", function () {
|
|
135
128
|
_this.setState({
|
|
136
129
|
displayColorPicker: false
|
|
137
130
|
});
|
|
138
131
|
});
|
|
139
|
-
|
|
140
|
-
_defineProperty(_assertThisInitialized(_this), "handleChange", function (color) {
|
|
132
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (color) {
|
|
141
133
|
_this.setState({
|
|
142
134
|
color: color
|
|
143
135
|
});
|
|
144
136
|
|
|
145
137
|
_this.props.onChange && _this.props.onChange(ColorPicker.getColor(color));
|
|
146
138
|
});
|
|
147
|
-
|
|
148
139
|
_this.state = {
|
|
149
140
|
displayColorPicker: false,
|
|
150
141
|
color: _this.props.value || _this.props.color
|
|
@@ -158,7 +149,7 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
158
149
|
*/
|
|
159
150
|
|
|
160
151
|
|
|
161
|
-
|
|
152
|
+
(0, _createClass2["default"])(ColorPicker, [{
|
|
162
153
|
key: "render",
|
|
163
154
|
value: function render() {
|
|
164
155
|
var _this2 = this;
|
|
@@ -260,7 +251,7 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
260
251
|
* @returns {string} the hex or rgba representation of the given color.
|
|
261
252
|
*/
|
|
262
253
|
function getColor(color, isHex) {
|
|
263
|
-
if (color &&
|
|
254
|
+
if (color && (0, _typeof2["default"])(color) === 'object') {
|
|
264
255
|
if (color.rgb) {
|
|
265
256
|
if (isHex) {
|
|
266
257
|
return '#' + color.rgb.r.toString(16).padStart(2, '0') + color.rgb.g.toString(16).padStart(2, '0') + color.rgb.b.toString(16).padStart(2, '0');
|
|
@@ -295,7 +286,6 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
295
286
|
*/
|
|
296
287
|
|
|
297
288
|
}]);
|
|
298
|
-
|
|
299
289
|
return ColorPicker;
|
|
300
290
|
}(_react["default"].Component);
|
|
301
291
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorPicker.js","names":["styles","theme","color","width","height","borderRadius","delButton","marginTop","swatch","padding","background","boxShadow","display","cursor","verticalAlign","swatchDisabled","opacity","popover","position","zIndex","cover","top","right","bottom","left","textDense","marginBottom","ColorPicker","props","setState","displayColorPicker","state","onChange","getColor","value","style","openAbove","Object","assign","className","disabled","marginRight","name","root","classes","e","handleChange","target","handleClick","handleClose","pColor","sColor","isHex","rgb","r","toString","padStart","g","b","a","rgb2hex","m","match","length","parseInt","React","Component","propTypes","PropTypes","bool","string","func","isRequired","object","_export"],"sources":["ColorPicker.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * Licensed under the Creative Commons Attribution-NonCommercial License, Version 4.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://creativecommons.org/licenses/by-nc/4.0/legalcode.txt\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\nimport React from 'react';\nimport {ChromePicker} from 'react-color';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport TextField from '@mui/material/TextField';\nimport IconButton from '@mui/material/IconButton';\nimport IconDelete from '@mui/icons-material/Delete';\n\nconst styles = theme => ({\n color: {\n width: 36,\n height: 14,\n borderRadius: 2,\n },\n delButton: {\n //width: 32,\n //height: 32,\n marginTop: 16,\n },\n swatch: {\n marginTop: 16,\n padding: 5,\n background: '#fff',\n borderRadius: 1,\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n display: 'inline-block',\n cursor: 'pointer',\n verticalAlign: 'middle',\n },\n swatchDisabled: {\n opacity: 0.5,\n cursor: 'default'\n },\n popover: {\n position: 'absolute',\n zIndex: 2,\n },\n cover: {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n },\n textDense: {\n marginTop: 0,\n marginBottom: 0,\n }\n});\n\n/**\n * @typedef {object} Rgb\n * @property {number} r The red component of the color (0-255).\n * @property {number} g The green component of the color (0-255).\n * @property {number} b The blue component of the color (0-255).\n * @property {number} a The alpha component of the color (0-255).\n *\n * @typedef {string | Rgb | { rgb: Rgb }} Color Definition of a color.\n *\n * @typedef {object} ColorPickerProps\n * @property {boolean} [disabled] Set to true to disable the color picker.\n * @property {Color} [value] The currently selected color.\n * @property {(rgba: string) => void} [onChange] The color change callback.\n * @property {string} [name] The name.\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n * @property {boolean} [openAbove] Open the color picker above the field?\n *\n * @extends {React.Component<ColorPickerProps>}\n */\nclass ColorPicker extends React.Component {\n /**\n * @param {Readonly<ColorPickerProps>} props\n */\n constructor(props) {\n super(props);\n this.state = {\n displayColorPicker: false,\n color: this.props.value || this.props.color,\n };\n }\n\n /**\n * Get the state derived from the given properties and state.\n * @param {{ color: Color; }} props\n * @param {{ color: Color; }} state\n */\n static getDerivedStateFromProps(props, state) {\n const pColor = ColorPicker.getColor(props.value || props.color);\n const sColor = ColorPicker.getColor(state.color);\n if (pColor !== sColor) {\n return {color: props.value || props.color}\n } else {\n return null;\n }\n }\n\n /**\n * @private\n */\n handleClick = () => {\n this.setState({displayColorPicker: !this.state.displayColorPicker});\n };\n\n /**\n * @private\n */\n handleClose = () => {\n this.setState({displayColorPicker: false});\n };\n\n /**\n * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.\n * @param {Color} [color]\n * @param {boolean} [isHex] The returning string should be in hex format\n * @returns {string} the hex or rgba representation of the given color.\n */\n static getColor(color, isHex) {\n if (color && typeof color === 'object') {\n if (color.rgb) {\n if (isHex) {\n return '#' + color.rgb.r.toString(16).padStart(2, '0') + color.rgb.g.toString(16).padStart(2, '0') + color.rgb.b.toString(16).padStart(2, '0');\n } else {\n return 'rgba(' + color.rgb.r + ',' + color.rgb.g + ',' + color.rgb.b + ',' + color.rgb.a + ')';\n }\n } else {\n if (isHex) {\n return '#' + color.r.toString(16).padStart(2, '0') + color.g.toString(16).padStart(2, '0') + color.b.toString(16).padStart(2, '0');\n } else {\n return 'rgba(' + color.r + ',' + color.g + ',' + color.b + ',' + color.a + ')';\n }\n }\n } else {\n return isHex ? ColorPicker.rgb2hex(color || '') : color || '';\n }\n }\n\n /**\n * Convert rgb() or rgba() format to hex format #rrggbb.\n * @param {string} rgb\n * @returns {string}\n */\n static rgb2hex(rgb){\n const m = rgb.match(/^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i);\n\n return m && m.length === 4 ? '#' +\n parseInt(m[1],10).toString(16).padStart(2, '0') +\n parseInt(m[2],10).toString(16).padStart(2, '0') +\n parseInt(m[3],10).toString(16).padStart(2, '0') : rgb;\n }\n\n /**\n * @private\n */\n handleChange = color => {\n this.setState({color});\n this.props.onChange && this.props.onChange(ColorPicker.getColor(color));\n };\n\n render() {\n const color = ColorPicker.getColor(this.state.color);\n let style = {};\n\n if (this.state.displayColorPicker && this.props.openAbove) {\n style = {\n top: -241,\n };\n }\n\n return <div\n style={Object.assign({}, this.props.style || {}, {position: 'relative'})}\n className={ this.props.className || ''}\n >\n <TextField\n disabled={this.props.disabled}\n variant=\"standard\"\n id=\"name\"\n style={color ? {width: 'calc(100% - 80px)'} : {width: 'calc(100% - 54px)', marginRight: 8}}\n label={this.props.name || 'color'}\n value={color}\n margin=\"dense\"\n classes={{root: this.props.classes.textDense}}\n onChange={e => this.handleChange(e.target.value)}\n />\n {color ? <IconButton\n disabled={this.props.disabled}\n onClick={() => this.handleChange('')}\n size=\"small\"\n className={this.props.classes.delButton}\n style={color ? {} : {opacity: 0, cursor: 'default'}}\n ><IconDelete/></IconButton> : null}\n <div className={`${this.props.classes.swatch}${this.props.disabled ? ' ' + this.props.classes.swatchDisabled : ''}`} onClick={() => !this.props.disabled && this.handleClick()}>\n <div className={this.props.classes.color} style={{background: color}} />\n </div>\n { this.state.displayColorPicker && !this.props.disabled ? <div className={this.props.classes.popover} style={style}>\n <div className={this.props.classes.cover} onClick={() => this.handleClose()}/>\n <ChromePicker color={ this.state.color } onChangeComplete={color => this.handleChange(color)} />\n </div> : null }\n </div>;\n }\n}\n\nColorPicker.propTypes = {\n disabled: PropTypes.bool,\n value: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n name: PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n openAbove: PropTypes.bool,\n};\n\n/** @type {typeof ColorPicker} */\nconst _export = withStyles(styles)(ColorPicker);\nexport default _export;"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ColorPicker.js","names":["styles","theme","color","width","height","borderRadius","delButton","marginTop","swatch","padding","background","boxShadow","display","cursor","verticalAlign","swatchDisabled","opacity","popover","position","zIndex","cover","top","right","bottom","left","textDense","marginBottom","ColorPicker","props","setState","displayColorPicker","state","onChange","getColor","value","style","openAbove","Object","assign","className","disabled","marginRight","name","root","classes","e","handleChange","target","handleClick","handleClose","pColor","sColor","isHex","rgb","r","toString","padStart","g","b","a","rgb2hex","m","match","length","parseInt","React","Component","propTypes","PropTypes","bool","string","func","isRequired","object","_export","withStyles"],"sources":["ColorPicker.js"],"sourcesContent":["/**\n * Copyright 2018-2022 bluefox <dogafox@gmail.com>\n *\n * Licensed under the Creative Commons Attribution-NonCommercial License, Version 4.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://creativecommons.org/licenses/by-nc/4.0/legalcode.txt\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n **/\nimport React from 'react';\nimport {ChromePicker} from 'react-color';\nimport PropTypes from 'prop-types';\nimport withStyles from '@mui/styles/withStyles';\n\nimport TextField from '@mui/material/TextField';\nimport IconButton from '@mui/material/IconButton';\nimport IconDelete from '@mui/icons-material/Delete';\n\nconst styles = theme => ({\n color: {\n width: 36,\n height: 14,\n borderRadius: 2,\n },\n delButton: {\n //width: 32,\n //height: 32,\n marginTop: 16,\n },\n swatch: {\n marginTop: 16,\n padding: 5,\n background: '#fff',\n borderRadius: 1,\n boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n display: 'inline-block',\n cursor: 'pointer',\n verticalAlign: 'middle',\n },\n swatchDisabled: {\n opacity: 0.5,\n cursor: 'default'\n },\n popover: {\n position: 'absolute',\n zIndex: 2,\n },\n cover: {\n position: 'fixed',\n top: 0,\n right: 0,\n bottom: 0,\n left: 0,\n },\n textDense: {\n marginTop: 0,\n marginBottom: 0,\n }\n});\n\n/**\n * @typedef {object} Rgb\n * @property {number} r The red component of the color (0-255).\n * @property {number} g The green component of the color (0-255).\n * @property {number} b The blue component of the color (0-255).\n * @property {number} a The alpha component of the color (0-255).\n *\n * @typedef {string | Rgb | { rgb: Rgb }} Color Definition of a color.\n *\n * @typedef {object} ColorPickerProps\n * @property {boolean} [disabled] Set to true to disable the color picker.\n * @property {Color} [value] The currently selected color.\n * @property {(rgba: string) => void} [onChange] The color change callback.\n * @property {string} [name] The name.\n * @property {React.CSSProperties} [style] Additional styling for this component.\n * @property {string} [className] The CSS class name.\n * @property {boolean} [openAbove] Open the color picker above the field?\n *\n * @extends {React.Component<ColorPickerProps>}\n */\nclass ColorPicker extends React.Component {\n /**\n * @param {Readonly<ColorPickerProps>} props\n */\n constructor(props) {\n super(props);\n this.state = {\n displayColorPicker: false,\n color: this.props.value || this.props.color,\n };\n }\n\n /**\n * Get the state derived from the given properties and state.\n * @param {{ color: Color; }} props\n * @param {{ color: Color; }} state\n */\n static getDerivedStateFromProps(props, state) {\n const pColor = ColorPicker.getColor(props.value || props.color);\n const sColor = ColorPicker.getColor(state.color);\n if (pColor !== sColor) {\n return {color: props.value || props.color}\n } else {\n return null;\n }\n }\n\n /**\n * @private\n */\n handleClick = () => {\n this.setState({displayColorPicker: !this.state.displayColorPicker});\n };\n\n /**\n * @private\n */\n handleClose = () => {\n this.setState({displayColorPicker: false});\n };\n\n /**\n * Convert the given color to hex ('#rrggbb') or rgba ('rgba(r,g,b,a)') format.\n * @param {Color} [color]\n * @param {boolean} [isHex] The returning string should be in hex format\n * @returns {string} the hex or rgba representation of the given color.\n */\n static getColor(color, isHex) {\n if (color && typeof color === 'object') {\n if (color.rgb) {\n if (isHex) {\n return '#' + color.rgb.r.toString(16).padStart(2, '0') + color.rgb.g.toString(16).padStart(2, '0') + color.rgb.b.toString(16).padStart(2, '0');\n } else {\n return 'rgba(' + color.rgb.r + ',' + color.rgb.g + ',' + color.rgb.b + ',' + color.rgb.a + ')';\n }\n } else {\n if (isHex) {\n return '#' + color.r.toString(16).padStart(2, '0') + color.g.toString(16).padStart(2, '0') + color.b.toString(16).padStart(2, '0');\n } else {\n return 'rgba(' + color.r + ',' + color.g + ',' + color.b + ',' + color.a + ')';\n }\n }\n } else {\n return isHex ? ColorPicker.rgb2hex(color || '') : color || '';\n }\n }\n\n /**\n * Convert rgb() or rgba() format to hex format #rrggbb.\n * @param {string} rgb\n * @returns {string}\n */\n static rgb2hex(rgb){\n const m = rgb.match(/^rgba?[\\s+]?\\([\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?,[\\s+]?(\\d+)[\\s+]?/i);\n\n return m && m.length === 4 ? '#' +\n parseInt(m[1],10).toString(16).padStart(2, '0') +\n parseInt(m[2],10).toString(16).padStart(2, '0') +\n parseInt(m[3],10).toString(16).padStart(2, '0') : rgb;\n }\n\n /**\n * @private\n */\n handleChange = color => {\n this.setState({color});\n this.props.onChange && this.props.onChange(ColorPicker.getColor(color));\n };\n\n render() {\n const color = ColorPicker.getColor(this.state.color);\n let style = {};\n\n if (this.state.displayColorPicker && this.props.openAbove) {\n style = {\n top: -241,\n };\n }\n\n return <div\n style={Object.assign({}, this.props.style || {}, {position: 'relative'})}\n className={ this.props.className || ''}\n >\n <TextField\n disabled={this.props.disabled}\n variant=\"standard\"\n id=\"name\"\n style={color ? {width: 'calc(100% - 80px)'} : {width: 'calc(100% - 54px)', marginRight: 8}}\n label={this.props.name || 'color'}\n value={color}\n margin=\"dense\"\n classes={{root: this.props.classes.textDense}}\n onChange={e => this.handleChange(e.target.value)}\n />\n {color ? <IconButton\n disabled={this.props.disabled}\n onClick={() => this.handleChange('')}\n size=\"small\"\n className={this.props.classes.delButton}\n style={color ? {} : {opacity: 0, cursor: 'default'}}\n ><IconDelete/></IconButton> : null}\n <div className={`${this.props.classes.swatch}${this.props.disabled ? ' ' + this.props.classes.swatchDisabled : ''}`} onClick={() => !this.props.disabled && this.handleClick()}>\n <div className={this.props.classes.color} style={{background: color}} />\n </div>\n { this.state.displayColorPicker && !this.props.disabled ? <div className={this.props.classes.popover} style={style}>\n <div className={this.props.classes.cover} onClick={() => this.handleClose()}/>\n <ChromePicker color={ this.state.color } onChangeComplete={color => this.handleChange(color)} />\n </div> : null }\n </div>;\n }\n}\n\nColorPicker.propTypes = {\n disabled: PropTypes.bool,\n value: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n name: PropTypes.string,\n style: PropTypes.object,\n className: PropTypes.string,\n openAbove: PropTypes.bool,\n};\n\n/** @type {typeof ColorPicker} */\nconst _export = withStyles(styles)(ColorPicker);\nexport default _export;"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAeA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;EAAA,OAAK;IACrBC,KAAK,EAAE;MACHC,KAAK,EAAE,EADJ;MAEHC,MAAM,EAAE,EAFL;MAGHC,YAAY,EAAE;IAHX,CADc;IAMrBC,SAAS,EAAE;MACP;MACA;MACAC,SAAS,EAAE;IAHJ,CANU;IAWrBC,MAAM,EAAE;MACJD,SAAS,EAAE,EADP;MAEJE,OAAO,EAAE,CAFL;MAGJC,UAAU,EAAE,MAHR;MAIJL,YAAY,EAAE,CAJV;MAKJM,SAAS,EAAE,0BALP;MAMJC,OAAO,EAAE,cANL;MAOJC,MAAM,EAAE,SAPJ;MAQJC,aAAa,EAAE;IARX,CAXa;IAqBrBC,cAAc,EAAE;MACZC,OAAO,EAAE,GADG;MAEZH,MAAM,EAAE;IAFI,CArBK;IAyBrBI,OAAO,EAAE;MACLC,QAAQ,EAAE,UADL;MAELC,MAAM,EAAE;IAFH,CAzBY;IA6BrBC,KAAK,EAAE;MACHF,QAAQ,EAAE,OADP;MAEHG,GAAG,EAAE,CAFF;MAGHC,KAAK,EAAE,CAHJ;MAIHC,MAAM,EAAE,CAJL;MAKHC,IAAI,EAAE;IALH,CA7Bc;IAoCrBC,SAAS,EAAE;MACPlB,SAAS,EAAE,CADJ;MAEPmB,YAAY,EAAE;IAFP;EApCU,CAAL;AAAA,CAApB;AA0CA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;IACMC,W;;;;;EACF;AACJ;AACA;EACI,qBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACf,0BAAMA,KAAN;IADe,gGA0BL,YAAM;MAChB,MAAKC,QAAL,CAAc;QAACC,kBAAkB,EAAE,CAAC,MAAKC,KAAL,CAAWD;MAAjC,CAAd;IACH,CA5BkB;IAAA,gGAiCL,YAAM;MAChB,MAAKD,QAAL,CAAc;QAACC,kBAAkB,EAAE;MAArB,CAAd;IACH,CAnCkB;IAAA,iGAgFJ,UAAA5B,KAAK,EAAI;MACpB,MAAK2B,QAAL,CAAc;QAAC3B,KAAK,EAALA;MAAD,CAAd;;MACA,MAAK0B,KAAL,CAAWI,QAAX,IAAuB,MAAKJ,KAAL,CAAWI,QAAX,CAAoBL,WAAW,CAACM,QAAZ,CAAqB/B,KAArB,CAApB,CAAvB;IACH,CAnFkB;IAEf,MAAK6B,KAAL,GAAa;MACTD,kBAAkB,EAAE,KADX;MAET5B,KAAK,EAAE,MAAK0B,KAAL,CAAWM,KAAX,IAAoB,MAAKN,KAAL,CAAW1B;IAF7B,CAAb;IAFe;EAMlB;EAED;AACJ;AACA;AACA;AACA;;;;;WAyEI,kBAAS;MAAA;;MACL,IAAMA,KAAK,GAAGyB,WAAW,CAACM,QAAZ,CAAqB,KAAKF,KAAL,CAAW7B,KAAhC,CAAd;MACA,IAAIiC,KAAK,GAAG,EAAZ;;MAEA,IAAI,KAAKJ,KAAL,CAAWD,kBAAX,IAAiC,KAAKF,KAAL,CAAWQ,SAAhD,EAA2D;QACvDD,KAAK,GAAG;UACJd,GAAG,EAAE,CAAC;QADF,CAAR;MAGH;;MAED,oBAAO;QACH,KAAK,EAAEgB,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkB,KAAKV,KAAL,CAAWO,KAAX,IAAoB,EAAtC,EAA0C;UAACjB,QAAQ,EAAE;QAAX,CAA1C,CADJ;QAEH,SAAS,EAAG,KAAKU,KAAL,CAAWW,SAAX,IAAwB;MAFjC,gBAIH,gCAAC,qBAAD;QACI,QAAQ,EAAE,KAAKX,KAAL,CAAWY,QADzB;QAEI,OAAO,EAAC,UAFZ;QAGI,EAAE,EAAC,MAHP;QAII,KAAK,EAAEtC,KAAK,GAAG;UAACC,KAAK,EAAE;QAAR,CAAH,GAAkC;UAACA,KAAK,EAAE,mBAAR;UAA6BsC,WAAW,EAAE;QAA1C,CAJlD;QAKI,KAAK,EAAE,KAAKb,KAAL,CAAWc,IAAX,IAAmB,OAL9B;QAMI,KAAK,EAAExC,KANX;QAOI,MAAM,EAAC,OAPX;QAQI,OAAO,EAAE;UAACyC,IAAI,EAAE,KAAKf,KAAL,CAAWgB,OAAX,CAAmBnB;QAA1B,CARb;QASI,QAAQ,EAAE,kBAAAoB,CAAC;UAAA,OAAI,MAAI,CAACC,YAAL,CAAkBD,CAAC,CAACE,MAAF,CAASb,KAA3B,CAAJ;QAAA;MATf,EAJG,EAeFhC,KAAK,gBAAG,gCAAC,sBAAD;QACL,QAAQ,EAAE,KAAK0B,KAAL,CAAWY,QADhB;QAEL,OAAO,EAAE;UAAA,OAAM,MAAI,CAACM,YAAL,CAAkB,EAAlB,CAAN;QAAA,CAFJ;QAGL,IAAI,EAAC,OAHA;QAIL,SAAS,EAAE,KAAKlB,KAAL,CAAWgB,OAAX,CAAmBtC,SAJzB;QAKL,KAAK,EAAEJ,KAAK,GAAG,EAAH,GAAQ;UAACc,OAAO,EAAE,CAAV;UAAaH,MAAM,EAAE;QAArB;MALf,gBAMR,gCAAC,kBAAD,OANQ,CAAH,GAMwB,IArB3B,eAsBH;QAAK,SAAS,YAAK,KAAKe,KAAL,CAAWgB,OAAX,CAAmBpC,MAAxB,SAAiC,KAAKoB,KAAL,CAAWY,QAAX,GAAsB,MAAM,KAAKZ,KAAL,CAAWgB,OAAX,CAAmB7B,cAA/C,GAAgE,EAAjG,CAAd;QAAqH,OAAO,EAAE;UAAA,OAAM,CAAC,MAAI,CAACa,KAAL,CAAWY,QAAZ,IAAwB,MAAI,CAACQ,WAAL,EAA9B;QAAA;MAA9H,gBACI;QAAK,SAAS,EAAE,KAAKpB,KAAL,CAAWgB,OAAX,CAAmB1C,KAAnC;QAA0C,KAAK,EAAE;UAACQ,UAAU,EAAER;QAAb;MAAjD,EADJ,CAtBG,EAyBD,KAAK6B,KAAL,CAAWD,kBAAX,IAAiC,CAAC,KAAKF,KAAL,CAAWY,QAA7C,gBAAwD;QAAK,SAAS,EAAE,KAAKZ,KAAL,CAAWgB,OAAX,CAAmB3B,OAAnC;QAA4C,KAAK,EAAEkB;MAAnD,gBACtD;QAAK,SAAS,EAAE,KAAKP,KAAL,CAAWgB,OAAX,CAAmBxB,KAAnC;QAA0C,OAAO,EAAE;UAAA,OAAM,MAAI,CAAC6B,WAAL,EAAN;QAAA;MAAnD,EADsD,eAEtD,gCAAC,wBAAD;QAAc,KAAK,EAAG,KAAKlB,KAAL,CAAW7B,KAAjC;QAAyC,gBAAgB,EAAE,0BAAAA,KAAK;UAAA,OAAI,MAAI,CAAC4C,YAAL,CAAkB5C,KAAlB,CAAJ;QAAA;MAAhE,EAFsD,CAAxD,GAGO,IA5BN,CAAP;IA8BH;;;WAhHD,kCAAgC0B,KAAhC,EAAuCG,KAAvC,EAA8C;MAC1C,IAAMmB,MAAM,GAAGvB,WAAW,CAACM,QAAZ,CAAqBL,KAAK,CAACM,KAAN,IAAeN,KAAK,CAAC1B,KAA1C,CAAf;MACA,IAAMiD,MAAM,GAAGxB,WAAW,CAACM,QAAZ,CAAqBF,KAAK,CAAC7B,KAA3B,CAAf;;MACA,IAAIgD,MAAM,KAAKC,MAAf,EAAuB;QACnB,OAAO;UAACjD,KAAK,EAAE0B,KAAK,CAACM,KAAN,IAAeN,KAAK,CAAC1B;QAA7B,CAAP;MACH,CAFD,MAEO;QACH,OAAO,IAAP;MACH;IACJ;IAED;AACJ;AACA;;;;;IAYI;AACJ;AACA;AACA;AACA;AACA;IACI,kBAAgBA,KAAhB,EAAuBkD,KAAvB,EAA8B;MAC1B,IAAIlD,KAAK,IAAI,yBAAOA,KAAP,MAAiB,QAA9B,EAAwC;QACpC,IAAIA,KAAK,CAACmD,GAAV,EAAe;UACX,IAAID,KAAJ,EAAW;YACP,OAAO,MAAMlD,KAAK,CAACmD,GAAN,CAAUC,CAAV,CAAYC,QAAZ,CAAqB,EAArB,EAAyBC,QAAzB,CAAkC,CAAlC,EAAqC,GAArC,CAAN,GAAkDtD,KAAK,CAACmD,GAAN,CAAUI,CAAV,CAAYF,QAAZ,CAAqB,EAArB,EAAyBC,QAAzB,CAAkC,CAAlC,EAAqC,GAArC,CAAlD,GAA8FtD,KAAK,CAACmD,GAAN,CAAUK,CAAV,CAAYH,QAAZ,CAAqB,EAArB,EAAyBC,QAAzB,CAAkC,CAAlC,EAAqC,GAArC,CAArG;UACH,CAFD,MAEO;YACH,OAAO,UAAUtD,KAAK,CAACmD,GAAN,CAAUC,CAApB,GAAwB,GAAxB,GAA8BpD,KAAK,CAACmD,GAAN,CAAUI,CAAxC,GAA4C,GAA5C,GAAkDvD,KAAK,CAACmD,GAAN,CAAUK,CAA5D,GAAgE,GAAhE,GAAsExD,KAAK,CAACmD,GAAN,CAAUM,CAAhF,GAAoF,GAA3F;UACH;QACJ,CAND,MAMO;UACH,IAAIP,KAAJ,EAAW;YACP,OAAO,MAAMlD,KAAK,CAACoD,CAAN,CAAQC,QAAR,CAAiB,EAAjB,EAAqBC,QAArB,CAA8B,CAA9B,EAAiC,GAAjC,CAAN,GAA8CtD,KAAK,CAACuD,CAAN,CAAQF,QAAR,CAAiB,EAAjB,EAAqBC,QAArB,CAA8B,CAA9B,EAAiC,GAAjC,CAA9C,GAAsFtD,KAAK,CAACwD,CAAN,CAAQH,QAAR,CAAiB,EAAjB,EAAqBC,QAArB,CAA8B,CAA9B,EAAiC,GAAjC,CAA7F;UACH,CAFD,MAEO;YACH,OAAO,UAAUtD,KAAK,CAACoD,CAAhB,GAAoB,GAApB,GAA0BpD,KAAK,CAACuD,CAAhC,GAAoC,GAApC,GAA0CvD,KAAK,CAACwD,CAAhD,GAAoD,GAApD,GAA0DxD,KAAK,CAACyD,CAAhE,GAAoE,GAA3E;UACH;QACJ;MACJ,CAdD,MAcO;QACH,OAAOP,KAAK,GAAGzB,WAAW,CAACiC,OAAZ,CAAoB1D,KAAK,IAAI,EAA7B,CAAH,GAAsCA,KAAK,IAAI,EAA3D;MACH;IACJ;IAED;AACJ;AACA;AACA;AACA;;;;WACI,iBAAemD,GAAf,EAAmB;MACf,IAAMQ,CAAC,GAAGR,GAAG,CAACS,KAAJ,CAAU,sEAAV,CAAV;MAEA,OAAOD,CAAC,IAAIA,CAAC,CAACE,MAAF,KAAa,CAAlB,GAAsB,MACzBC,QAAQ,CAACH,CAAC,CAAC,CAAD,CAAF,EAAM,EAAN,CAAR,CAAkBN,QAAlB,CAA2B,EAA3B,EAA+BC,QAA/B,CAAwC,CAAxC,EAA2C,GAA3C,CADyB,GAEzBQ,QAAQ,CAACH,CAAC,CAAC,CAAD,CAAF,EAAM,EAAN,CAAR,CAAkBN,QAAlB,CAA2B,EAA3B,EAA+BC,QAA/B,CAAwC,CAAxC,EAA2C,GAA3C,CAFyB,GAGzBQ,QAAQ,CAACH,CAAC,CAAC,CAAD,CAAF,EAAM,EAAN,CAAR,CAAkBN,QAAlB,CAA2B,EAA3B,EAA+BC,QAA/B,CAAwC,CAAxC,EAA2C,GAA3C,CAHG,GAG+CH,GAHtD;IAIH;IAED;AACJ;AACA;;;;EAnF0BY,iBAAA,CAAMC,S;;AAoIhCvC,WAAW,CAACwC,SAAZ,GAAwB;EACpB3B,QAAQ,EAAE4B,qBAAA,CAAUC,IADA;EAEpBnC,KAAK,EAAEkC,qBAAA,CAAUE,MAFG;EAGpBtC,QAAQ,EAAEoC,qBAAA,CAAUG,IAAV,CAAeC,UAHL;EAIpB9B,IAAI,EAAE0B,qBAAA,CAAUE,MAJI;EAKpBnC,KAAK,EAAEiC,qBAAA,CAAUK,MALG;EAMpBlC,SAAS,EAAE6B,qBAAA,CAAUE,MAND;EAOpBlC,SAAS,EAAEgC,qBAAA,CAAUC;AAPD,CAAxB;AAUA;;AACA,IAAMK,OAAO,GAAG,IAAAC,sBAAA,EAAW3E,MAAX,EAAmB2B,WAAnB,CAAhB;;eACe+C,O"}
|
|
@@ -1,10 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
|
4
6
|
value: true
|
|
5
7
|
});
|
|
6
8
|
exports["default"] = void 0;
|
|
7
9
|
|
|
10
|
+
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
+
|
|
12
|
+
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
+
|
|
14
|
+
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
+
|
|
16
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
+
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
+
|
|
20
|
+
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
+
|
|
22
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
23
|
+
|
|
8
24
|
var _react = _interopRequireDefault(require("react"));
|
|
9
25
|
|
|
10
26
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -33,32 +49,10 @@ var _i18n = _interopRequireDefault(require("../i18n"));
|
|
|
33
49
|
|
|
34
50
|
var _cronText = _interopRequireDefault(require("./SimpleCron/cronText"));
|
|
35
51
|
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
39
|
-
|
|
40
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
41
|
-
|
|
42
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
43
|
-
|
|
44
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
45
|
-
|
|
46
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
47
|
-
|
|
48
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
49
|
-
|
|
50
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
51
|
-
|
|
52
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
53
|
-
|
|
54
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
52
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
55
53
|
|
|
56
54
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
57
55
|
|
|
58
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
59
|
-
|
|
60
|
-
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
61
|
-
|
|
62
56
|
var styles = function styles(theme) {
|
|
63
57
|
return {
|
|
64
58
|
mainDiv: {
|
|
@@ -147,7 +141,7 @@ function convertMinusIntoArray(value, max) {
|
|
|
147
141
|
|
|
148
142
|
|
|
149
143
|
function convertArrayIntoMinus(value, max) {
|
|
150
|
-
if (
|
|
144
|
+
if ((0, _typeof2["default"])(value) !== 'object') {
|
|
151
145
|
value = [value];
|
|
152
146
|
}
|
|
153
147
|
|
|
@@ -199,15 +193,14 @@ function convertArrayIntoMinus(value, max) {
|
|
|
199
193
|
}
|
|
200
194
|
|
|
201
195
|
var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
202
|
-
|
|
196
|
+
(0, _inherits2["default"])(ComplexCron, _React$Component);
|
|
203
197
|
|
|
204
198
|
var _super = _createSuper(ComplexCron);
|
|
205
199
|
|
|
206
200
|
function ComplexCron(props) {
|
|
207
201
|
var _this;
|
|
208
202
|
|
|
209
|
-
|
|
210
|
-
|
|
203
|
+
(0, _classCallCheck2["default"])(this, ComplexCron);
|
|
211
204
|
_this = _super.call(this, props);
|
|
212
205
|
var cron = typeof _this.props.cronExpression === 'string' ? _this.props.cronExpression.replace(/^["']/, '').replace(/["']\n?$/, '') : '';
|
|
213
206
|
|
|
@@ -240,7 +233,7 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
240
233
|
return _this;
|
|
241
234
|
}
|
|
242
235
|
|
|
243
|
-
|
|
236
|
+
(0, _createClass2["default"])(ComplexCron, [{
|
|
244
237
|
key: "recalcCron",
|
|
245
238
|
value: function recalcCron() {
|
|
246
239
|
var _this2 = this;
|
|
@@ -271,16 +264,16 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
271
264
|
var _this3 = this;
|
|
272
265
|
|
|
273
266
|
if (i === true) {
|
|
274
|
-
this.setState(
|
|
267
|
+
this.setState((0, _defineProperty2["default"])({}, type, '*'), function () {
|
|
275
268
|
return _this3.recalcCron();
|
|
276
269
|
});
|
|
277
270
|
} else if (i === false) {
|
|
278
271
|
if (max === 60 || max === 24) {
|
|
279
|
-
this.setState(
|
|
272
|
+
this.setState((0, _defineProperty2["default"])({}, type, '0'), function () {
|
|
280
273
|
return _this3.recalcCron();
|
|
281
274
|
});
|
|
282
275
|
} else {
|
|
283
|
-
this.setState(
|
|
276
|
+
this.setState((0, _defineProperty2["default"])({}, type, '1'), function () {
|
|
284
277
|
return _this3.recalcCron();
|
|
285
278
|
});
|
|
286
279
|
}
|
|
@@ -295,7 +288,7 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
295
288
|
nums.sort();
|
|
296
289
|
}
|
|
297
290
|
|
|
298
|
-
this.setState(
|
|
291
|
+
this.setState((0, _defineProperty2["default"])({}, type, convertArrayIntoMinus(nums, max)), function () {
|
|
299
292
|
return _this3.recalcCron();
|
|
300
293
|
});
|
|
301
294
|
}
|
|
@@ -402,7 +395,7 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
402
395
|
if (e.target.value === 'every') {
|
|
403
396
|
var _this5$setState;
|
|
404
397
|
|
|
405
|
-
_this5.setState((_this5$setState = {},
|
|
398
|
+
_this5.setState((_this5$setState = {}, (0, _defineProperty2["default"])(_this5$setState, type, '*'), (0, _defineProperty2["default"])(_this5$setState, "modes", modes), _this5$setState), function () {
|
|
406
399
|
return _this5.recalcCron();
|
|
407
400
|
});
|
|
408
401
|
} else if (e.target.value === 'everyN') {
|
|
@@ -410,7 +403,7 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
410
403
|
|
|
411
404
|
var num = parseInt(_this5.state[type].toString().replace('*/', ''), 10) || 1;
|
|
412
405
|
|
|
413
|
-
_this5.setState((_this5$setState2 = {},
|
|
406
|
+
_this5.setState((_this5$setState2 = {}, (0, _defineProperty2["default"])(_this5$setState2, type, '*/' + num), (0, _defineProperty2["default"])(_this5$setState2, "modes", modes), _this5$setState2), function () {
|
|
414
407
|
return _this5.recalcCron();
|
|
415
408
|
});
|
|
416
409
|
} else if (e.target.value === 'specific') {
|
|
@@ -424,7 +417,7 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
424
417
|
_num = 1;
|
|
425
418
|
}
|
|
426
419
|
|
|
427
|
-
_this5.setState((_this5$setState3 = {},
|
|
420
|
+
_this5.setState((_this5$setState3 = {}, (0, _defineProperty2["default"])(_this5$setState3, type, convertArrayIntoMinus(_num, max)), (0, _defineProperty2["default"])(_this5$setState3, "modes", modes), _this5$setState3), function () {
|
|
428
421
|
return _this5.recalcCron();
|
|
429
422
|
});
|
|
430
423
|
}
|
|
@@ -446,7 +439,7 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
446
439
|
min: 1,
|
|
447
440
|
max: max,
|
|
448
441
|
onChange: function onChange(e) {
|
|
449
|
-
_this5.setState(
|
|
442
|
+
_this5.setState((0, _defineProperty2["default"])({}, type, '*/' + e.target.value), function () {
|
|
450
443
|
return _this5.recalcCron();
|
|
451
444
|
});
|
|
452
445
|
},
|
|
@@ -590,7 +583,6 @@ var ComplexCron = /*#__PURE__*/function (_React$Component) {
|
|
|
590
583
|
return text;
|
|
591
584
|
}
|
|
592
585
|
}]);
|
|
593
|
-
|
|
594
586
|
return ComplexCron;
|
|
595
587
|
}(_react["default"].Component);
|
|
596
588
|
|