@iobroker/adapter-react-v5 3.1.33 → 3.1.35

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (243) hide show
  1. package/Components/404.js +0 -23
  2. package/Components/404.js.map +1 -1
  3. package/Components/ColorPicker.js +6 -37
  4. package/Components/ColorPicker.js.map +1 -1
  5. package/Components/ComplexCron.js +10 -84
  6. package/Components/ComplexCron.js.map +1 -1
  7. package/Components/CustomModal.js +29 -54
  8. package/Components/CustomModal.js.map +1 -1
  9. package/Components/FileBrowser.js +15 -265
  10. package/Components/FileBrowser.js.map +1 -1
  11. package/Components/FileViewer.js +7 -68
  12. package/Components/FileViewer.js.map +1 -1
  13. package/Components/Icon.d.ts +1 -1
  14. package/Components/Icon.js +2 -42
  15. package/Components/Icon.js.map +1 -1
  16. package/Components/IconPicker.js +6 -28
  17. package/Components/IconPicker.js.map +1 -1
  18. package/Components/IconSelector.js +3 -55
  19. package/Components/IconSelector.js.map +1 -1
  20. package/Components/Image.js +1 -38
  21. package/Components/Image.js.map +1 -1
  22. package/Components/JsonConfigComponent/ChipInput.js +66 -197
  23. package/Components/JsonConfigComponent/ChipInput.js.map +1 -1
  24. package/Components/JsonConfigComponent/ConfigAlive.js +0 -31
  25. package/Components/JsonConfigComponent/ConfigAlive.js.map +1 -1
  26. package/Components/JsonConfigComponent/ConfigAutocomplete.js +6 -39
  27. package/Components/JsonConfigComponent/ConfigAutocomplete.js.map +1 -1
  28. package/Components/JsonConfigComponent/ConfigAutocompleteSendTo.js +6 -52
  29. package/Components/JsonConfigComponent/ConfigAutocompleteSendTo.js.map +1 -1
  30. package/Components/JsonConfigComponent/ConfigCRON.js +5 -39
  31. package/Components/JsonConfigComponent/ConfigCRON.js.map +1 -1
  32. package/Components/JsonConfigComponent/ConfigCertificateSelect.js +4 -42
  33. package/Components/JsonConfigComponent/ConfigCertificateSelect.js.map +1 -1
  34. package/Components/JsonConfigComponent/ConfigCheckbox.js +0 -28
  35. package/Components/JsonConfigComponent/ConfigCheckbox.js.map +1 -1
  36. package/Components/JsonConfigComponent/ConfigChip.js +4 -33
  37. package/Components/JsonConfigComponent/ConfigChip.js.map +1 -1
  38. package/Components/JsonConfigComponent/ConfigColor.js +0 -34
  39. package/Components/JsonConfigComponent/ConfigColor.js.map +1 -1
  40. package/Components/JsonConfigComponent/ConfigCoordinates.js +0 -33
  41. package/Components/JsonConfigComponent/ConfigCoordinates.js.map +1 -1
  42. package/Components/JsonConfigComponent/ConfigCustom.js +14 -73
  43. package/Components/JsonConfigComponent/ConfigCustom.js.map +1 -1
  44. package/Components/JsonConfigComponent/ConfigDatePicker.js +0 -25
  45. package/Components/JsonConfigComponent/ConfigDatePicker.js.map +1 -1
  46. package/Components/JsonConfigComponent/ConfigFile.js +0 -46
  47. package/Components/JsonConfigComponent/ConfigFile.js.map +1 -1
  48. package/Components/JsonConfigComponent/ConfigFileSelector.js +7 -126
  49. package/Components/JsonConfigComponent/ConfigFileSelector.js.map +1 -1
  50. package/Components/JsonConfigComponent/ConfigFunc.js +0 -34
  51. package/Components/JsonConfigComponent/ConfigFunc.js.map +1 -1
  52. package/Components/JsonConfigComponent/ConfigGeneric.js +15 -110
  53. package/Components/JsonConfigComponent/ConfigGeneric.js.map +1 -1
  54. package/Components/JsonConfigComponent/ConfigIP.js +2 -35
  55. package/Components/JsonConfigComponent/ConfigIP.js.map +1 -1
  56. package/Components/JsonConfigComponent/ConfigImageUpload.js +4 -44
  57. package/Components/JsonConfigComponent/ConfigImageUpload.js.map +1 -1
  58. package/Components/JsonConfigComponent/ConfigInstanceSelect.js +1 -59
  59. package/Components/JsonConfigComponent/ConfigInstanceSelect.js.map +1 -1
  60. package/Components/JsonConfigComponent/ConfigJsonEditor.js +7 -40
  61. package/Components/JsonConfigComponent/ConfigJsonEditor.js.map +1 -1
  62. package/Components/JsonConfigComponent/ConfigLanguage.js +2 -42
  63. package/Components/JsonConfigComponent/ConfigLanguage.js.map +1 -1
  64. package/Components/JsonConfigComponent/ConfigNumber.js +2 -45
  65. package/Components/JsonConfigComponent/ConfigNumber.js.map +1 -1
  66. package/Components/JsonConfigComponent/ConfigObjectId.js +6 -40
  67. package/Components/JsonConfigComponent/ConfigObjectId.js.map +1 -1
  68. package/Components/JsonConfigComponent/ConfigPanel.js +7 -91
  69. package/Components/JsonConfigComponent/ConfigPanel.js.map +1 -1
  70. package/Components/JsonConfigComponent/ConfigPassword.js +0 -42
  71. package/Components/JsonConfigComponent/ConfigPassword.js.map +1 -1
  72. package/Components/JsonConfigComponent/ConfigPattern.js +0 -25
  73. package/Components/JsonConfigComponent/ConfigPattern.js.map +1 -1
  74. package/Components/JsonConfigComponent/ConfigRoom.js +0 -34
  75. package/Components/JsonConfigComponent/ConfigRoom.js.map +1 -1
  76. package/Components/JsonConfigComponent/ConfigSelect.js +4 -34
  77. package/Components/JsonConfigComponent/ConfigSelect.js.map +1 -1
  78. package/Components/JsonConfigComponent/ConfigSelectSendTo.js +11 -67
  79. package/Components/JsonConfigComponent/ConfigSelectSendTo.js.map +1 -1
  80. package/Components/JsonConfigComponent/ConfigSendto.js +8 -91
  81. package/Components/JsonConfigComponent/ConfigSendto.js.map +1 -1
  82. package/Components/JsonConfigComponent/ConfigSetState.js +0 -55
  83. package/Components/JsonConfigComponent/ConfigSetState.js.map +1 -1
  84. package/Components/JsonConfigComponent/ConfigSlider.js +0 -28
  85. package/Components/JsonConfigComponent/ConfigSlider.js.map +1 -1
  86. package/Components/JsonConfigComponent/ConfigStaticDivider.js +0 -21
  87. package/Components/JsonConfigComponent/ConfigStaticDivider.js.map +1 -1
  88. package/Components/JsonConfigComponent/ConfigStaticHeader.js +0 -24
  89. package/Components/JsonConfigComponent/ConfigStaticHeader.js.map +1 -1
  90. package/Components/JsonConfigComponent/ConfigStaticImage.js +0 -23
  91. package/Components/JsonConfigComponent/ConfigStaticImage.js.map +1 -1
  92. package/Components/JsonConfigComponent/ConfigStaticText.js +0 -31
  93. package/Components/JsonConfigComponent/ConfigStaticText.js.map +1 -1
  94. package/Components/JsonConfigComponent/ConfigTable.js +13 -105
  95. package/Components/JsonConfigComponent/ConfigTable.js.map +1 -1
  96. package/Components/JsonConfigComponent/ConfigTabs.js +2 -35
  97. package/Components/JsonConfigComponent/ConfigTabs.js.map +1 -1
  98. package/Components/JsonConfigComponent/ConfigText.js +0 -34
  99. package/Components/JsonConfigComponent/ConfigText.js.map +1 -1
  100. package/Components/JsonConfigComponent/ConfigTextSendTo.js +0 -37
  101. package/Components/JsonConfigComponent/ConfigTextSendTo.js.map +1 -1
  102. package/Components/JsonConfigComponent/ConfigTimePicker.js +0 -25
  103. package/Components/JsonConfigComponent/ConfigTimePicker.js.map +1 -1
  104. package/Components/JsonConfigComponent/ConfigTopic.js +0 -29
  105. package/Components/JsonConfigComponent/ConfigTopic.js.map +1 -1
  106. package/Components/JsonConfigComponent/ConfigUser.js +2 -40
  107. package/Components/JsonConfigComponent/ConfigUser.js.map +1 -1
  108. package/Components/JsonConfigComponent/index.js +5 -81
  109. package/Components/JsonConfigComponent/index.js.map +1 -1
  110. package/Components/Loader.js +2 -20
  111. package/Components/Loader.js.map +1 -1
  112. package/Components/Loaders/PT.js +2 -20
  113. package/Components/Loaders/PT.js.map +1 -1
  114. package/Components/Loaders/Vendor.js +2 -21
  115. package/Components/Loaders/Vendor.js.map +1 -1
  116. package/Components/Logo.js +6 -39
  117. package/Components/Logo.js.map +1 -1
  118. package/Components/MDUtils.js +3 -27
  119. package/Components/MDUtils.js.map +1 -1
  120. package/Components/ObjectBrowser.d.ts +1 -1
  121. package/Components/ObjectBrowser.js +206 -794
  122. package/Components/ObjectBrowser.js.map +1 -1
  123. package/Components/Router.js +7 -31
  124. package/Components/Router.js.map +1 -1
  125. package/Components/SaveCloseButtons.js +2 -32
  126. package/Components/SaveCloseButtons.js.map +1 -1
  127. package/Components/Schedule.js +29 -251
  128. package/Components/Schedule.js.map +1 -1
  129. package/Components/SelectWithIcon.d.ts +1 -1
  130. package/Components/SelectWithIcon.js +0 -48
  131. package/Components/SelectWithIcon.js.map +1 -1
  132. package/Components/SimpleCron/cron2text.js +45 -91
  133. package/Components/SimpleCron/cron2text.js.map +1 -1
  134. package/Components/SimpleCron/cronText.js +0 -6
  135. package/Components/SimpleCron/cronText.js.map +1 -1
  136. package/Components/SimpleCron/index.js +19 -102
  137. package/Components/SimpleCron/index.js.map +1 -1
  138. package/Components/SimpleCron/jquery.cron.locale.js +44 -24
  139. package/Components/SimpleCron/jquery.cron.locale.js.map +1 -1
  140. package/Components/TabContainer.js +2 -23
  141. package/Components/TabContainer.js.map +1 -1
  142. package/Components/TabContent.js +2 -22
  143. package/Components/TabContent.js.map +1 -1
  144. package/Components/TabHeader.js +1 -17
  145. package/Components/TabHeader.js.map +1 -1
  146. package/Components/TableResize.js +6 -51
  147. package/Components/TableResize.js.map +1 -1
  148. package/Components/TextWithIcon.js +0 -20
  149. package/Components/TextWithIcon.js.map +1 -1
  150. package/Components/ToggleThemeMenu.js +5 -13
  151. package/Components/ToggleThemeMenu.js.map +1 -1
  152. package/Components/TreeTable.js +4 -121
  153. package/Components/TreeTable.js.map +1 -1
  154. package/Components/UploadImage.js +17 -60
  155. package/Components/UploadImage.js.map +1 -1
  156. package/Components/Utils.js +87 -263
  157. package/Components/Utils.js.map +1 -1
  158. package/Components/copy-to-clipboard.js +16 -38
  159. package/Components/copy-to-clipboard.js.map +1 -1
  160. package/Components/withWidth.js +2 -10
  161. package/Components/withWidth.js.map +1 -1
  162. package/Connection.d.ts +1 -0
  163. package/Connection.js +156 -527
  164. package/Connection.js.map +1 -1
  165. package/Dialogs/ComplexCron.js +0 -34
  166. package/Dialogs/ComplexCron.js.map +1 -1
  167. package/Dialogs/Confirm.js +1 -39
  168. package/Dialogs/Confirm.js.map +1 -1
  169. package/Dialogs/Cron.js +1 -37
  170. package/Dialogs/Cron.js.map +1 -1
  171. package/Dialogs/Error.d.ts +1 -1
  172. package/Dialogs/Error.js +2 -29
  173. package/Dialogs/Error.js.map +1 -1
  174. package/Dialogs/FileSelect.js +2 -36
  175. package/Dialogs/FileSelect.js.map +1 -1
  176. package/Dialogs/Message.js +2 -27
  177. package/Dialogs/Message.js.map +1 -1
  178. package/Dialogs/SelectID.d.ts +1 -1
  179. package/Dialogs/SelectID.js +3 -40
  180. package/Dialogs/SelectID.js.map +1 -1
  181. package/Dialogs/SimpleCron.js +1 -33
  182. package/Dialogs/SimpleCron.js.map +1 -1
  183. package/Dialogs/TextInput.js +2 -34
  184. package/Dialogs/TextInput.js.map +1 -1
  185. package/GenericApp.js +54 -150
  186. package/GenericApp.js.map +1 -1
  187. package/Prompt.js +0 -2
  188. package/Prompt.js.map +1 -1
  189. package/README.md +11 -4
  190. package/Theme.js +7 -22
  191. package/Theme.js.map +1 -1
  192. package/i18n.d.ts +2 -0
  193. package/i18n.js +14 -25
  194. package/i18n.js.map +1 -1
  195. package/icons/IconAdapter.d.ts +2 -2
  196. package/icons/IconAdapter.js +2 -6
  197. package/icons/IconAdapter.js.map +1 -1
  198. package/icons/IconAlias.d.ts +2 -2
  199. package/icons/IconAlias.js +2 -6
  200. package/icons/IconAlias.js.map +1 -1
  201. package/icons/IconChannel.d.ts +2 -2
  202. package/icons/IconChannel.js +2 -6
  203. package/icons/IconChannel.js.map +1 -1
  204. package/icons/IconClearFilter.d.ts +2 -2
  205. package/icons/IconClearFilter.js +0 -5
  206. package/icons/IconClearFilter.js.map +1 -1
  207. package/icons/IconClosed.d.ts +2 -2
  208. package/icons/IconClosed.js +0 -5
  209. package/icons/IconClosed.js.map +1 -1
  210. package/icons/IconCopy.d.ts +2 -2
  211. package/icons/IconCopy.js +0 -5
  212. package/icons/IconCopy.js.map +1 -1
  213. package/icons/IconDevice.d.ts +2 -2
  214. package/icons/IconDevice.js +0 -5
  215. package/icons/IconDevice.js.map +1 -1
  216. package/icons/IconDocument.d.ts +2 -2
  217. package/icons/IconDocument.js +0 -5
  218. package/icons/IconDocument.js.map +1 -1
  219. package/icons/IconDocumentReadOnly.d.ts +2 -2
  220. package/icons/IconDocumentReadOnly.js +0 -5
  221. package/icons/IconDocumentReadOnly.js.map +1 -1
  222. package/icons/IconExpert.d.ts +2 -2
  223. package/icons/IconExpert.js +0 -5
  224. package/icons/IconExpert.js.map +1 -1
  225. package/icons/IconFx.d.ts +2 -2
  226. package/icons/IconFx.js +0 -5
  227. package/icons/IconFx.js.map +1 -1
  228. package/icons/IconInstance.d.ts +2 -2
  229. package/icons/IconInstance.js +0 -5
  230. package/icons/IconInstance.js.map +1 -1
  231. package/icons/IconLogout.d.ts +2 -2
  232. package/icons/IconLogout.js +0 -5
  233. package/icons/IconLogout.js.map +1 -1
  234. package/icons/IconNoIcon.d.ts +2 -2
  235. package/icons/IconNoIcon.js +0 -5
  236. package/icons/IconNoIcon.js.map +1 -1
  237. package/icons/IconOpen.d.ts +2 -2
  238. package/icons/IconOpen.js +0 -5
  239. package/icons/IconOpen.js.map +1 -1
  240. package/icons/IconState.d.ts +2 -2
  241. package/icons/IconState.js +0 -6
  242. package/icons/IconState.js.map +1 -1
  243. 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
@@ -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":"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"}
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":";;;;;;;;;;;;;;;;;;;;;;;;;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
+ {"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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"}