@rio-cloud/rio-uikit 0.15.0-beta-49 → 0.15.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/README.md +185 -184
- package/lib/components/assetTree/AssetTree.less +2 -2
- package/lib/components/browserWarning/BrowserWarningMessageDE.js +1 -1
- package/lib/components/browserWarning/BrowserWarningMessageEN.js +1 -1
- package/lib/components/clearableInput/ClearableInput.less +1 -1
- package/lib/components/datepicker/DatePicker.js +41 -72
- package/lib/components/datepicker/DatePicker.less +31 -5
- package/lib/components/numberControl/NumberControl.js +4 -0
- package/lib/components/numberInput/NumberInput.js +15 -14
- package/lib/components/tooltip/Tooltip.less +0 -10
- package/lib/style/css/_exports/rio-website.less +61 -0
- package/lib/style/css/bootstrap/badges.less +0 -12
- package/lib/style/css/bootstrap/type.less +11 -4
- package/lib/style/css/rio-theme/badges.less +48 -1
- package/lib/style/css/rio-theme/buttons.less +32 -46
- package/lib/style/css/rio-theme/navbar.less +1 -1
- package/lib/types.ts +3 -0
- package/lib/utils/deviceUtils.js +0 -4
- package/lib/version.json +1 -1
- package/package.json +22 -20
package/README.md
CHANGED
|
@@ -12,196 +12,197 @@ Changes made without incrementing the version number will not be published under
|
|
|
12
12
|
"in development" state will be available under https://uikit.developers.rio.cloud/latest
|
|
13
13
|
|
|
14
14
|
## Development
|
|
15
|
+
|
|
15
16
|
To run the UIKIT and the UIKIT Demo locally for development, use:
|
|
16
17
|
|
|
17
18
|
```bash
|
|
18
19
|
$ npm install && cd uikit-demo/ && npm i && npm start
|
|
19
20
|
```
|
|
21
|
+
|
|
20
22
|
The UIKIT demo is accessable at http://localhost:8090.
|
|
21
23
|
|
|
22
24
|
## License
|
|
23
25
|
|
|
24
26
|
RIO UIKIT is licensed under the Apache 2.0 license.
|
|
25
27
|
|
|
26
|
-
|
|
27
28
|
Apache License
|
|
28
29
|
Version 2.0, January 2004
|
|
29
30
|
http://www.apache.org/licenses/
|
|
30
31
|
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
32
|
+
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
|
33
|
+
|
|
34
|
+
1. Definitions.
|
|
35
|
+
|
|
36
|
+
"License" shall mean the terms and conditions for use, reproduction,
|
|
37
|
+
and distribution as defined by Sections 1 through 9 of this document.
|
|
38
|
+
|
|
39
|
+
"Licensor" shall mean the copyright owner or entity authorized by
|
|
40
|
+
the copyright owner that is granting the License.
|
|
41
|
+
|
|
42
|
+
"Legal Entity" shall mean the union of the acting entity and all
|
|
43
|
+
other entities that control, are controlled by, or are under common
|
|
44
|
+
control with that entity. For the purposes of this definition,
|
|
45
|
+
"control" means (i) the power, direct or indirect, to cause the
|
|
46
|
+
direction or management of such entity, whether by contract or
|
|
47
|
+
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
|
48
|
+
outstanding shares, or (iii) beneficial ownership of such entity.
|
|
49
|
+
|
|
50
|
+
"You" (or "Your") shall mean an individual or Legal Entity
|
|
51
|
+
exercising permissions granted by this License.
|
|
52
|
+
|
|
53
|
+
"Source" form shall mean the preferred form for making modifications,
|
|
54
|
+
including but not limited to software source code, documentation
|
|
55
|
+
source, and configuration files.
|
|
56
|
+
|
|
57
|
+
"Object" form shall mean any form resulting from mechanical
|
|
58
|
+
transformation or translation of a Source form, including but
|
|
59
|
+
not limited to compiled object code, generated documentation,
|
|
60
|
+
and conversions to other media types.
|
|
61
|
+
|
|
62
|
+
"Work" shall mean the work of authorship, whether in Source or
|
|
63
|
+
Object form, made available under the License, as indicated by a
|
|
64
|
+
copyright notice that is included in or attached to the work
|
|
65
|
+
(an example is provided in the Appendix below).
|
|
66
|
+
|
|
67
|
+
"Derivative Works" shall mean any work, whether in Source or Object
|
|
68
|
+
form, that is based on (or derived from) the Work and for which the
|
|
69
|
+
editorial revisions, annotations, elaborations, or other modifications
|
|
70
|
+
represent, as a whole, an original work of authorship. For the purposes
|
|
71
|
+
of this License, Derivative Works shall not include works that remain
|
|
72
|
+
separable from, or merely link (or bind by name) to the interfaces of,
|
|
73
|
+
the Work and Derivative Works thereof.
|
|
74
|
+
|
|
75
|
+
"Contribution" shall mean any work of authorship, including
|
|
76
|
+
the original version of the Work and any modifications or additions
|
|
77
|
+
to that Work or Derivative Works thereof, that is intentionally
|
|
78
|
+
submitted to Licensor for inclusion in the Work by the copyright owner
|
|
79
|
+
or by an individual or Legal Entity authorized to submit on behalf of
|
|
80
|
+
the copyright owner. For the purposes of this definition, "submitted"
|
|
81
|
+
means any form of electronic, verbal, or written communication sent
|
|
82
|
+
to the Licensor or its representatives, including but not limited to
|
|
83
|
+
communication on electronic mailing lists, source code control systems,
|
|
84
|
+
and issue tracking systems that are managed by, or on behalf of, the
|
|
85
|
+
Licensor for the purpose of discussing and improving the Work, but
|
|
86
|
+
excluding communication that is conspicuously marked or otherwise
|
|
87
|
+
designated in writing by the copyright owner as "Not a Contribution."
|
|
88
|
+
|
|
89
|
+
"Contributor" shall mean Licensor and any individual or Legal Entity
|
|
90
|
+
on behalf of whom a Contribution has been received by Licensor and
|
|
91
|
+
subsequently incorporated within the Work.
|
|
92
|
+
|
|
93
|
+
2. Grant of Copyright License. Subject to the terms and conditions of
|
|
94
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
95
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
96
|
+
copyright license to reproduce, prepare Derivative Works of,
|
|
97
|
+
publicly display, publicly perform, sublicense, and distribute the
|
|
98
|
+
Work and such Derivative Works in Source or Object form.
|
|
99
|
+
|
|
100
|
+
3. Grant of Patent License. Subject to the terms and conditions of
|
|
101
|
+
this License, each Contributor hereby grants to You a perpetual,
|
|
102
|
+
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
|
103
|
+
(except as stated in this section) patent license to make, have made,
|
|
104
|
+
use, offer to sell, sell, import, and otherwise transfer the Work,
|
|
105
|
+
where such license applies only to those patent claims licensable
|
|
106
|
+
by such Contributor that are necessarily infringed by their
|
|
107
|
+
Contribution(s) alone or by combination of their Contribution(s)
|
|
108
|
+
with the Work to which such Contribution(s) was submitted. If You
|
|
109
|
+
institute patent litigation against any entity (including a
|
|
110
|
+
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
|
111
|
+
or a Contribution incorporated within the Work constitutes direct
|
|
112
|
+
or contributory patent infringement, then any patent licenses
|
|
113
|
+
granted to You under this License for that Work shall terminate
|
|
114
|
+
as of the date such litigation is filed.
|
|
115
|
+
|
|
116
|
+
4. Redistribution. You may reproduce and distribute copies of the
|
|
117
|
+
Work or Derivative Works thereof in any medium, with or without
|
|
118
|
+
modifications, and in Source or Object form, provided that You
|
|
119
|
+
meet the following conditions:
|
|
120
|
+
|
|
121
|
+
(a) You must give any other recipients of the Work or
|
|
122
|
+
Derivative Works a copy of this License; and
|
|
123
|
+
|
|
124
|
+
(b) You must cause any modified files to carry prominent notices
|
|
125
|
+
stating that You changed the files; and
|
|
126
|
+
|
|
127
|
+
(c) You must retain, in the Source form of any Derivative Works
|
|
128
|
+
that You distribute, all copyright, patent, trademark, and
|
|
129
|
+
attribution notices from the Source form of the Work,
|
|
130
|
+
excluding those notices that do not pertain to any part of
|
|
131
|
+
the Derivative Works; and
|
|
132
|
+
|
|
133
|
+
(d) If the Work includes a "NOTICE" text file as part of its
|
|
134
|
+
distribution, then any Derivative Works that You distribute must
|
|
135
|
+
include a readable copy of the attribution notices contained
|
|
136
|
+
within such NOTICE file, excluding those notices that do not
|
|
137
|
+
pertain to any part of the Derivative Works, in at least one
|
|
138
|
+
of the following places: within a NOTICE text file distributed
|
|
139
|
+
as part of the Derivative Works; within the Source form or
|
|
140
|
+
documentation, if provided along with the Derivative Works; or,
|
|
141
|
+
within a display generated by the Derivative Works, if and
|
|
142
|
+
wherever such third-party notices normally appear. The contents
|
|
143
|
+
of the NOTICE file are for informational purposes only and
|
|
144
|
+
do not modify the License. You may add Your own attribution
|
|
145
|
+
notices within Derivative Works that You distribute, alongside
|
|
146
|
+
or as an addendum to the NOTICE text from the Work, provided
|
|
147
|
+
that such additional attribution notices cannot be construed
|
|
148
|
+
as modifying the License.
|
|
149
|
+
|
|
150
|
+
You may add Your own copyright statement to Your modifications and
|
|
151
|
+
may provide additional or different license terms and conditions
|
|
152
|
+
for use, reproduction, or distribution of Your modifications, or
|
|
153
|
+
for any such Derivative Works as a whole, provided Your use,
|
|
154
|
+
reproduction, and distribution of the Work otherwise complies with
|
|
155
|
+
the conditions stated in this License.
|
|
156
|
+
|
|
157
|
+
5. Submission of Contributions. Unless You explicitly state otherwise,
|
|
158
|
+
any Contribution intentionally submitted for inclusion in the Work
|
|
159
|
+
by You to the Licensor shall be under the terms and conditions of
|
|
160
|
+
this License, without any additional terms or conditions.
|
|
161
|
+
Notwithstanding the above, nothing herein shall supersede or modify
|
|
162
|
+
the terms of any separate license agreement you may have executed
|
|
163
|
+
with Licensor regarding such Contributions.
|
|
164
|
+
|
|
165
|
+
6. Trademarks. This License does not grant permission to use the trade
|
|
166
|
+
names, trademarks, service marks, or product names of the Licensor,
|
|
167
|
+
except as required for reasonable and customary use in describing the
|
|
168
|
+
origin of the Work and reproducing the content of the NOTICE file.
|
|
169
|
+
|
|
170
|
+
7. Disclaimer of Warranty. Unless required by applicable law or
|
|
171
|
+
agreed to in writing, Licensor provides the Work (and each
|
|
172
|
+
Contributor provides its Contributions) on an "AS IS" BASIS,
|
|
173
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
174
|
+
implied, including, without limitation, any warranties or conditions
|
|
175
|
+
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
|
176
|
+
PARTICULAR PURPOSE. You are solely responsible for determining the
|
|
177
|
+
appropriateness of using or redistributing the Work and assume any
|
|
178
|
+
risks associated with Your exercise of permissions under this License.
|
|
179
|
+
|
|
180
|
+
8. Limitation of Liability. In no event and under no legal theory,
|
|
181
|
+
whether in tort (including negligence), contract, or otherwise,
|
|
182
|
+
unless required by applicable law (such as deliberate and grossly
|
|
183
|
+
negligent acts) or agreed to in writing, shall any Contributor be
|
|
184
|
+
liable to You for damages, including any direct, indirect, special,
|
|
185
|
+
incidental, or consequential damages of any character arising as a
|
|
186
|
+
result of this License or out of the use or inability to use the
|
|
187
|
+
Work (including but not limited to damages for loss of goodwill,
|
|
188
|
+
work stoppage, computer failure or malfunction, or any and all
|
|
189
|
+
other commercial damages or losses), even if such Contributor
|
|
190
|
+
has been advised of the possibility of such damages.
|
|
191
|
+
|
|
192
|
+
9. Accepting Warranty or Additional Liability. While redistributing
|
|
193
|
+
the Work or Derivative Works thereof, You may choose to offer,
|
|
194
|
+
and charge a fee for, acceptance of support, warranty, indemnity,
|
|
195
|
+
or other liability obligations and/or rights consistent with this
|
|
196
|
+
License. However, in accepting such obligations, You may act only
|
|
197
|
+
on Your own behalf and on Your sole responsibility, not on behalf
|
|
198
|
+
of any other Contributor, and only if You agree to indemnify,
|
|
199
|
+
defend, and hold each Contributor harmless for any liability
|
|
200
|
+
incurred by, or claims asserted against, such Contributor by reason
|
|
201
|
+
of your accepting any such warranty or additional liability.
|
|
202
|
+
|
|
203
|
+
END OF TERMS AND CONDITIONS
|
|
204
|
+
|
|
205
|
+
APPENDIX: How to apply the Apache License to your work.
|
|
205
206
|
|
|
206
207
|
To apply the Apache License to your work, attach the following
|
|
207
208
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
|
@@ -212,16 +213,16 @@ RIO UIKIT is licensed under the Apache 2.0 license.
|
|
|
212
213
|
same "printed page" as the copyright notice for easier
|
|
213
214
|
identification within third-party archives.
|
|
214
215
|
|
|
215
|
-
|
|
216
|
+
Copyright 2021 TB Digital Services GmbH
|
|
216
217
|
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
218
|
+
Licensed under the Apache License, Version 2.0 (the "License");
|
|
219
|
+
you may not use this file except in compliance with the License.
|
|
220
|
+
You may obtain a copy of the License at
|
|
220
221
|
|
|
221
222
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
222
223
|
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
224
|
+
Unless required by applicable law or agreed to in writing, software
|
|
225
|
+
distributed under the License is distributed on an "AS IS" BASIS,
|
|
226
|
+
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
227
|
+
See the License for the specific language governing permissions and
|
|
228
|
+
limitations under the License.
|
|
@@ -349,7 +349,7 @@
|
|
|
349
349
|
}
|
|
350
350
|
|
|
351
351
|
.TreeLabelName {
|
|
352
|
-
align-items: start;
|
|
352
|
+
align-items: flex-start;
|
|
353
353
|
display: flex;
|
|
354
354
|
flex: 1 1 0;
|
|
355
355
|
font-weight: @text-normal;
|
|
@@ -423,7 +423,7 @@
|
|
|
423
423
|
}
|
|
424
424
|
|
|
425
425
|
.TreeLeaf {
|
|
426
|
-
align-items: start;
|
|
426
|
+
align-items: flex-start;
|
|
427
427
|
|
|
428
428
|
.TreeCheckbox {
|
|
429
429
|
margin: 9px 7px 0 0;
|
|
@@ -23,7 +23,7 @@ var BrowserWarningMessageDE = function BrowserWarningMessageDE(_ref) {
|
|
|
23
23
|
className: 'text-size-18 margin-bottom-25'
|
|
24
24
|
}, 'Der ', /*#__PURE__*/_react.default.createElement("b", null, 'Internet Explorer'), ' ist mit seinen knapp 7 Jahren nun langsam ins hohe Alter gekommen und kann ', 'in Sachen ', /*#__PURE__*/_react.default.createElement("b", null, 'Schnelligkeit'), ', ', /*#__PURE__*/_react.default.createElement("b", null, 'Features'), ' aber vor allem in Punkto ', /*#__PURE__*/_react.default.createElement("b", null, 'Sicherheit'), ', nicht mehr mit modernen Browsern mithalten.'), /*#__PURE__*/_react.default.createElement("p", {
|
|
25
25
|
className: 'text-size-18 margin-bottom-25'
|
|
26
|
-
}, 'Wir bei RIO haben uns das Ziel gesetzt, Ihnen die ', /*#__PURE__*/_react.default.createElement("b", null, 'bestmögliche Software'), ' bereitzustellen um Ihnen ein ', /*#__PURE__*/_react.default.createElement("b", null, 'optimales Nutzungserlebnis'), ' zu bieten. Daher haben wir uns dazu entschlossen den Support für ', 'den IE11
|
|
26
|
+
}, 'Wir bei RIO haben uns das Ziel gesetzt, Ihnen die ', /*#__PURE__*/_react.default.createElement("b", null, 'bestmögliche Software'), ' bereitzustellen um Ihnen ein ', /*#__PURE__*/_react.default.createElement("b", null, 'optimales Nutzungserlebnis'), ' zu bieten. Daher haben wir uns dazu entschlossen den Support für ', 'den IE11 einzustellen.'), /*#__PURE__*/_react.default.createElement("p", {
|
|
27
27
|
className: 'text-size-18'
|
|
28
28
|
}, /*#__PURE__*/_react.default.createElement("b", null, 'Erleben Sie RIO von einer ganz neuen Seite, z.B. mit einem der folgenden Browser:'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
29
29
|
className: "display-flex justify-content-center justify-content-around flex-wrap\n padding-right-2pct-ls padding-left-2pct-ls"
|
|
@@ -23,7 +23,7 @@ var BrowserWarningMessageEN = function BrowserWarningMessageEN(_ref) {
|
|
|
23
23
|
className: 'text-size-18 margin-bottom-25'
|
|
24
24
|
}, 'With just under 7 years the ', /*#__PURE__*/_react.default.createElement("b", null, 'Internet Explorer'), ' is slowly getting old and can no longer keep up with modern browsers in terms of ', /*#__PURE__*/_react.default.createElement("b", null, 'speed'), ', ', /*#__PURE__*/_react.default.createElement("b", null, 'functionality'), ' but above all in terms of ', /*#__PURE__*/_react.default.createElement("b", null, 'security'), '.'), /*#__PURE__*/_react.default.createElement("p", {
|
|
25
25
|
className: 'text-size-18 margin-bottom-25'
|
|
26
|
-
}, 'We at RIO, have set ourselves the goal of providing you with the ', /*#__PURE__*/_react.default.createElement("b", null, 'best possible software'), ' to offer you the ', /*#__PURE__*/_react.default.createElement("b", null, 'best possible user experience'), '. Therefore, we have decided to end the support for the IE11
|
|
26
|
+
}, 'We at RIO, have set ourselves the goal of providing you with the ', /*#__PURE__*/_react.default.createElement("b", null, 'best possible software'), ' to offer you the ', /*#__PURE__*/_react.default.createElement("b", null, 'best possible user experience'), '. Therefore, we have decided to end the support for the IE11.'), /*#__PURE__*/_react.default.createElement("p", {
|
|
27
27
|
className: 'text-size-18'
|
|
28
28
|
}, /*#__PURE__*/_react.default.createElement("b", null, 'Experience RIO from a whole new side with a modern browser:'))), /*#__PURE__*/_react.default.createElement("div", {
|
|
29
29
|
className: "display-flex justify-content-center justify-content-around flex-wrap\n padding-right-2pct-ls padding-left-2pct-ls"
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
4
|
|
|
5
|
+
var _typeof3 = require("@babel/runtime/helpers/typeof");
|
|
6
|
+
|
|
5
7
|
Object.defineProperty(exports, "__esModule", {
|
|
6
8
|
value: true
|
|
7
9
|
});
|
|
@@ -9,21 +11,13 @@ exports.default = void 0;
|
|
|
9
11
|
|
|
10
12
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
13
|
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
15
|
-
|
|
16
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
14
|
+
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
17
15
|
|
|
18
|
-
var
|
|
16
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
17
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
|
-
|
|
24
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
18
|
+
var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
|
|
25
19
|
|
|
26
|
-
var _react =
|
|
20
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
27
21
|
|
|
28
22
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
29
23
|
|
|
@@ -33,65 +27,40 @@ var _moment = _interopRequireDefault(require("moment"));
|
|
|
33
27
|
|
|
34
28
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
35
29
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
var
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
}, {
|
|
72
|
-
key: "render",
|
|
73
|
-
value: function render() {
|
|
74
|
-
var _this2 = this;
|
|
75
|
-
|
|
76
|
-
var _this$props = this.props,
|
|
77
|
-
className = _this$props.className,
|
|
78
|
-
dropup = _this$props.dropup,
|
|
79
|
-
alignRight = _this$props.alignRight,
|
|
80
|
-
minWidth = _this$props.minWidth;
|
|
81
|
-
var hasError = this.state.hasError;
|
|
82
|
-
var classes = (0, _classnames.default)('DatePicker', className && className, hasError && 'has-error', dropup && 'dropup', alignRight && 'align-right');
|
|
83
|
-
return /*#__PURE__*/_react.default.createElement(_reactDatetime.default, (0, _extends2.default)({
|
|
84
|
-
ref: function ref(node) {
|
|
85
|
-
return _this2.refDatePicker = node;
|
|
86
|
-
}
|
|
87
|
-
}, this.props, {
|
|
88
|
-
onChange: this.onChange,
|
|
89
|
-
className: classes
|
|
90
|
-
}));
|
|
91
|
-
}
|
|
92
|
-
}]);
|
|
93
|
-
return DatePicker;
|
|
94
|
-
}(_react.default.Component);
|
|
30
|
+
var _excluded = ["dropup", "alignRight", "onChange", "className"];
|
|
31
|
+
|
|
32
|
+
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); }
|
|
33
|
+
|
|
34
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
|
|
35
|
+
|
|
36
|
+
var isValidDate = function isValidDate(date) {
|
|
37
|
+
return (0, _typeof2.default)(date) === 'object';
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
var DatePicker = function DatePicker(props, ref) {
|
|
41
|
+
var dropup = props.dropup,
|
|
42
|
+
alignRight = props.alignRight,
|
|
43
|
+
onChange = props.onChange,
|
|
44
|
+
className = props.className,
|
|
45
|
+
remainingProp = (0, _objectWithoutProperties2.default)(props, _excluded);
|
|
46
|
+
|
|
47
|
+
var _useState = (0, _react.useState)(false),
|
|
48
|
+
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
49
|
+
hasError = _useState2[0],
|
|
50
|
+
setHasError = _useState2[1];
|
|
51
|
+
|
|
52
|
+
var handleChange = function handleChange(date) {
|
|
53
|
+
var isValid = isValidDate(date);
|
|
54
|
+
setHasError(!isValid);
|
|
55
|
+
onChange(date, isValid);
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
var classes = (0, _classnames.default)('DatePicker', hasError && 'has-error', dropup && 'dropup', alignRight && 'align-right', className && className);
|
|
59
|
+
return /*#__PURE__*/_react.default.createElement(_reactDatetime.default, (0, _extends2.default)({}, remainingProp, {
|
|
60
|
+
onChange: handleChange,
|
|
61
|
+
className: classes
|
|
62
|
+
}));
|
|
63
|
+
};
|
|
95
64
|
|
|
96
65
|
DatePicker.defaultProps = {
|
|
97
66
|
closeOnSelect: true,
|
|
@@ -100,7 +69,7 @@ DatePicker.defaultProps = {
|
|
|
100
69
|
locale: 'en-GB',
|
|
101
70
|
onChange: function onChange() {},
|
|
102
71
|
clearableInput: false,
|
|
103
|
-
minWidth:
|
|
72
|
+
minWidth: 0
|
|
104
73
|
};
|
|
105
74
|
DatePicker.propTypes = {
|
|
106
75
|
className: _propTypes.default.string,
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
border: 1px solid @gray-light;
|
|
14
14
|
display: none;
|
|
15
15
|
margin-top: 1px;
|
|
16
|
-
padding:
|
|
16
|
+
padding: 8px;
|
|
17
17
|
position: absolute;
|
|
18
18
|
width: 250px;
|
|
19
19
|
z-index: 99999 !important;
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
|
|
34
34
|
.rdtTimeToggle {
|
|
35
35
|
text-align: center;
|
|
36
|
+
padding-top: 2px;
|
|
36
37
|
}
|
|
37
38
|
|
|
38
39
|
table {
|
|
@@ -40,7 +41,7 @@
|
|
|
40
41
|
width: 100%;
|
|
41
42
|
|
|
42
43
|
td, th {
|
|
43
|
-
height:
|
|
44
|
+
height: 30px;
|
|
44
45
|
text-align: center;
|
|
45
46
|
}
|
|
46
47
|
|
|
@@ -122,14 +123,13 @@
|
|
|
122
123
|
}
|
|
123
124
|
|
|
124
125
|
th {
|
|
125
|
-
border-bottom: 1px solid @gray-light;
|
|
126
|
+
// border-bottom: 1px solid @gray-light;
|
|
126
127
|
border-radius: @border-radius-base;
|
|
127
128
|
|
|
128
129
|
.rdtSwitch {
|
|
129
130
|
width: 100px;
|
|
130
131
|
}
|
|
131
132
|
|
|
132
|
-
|
|
133
133
|
&.rdtNext,
|
|
134
134
|
&.rdtPrev {
|
|
135
135
|
font-size: 21px;
|
|
@@ -165,7 +165,8 @@
|
|
|
165
165
|
}
|
|
166
166
|
|
|
167
167
|
tfoot {
|
|
168
|
-
border-top: 1px solid @gray-light;
|
|
168
|
+
// border-top: 1px solid @gray-light;
|
|
169
|
+
background-color: @gray-lightest;
|
|
169
170
|
}
|
|
170
171
|
|
|
171
172
|
button {
|
|
@@ -178,6 +179,29 @@
|
|
|
178
179
|
}
|
|
179
180
|
}
|
|
180
181
|
}
|
|
182
|
+
|
|
183
|
+
.rdtTime {
|
|
184
|
+
.rdtSwitch {
|
|
185
|
+
position: relative;
|
|
186
|
+
background-color: @gray-lightest;
|
|
187
|
+
|
|
188
|
+
&:hover {
|
|
189
|
+
background-color: @color-highlight-lightest;
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
&::before {
|
|
193
|
+
content: "\e97e";
|
|
194
|
+
font-family: 'rioglyph' !important;
|
|
195
|
+
font-size: 16px;
|
|
196
|
+
position: absolute;
|
|
197
|
+
height: 25px;
|
|
198
|
+
width: 25px;
|
|
199
|
+
color: @gray-darker;
|
|
200
|
+
left: 5px;
|
|
201
|
+
top: 3px;
|
|
202
|
+
}
|
|
203
|
+
}
|
|
204
|
+
}
|
|
181
205
|
}
|
|
182
206
|
|
|
183
207
|
.rdtNext span,
|
|
@@ -189,6 +213,7 @@
|
|
|
189
213
|
|
|
190
214
|
.rdtCounters {
|
|
191
215
|
display: inline-block;
|
|
216
|
+
margin-top: 5px;
|
|
192
217
|
|
|
193
218
|
> div {
|
|
194
219
|
float: left;
|
|
@@ -205,6 +230,7 @@
|
|
|
205
230
|
height: 40%;
|
|
206
231
|
line-height: 40px;
|
|
207
232
|
user-select: none;
|
|
233
|
+
border-radius: @border-radius-base;
|
|
208
234
|
|
|
209
235
|
&:hover {
|
|
210
236
|
background: @color-highlight-lightest;
|
|
@@ -179,12 +179,16 @@ var NumberControl = function NumberControl(props) {
|
|
|
179
179
|
}, unit), /*#__PURE__*/_react.default.createElement("div", {
|
|
180
180
|
onMouseDown: handleMouseDownOnDecrement,
|
|
181
181
|
onMouseUp: handleStopHolding,
|
|
182
|
+
role: 'button',
|
|
183
|
+
"aria-label": 'decrement-button',
|
|
182
184
|
className: 'decrementButton text-color-gray hover-text-color-dark'
|
|
183
185
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
184
186
|
className: 'rioglyph rioglyph-minus scale-90'
|
|
185
187
|
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
186
188
|
onMouseDown: handleMouseDownOnIncrement,
|
|
187
189
|
onMouseUp: handleStopHolding,
|
|
190
|
+
role: 'button',
|
|
191
|
+
"aria-label": 'increment-button',
|
|
188
192
|
className: 'incrementButton text-color-gray hover-text-color-dark margin-left-5'
|
|
189
193
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
190
194
|
className: 'rioglyph rioglyph-plus scale-90'
|
|
@@ -111,8 +111,6 @@ var NumberInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
111
111
|
}, [propValue, clampNumber]);
|
|
112
112
|
|
|
113
113
|
var applyValue = function applyValue(newValue) {
|
|
114
|
-
console.log(newValue);
|
|
115
|
-
|
|
116
114
|
if (isFormatted(newValue)) {
|
|
117
115
|
if (newValue === '-' || newValue === '') {
|
|
118
116
|
setState({
|
|
@@ -123,13 +121,14 @@ var NumberInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
123
121
|
} else {
|
|
124
122
|
var enteredValue = Number(newValue);
|
|
125
123
|
var isValid = enteredValue >= min && enteredValue <= max;
|
|
126
|
-
var newValidValue = clampNumber(enteredValue);
|
|
124
|
+
var newValidValue = clampNumber(enteredValue, min, max);
|
|
127
125
|
setState({
|
|
128
126
|
value: newValidValue,
|
|
129
127
|
enteredValue: enteredValue,
|
|
130
128
|
isValid: isValid
|
|
131
|
-
});
|
|
132
|
-
|
|
129
|
+
}); // Only call back the caller for valid values
|
|
130
|
+
|
|
131
|
+
isValid && onValueChanged(newValidValue);
|
|
133
132
|
}
|
|
134
133
|
}
|
|
135
134
|
};
|
|
@@ -139,6 +138,7 @@ var NumberInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
139
138
|
};
|
|
140
139
|
|
|
141
140
|
var handleBlur = function handleBlur(event) {
|
|
141
|
+
// console.log({enteredValue: state.enteredValue, event: Number(event.target.value)});
|
|
142
142
|
// When the vales is removed, keep the input empty but trigger the onValueChanged callback
|
|
143
143
|
// since the user has finished his input
|
|
144
144
|
var lastEnteredValue = state.enteredValue;
|
|
@@ -146,29 +146,30 @@ var NumberInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
|
146
146
|
if (lastEnteredValue === '') {
|
|
147
147
|
onValueChanged(lastEnteredValue);
|
|
148
148
|
return;
|
|
149
|
-
} // Otherwise, validate the
|
|
149
|
+
} // Otherwise, validate the input and calmp it if the entered value exeeds the limitations
|
|
150
150
|
|
|
151
151
|
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
applyValue(validNumber);
|
|
156
|
-
}
|
|
152
|
+
var convertedEnteredValue = convertNonIntegerToDefault(Number(lastEnteredValue), min);
|
|
153
|
+
var validNumber = clampNumber(convertedEnteredValue, min, max);
|
|
154
|
+
applyValue(validNumber);
|
|
157
155
|
};
|
|
158
156
|
|
|
159
157
|
var inputGroupClassNames = (0, _classnames.default)('input-group', bsSize === 'sm' && 'input-group-sm', bsSize === 'lg' && 'input-group-lg');
|
|
160
158
|
var inputClassNames = (0, _classnames.default)('form-control', 'no-controls', bsSize === 'sm' && 'input-sm', bsSize === 'lg' && 'input-lg', className);
|
|
161
159
|
|
|
162
|
-
var input = /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
|
|
160
|
+
var input = /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, remainingProps, {
|
|
163
161
|
type: type,
|
|
164
162
|
step: step,
|
|
163
|
+
min: min,
|
|
164
|
+
max: max,
|
|
165
165
|
value: state.isValid ? state.value : state.enteredValue,
|
|
166
166
|
className: inputClassNames,
|
|
167
167
|
disabled: disabled,
|
|
168
168
|
onBlur: handleBlur,
|
|
169
169
|
onChange: handleOnChange,
|
|
170
|
-
ref: ref
|
|
171
|
-
|
|
170
|
+
ref: ref,
|
|
171
|
+
"aria-label": 'number-input'
|
|
172
|
+
}));
|
|
172
173
|
|
|
173
174
|
return unit || inputAddon ? /*#__PURE__*/_react.default.createElement("div", {
|
|
174
175
|
className: inputGroupClassNames
|
|
@@ -6,16 +6,6 @@
|
|
|
6
6
|
@tooltip-opacity: 1;
|
|
7
7
|
|
|
8
8
|
.tooltip {
|
|
9
|
-
// IE11 Hacks
|
|
10
|
-
@media all and (-ms-high-contrast: none) {
|
|
11
|
-
.display-flex.flex-column {
|
|
12
|
-
display: block !important;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.tooltip-close {
|
|
16
|
-
display: none !important;
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
9
|
.tooltip-arrow {
|
|
20
10
|
position: absolute;
|
|
21
11
|
width: 0;
|
|
@@ -184,6 +184,10 @@ html.show-handheld-navigation {
|
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
+
body .module-content {
|
|
188
|
+
overflow: hidden;
|
|
189
|
+
}
|
|
190
|
+
|
|
187
191
|
.ApplicationHeader {
|
|
188
192
|
.navbar-brand {
|
|
189
193
|
background-image: url('@{cdnBase}/svg/common/ico_rio.svg') !important;
|
|
@@ -2050,4 +2054,61 @@ form[id*="contactForm"] {
|
|
|
2050
2054
|
padding-bottom: 56.25%;
|
|
2051
2055
|
}
|
|
2052
2056
|
}
|
|
2057
|
+
}
|
|
2058
|
+
|
|
2059
|
+
// section clippig
|
|
2060
|
+
|
|
2061
|
+
.section-wrapper {
|
|
2062
|
+
&[class*="clip-"]:after {
|
|
2063
|
+
content: "";
|
|
2064
|
+
background: @color-white;
|
|
2065
|
+
width: 100%;
|
|
2066
|
+
position: absolute;
|
|
2067
|
+
z-index: 1;
|
|
2068
|
+
}
|
|
2069
|
+
|
|
2070
|
+
&[class*="clip-top"]:after {
|
|
2071
|
+
top: 0;
|
|
2072
|
+
}
|
|
2073
|
+
|
|
2074
|
+
&[class*="clip-bottom"]::after {
|
|
2075
|
+
bottom: 0;
|
|
2076
|
+
}
|
|
2077
|
+
|
|
2078
|
+
&[class*="clip-white"]:after {
|
|
2079
|
+
background: @color-white
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
&[class*="clip-lightest"]::after {
|
|
2083
|
+
background: @gray-lightest
|
|
2084
|
+
}
|
|
2085
|
+
|
|
2086
|
+
&.clip-top-ltr:after {
|
|
2087
|
+
clip-path: polygon(0 0, 100% 0, 100% 100%);
|
|
2088
|
+
}
|
|
2089
|
+
|
|
2090
|
+
&.clip-top-rtl:after {
|
|
2091
|
+
clip-path: polygon(0 0, 100% 0, 0 100%);
|
|
2092
|
+
}
|
|
2093
|
+
|
|
2094
|
+
&.clip-bottom-ltr:after {
|
|
2095
|
+
clip-path: polygon(0 100%, 100% 0, 100% 100%);
|
|
2096
|
+
}
|
|
2097
|
+
|
|
2098
|
+
&.clip-bottom-rtl:after {
|
|
2099
|
+
clip-path: polygon(0 0, 100% 100%, 0 100%);
|
|
2100
|
+
}
|
|
2101
|
+
}
|
|
2102
|
+
|
|
2103
|
+
@media (max-width: @screen-ls) {
|
|
2104
|
+
.section-wrapper[class*="clip-"]:after {
|
|
2105
|
+
height: 0;
|
|
2106
|
+
padding-bottom: 5%;
|
|
2107
|
+
}
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2110
|
+
@media (min-width: @screen-ls) {
|
|
2111
|
+
.section-wrapper[class*="clip-"]:after {
|
|
2112
|
+
height: 50px;
|
|
2113
|
+
}
|
|
2053
2114
|
}
|
|
@@ -18,11 +18,6 @@
|
|
|
18
18
|
background-color: @badge-bg;
|
|
19
19
|
border-radius: @badge-border-radius;
|
|
20
20
|
|
|
21
|
-
// Empty badges collapse automatically (not available in IE8)
|
|
22
|
-
&:empty {
|
|
23
|
-
display: none;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
21
|
// Quick fix for badges in buttons
|
|
27
22
|
.btn & {
|
|
28
23
|
position: relative;
|
|
@@ -45,13 +40,6 @@
|
|
|
45
40
|
}
|
|
46
41
|
}
|
|
47
42
|
|
|
48
|
-
// Account for badges in navs
|
|
49
|
-
.list-group-item.active > &,
|
|
50
|
-
.nav-pills > .active > a > & {
|
|
51
|
-
color: @badge-active-color;
|
|
52
|
-
background-color: @badge-active-bg;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
43
|
.list-group-item > & {
|
|
56
44
|
float: right;
|
|
57
45
|
}
|
|
@@ -94,10 +94,17 @@ mark,
|
|
|
94
94
|
.text-nowrap { white-space: nowrap; }
|
|
95
95
|
|
|
96
96
|
// Transformation
|
|
97
|
-
.text-
|
|
98
|
-
.text-
|
|
99
|
-
.text-
|
|
100
|
-
.text-
|
|
97
|
+
.text-transform-none { text-transform: none; }
|
|
98
|
+
.text-capitalize { text-transform: capitalize; }
|
|
99
|
+
.text-lowercase { text-transform: lowercase; }
|
|
100
|
+
.text-uppercase { text-transform: uppercase; }
|
|
101
|
+
|
|
102
|
+
// uppercase only the first letter of the first
|
|
103
|
+
.text-capitalize-first-word {
|
|
104
|
+
&:first-letter {
|
|
105
|
+
text-transform: uppercase
|
|
106
|
+
}
|
|
107
|
+
}
|
|
101
108
|
|
|
102
109
|
// Contextual colors
|
|
103
110
|
.text-muted {
|
|
@@ -6,15 +6,21 @@
|
|
|
6
6
|
@badge-active-color: @link-color;
|
|
7
7
|
@badge-active-bg: @color-white;
|
|
8
8
|
@badge-font-weight: normal;
|
|
9
|
+
@badge-font-weight-bold: 600;
|
|
9
10
|
@badge-line-height: 1;
|
|
10
11
|
@badge-border-radius: 1000px;
|
|
11
12
|
|
|
12
13
|
.badge {
|
|
13
14
|
font-size: 12px;
|
|
14
|
-
min-width: 10px;
|
|
15
15
|
padding: 4px 7px;
|
|
16
16
|
vertical-align: baseline;
|
|
17
17
|
|
|
18
|
+
// Empty badges are just a dot
|
|
19
|
+
&:empty {
|
|
20
|
+
width: 16px;
|
|
21
|
+
height: 16px;
|
|
22
|
+
}
|
|
23
|
+
|
|
18
24
|
&.badge-lg {
|
|
19
25
|
font-size: 16px;
|
|
20
26
|
min-width: 24px;
|
|
@@ -25,6 +31,43 @@
|
|
|
25
31
|
min-width: 30px;
|
|
26
32
|
padding: 4px 9px;
|
|
27
33
|
}
|
|
34
|
+
|
|
35
|
+
&.badge-default {
|
|
36
|
+
color: @color-white;
|
|
37
|
+
background-color: @gray-dark;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&.badge-primary {
|
|
41
|
+
color: @color-white;
|
|
42
|
+
background-color: @brand-primary;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
&.badge-success {
|
|
46
|
+
color: @color-white;
|
|
47
|
+
background-color: @brand-success;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
&.badge-danger {
|
|
51
|
+
color: @color-white;
|
|
52
|
+
background-color: @brand-danger;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&.badge-warning {
|
|
56
|
+
color: @color-white;
|
|
57
|
+
background-color: @brand-warning;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
&.badge-info {
|
|
61
|
+
color: @color-white;
|
|
62
|
+
background-color: @brand-info;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&.badge-muted {
|
|
66
|
+
color: @gray-dark;
|
|
67
|
+
box-shadow: inset 0px 0px 0px 1px @gray-light;
|
|
68
|
+
background-color: @gray-lightest;
|
|
69
|
+
font-weight: @badge-font-weight-bold;
|
|
70
|
+
}
|
|
28
71
|
}
|
|
29
72
|
|
|
30
73
|
.indicated-icon {
|
|
@@ -43,5 +86,9 @@
|
|
|
43
86
|
position: absolute !important;
|
|
44
87
|
right: 0 !important;
|
|
45
88
|
top: 2px !important;
|
|
89
|
+
|
|
90
|
+
&:empty {
|
|
91
|
+
top: 6px !important;
|
|
92
|
+
}
|
|
46
93
|
}
|
|
47
94
|
}
|
|
@@ -100,21 +100,6 @@
|
|
|
100
100
|
}
|
|
101
101
|
}
|
|
102
102
|
|
|
103
|
-
// > *:not(.modal) {
|
|
104
|
-
// float: left !important;
|
|
105
|
-
|
|
106
|
-
// &:not(:last-child) {
|
|
107
|
-
// margin-right: 10px;
|
|
108
|
-
// }
|
|
109
|
-
// }
|
|
110
|
-
|
|
111
|
-
// .btn,
|
|
112
|
-
// .btn-group,
|
|
113
|
-
// .input-group {
|
|
114
|
-
// margin-left: 0 !important;
|
|
115
|
-
// float: none !important;
|
|
116
|
-
// }
|
|
117
|
-
|
|
118
103
|
.btn + .dropdown-toggle,
|
|
119
104
|
.btn-group > .btn:not(:first-child) {
|
|
120
105
|
margin-left: -1px !important;
|
|
@@ -573,37 +558,6 @@
|
|
|
573
558
|
}
|
|
574
559
|
}
|
|
575
560
|
|
|
576
|
-
.btn-default,
|
|
577
|
-
.btn-primary,
|
|
578
|
-
.btn-secondary,
|
|
579
|
-
.btn-success,
|
|
580
|
-
.btn-info,
|
|
581
|
-
.btn-warning,
|
|
582
|
-
.btn-danger {
|
|
583
|
-
&:not(.btn-link):not(.btn-action) {
|
|
584
|
-
transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
|
|
585
|
-
|
|
586
|
-
// Currently deactivated, because some services are already using the beta and we should introduce it globally and inform about it before.
|
|
587
|
-
// &:hover {
|
|
588
|
-
// transform: translateY(-2px);
|
|
589
|
-
// box-shadow: 0px 2px 4px 0px rgb(143 143 143 / 60%);
|
|
590
|
-
// }
|
|
591
|
-
}
|
|
592
|
-
}
|
|
593
|
-
|
|
594
|
-
// .btn-no-hover-effect:hover {
|
|
595
|
-
// transform: none !important;
|
|
596
|
-
// box-shadow: none !important;
|
|
597
|
-
// }
|
|
598
|
-
|
|
599
|
-
.input-group-btn,
|
|
600
|
-
.btn-group-vertical {
|
|
601
|
-
.btn:hover {
|
|
602
|
-
transform: none !important;
|
|
603
|
-
box-shadow: none !important;
|
|
604
|
-
}
|
|
605
|
-
}
|
|
606
|
-
|
|
607
561
|
.btn-ripple {
|
|
608
562
|
position: absolute;
|
|
609
563
|
z-index: 1;
|
|
@@ -619,3 +573,35 @@
|
|
|
619
573
|
opacity: 0;
|
|
620
574
|
}
|
|
621
575
|
}
|
|
576
|
+
|
|
577
|
+
|
|
578
|
+
// Currently deactivated, because some services are already using the beta and we should introduce it globally and inform about it before.
|
|
579
|
+
// .btn-default,
|
|
580
|
+
// .btn-primary,
|
|
581
|
+
// .btn-secondary,
|
|
582
|
+
// .btn-success,
|
|
583
|
+
// .btn-info,
|
|
584
|
+
// .btn-warning,
|
|
585
|
+
// .btn-danger {
|
|
586
|
+
// &:not(.btn-link):not(.btn-action) {
|
|
587
|
+
// transition: transform 0.1s ease-in-out, box-shadow 0.1s ease-in-out;
|
|
588
|
+
|
|
589
|
+
// &:hover {
|
|
590
|
+
// transform: translateY(-2px);
|
|
591
|
+
// box-shadow: 0px 2px 4px 0px rgb(143 143 143 / 60%);
|
|
592
|
+
// }
|
|
593
|
+
// }
|
|
594
|
+
// }
|
|
595
|
+
|
|
596
|
+
// .btn-no-hover-effect:hover {
|
|
597
|
+
// transform: none !important;
|
|
598
|
+
// box-shadow: none !important;
|
|
599
|
+
// }
|
|
600
|
+
|
|
601
|
+
// .input-group-btn,
|
|
602
|
+
// .btn-group-vertical {
|
|
603
|
+
// .btn:hover {
|
|
604
|
+
// transform: none !important;
|
|
605
|
+
// box-shadow: none !important;
|
|
606
|
+
// }
|
|
607
|
+
// }
|
package/lib/types.ts
CHANGED
|
@@ -60,11 +60,14 @@ export interface AnimatedNumberProps {
|
|
|
60
60
|
export interface ApplicationHeaderProps {
|
|
61
61
|
label?: React.ReactNode;
|
|
62
62
|
homeRoute?: React.ReactNode;
|
|
63
|
+
showHomeIcon?: boolean;
|
|
63
64
|
appNavigator?: React.ReactNode;
|
|
64
65
|
appNavigatorClassName?: string;
|
|
65
66
|
appMenuItems?: ModulePropTypes[];
|
|
66
67
|
navItems?: ModulePropTypes[];
|
|
67
68
|
actionBarItems: React.ReactNode[];
|
|
69
|
+
onMount?: Function;
|
|
70
|
+
onUnmount?: Function;
|
|
68
71
|
className?: string;
|
|
69
72
|
}
|
|
70
73
|
|
package/lib/utils/deviceUtils.js
CHANGED
|
@@ -72,10 +72,6 @@ var initdocumentBootstrapping = function initdocumentBootstrapping(document) {
|
|
|
72
72
|
var html = document.documentElement;
|
|
73
73
|
|
|
74
74
|
var setViewportUnits = function setViewportUnits() {
|
|
75
|
-
// eslint-disable-next-line max-len
|
|
76
|
-
// https://stackoverflow.com/questions/43054620/strict-mode-error-only-in-ie11-can-i-take-off-strict-mode-just-for-this-browser?rq=1
|
|
77
|
-
// IE11 does not allow to set style directly as it's read only
|
|
78
|
-
//html.style = calcViewportUnits();
|
|
79
75
|
html.setAttribute('style', calcViewportUnits());
|
|
80
76
|
};
|
|
81
77
|
|
package/lib/version.json
CHANGED
package/package.json
CHANGED
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rio-cloud/rio-uikit",
|
|
3
|
-
"version": "0.15.0
|
|
3
|
+
"version": "0.15.0",
|
|
4
4
|
"description": "The RIO UIKIT component library",
|
|
5
5
|
"repository": "https://collaboration.msi.audi.com/stash/projects/RIOFRONT/repos/uikit-web/browse",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"build": "NODE_ENV=production babel src --out-dir lib --copy-files && NODE_ENV=production webpack --progress --stats-children && echo '👉 Dont forget to perform npm update before release!'",
|
|
8
8
|
"check-licenses": "node tools/check-licenses.js .",
|
|
9
9
|
"check-updates": "node tools/checkUpdates.js",
|
|
10
|
+
"license-check": "license-checker --production --json --onlyAllow \"`cat whitelist.txt`\" --excludePackages \"rio-livemonitor@0.1.3\" --out licenses.txt",
|
|
10
11
|
"git-tasks": "node tools/gitTasks.js",
|
|
11
12
|
"lint": "$(npm bin)/eslint --ignore-pattern 'src/vendor/*' 'src/**/*.js' 'test/**/*.js'",
|
|
12
13
|
"lint-tasks": "node tools/lintTasks.js",
|
|
@@ -28,33 +29,34 @@
|
|
|
28
29
|
"check-licenses"
|
|
29
30
|
],
|
|
30
31
|
"devDependencies": {
|
|
31
|
-
"@babel/cli": "^7.
|
|
32
|
-
"@babel/core": "^7.
|
|
32
|
+
"@babel/cli": "^7.17.0",
|
|
33
|
+
"@babel/core": "^7.17.0",
|
|
33
34
|
"@babel/plugin-proposal-class-properties": "^7.16.7",
|
|
34
35
|
"@babel/plugin-proposal-object-rest-spread": "^7.16.7",
|
|
35
36
|
"@babel/plugin-syntax-dynamic-import": "^7.8.3",
|
|
36
37
|
"@babel/plugin-transform-react-display-name": "^7.16.7",
|
|
37
38
|
"@babel/plugin-transform-react-jsx": "^7.16.7",
|
|
38
|
-
"@babel/plugin-transform-runtime": "^7.
|
|
39
|
-
"@babel/preset-env": "^7.16.
|
|
39
|
+
"@babel/plugin-transform-runtime": "^7.17.0",
|
|
40
|
+
"@babel/preset-env": "^7.16.11",
|
|
40
41
|
"@babel/preset-react": "^7.16.7",
|
|
41
42
|
"@babel/runtime": "^7.16.7",
|
|
42
43
|
"@testing-library/react": "^12.1.2",
|
|
43
44
|
"@testing-library/user-event": "^13.5.0",
|
|
44
|
-
"@typescript-eslint/parser": "^
|
|
45
|
+
"@typescript-eslint/parser": "^5.10.1",
|
|
45
46
|
"autoprefixer": "^10.4.2",
|
|
46
47
|
"babel-eslint": "^10.1.0",
|
|
47
48
|
"babel-jest": "^27.4.6",
|
|
48
49
|
"babel-loader": "^8.2.2",
|
|
49
50
|
"babel-plugin-lodash": "^3.3.4",
|
|
50
|
-
"
|
|
51
|
-
"
|
|
52
|
-
"
|
|
51
|
+
"base64-font-loader": "^0.0.4",
|
|
52
|
+
"copy-webpack-plugin": "^10.2.4",
|
|
53
|
+
"core-js": "^3.21.0",
|
|
54
|
+
"css-loader": "5.2.7",
|
|
53
55
|
"css-minimizer-webpack-plugin": "^3.3.1",
|
|
54
|
-
"dotenv": "^
|
|
56
|
+
"dotenv": "^16.0.0",
|
|
55
57
|
"enzyme": "^3.11.0",
|
|
56
58
|
"enzyme-adapter-react-16": "^1.15.6",
|
|
57
|
-
"eslint": "^8.
|
|
59
|
+
"eslint": "^8.8.0",
|
|
58
60
|
"eslint-plugin-getsentry": "^2.0.0",
|
|
59
61
|
"eslint-plugin-react": "^7.28.0",
|
|
60
62
|
"expect": "^27.4.6",
|
|
@@ -69,16 +71,16 @@
|
|
|
69
71
|
"license-checker": "^25.0.1",
|
|
70
72
|
"mini-css-extract-plugin": "^2.5.2",
|
|
71
73
|
"node-gyp": "^8.4.1",
|
|
72
|
-
"npm-check-updates": "^12.1
|
|
74
|
+
"npm-check-updates": "^12.2.1",
|
|
73
75
|
"postcss-loader": "^5.2.0",
|
|
74
|
-
"postcss-preset-env": "^
|
|
76
|
+
"postcss-preset-env": "^7.3.1",
|
|
75
77
|
"postcss-short": "^5.0.0",
|
|
76
78
|
"pre-commit": "^1.2.2",
|
|
77
79
|
"prettier": "^2.2.1",
|
|
78
80
|
"process": "^0.11.10",
|
|
79
81
|
"react": "^16.14.0",
|
|
80
82
|
"react-dom": "^16.14.0",
|
|
81
|
-
"react-intl": "^5.24.
|
|
83
|
+
"react-intl": "^5.24.4",
|
|
82
84
|
"remove-files-webpack-plugin": "^1.5.0",
|
|
83
85
|
"script-loader": "^0.7.2",
|
|
84
86
|
"semver": "^7.3.5",
|
|
@@ -92,9 +94,9 @@
|
|
|
92
94
|
"webfont": "^11.0.0",
|
|
93
95
|
"webfont-webpack-plugin": "^1.0.0",
|
|
94
96
|
"webfonts-generator": "github:rio-cloud/webfonts-generator",
|
|
95
|
-
"webpack": "^5.
|
|
97
|
+
"webpack": "^5.67.0",
|
|
96
98
|
"webpack-bundle-analyzer": "^4.4.0",
|
|
97
|
-
"webpack-cli": "^4.
|
|
99
|
+
"webpack-cli": "^4.9.2",
|
|
98
100
|
"webpack-license-plugin": "^4.1.2"
|
|
99
101
|
},
|
|
100
102
|
"peerDependencies": {
|
|
@@ -113,7 +115,7 @@
|
|
|
113
115
|
"prop-types": "^15.8.1",
|
|
114
116
|
"react-bootstrap": "1.6.3",
|
|
115
117
|
"react-content-loader": "^6.0.3",
|
|
116
|
-
"react-datetime": "github:rio-cloud/react-datetime#
|
|
118
|
+
"react-datetime": "github:rio-cloud/react-datetime#v3.1.0-1-merged",
|
|
117
119
|
"react-debounce-input": "^3.2.3",
|
|
118
120
|
"react-dropzone": "^4.3.0",
|
|
119
121
|
"react-input-mask": "^3.0.0-alpha.2",
|
|
@@ -128,9 +130,9 @@
|
|
|
128
130
|
"browserslist": [
|
|
129
131
|
"last 2 versions",
|
|
130
132
|
"last 5 Chrome versions",
|
|
131
|
-
"Firefox >=
|
|
132
|
-
"Edge >=
|
|
133
|
-
"Safari >=
|
|
133
|
+
"Firefox >= 90",
|
|
134
|
+
"Edge >= 95",
|
|
135
|
+
"Safari >= 14"
|
|
134
136
|
],
|
|
135
137
|
"jest": {
|
|
136
138
|
"setupFilesAfterEnv": [
|