@majoo-ui/react 1.46.9-rc.1 → 1.47.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.
Files changed (11) hide show
  1. package/README.md +7 -7
  2. package/components/index.d.ts +1 -0
  3. package/components/mapPicker/InputMapPicker.d.ts +15 -0
  4. package/components/mapPicker/MapPicker.d.ts +15 -0
  5. package/components/mapPicker/index.d.ts +2 -0
  6. package/components/mapPicker/types/index.d.ts +87 -0
  7. package/index.esm.css +248 -244
  8. package/index.esm.js +1411 -801
  9. package/index.umd.css +248 -244
  10. package/index.umd.js +1433 -803
  11. package/package.json +3 -2
package/index.umd.css CHANGED
@@ -1,244 +1,248 @@
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
- }
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
+ .pac-container {
247
+ z-index: 1800;
248
+ }