@iobroker/adapter-react-v5 3.1.34 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Components/404.js +0 -23
- package/Components/404.js.map +1 -1
- package/Components/ColorPicker.js +6 -37
- package/Components/ColorPicker.js.map +1 -1
- package/Components/ComplexCron.js +10 -84
- package/Components/ComplexCron.js.map +1 -1
- package/Components/CustomModal.js +29 -54
- package/Components/CustomModal.js.map +1 -1
- package/Components/FileBrowser.js +15 -265
- package/Components/FileBrowser.js.map +1 -1
- package/Components/FileViewer.js +7 -68
- package/Components/FileViewer.js.map +1 -1
- package/Components/Icon.d.ts +1 -1
- package/Components/Icon.js +2 -42
- package/Components/Icon.js.map +1 -1
- package/Components/IconPicker.js +6 -28
- package/Components/IconPicker.js.map +1 -1
- package/Components/IconSelector.js +3 -55
- package/Components/IconSelector.js.map +1 -1
- package/Components/Image.js +1 -38
- package/Components/Image.js.map +1 -1
- package/Components/JsonConfigComponent/ChipInput.js +66 -197
- package/Components/JsonConfigComponent/ChipInput.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigAlive.js +0 -31
- package/Components/JsonConfigComponent/ConfigAlive.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigAutocomplete.js +6 -39
- package/Components/JsonConfigComponent/ConfigAutocomplete.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigAutocompleteSendTo.js +6 -52
- package/Components/JsonConfigComponent/ConfigAutocompleteSendTo.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigCRON.js +5 -39
- package/Components/JsonConfigComponent/ConfigCRON.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigCertificateSelect.js +4 -42
- package/Components/JsonConfigComponent/ConfigCertificateSelect.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigCheckbox.js +0 -28
- package/Components/JsonConfigComponent/ConfigCheckbox.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigChip.js +4 -33
- package/Components/JsonConfigComponent/ConfigChip.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigColor.js +0 -34
- package/Components/JsonConfigComponent/ConfigColor.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigCoordinates.js +0 -33
- package/Components/JsonConfigComponent/ConfigCoordinates.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigCustom.js +14 -73
- package/Components/JsonConfigComponent/ConfigCustom.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigDatePicker.js +0 -25
- package/Components/JsonConfigComponent/ConfigDatePicker.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigFile.js +0 -46
- package/Components/JsonConfigComponent/ConfigFile.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigFileSelector.js +7 -126
- package/Components/JsonConfigComponent/ConfigFileSelector.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigFunc.js +0 -34
- package/Components/JsonConfigComponent/ConfigFunc.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigGeneric.js +15 -110
- package/Components/JsonConfigComponent/ConfigGeneric.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigIP.js +2 -35
- package/Components/JsonConfigComponent/ConfigIP.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigImageUpload.js +4 -44
- package/Components/JsonConfigComponent/ConfigImageUpload.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigInstanceSelect.js +1 -59
- package/Components/JsonConfigComponent/ConfigInstanceSelect.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigJsonEditor.js +7 -40
- package/Components/JsonConfigComponent/ConfigJsonEditor.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigLanguage.js +2 -42
- package/Components/JsonConfigComponent/ConfigLanguage.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigNumber.js +2 -45
- package/Components/JsonConfigComponent/ConfigNumber.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigObjectId.js +6 -40
- package/Components/JsonConfigComponent/ConfigObjectId.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigPanel.js +7 -91
- package/Components/JsonConfigComponent/ConfigPanel.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigPassword.js +0 -42
- package/Components/JsonConfigComponent/ConfigPassword.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigPattern.js +0 -25
- package/Components/JsonConfigComponent/ConfigPattern.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigRoom.js +0 -34
- package/Components/JsonConfigComponent/ConfigRoom.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigSelect.js +4 -34
- package/Components/JsonConfigComponent/ConfigSelect.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigSelectSendTo.js +11 -67
- package/Components/JsonConfigComponent/ConfigSelectSendTo.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigSendto.js +8 -91
- package/Components/JsonConfigComponent/ConfigSendto.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigSetState.js +0 -55
- package/Components/JsonConfigComponent/ConfigSetState.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigSlider.js +0 -28
- package/Components/JsonConfigComponent/ConfigSlider.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigStaticDivider.js +0 -21
- package/Components/JsonConfigComponent/ConfigStaticDivider.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigStaticHeader.js +0 -24
- package/Components/JsonConfigComponent/ConfigStaticHeader.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigStaticImage.js +0 -23
- package/Components/JsonConfigComponent/ConfigStaticImage.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigStaticText.js +0 -31
- package/Components/JsonConfigComponent/ConfigStaticText.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigTable.js +13 -105
- package/Components/JsonConfigComponent/ConfigTable.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigTabs.js +2 -35
- package/Components/JsonConfigComponent/ConfigTabs.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigText.js +0 -34
- package/Components/JsonConfigComponent/ConfigText.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigTextSendTo.js +0 -37
- package/Components/JsonConfigComponent/ConfigTextSendTo.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigTimePicker.js +0 -25
- package/Components/JsonConfigComponent/ConfigTimePicker.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigTopic.js +0 -29
- package/Components/JsonConfigComponent/ConfigTopic.js.map +1 -1
- package/Components/JsonConfigComponent/ConfigUser.js +2 -40
- package/Components/JsonConfigComponent/ConfigUser.js.map +1 -1
- package/Components/JsonConfigComponent/index.js +5 -81
- package/Components/JsonConfigComponent/index.js.map +1 -1
- package/Components/Loader.js +2 -20
- package/Components/Loader.js.map +1 -1
- package/Components/Loaders/PT.js +2 -20
- package/Components/Loaders/PT.js.map +1 -1
- package/Components/Loaders/Vendor.js +2 -21
- package/Components/Loaders/Vendor.js.map +1 -1
- package/Components/Logo.js +6 -39
- package/Components/Logo.js.map +1 -1
- package/Components/MDUtils.js +3 -27
- package/Components/MDUtils.js.map +1 -1
- package/Components/ObjectBrowser.d.ts +1 -1
- package/Components/ObjectBrowser.js +181 -788
- package/Components/ObjectBrowser.js.map +1 -1
- package/Components/Router.js +7 -31
- package/Components/Router.js.map +1 -1
- package/Components/SaveCloseButtons.js +2 -32
- package/Components/SaveCloseButtons.js.map +1 -1
- package/Components/Schedule.js +29 -251
- package/Components/Schedule.js.map +1 -1
- package/Components/SelectWithIcon.d.ts +1 -1
- package/Components/SelectWithIcon.js +0 -48
- package/Components/SelectWithIcon.js.map +1 -1
- package/Components/SimpleCron/cron2text.js +45 -91
- package/Components/SimpleCron/cron2text.js.map +1 -1
- package/Components/SimpleCron/cronText.js +0 -6
- package/Components/SimpleCron/cronText.js.map +1 -1
- package/Components/SimpleCron/index.js +19 -102
- package/Components/SimpleCron/index.js.map +1 -1
- package/Components/SimpleCron/jquery.cron.locale.js +44 -24
- package/Components/SimpleCron/jquery.cron.locale.js.map +1 -1
- package/Components/TabContainer.js +2 -23
- package/Components/TabContainer.js.map +1 -1
- package/Components/TabContent.js +2 -22
- package/Components/TabContent.js.map +1 -1
- package/Components/TabHeader.js +1 -17
- package/Components/TabHeader.js.map +1 -1
- package/Components/TableResize.js +6 -51
- package/Components/TableResize.js.map +1 -1
- package/Components/TextWithIcon.js +0 -20
- package/Components/TextWithIcon.js.map +1 -1
- package/Components/ToggleThemeMenu.js +5 -13
- package/Components/ToggleThemeMenu.js.map +1 -1
- package/Components/TreeTable.js +4 -121
- package/Components/TreeTable.js.map +1 -1
- package/Components/UploadImage.js +17 -60
- package/Components/UploadImage.js.map +1 -1
- package/Components/Utils.js +87 -263
- package/Components/Utils.js.map +1 -1
- package/Components/copy-to-clipboard.js +16 -38
- package/Components/copy-to-clipboard.js.map +1 -1
- package/Components/withWidth.js +2 -10
- package/Components/withWidth.js.map +1 -1
- package/Connection.d.ts +1 -0
- package/Connection.js +156 -527
- package/Connection.js.map +1 -1
- package/Dialogs/ComplexCron.js +0 -34
- package/Dialogs/ComplexCron.js.map +1 -1
- package/Dialogs/Confirm.js +1 -39
- package/Dialogs/Confirm.js.map +1 -1
- package/Dialogs/Cron.js +1 -37
- package/Dialogs/Cron.js.map +1 -1
- package/Dialogs/Error.d.ts +1 -1
- package/Dialogs/Error.js +2 -29
- package/Dialogs/Error.js.map +1 -1
- package/Dialogs/FileSelect.js +2 -36
- package/Dialogs/FileSelect.js.map +1 -1
- package/Dialogs/Message.js +2 -27
- package/Dialogs/Message.js.map +1 -1
- package/Dialogs/SelectID.d.ts +1 -1
- package/Dialogs/SelectID.js +3 -40
- package/Dialogs/SelectID.js.map +1 -1
- package/Dialogs/SimpleCron.js +1 -33
- package/Dialogs/SimpleCron.js.map +1 -1
- package/Dialogs/TextInput.js +2 -34
- package/Dialogs/TextInput.js.map +1 -1
- package/GenericApp.js +55 -150
- package/GenericApp.js.map +1 -1
- package/Prompt.js +0 -2
- package/Prompt.js.map +1 -1
- package/README.md +11 -4
- package/Theme.js +7 -22
- package/Theme.js.map +1 -1
- package/i18n/uk.json +326 -0
- package/i18n.d.ts +2 -0
- package/i18n.js +9 -29
- package/i18n.js.map +1 -1
- package/icons/IconAdapter.d.ts +2 -2
- package/icons/IconAdapter.js +2 -6
- package/icons/IconAdapter.js.map +1 -1
- package/icons/IconAlias.d.ts +2 -2
- package/icons/IconAlias.js +2 -6
- package/icons/IconAlias.js.map +1 -1
- package/icons/IconChannel.d.ts +2 -2
- package/icons/IconChannel.js +2 -6
- package/icons/IconChannel.js.map +1 -1
- package/icons/IconClearFilter.d.ts +2 -2
- package/icons/IconClearFilter.js +0 -5
- package/icons/IconClearFilter.js.map +1 -1
- package/icons/IconClosed.d.ts +2 -2
- package/icons/IconClosed.js +0 -5
- package/icons/IconClosed.js.map +1 -1
- package/icons/IconCopy.d.ts +2 -2
- package/icons/IconCopy.js +0 -5
- package/icons/IconCopy.js.map +1 -1
- package/icons/IconDevice.d.ts +2 -2
- package/icons/IconDevice.js +0 -5
- package/icons/IconDevice.js.map +1 -1
- package/icons/IconDocument.d.ts +2 -2
- package/icons/IconDocument.js +0 -5
- package/icons/IconDocument.js.map +1 -1
- package/icons/IconDocumentReadOnly.d.ts +2 -2
- package/icons/IconDocumentReadOnly.js +0 -5
- package/icons/IconDocumentReadOnly.js.map +1 -1
- package/icons/IconExpert.d.ts +2 -2
- package/icons/IconExpert.js +0 -5
- package/icons/IconExpert.js.map +1 -1
- package/icons/IconFx.d.ts +2 -2
- package/icons/IconFx.js +0 -5
- package/icons/IconFx.js.map +1 -1
- package/icons/IconInstance.d.ts +2 -2
- package/icons/IconInstance.js +0 -5
- package/icons/IconInstance.js.map +1 -1
- package/icons/IconLogout.d.ts +2 -2
- package/icons/IconLogout.js +0 -5
- package/icons/IconLogout.js.map +1 -1
- package/icons/IconNoIcon.d.ts +2 -2
- package/icons/IconNoIcon.js +0 -5
- package/icons/IconNoIcon.js.map +1 -1
- package/icons/IconOpen.d.ts +2 -2
- package/icons/IconOpen.js +0 -5
- package/icons/IconOpen.js.map +1 -1
- package/icons/IconState.d.ts +2 -2
- package/icons/IconState.js +0 -6
- package/icons/IconState.js.map +1 -1
- package/package.json +15 -15
package/Components/404.js
CHANGED
|
@@ -1,40 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports["default"] = void 0;
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
|
-
|
|
24
15
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
|
25
|
-
|
|
26
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
|
-
|
|
28
17
|
var _i18n = _interopRequireDefault(require("../i18n"));
|
|
29
|
-
|
|
30
18
|
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); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
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); }; }
|
|
35
|
-
|
|
36
21
|
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; } }
|
|
37
|
-
|
|
38
22
|
var styles = function styles(theme) {
|
|
39
23
|
return {
|
|
40
24
|
content: Object.assign({
|
|
@@ -100,17 +84,13 @@ var styles = function styles(theme) {
|
|
|
100
84
|
}
|
|
101
85
|
};
|
|
102
86
|
};
|
|
103
|
-
|
|
104
87
|
var Page404 = /*#__PURE__*/function (_Component) {
|
|
105
88
|
(0, _inherits2["default"])(Page404, _Component);
|
|
106
|
-
|
|
107
89
|
var _super = _createSuper(Page404);
|
|
108
|
-
|
|
109
90
|
function Page404() {
|
|
110
91
|
(0, _classCallCheck2["default"])(this, Page404);
|
|
111
92
|
return _super.apply(this, arguments);
|
|
112
93
|
}
|
|
113
|
-
|
|
114
94
|
(0, _createClass2["default"])(Page404, [{
|
|
115
95
|
key: "render",
|
|
116
96
|
value: function render() {
|
|
@@ -133,15 +113,12 @@ var Page404 = /*#__PURE__*/function (_Component) {
|
|
|
133
113
|
}]);
|
|
134
114
|
return Page404;
|
|
135
115
|
}(_react.Component);
|
|
136
|
-
|
|
137
116
|
Page404.propTypes = {
|
|
138
117
|
language: _propTypes["default"].string,
|
|
139
118
|
onNavigate: _propTypes["default"].func,
|
|
140
119
|
theme: _propTypes["default"].string,
|
|
141
120
|
mobile: _propTypes["default"].bool
|
|
142
121
|
};
|
|
143
|
-
|
|
144
122
|
var _default = (0, _withStyles["default"])(styles)(Page404);
|
|
145
|
-
|
|
146
123
|
exports["default"] = _default;
|
|
147
124
|
//# sourceMappingURL=404.js.map
|
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","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":"
|
|
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":"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"}
|
|
@@ -1,46 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
11
|
-
|
|
12
9
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
13
|
-
|
|
14
10
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
|
-
|
|
16
11
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
12
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
13
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
|
-
|
|
22
14
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
|
-
|
|
24
15
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
|
-
|
|
26
16
|
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
17
|
var _reactColor = require("react-color");
|
|
29
|
-
|
|
30
18
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
|
-
|
|
32
19
|
var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
|
|
33
|
-
|
|
34
20
|
var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
|
|
35
|
-
|
|
36
21
|
var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
|
|
37
|
-
|
|
38
22
|
var _Delete = _interopRequireDefault(require("@mui/icons-material/Delete"));
|
|
39
|
-
|
|
40
23
|
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
|
-
|
|
42
24
|
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
|
-
|
|
44
25
|
var styles = function styles(theme) {
|
|
45
26
|
return {
|
|
46
27
|
color: {
|
|
@@ -84,6 +65,7 @@ var styles = function styles(theme) {
|
|
|
84
65
|
}
|
|
85
66
|
};
|
|
86
67
|
};
|
|
68
|
+
|
|
87
69
|
/**
|
|
88
70
|
* @typedef {object} Rgb
|
|
89
71
|
* @property {number} r The red component of the color (0-255).
|
|
@@ -104,19 +86,14 @@ var styles = function styles(theme) {
|
|
|
104
86
|
*
|
|
105
87
|
* @extends {React.Component<ColorPickerProps>}
|
|
106
88
|
*/
|
|
107
|
-
|
|
108
|
-
|
|
109
89
|
var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
110
90
|
(0, _inherits2["default"])(ColorPicker, _React$Component);
|
|
111
|
-
|
|
112
91
|
var _super = _createSuper(ColorPicker);
|
|
113
|
-
|
|
114
92
|
/**
|
|
115
93
|
* @param {Readonly<ColorPickerProps>} props
|
|
116
94
|
*/
|
|
117
95
|
function ColorPicker(props) {
|
|
118
96
|
var _this;
|
|
119
|
-
|
|
120
97
|
(0, _classCallCheck2["default"])(this, ColorPicker);
|
|
121
98
|
_this = _super.call(this, props);
|
|
122
99
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClick", function () {
|
|
@@ -133,7 +110,6 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
133
110
|
_this.setState({
|
|
134
111
|
color: color
|
|
135
112
|
});
|
|
136
|
-
|
|
137
113
|
_this.props.onChange && _this.props.onChange(ColorPicker.getColor(color));
|
|
138
114
|
});
|
|
139
115
|
_this.state = {
|
|
@@ -142,27 +118,23 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
142
118
|
};
|
|
143
119
|
return _this;
|
|
144
120
|
}
|
|
121
|
+
|
|
145
122
|
/**
|
|
146
123
|
* Get the state derived from the given properties and state.
|
|
147
124
|
* @param {{ color: Color; }} props
|
|
148
125
|
* @param {{ color: Color; }} state
|
|
149
126
|
*/
|
|
150
|
-
|
|
151
|
-
|
|
152
127
|
(0, _createClass2["default"])(ColorPicker, [{
|
|
153
128
|
key: "render",
|
|
154
129
|
value: function render() {
|
|
155
130
|
var _this2 = this;
|
|
156
|
-
|
|
157
131
|
var color = ColorPicker.getColor(this.state.color);
|
|
158
132
|
var style = {};
|
|
159
|
-
|
|
160
133
|
if (this.state.displayColorPicker && this.props.openAbove) {
|
|
161
134
|
style = {
|
|
162
135
|
top: -241
|
|
163
136
|
};
|
|
164
137
|
}
|
|
165
|
-
|
|
166
138
|
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
167
139
|
style: Object.assign({}, this.props.style || {}, {
|
|
168
140
|
position: 'relative'
|
|
@@ -228,7 +200,6 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
228
200
|
value: function getDerivedStateFromProps(props, state) {
|
|
229
201
|
var pColor = ColorPicker.getColor(props.value || props.color);
|
|
230
202
|
var sColor = ColorPicker.getColor(state.color);
|
|
231
|
-
|
|
232
203
|
if (pColor !== sColor) {
|
|
233
204
|
return {
|
|
234
205
|
color: props.value || props.color
|
|
@@ -237,10 +208,10 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
237
208
|
return null;
|
|
238
209
|
}
|
|
239
210
|
}
|
|
211
|
+
|
|
240
212
|
/**
|
|
241
213
|
* @private
|
|
242
214
|
*/
|
|
243
|
-
|
|
244
215
|
}, {
|
|
245
216
|
key: "getColor",
|
|
246
217
|
value:
|
|
@@ -269,26 +240,25 @@ var ColorPicker = /*#__PURE__*/function (_React$Component) {
|
|
|
269
240
|
return isHex ? ColorPicker.rgb2hex(color || '') : color || '';
|
|
270
241
|
}
|
|
271
242
|
}
|
|
243
|
+
|
|
272
244
|
/**
|
|
273
245
|
* Convert rgb() or rgba() format to hex format #rrggbb.
|
|
274
246
|
* @param {string} rgb
|
|
275
247
|
* @returns {string}
|
|
276
248
|
*/
|
|
277
|
-
|
|
278
249
|
}, {
|
|
279
250
|
key: "rgb2hex",
|
|
280
251
|
value: function rgb2hex(rgb) {
|
|
281
252
|
var m = rgb.match(/^rgba?[\s+]?\([\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?,[\s+]?(\d+)[\s+]?/i);
|
|
282
253
|
return m && m.length === 4 ? '#' + parseInt(m[1], 10).toString(16).padStart(2, '0') + parseInt(m[2], 10).toString(16).padStart(2, '0') + parseInt(m[3], 10).toString(16).padStart(2, '0') : rgb;
|
|
283
254
|
}
|
|
255
|
+
|
|
284
256
|
/**
|
|
285
257
|
* @private
|
|
286
258
|
*/
|
|
287
|
-
|
|
288
259
|
}]);
|
|
289
260
|
return ColorPicker;
|
|
290
261
|
}(_react["default"].Component);
|
|
291
|
-
|
|
292
262
|
ColorPicker.propTypes = {
|
|
293
263
|
disabled: _propTypes["default"].bool,
|
|
294
264
|
value: _propTypes["default"].string,
|
|
@@ -298,10 +268,9 @@ ColorPicker.propTypes = {
|
|
|
298
268
|
className: _propTypes["default"].string,
|
|
299
269
|
openAbove: _propTypes["default"].bool
|
|
300
270
|
};
|
|
301
|
-
/** @type {typeof ColorPicker} */
|
|
302
271
|
|
|
272
|
+
/** @type {typeof ColorPicker} */
|
|
303
273
|
var _export = (0, _withStyles["default"])(styles)(ColorPicker);
|
|
304
|
-
|
|
305
274
|
var _default = _export;
|
|
306
275
|
exports["default"] = _default;
|
|
307
276
|
//# sourceMappingURL=ColorPicker.js.map
|
|
@@ -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","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":"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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":"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"}
|