@majoo-ui/react 1.63.3 → 2.0.1

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/index.esm.css CHANGED
@@ -1,248 +1,3 @@
1
- .ReactCrop {
2
- position: relative;
3
- display: inline-block;
4
- cursor: crosshair;
5
- overflow: hidden;
6
- max-width: 100%;
7
- }
8
- .ReactCrop *,
9
- .ReactCrop *::before,
10
- .ReactCrop *::after {
11
- box-sizing: border-box;
12
- }
13
- .ReactCrop--disabled,
14
- .ReactCrop--locked {
15
- cursor: inherit;
16
- }
17
- .ReactCrop__child-wrapper {
18
- max-height: inherit;
19
- }
20
- .ReactCrop__child-wrapper > img,
21
- .ReactCrop__child-wrapper > video {
22
- display: block;
23
- max-width: 100%;
24
- max-height: inherit;
25
- touch-action: none;
26
- }
27
- .ReactCrop__crop-selection {
28
- position: absolute;
29
- top: 0;
30
- left: 0;
31
- transform: translate3d(0, 0, 0);
32
- cursor: move;
33
- box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
34
- touch-action: none;
35
- border: 1px dashed #fff;
36
- }
37
- .ReactCrop--disabled .ReactCrop__crop-selection {
38
- cursor: inherit;
39
- }
40
- .ReactCrop--circular-crop .ReactCrop__crop-selection {
41
- border-radius: 50%;
42
- box-shadow: 0px 0px 1px 1px #fff, 0 0 0 9999em rgba(0, 0, 0, 0.5);
43
- }
44
- .ReactCrop__crop-selection:focus {
45
- outline: none;
46
- border-color: blue;
47
- border-style: solid;
48
- }
49
- .ReactCrop--invisible-crop .ReactCrop__crop-selection {
50
- display: none;
51
- }
52
- .ReactCrop__rule-of-thirds-vt::before,
53
- .ReactCrop__rule-of-thirds-vt::after,
54
- .ReactCrop__rule-of-thirds-hz::before,
55
- .ReactCrop__rule-of-thirds-hz::after {
56
- content: '';
57
- display: block;
58
- position: absolute;
59
- background-color: rgba(255, 255, 255, 0.4);
60
- }
61
- .ReactCrop__rule-of-thirds-vt::before,
62
- .ReactCrop__rule-of-thirds-vt::after {
63
- width: 1px;
64
- height: 100%;
65
- }
66
- .ReactCrop__rule-of-thirds-vt::before {
67
- left: 33.3333%;
68
- left: 33.3333333333%;
69
- }
70
- .ReactCrop__rule-of-thirds-vt::after {
71
- left: 66.6666%;
72
- left: 66.6666666667%;
73
- }
74
- .ReactCrop__rule-of-thirds-hz::before,
75
- .ReactCrop__rule-of-thirds-hz::after {
76
- width: 100%;
77
- height: 1px;
78
- }
79
- .ReactCrop__rule-of-thirds-hz::before {
80
- top: 33.3333%;
81
- top: 33.3333333333%;
82
- }
83
- .ReactCrop__rule-of-thirds-hz::after {
84
- top: 66.6666%;
85
- top: 66.6666666667%;
86
- }
87
- .ReactCrop__drag-handle {
88
- position: absolute;
89
- }
90
- .ReactCrop__drag-handle::after {
91
- position: absolute;
92
- content: '';
93
- display: block;
94
- width: 10px;
95
- height: 10px;
96
- background-color: rgba(0, 0, 0, 0.2);
97
- border: 1px solid rgba(255, 255, 255, 0.7);
98
- outline: 1px solid rgba(0, 0, 0, 0);
99
- }
100
- .ReactCrop__drag-handle:focus::after {
101
- border-color: blue;
102
- background: #2dbfff;
103
- }
104
- .ReactCrop .ord-nw {
105
- top: 0;
106
- left: 0;
107
- margin-top: -5px;
108
- margin-left: -5px;
109
- cursor: nw-resize;
110
- }
111
- .ReactCrop .ord-nw::after {
112
- top: 0;
113
- left: 0;
114
- }
115
- .ReactCrop .ord-n {
116
- top: 0;
117
- left: 50%;
118
- margin-top: -5px;
119
- margin-left: -5px;
120
- cursor: n-resize;
121
- }
122
- .ReactCrop .ord-n::after {
123
- top: 0;
124
- }
125
- .ReactCrop .ord-ne {
126
- top: 0;
127
- right: 0;
128
- margin-top: -5px;
129
- margin-right: -5px;
130
- cursor: ne-resize;
131
- }
132
- .ReactCrop .ord-ne::after {
133
- top: 0;
134
- right: 0;
135
- }
136
- .ReactCrop .ord-e {
137
- top: 50%;
138
- right: 0;
139
- margin-top: -5px;
140
- margin-right: -5px;
141
- cursor: e-resize;
142
- }
143
- .ReactCrop .ord-e::after {
144
- right: 0;
145
- }
146
- .ReactCrop .ord-se {
147
- bottom: 0;
148
- right: 0;
149
- margin-bottom: -5px;
150
- margin-right: -5px;
151
- cursor: se-resize;
152
- }
153
- .ReactCrop .ord-se::after {
154
- bottom: 0;
155
- right: 0;
156
- }
157
- .ReactCrop .ord-s {
158
- bottom: 0;
159
- left: 50%;
160
- margin-bottom: -5px;
161
- margin-left: -5px;
162
- cursor: s-resize;
163
- }
164
- .ReactCrop .ord-s::after {
165
- bottom: 0;
166
- }
167
- .ReactCrop .ord-sw {
168
- bottom: 0;
169
- left: 0;
170
- margin-bottom: -5px;
171
- margin-left: -5px;
172
- cursor: sw-resize;
173
- }
174
- .ReactCrop .ord-sw::after {
175
- bottom: 0;
176
- left: 0;
177
- }
178
- .ReactCrop .ord-w {
179
- top: 50%;
180
- left: 0;
181
- margin-top: -5px;
182
- margin-left: -5px;
183
- cursor: w-resize;
184
- }
185
- .ReactCrop .ord-w::after {
186
- left: 0;
187
- }
188
- .ReactCrop__disabled .ReactCrop__drag-handle {
189
- cursor: inherit;
190
- }
191
- .ReactCrop__drag-bar {
192
- position: absolute;
193
- }
194
- .ReactCrop__drag-bar.ord-n {
195
- top: 0;
196
- left: 0;
197
- width: 100%;
198
- height: 6px;
199
- margin-top: -3px;
200
- }
201
- .ReactCrop__drag-bar.ord-e {
202
- right: 0;
203
- top: 0;
204
- width: 6px;
205
- height: 100%;
206
- margin-right: -3px;
207
- }
208
- .ReactCrop__drag-bar.ord-s {
209
- bottom: 0;
210
- left: 0;
211
- width: 100%;
212
- height: 6px;
213
- margin-bottom: -3px;
214
- }
215
- .ReactCrop__drag-bar.ord-w {
216
- top: 0;
217
- left: 0;
218
- width: 6px;
219
- height: 100%;
220
- margin-left: -3px;
221
- }
222
- .ReactCrop--new-crop .ReactCrop__drag-bar,
223
- .ReactCrop--new-crop .ReactCrop__drag-handle,
224
- .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
225
- display: none;
226
- }
227
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
228
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
229
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
230
- .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
231
- display: none;
232
- }
233
- @media (pointer: coarse) {
234
- .ReactCrop .ord-n,
235
- .ReactCrop .ord-e,
236
- .ReactCrop .ord-s,
237
- .ReactCrop .ord-w {
238
- display: none;
239
- }
240
- .ReactCrop__drag-handle {
241
- width: 24px;
242
- height: 24px;
243
- }
244
- }
245
-
246
1
  .rdw-option-wrapper {
247
2
  padding: 5px;
248
3
  min-width: 25px;
@@ -1293,3 +1048,248 @@
1293
1048
  .recharts-pie-sector {
1294
1049
  outline: none;
1295
1050
  }
1051
+
1052
+ .ReactCrop {
1053
+ position: relative;
1054
+ display: inline-block;
1055
+ cursor: crosshair;
1056
+ overflow: hidden;
1057
+ max-width: 100%;
1058
+ }
1059
+ .ReactCrop *,
1060
+ .ReactCrop *::before,
1061
+ .ReactCrop *::after {
1062
+ box-sizing: border-box;
1063
+ }
1064
+ .ReactCrop--disabled,
1065
+ .ReactCrop--locked {
1066
+ cursor: inherit;
1067
+ }
1068
+ .ReactCrop__child-wrapper {
1069
+ max-height: inherit;
1070
+ }
1071
+ .ReactCrop__child-wrapper > img,
1072
+ .ReactCrop__child-wrapper > video {
1073
+ display: block;
1074
+ max-width: 100%;
1075
+ max-height: inherit;
1076
+ touch-action: none;
1077
+ }
1078
+ .ReactCrop__crop-selection {
1079
+ position: absolute;
1080
+ top: 0;
1081
+ left: 0;
1082
+ transform: translate3d(0, 0, 0);
1083
+ cursor: move;
1084
+ box-shadow: 0 0 0 9999em rgba(0, 0, 0, 0.5);
1085
+ touch-action: none;
1086
+ border: 1px dashed #fff;
1087
+ }
1088
+ .ReactCrop--disabled .ReactCrop__crop-selection {
1089
+ cursor: inherit;
1090
+ }
1091
+ .ReactCrop--circular-crop .ReactCrop__crop-selection {
1092
+ border-radius: 50%;
1093
+ box-shadow: 0px 0px 1px 1px #fff, 0 0 0 9999em rgba(0, 0, 0, 0.5);
1094
+ }
1095
+ .ReactCrop__crop-selection:focus {
1096
+ outline: none;
1097
+ border-color: blue;
1098
+ border-style: solid;
1099
+ }
1100
+ .ReactCrop--invisible-crop .ReactCrop__crop-selection {
1101
+ display: none;
1102
+ }
1103
+ .ReactCrop__rule-of-thirds-vt::before,
1104
+ .ReactCrop__rule-of-thirds-vt::after,
1105
+ .ReactCrop__rule-of-thirds-hz::before,
1106
+ .ReactCrop__rule-of-thirds-hz::after {
1107
+ content: '';
1108
+ display: block;
1109
+ position: absolute;
1110
+ background-color: rgba(255, 255, 255, 0.4);
1111
+ }
1112
+ .ReactCrop__rule-of-thirds-vt::before,
1113
+ .ReactCrop__rule-of-thirds-vt::after {
1114
+ width: 1px;
1115
+ height: 100%;
1116
+ }
1117
+ .ReactCrop__rule-of-thirds-vt::before {
1118
+ left: 33.3333%;
1119
+ left: 33.3333333333%;
1120
+ }
1121
+ .ReactCrop__rule-of-thirds-vt::after {
1122
+ left: 66.6666%;
1123
+ left: 66.6666666667%;
1124
+ }
1125
+ .ReactCrop__rule-of-thirds-hz::before,
1126
+ .ReactCrop__rule-of-thirds-hz::after {
1127
+ width: 100%;
1128
+ height: 1px;
1129
+ }
1130
+ .ReactCrop__rule-of-thirds-hz::before {
1131
+ top: 33.3333%;
1132
+ top: 33.3333333333%;
1133
+ }
1134
+ .ReactCrop__rule-of-thirds-hz::after {
1135
+ top: 66.6666%;
1136
+ top: 66.6666666667%;
1137
+ }
1138
+ .ReactCrop__drag-handle {
1139
+ position: absolute;
1140
+ }
1141
+ .ReactCrop__drag-handle::after {
1142
+ position: absolute;
1143
+ content: '';
1144
+ display: block;
1145
+ width: 10px;
1146
+ height: 10px;
1147
+ background-color: rgba(0, 0, 0, 0.2);
1148
+ border: 1px solid rgba(255, 255, 255, 0.7);
1149
+ outline: 1px solid rgba(0, 0, 0, 0);
1150
+ }
1151
+ .ReactCrop__drag-handle:focus::after {
1152
+ border-color: blue;
1153
+ background: #2dbfff;
1154
+ }
1155
+ .ReactCrop .ord-nw {
1156
+ top: 0;
1157
+ left: 0;
1158
+ margin-top: -5px;
1159
+ margin-left: -5px;
1160
+ cursor: nw-resize;
1161
+ }
1162
+ .ReactCrop .ord-nw::after {
1163
+ top: 0;
1164
+ left: 0;
1165
+ }
1166
+ .ReactCrop .ord-n {
1167
+ top: 0;
1168
+ left: 50%;
1169
+ margin-top: -5px;
1170
+ margin-left: -5px;
1171
+ cursor: n-resize;
1172
+ }
1173
+ .ReactCrop .ord-n::after {
1174
+ top: 0;
1175
+ }
1176
+ .ReactCrop .ord-ne {
1177
+ top: 0;
1178
+ right: 0;
1179
+ margin-top: -5px;
1180
+ margin-right: -5px;
1181
+ cursor: ne-resize;
1182
+ }
1183
+ .ReactCrop .ord-ne::after {
1184
+ top: 0;
1185
+ right: 0;
1186
+ }
1187
+ .ReactCrop .ord-e {
1188
+ top: 50%;
1189
+ right: 0;
1190
+ margin-top: -5px;
1191
+ margin-right: -5px;
1192
+ cursor: e-resize;
1193
+ }
1194
+ .ReactCrop .ord-e::after {
1195
+ right: 0;
1196
+ }
1197
+ .ReactCrop .ord-se {
1198
+ bottom: 0;
1199
+ right: 0;
1200
+ margin-bottom: -5px;
1201
+ margin-right: -5px;
1202
+ cursor: se-resize;
1203
+ }
1204
+ .ReactCrop .ord-se::after {
1205
+ bottom: 0;
1206
+ right: 0;
1207
+ }
1208
+ .ReactCrop .ord-s {
1209
+ bottom: 0;
1210
+ left: 50%;
1211
+ margin-bottom: -5px;
1212
+ margin-left: -5px;
1213
+ cursor: s-resize;
1214
+ }
1215
+ .ReactCrop .ord-s::after {
1216
+ bottom: 0;
1217
+ }
1218
+ .ReactCrop .ord-sw {
1219
+ bottom: 0;
1220
+ left: 0;
1221
+ margin-bottom: -5px;
1222
+ margin-left: -5px;
1223
+ cursor: sw-resize;
1224
+ }
1225
+ .ReactCrop .ord-sw::after {
1226
+ bottom: 0;
1227
+ left: 0;
1228
+ }
1229
+ .ReactCrop .ord-w {
1230
+ top: 50%;
1231
+ left: 0;
1232
+ margin-top: -5px;
1233
+ margin-left: -5px;
1234
+ cursor: w-resize;
1235
+ }
1236
+ .ReactCrop .ord-w::after {
1237
+ left: 0;
1238
+ }
1239
+ .ReactCrop__disabled .ReactCrop__drag-handle {
1240
+ cursor: inherit;
1241
+ }
1242
+ .ReactCrop__drag-bar {
1243
+ position: absolute;
1244
+ }
1245
+ .ReactCrop__drag-bar.ord-n {
1246
+ top: 0;
1247
+ left: 0;
1248
+ width: 100%;
1249
+ height: 6px;
1250
+ margin-top: -3px;
1251
+ }
1252
+ .ReactCrop__drag-bar.ord-e {
1253
+ right: 0;
1254
+ top: 0;
1255
+ width: 6px;
1256
+ height: 100%;
1257
+ margin-right: -3px;
1258
+ }
1259
+ .ReactCrop__drag-bar.ord-s {
1260
+ bottom: 0;
1261
+ left: 0;
1262
+ width: 100%;
1263
+ height: 6px;
1264
+ margin-bottom: -3px;
1265
+ }
1266
+ .ReactCrop__drag-bar.ord-w {
1267
+ top: 0;
1268
+ left: 0;
1269
+ width: 6px;
1270
+ height: 100%;
1271
+ margin-left: -3px;
1272
+ }
1273
+ .ReactCrop--new-crop .ReactCrop__drag-bar,
1274
+ .ReactCrop--new-crop .ReactCrop__drag-handle,
1275
+ .ReactCrop--fixed-aspect .ReactCrop__drag-bar {
1276
+ display: none;
1277
+ }
1278
+ .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,
1279
+ .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,
1280
+ .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,
1281
+ .ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w {
1282
+ display: none;
1283
+ }
1284
+ @media (pointer: coarse) {
1285
+ .ReactCrop .ord-n,
1286
+ .ReactCrop .ord-e,
1287
+ .ReactCrop .ord-s,
1288
+ .ReactCrop .ord-w {
1289
+ display: none;
1290
+ }
1291
+ .ReactCrop__drag-handle {
1292
+ width: 24px;
1293
+ height: 24px;
1294
+ }
1295
+ }