@prozilla-os/settings 1.1.12 → 1.1.14
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/dist/main.js +457 -457
- package/dist/main.js.map +1 -1
- package/package.json +5 -5
package/dist/main.js
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('.
|
|
2
|
-
import { App as bt, AppsConfig as mt, useVirtualRoot as
|
|
3
|
-
import { jsxs as E, jsx as s, Fragment as
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var o=document.createElement("style");o.appendChild(document.createTextNode('._SettingsContainer_11gs4_1{width:100%;height:100%;position:sticky;top:0;left:0}._Settings_11gs4_1{--tabs-width: 10rem;flex:1;display:flex;width:100%;height:100%;background-color:var(--background-color-2)}._Tabs_11gs4_37{display:flex;gap:.25rem;flex-direction:column;min-width:calc(var(--tabs-width) / 2);width:var(--tabs-width);height:100%;max-width:50%;padding:.5rem;margin:0;background-color:var(--background-color-2);resize:horizontal;overflow:hidden}._TabButton_11gs4_67{display:flex;gap:.5rem;align-items:center;width:100%;min-width:fit-content;padding:.75rem;border-radius:var(--border-radius-1);font-size:.875rem}._TabButton_11gs4_67._ActiveTab_11gs4_89{background-color:var(--background-color-0)}._TabButton_11gs4_67:not(._ActiveTab_11gs4_89):hover,._TabButton_11gs4_67:not(._ActiveTab_11gs4_89):focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 50%,transparent)}._TabButton_11gs4_67>svg{height:1.35rem;aspect-ratio:1}._TabButton_11gs4_67>p{margin:0}._TabPanel_11gs4_125{flex:1;display:flex;flex-direction:column;align-content:flex-start;height:100%;padding:.5rem 1rem;background-color:var(--background-color-3);overflow:auto}._TabPanel_11gs4_125:not(._ActivePanel_11gs4_147){display:none}._Option_11gs4_155{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;width:100%;padding-bottom:1rem}._OptionList_11gs4_175{gap:.5rem}._OptionList_11gs4_175 ._Option_11gs4_155{padding-bottom:0}._OptionHorizontal_11gs4_191{flex-direction:row;justify-content:space-between}._Option_11gs4_155>._Label_11gs4_201{color:var(--foreground-color-0)}._Input_11gs4_209{display:flex;gap:.5rem;flex-wrap:wrap}._Input_11gs4_209>label{flex:1;display:flex}._ImageSelectContainer_11gs4_231{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.5rem}._ImageSelect_11gs4_231{display:block;width:100%}._ImageSelect_11gs4_231>input{position:absolute;opacity:0;width:0;height:0}._ImageSelect_11gs4_231>input:hover+img,._ImageSelect_11gs4_231>input:focus-visible+img{filter:brightness(110%)}._ImageSelect_11gs4_231>input:checked+img{outline:.25em solid var(--foreground-color-0)}._ImageSelect_11gs4_231>img{width:100%;height:100%;border-radius:var(--border-radius-1);transition:filter var(--transition-duration-0) var(--ease-in-out-default);cursor:pointer}._ButtonGroup_11gs4_301{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}._ButtonGroup_11gs4_301 ._Button_11gs4_301{margin-bottom:0}._Button_11gs4_301{--normal-color: var(--background-color-0) !important;--hover-color: var(--background-color-1) !important;margin-bottom:.75rem!important;padding:.5rem 1rem;border-radius:var(--border-radius-1)}._ButtonDanger_11gs4_341{--text-color: var(--black-1) !important;--normal-color: var(--red-0) !important;--hover-color: var(--red-1) !important}._IconButton_11gs4_353{--color: var(--foreground-color-0);position:relative;height:1.25rem;width:auto;padding:0;background:none;border:none;outline:none;aspect-ratio:1;cursor:pointer}._IconButton_11gs4_353:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:var(--border-radius-99);transform:scale(1);transform-origin:center;transition:all var(--transition-duration-1) var(--ease-in-out-default)}._IconButton_11gs4_353:hover:after,._IconButton_11gs4_353:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_11gs4_353:disabled{--color: var(--foreground-color-2)}._IconButton_11gs4_353 svg{height:100%}._IconButton_11gs4_353 svg path{fill:var(--color);transition:fill var(--transition-duration-0) var(--ease-in-out-default)}._ProgressBarContainer_11gs4_445{width:100%;max-width:35rem}._ProgressBar_11gs4_445{width:100%!important}._ProgressBarLabels_11gs4_463{display:flex;justify-content:space-between;width:100%}._Option_11gs4_155>span._Label_11gs4_201{display:flex;gap:.5rem;align-items:center}._Icon_11gs4_353{display:inline-block;width:2rem;height:2rem}._Icon_11gs4_353 div{width:inherit;height:inherit}._Icon_11gs4_353 div>svg{width:inherit;height:inherit;object-fit:contain}._Dropdown_11gs4_521{width:auto;max-width:calc(60% - var(--gap));padding:.5rem 1rem;color:var(--text-color);background-color:var(--background-color-0);border:none;border-radius:var(--border-radius-1);outline:none;font-size:.875em}._Dropdown_11gs4_521>*{color:inherit;background-color:inherit;border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}')),document.head.appendChild(o)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
+
import { App as bt, AppsConfig as mt, useVirtualRoot as we, useWindowsManager as Ye, useSystemManager as me, useHistory as Ot, useAlert as At, useWindowedModal as ht, useContextMenu as je, Actions as Fe, ClickAction as ie, Vector2 as be, Divider as Rt, VirtualRoot as Je, DialogBox as Ze, ModalsConfig as Qe, DirectoryList as $t, CODE_EXTENSIONS as Bt, utilStyles as K, WindowedModal as Lt, ImagePreview as Ue, StorageManager as ue, VirtualFile as kt, useSettingsManager as qe, SettingsManager as Se, Button as xe, IMAGE_EXTENSIONS as Dt, ProgressBar as Mt } from "@prozilla-os/core";
|
|
3
|
+
import { jsxs as E, jsx as s, Fragment as vt } from "react/jsx-runtime";
|
|
4
4
|
import { FontAwesomeIcon as X } from "@fortawesome/react-fontawesome";
|
|
5
|
-
import { faTrash as et, faCircleInfo as
|
|
6
|
-
import pe, { Children as
|
|
5
|
+
import { faTrash as et, faCircleInfo as gt, faCaretLeft as jt, faCaretRight as Ft, faArrowUp as Ut, faPlus as zt, faSearch as Wt, faCog as Yt, faHouse as qt, faDesktop as Vt, faImage as Ht, faFileLines as Kt, faDownload as Gt, faThumbTack as Xt, faEllipsisVertical as Jt, faShapes as Zt, faPalette as Qt, faHardDrive as en } from "@fortawesome/free-solid-svg-icons";
|
|
6
|
+
import pe, { Children as yt, cloneElement as _e, useRef as Te, useId as tn, useState as te, useEffect as se, useCallback as nn } from "react";
|
|
7
7
|
import { Theme as tt } from "@prozilla-os/skins";
|
|
8
8
|
import { round as Ae, removeFromArray as rn } from "@prozilla-os/shared";
|
|
9
|
-
const on = "
|
|
9
|
+
const on = "_SettingsContainer_11gs4_1", an = "_Settings_11gs4_1", sn = "_Tabs_11gs4_37", cn = "_TabButton_11gs4_67", ln = "_ActiveTab_11gs4_89", un = "_TabPanel_11gs4_125", dn = "_ActivePanel_11gs4_147", fn = "_Option_11gs4_155", pn = "_OptionList_11gs4_175", bn = "_OptionHorizontal_11gs4_191", mn = "_Label_11gs4_201", hn = "_Input_11gs4_209", vn = "_ImageSelectContainer_11gs4_231", gn = "_ImageSelect_11gs4_231", yn = "_ButtonGroup_11gs4_301", _n = "_Button_11gs4_301", Tn = "_ButtonDanger_11gs4_341", En = "_IconButton_11gs4_353", Sn = "_ProgressBarContainer_11gs4_445", xn = "_ProgressBar_11gs4_445", Cn = "_ProgressBarLabels_11gs4_463", Pn = "_Icon_11gs4_353", wn = "_Dropdown_11gs4_521", x = {
|
|
10
10
|
SettingsContainer: on,
|
|
11
11
|
Settings: an,
|
|
12
12
|
Tabs: sn,
|
|
13
|
-
TabButton:
|
|
14
|
-
ActiveTab:
|
|
13
|
+
TabButton: cn,
|
|
14
|
+
ActiveTab: ln,
|
|
15
15
|
TabPanel: un,
|
|
16
16
|
ActivePanel: dn,
|
|
17
17
|
Option: fn,
|
|
@@ -19,22 +19,22 @@ const on = "_SettingsContainer_13l5q_1", an = "_Settings_13l5q_1", sn = "_Tabs_1
|
|
|
19
19
|
OptionHorizontal: bn,
|
|
20
20
|
Label: mn,
|
|
21
21
|
Input: hn,
|
|
22
|
-
ImageSelectContainer:
|
|
23
|
-
ImageSelect:
|
|
24
|
-
ButtonGroup:
|
|
22
|
+
ImageSelectContainer: vn,
|
|
23
|
+
ImageSelect: gn,
|
|
24
|
+
ButtonGroup: yn,
|
|
25
25
|
Button: _n,
|
|
26
26
|
ButtonDanger: Tn,
|
|
27
27
|
IconButton: En,
|
|
28
|
-
ProgressBarContainer:
|
|
29
|
-
ProgressBar:
|
|
30
|
-
ProgressBarLabels:
|
|
31
|
-
Icon:
|
|
32
|
-
Dropdown:
|
|
28
|
+
ProgressBarContainer: Sn,
|
|
29
|
+
ProgressBar: xn,
|
|
30
|
+
ProgressBarLabels: Cn,
|
|
31
|
+
Icon: Pn,
|
|
32
|
+
Dropdown: wn
|
|
33
33
|
};
|
|
34
34
|
function Nn(e) {
|
|
35
35
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
36
36
|
}
|
|
37
|
-
var
|
|
37
|
+
var ze = { exports: {} }, ge = { exports: {} }, D = {};
|
|
38
38
|
/** @license React v16.13.1
|
|
39
39
|
* react-is.production.min.js
|
|
40
40
|
*
|
|
@@ -47,26 +47,26 @@ var nt;
|
|
|
47
47
|
function In() {
|
|
48
48
|
if (nt) return D;
|
|
49
49
|
nt = 1;
|
|
50
|
-
var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107,
|
|
51
|
-
function
|
|
50
|
+
var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, g = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, P = e ? Symbol.for("react.suspense") : 60113, k = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, C = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
|
|
51
|
+
function z(u) {
|
|
52
52
|
if (typeof u == "object" && u !== null) {
|
|
53
53
|
var ee = u.$$typeof;
|
|
54
54
|
switch (ee) {
|
|
55
55
|
case n:
|
|
56
56
|
switch (u = u.type, u) {
|
|
57
|
+
case g:
|
|
57
58
|
case v:
|
|
58
|
-
case y:
|
|
59
59
|
case r:
|
|
60
60
|
case a:
|
|
61
|
-
case
|
|
62
|
-
case
|
|
61
|
+
case c:
|
|
62
|
+
case P:
|
|
63
63
|
return u;
|
|
64
64
|
default:
|
|
65
65
|
switch (u = u && u.$$typeof, u) {
|
|
66
66
|
case i:
|
|
67
67
|
case d:
|
|
68
68
|
case N:
|
|
69
|
-
case
|
|
69
|
+
case w:
|
|
70
70
|
case h:
|
|
71
71
|
return u;
|
|
72
72
|
default:
|
|
@@ -78,36 +78,36 @@ function In() {
|
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
|
-
function
|
|
82
|
-
return
|
|
81
|
+
function U(u) {
|
|
82
|
+
return z(u) === v;
|
|
83
83
|
}
|
|
84
|
-
return D.AsyncMode =
|
|
85
|
-
return
|
|
86
|
-
}, D.isConcurrentMode =
|
|
87
|
-
return
|
|
84
|
+
return D.AsyncMode = g, D.ConcurrentMode = v, D.ContextConsumer = i, D.ContextProvider = h, D.Element = n, D.ForwardRef = d, D.Fragment = r, D.Lazy = N, D.Memo = w, D.Portal = t, D.Profiler = a, D.StrictMode = c, D.Suspense = P, D.isAsyncMode = function(u) {
|
|
85
|
+
return U(u) || z(u) === g;
|
|
86
|
+
}, D.isConcurrentMode = U, D.isContextConsumer = function(u) {
|
|
87
|
+
return z(u) === i;
|
|
88
88
|
}, D.isContextProvider = function(u) {
|
|
89
|
-
return
|
|
89
|
+
return z(u) === h;
|
|
90
90
|
}, D.isElement = function(u) {
|
|
91
91
|
return typeof u == "object" && u !== null && u.$$typeof === n;
|
|
92
92
|
}, D.isForwardRef = function(u) {
|
|
93
|
-
return
|
|
93
|
+
return z(u) === d;
|
|
94
94
|
}, D.isFragment = function(u) {
|
|
95
|
-
return
|
|
95
|
+
return z(u) === r;
|
|
96
96
|
}, D.isLazy = function(u) {
|
|
97
|
-
return
|
|
97
|
+
return z(u) === N;
|
|
98
98
|
}, D.isMemo = function(u) {
|
|
99
|
-
return
|
|
99
|
+
return z(u) === w;
|
|
100
100
|
}, D.isPortal = function(u) {
|
|
101
|
-
return
|
|
101
|
+
return z(u) === t;
|
|
102
102
|
}, D.isProfiler = function(u) {
|
|
103
|
-
return
|
|
103
|
+
return z(u) === a;
|
|
104
104
|
}, D.isStrictMode = function(u) {
|
|
105
|
-
return
|
|
105
|
+
return z(u) === c;
|
|
106
106
|
}, D.isSuspense = function(u) {
|
|
107
|
-
return
|
|
107
|
+
return z(u) === P;
|
|
108
108
|
}, D.isValidElementType = function(u) {
|
|
109
|
-
return typeof u == "string" || typeof u == "function" || u === r || u ===
|
|
110
|
-
}, D.typeOf =
|
|
109
|
+
return typeof u == "string" || typeof u == "function" || u === r || u === v || u === a || u === c || u === P || u === k || typeof u == "object" && u !== null && (u.$$typeof === N || u.$$typeof === w || u.$$typeof === h || u.$$typeof === i || u.$$typeof === d || u.$$typeof === F || u.$$typeof === q || u.$$typeof === Q || u.$$typeof === C);
|
|
110
|
+
}, D.typeOf = z, D;
|
|
111
111
|
}
|
|
112
112
|
var M = {};
|
|
113
113
|
/** @license React v16.13.1
|
|
@@ -121,32 +121,32 @@ var M = {};
|
|
|
121
121
|
var rt;
|
|
122
122
|
function On() {
|
|
123
123
|
return rt || (rt = 1, process.env.NODE_ENV !== "production" && function() {
|
|
124
|
-
var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107,
|
|
125
|
-
function
|
|
126
|
-
return typeof
|
|
127
|
-
|
|
124
|
+
var e = typeof Symbol == "function" && Symbol.for, n = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, r = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, a = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, i = e ? Symbol.for("react.context") : 60110, g = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, d = e ? Symbol.for("react.forward_ref") : 60112, P = e ? Symbol.for("react.suspense") : 60113, k = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, N = e ? Symbol.for("react.lazy") : 60116, C = e ? Symbol.for("react.block") : 60121, F = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, Q = e ? Symbol.for("react.scope") : 60119;
|
|
125
|
+
function z(l) {
|
|
126
|
+
return typeof l == "string" || typeof l == "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
127
|
+
l === r || l === v || l === a || l === c || l === P || l === k || typeof l == "object" && l !== null && (l.$$typeof === N || l.$$typeof === w || l.$$typeof === h || l.$$typeof === i || l.$$typeof === d || l.$$typeof === F || l.$$typeof === q || l.$$typeof === Q || l.$$typeof === C);
|
|
128
128
|
}
|
|
129
|
-
function
|
|
130
|
-
if (typeof
|
|
131
|
-
var Z =
|
|
129
|
+
function U(l) {
|
|
130
|
+
if (typeof l == "object" && l !== null) {
|
|
131
|
+
var Z = l.$$typeof;
|
|
132
132
|
switch (Z) {
|
|
133
133
|
case n:
|
|
134
|
-
var
|
|
135
|
-
switch (
|
|
134
|
+
var ve = l.type;
|
|
135
|
+
switch (ve) {
|
|
136
|
+
case g:
|
|
136
137
|
case v:
|
|
137
|
-
case y:
|
|
138
138
|
case r:
|
|
139
139
|
case a:
|
|
140
|
-
case
|
|
141
|
-
case
|
|
142
|
-
return
|
|
140
|
+
case c:
|
|
141
|
+
case P:
|
|
142
|
+
return ve;
|
|
143
143
|
default:
|
|
144
|
-
var Xe =
|
|
144
|
+
var Xe = ve && ve.$$typeof;
|
|
145
145
|
switch (Xe) {
|
|
146
146
|
case i:
|
|
147
147
|
case d:
|
|
148
148
|
case N:
|
|
149
|
-
case
|
|
149
|
+
case w:
|
|
150
150
|
case h:
|
|
151
151
|
return Xe;
|
|
152
152
|
default:
|
|
@@ -158,52 +158,52 @@ function On() {
|
|
|
158
158
|
}
|
|
159
159
|
}
|
|
160
160
|
}
|
|
161
|
-
var u =
|
|
162
|
-
function G(
|
|
163
|
-
return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(
|
|
161
|
+
var u = g, ee = v, ne = i, ce = h, le = n, J = d, re = r, oe = N, m = w, p = t, y = a, S = c, j = P, V = !1;
|
|
162
|
+
function G(l) {
|
|
163
|
+
return V || (V = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), o(l) || U(l) === g;
|
|
164
164
|
}
|
|
165
|
-
function o(
|
|
166
|
-
return
|
|
165
|
+
function o(l) {
|
|
166
|
+
return U(l) === v;
|
|
167
167
|
}
|
|
168
|
-
function f(
|
|
169
|
-
return
|
|
168
|
+
function f(l) {
|
|
169
|
+
return U(l) === i;
|
|
170
170
|
}
|
|
171
|
-
function A(
|
|
172
|
-
return
|
|
171
|
+
function A(l) {
|
|
172
|
+
return U(l) === h;
|
|
173
173
|
}
|
|
174
|
-
function O(
|
|
175
|
-
return typeof
|
|
174
|
+
function O(l) {
|
|
175
|
+
return typeof l == "object" && l !== null && l.$$typeof === n;
|
|
176
176
|
}
|
|
177
|
-
function _(
|
|
178
|
-
return
|
|
177
|
+
function _(l) {
|
|
178
|
+
return U(l) === d;
|
|
179
179
|
}
|
|
180
|
-
function R(
|
|
181
|
-
return
|
|
180
|
+
function R(l) {
|
|
181
|
+
return U(l) === r;
|
|
182
182
|
}
|
|
183
|
-
function T(
|
|
184
|
-
return
|
|
183
|
+
function T(l) {
|
|
184
|
+
return U(l) === N;
|
|
185
185
|
}
|
|
186
|
-
function I(
|
|
187
|
-
return
|
|
186
|
+
function I(l) {
|
|
187
|
+
return U(l) === w;
|
|
188
188
|
}
|
|
189
|
-
function B(
|
|
190
|
-
return
|
|
189
|
+
function B(l) {
|
|
190
|
+
return U(l) === t;
|
|
191
191
|
}
|
|
192
|
-
function L(
|
|
193
|
-
return
|
|
192
|
+
function L(l) {
|
|
193
|
+
return U(l) === a;
|
|
194
194
|
}
|
|
195
|
-
function $(
|
|
196
|
-
return
|
|
195
|
+
function $(l) {
|
|
196
|
+
return U(l) === c;
|
|
197
197
|
}
|
|
198
|
-
function
|
|
199
|
-
return
|
|
198
|
+
function Y(l) {
|
|
199
|
+
return U(l) === P;
|
|
200
200
|
}
|
|
201
|
-
M.AsyncMode = u, M.ConcurrentMode = ee, M.ContextConsumer = ne, M.ContextProvider =
|
|
201
|
+
M.AsyncMode = u, M.ConcurrentMode = ee, M.ContextConsumer = ne, M.ContextProvider = ce, M.Element = le, M.ForwardRef = J, M.Fragment = re, M.Lazy = oe, M.Memo = m, M.Portal = p, M.Profiler = y, M.StrictMode = S, M.Suspense = j, M.isAsyncMode = G, M.isConcurrentMode = o, M.isContextConsumer = f, M.isContextProvider = A, M.isElement = O, M.isForwardRef = _, M.isFragment = R, M.isLazy = T, M.isMemo = I, M.isPortal = B, M.isProfiler = L, M.isStrictMode = $, M.isSuspense = Y, M.isValidElementType = z, M.typeOf = U;
|
|
202
202
|
}()), M;
|
|
203
203
|
}
|
|
204
204
|
var ot;
|
|
205
205
|
function _t() {
|
|
206
|
-
return ot || (ot = 1, process.env.NODE_ENV === "production" ?
|
|
206
|
+
return ot || (ot = 1, process.env.NODE_ENV === "production" ? ge.exports = In() : ge.exports = On()), ge.exports;
|
|
207
207
|
}
|
|
208
208
|
/*
|
|
209
209
|
object-assign
|
|
@@ -220,7 +220,7 @@ function An() {
|
|
|
220
220
|
throw new TypeError("Object.assign cannot be called with null or undefined");
|
|
221
221
|
return Object(a);
|
|
222
222
|
}
|
|
223
|
-
function
|
|
223
|
+
function c() {
|
|
224
224
|
try {
|
|
225
225
|
if (!Object.assign)
|
|
226
226
|
return !1;
|
|
@@ -229,31 +229,31 @@ function An() {
|
|
|
229
229
|
return !1;
|
|
230
230
|
for (var h = {}, i = 0; i < 10; i++)
|
|
231
231
|
h["_" + String.fromCharCode(i)] = i;
|
|
232
|
-
var
|
|
232
|
+
var g = Object.getOwnPropertyNames(h).map(function(d) {
|
|
233
233
|
return h[d];
|
|
234
234
|
});
|
|
235
|
-
if (
|
|
235
|
+
if (g.join("") !== "0123456789")
|
|
236
236
|
return !1;
|
|
237
|
-
var
|
|
237
|
+
var v = {};
|
|
238
238
|
return "abcdefghijklmnopqrst".split("").forEach(function(d) {
|
|
239
|
-
|
|
240
|
-
}), Object.keys(Object.assign({},
|
|
239
|
+
v[d] = d;
|
|
240
|
+
}), Object.keys(Object.assign({}, v)).join("") === "abcdefghijklmnopqrst";
|
|
241
241
|
} catch {
|
|
242
242
|
return !1;
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
|
-
return Re =
|
|
246
|
-
for (var i,
|
|
245
|
+
return Re = c() ? Object.assign : function(a, h) {
|
|
246
|
+
for (var i, g = r(a), v, d = 1; d < arguments.length; d++) {
|
|
247
247
|
i = Object(arguments[d]);
|
|
248
|
-
for (var
|
|
249
|
-
n.call(i,
|
|
248
|
+
for (var P in i)
|
|
249
|
+
n.call(i, P) && (g[P] = i[P]);
|
|
250
250
|
if (e) {
|
|
251
|
-
|
|
252
|
-
for (var k = 0; k <
|
|
253
|
-
t.call(i,
|
|
251
|
+
v = e(i);
|
|
252
|
+
for (var k = 0; k < v.length; k++)
|
|
253
|
+
t.call(i, v[k]) && (g[v[k]] = i[v[k]]);
|
|
254
254
|
}
|
|
255
255
|
}
|
|
256
|
-
return
|
|
256
|
+
return g;
|
|
257
257
|
}, Re;
|
|
258
258
|
}
|
|
259
259
|
var $e, it;
|
|
@@ -267,10 +267,10 @@ var Be, st;
|
|
|
267
267
|
function Tt() {
|
|
268
268
|
return st || (st = 1, Be = Function.call.bind(Object.prototype.hasOwnProperty)), Be;
|
|
269
269
|
}
|
|
270
|
-
var Le,
|
|
270
|
+
var Le, ct;
|
|
271
271
|
function Rn() {
|
|
272
|
-
if (
|
|
273
|
-
|
|
272
|
+
if (ct) return Le;
|
|
273
|
+
ct = 1;
|
|
274
274
|
var e = function() {
|
|
275
275
|
};
|
|
276
276
|
if (process.env.NODE_ENV !== "production") {
|
|
@@ -284,100 +284,100 @@ function Rn() {
|
|
|
284
284
|
}
|
|
285
285
|
};
|
|
286
286
|
}
|
|
287
|
-
function
|
|
287
|
+
function c(a, h, i, g, v) {
|
|
288
288
|
if (process.env.NODE_ENV !== "production") {
|
|
289
289
|
for (var d in a)
|
|
290
290
|
if (r(a, d)) {
|
|
291
|
-
var
|
|
291
|
+
var P;
|
|
292
292
|
try {
|
|
293
293
|
if (typeof a[d] != "function") {
|
|
294
294
|
var k = Error(
|
|
295
|
-
(
|
|
295
|
+
(g || "React class") + ": " + i + " type `" + d + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[d] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
|
|
296
296
|
);
|
|
297
297
|
throw k.name = "Invariant Violation", k;
|
|
298
298
|
}
|
|
299
|
-
|
|
299
|
+
P = a[d](h, d, g, i, null, n);
|
|
300
300
|
} catch (N) {
|
|
301
|
-
|
|
301
|
+
P = N;
|
|
302
302
|
}
|
|
303
|
-
if (
|
|
304
|
-
(
|
|
305
|
-
),
|
|
306
|
-
t[
|
|
307
|
-
var
|
|
303
|
+
if (P && !(P instanceof Error) && e(
|
|
304
|
+
(g || "React class") + ": type specification of " + i + " `" + d + "` is invalid; the type checker function must return `null` or an `Error` but returned a " + typeof P + ". You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument)."
|
|
305
|
+
), P instanceof Error && !(P.message in t)) {
|
|
306
|
+
t[P.message] = !0;
|
|
307
|
+
var w = v ? v() : "";
|
|
308
308
|
e(
|
|
309
|
-
"Failed " + i + " type: " +
|
|
309
|
+
"Failed " + i + " type: " + P.message + (w ?? "")
|
|
310
310
|
);
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
}
|
|
315
|
-
return
|
|
315
|
+
return c.resetWarningCache = function() {
|
|
316
316
|
process.env.NODE_ENV !== "production" && (t = {});
|
|
317
|
-
}, Le =
|
|
317
|
+
}, Le = c, Le;
|
|
318
318
|
}
|
|
319
|
-
var ke,
|
|
319
|
+
var ke, lt;
|
|
320
320
|
function $n() {
|
|
321
|
-
if (
|
|
322
|
-
|
|
323
|
-
var e = _t(), n = An(), t = Ve(), r = Tt(),
|
|
321
|
+
if (lt) return ke;
|
|
322
|
+
lt = 1;
|
|
323
|
+
var e = _t(), n = An(), t = Ve(), r = Tt(), c = Rn(), a = function() {
|
|
324
324
|
};
|
|
325
325
|
process.env.NODE_ENV !== "production" && (a = function(i) {
|
|
326
|
-
var
|
|
327
|
-
typeof console < "u" && console.error(
|
|
326
|
+
var g = "Warning: " + i;
|
|
327
|
+
typeof console < "u" && console.error(g);
|
|
328
328
|
try {
|
|
329
|
-
throw new Error(
|
|
329
|
+
throw new Error(g);
|
|
330
330
|
} catch {
|
|
331
331
|
}
|
|
332
332
|
});
|
|
333
333
|
function h() {
|
|
334
334
|
return null;
|
|
335
335
|
}
|
|
336
|
-
return ke = function(i,
|
|
337
|
-
var
|
|
338
|
-
function
|
|
339
|
-
var f = o && (
|
|
336
|
+
return ke = function(i, g) {
|
|
337
|
+
var v = typeof Symbol == "function" && Symbol.iterator, d = "@@iterator";
|
|
338
|
+
function P(o) {
|
|
339
|
+
var f = o && (v && o[v] || o[d]);
|
|
340
340
|
if (typeof f == "function")
|
|
341
341
|
return f;
|
|
342
342
|
}
|
|
343
|
-
var k = "<<anonymous>>",
|
|
344
|
-
array:
|
|
345
|
-
bigint:
|
|
346
|
-
bool:
|
|
347
|
-
func:
|
|
348
|
-
number:
|
|
349
|
-
object:
|
|
350
|
-
string:
|
|
351
|
-
symbol:
|
|
343
|
+
var k = "<<anonymous>>", w = {
|
|
344
|
+
array: q("array"),
|
|
345
|
+
bigint: q("bigint"),
|
|
346
|
+
bool: q("boolean"),
|
|
347
|
+
func: q("function"),
|
|
348
|
+
number: q("number"),
|
|
349
|
+
object: q("object"),
|
|
350
|
+
string: q("string"),
|
|
351
|
+
symbol: q("symbol"),
|
|
352
352
|
any: Q(),
|
|
353
|
-
arrayOf:
|
|
354
|
-
element:
|
|
353
|
+
arrayOf: z,
|
|
354
|
+
element: U(),
|
|
355
355
|
elementType: u(),
|
|
356
356
|
instanceOf: ee,
|
|
357
357
|
node: J(),
|
|
358
|
-
objectOf:
|
|
358
|
+
objectOf: ce,
|
|
359
359
|
oneOf: ne,
|
|
360
|
-
oneOfType:
|
|
360
|
+
oneOfType: le,
|
|
361
361
|
shape: oe,
|
|
362
362
|
exact: m
|
|
363
363
|
};
|
|
364
364
|
function N(o, f) {
|
|
365
365
|
return o === f ? o !== 0 || 1 / o === 1 / f : o !== o && f !== f;
|
|
366
366
|
}
|
|
367
|
-
function
|
|
367
|
+
function C(o, f) {
|
|
368
368
|
this.message = o, this.data = f && typeof f == "object" ? f : {}, this.stack = "";
|
|
369
369
|
}
|
|
370
|
-
|
|
370
|
+
C.prototype = Error.prototype;
|
|
371
371
|
function F(o) {
|
|
372
372
|
if (process.env.NODE_ENV !== "production")
|
|
373
373
|
var f = {}, A = 0;
|
|
374
|
-
function O(R, T, I, B, L, $,
|
|
375
|
-
if (B = B || k, $ = $ || I,
|
|
376
|
-
if (
|
|
377
|
-
var
|
|
374
|
+
function O(R, T, I, B, L, $, Y) {
|
|
375
|
+
if (B = B || k, $ = $ || I, Y !== t) {
|
|
376
|
+
if (g) {
|
|
377
|
+
var l = new Error(
|
|
378
378
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types"
|
|
379
379
|
);
|
|
380
|
-
throw
|
|
380
|
+
throw l.name = "Invariant Violation", l;
|
|
381
381
|
} else if (process.env.NODE_ENV !== "production" && typeof console < "u") {
|
|
382
382
|
var Z = B + ":" + I;
|
|
383
383
|
!f[Z] && // Avoid spamming the console because they are often not actionable except for lib authors
|
|
@@ -386,17 +386,17 @@ function $n() {
|
|
|
386
386
|
), f[Z] = !0, A++);
|
|
387
387
|
}
|
|
388
388
|
}
|
|
389
|
-
return T[I] == null ? R ? T[I] === null ? new
|
|
389
|
+
return T[I] == null ? R ? T[I] === null ? new C("The " + L + " `" + $ + "` is marked as required " + ("in `" + B + "`, but its value is `null`.")) : new C("The " + L + " `" + $ + "` is marked as required in " + ("`" + B + "`, but its value is `undefined`.")) : null : o(T, I, B, L, $);
|
|
390
390
|
}
|
|
391
391
|
var _ = O.bind(null, !1);
|
|
392
392
|
return _.isRequired = O.bind(null, !0), _;
|
|
393
393
|
}
|
|
394
|
-
function
|
|
394
|
+
function q(o) {
|
|
395
395
|
function f(A, O, _, R, T, I) {
|
|
396
|
-
var B = A[O], L =
|
|
396
|
+
var B = A[O], L = S(B);
|
|
397
397
|
if (L !== o) {
|
|
398
398
|
var $ = j(B);
|
|
399
|
-
return new
|
|
399
|
+
return new C(
|
|
400
400
|
"Invalid " + R + " `" + T + "` of type " + ("`" + $ + "` supplied to `" + _ + "`, expected ") + ("`" + o + "`."),
|
|
401
401
|
{ expectedType: o }
|
|
402
402
|
);
|
|
@@ -408,14 +408,14 @@ function $n() {
|
|
|
408
408
|
function Q() {
|
|
409
409
|
return F(h);
|
|
410
410
|
}
|
|
411
|
-
function
|
|
411
|
+
function z(o) {
|
|
412
412
|
function f(A, O, _, R, T) {
|
|
413
413
|
if (typeof o != "function")
|
|
414
|
-
return new
|
|
414
|
+
return new C("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside arrayOf.");
|
|
415
415
|
var I = A[O];
|
|
416
416
|
if (!Array.isArray(I)) {
|
|
417
|
-
var B =
|
|
418
|
-
return new
|
|
417
|
+
var B = S(I);
|
|
418
|
+
return new C("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an array."));
|
|
419
419
|
}
|
|
420
420
|
for (var L = 0; L < I.length; L++) {
|
|
421
421
|
var $ = o(I, L, _, R, T + "[" + L + "]", t);
|
|
@@ -426,12 +426,12 @@ function $n() {
|
|
|
426
426
|
}
|
|
427
427
|
return F(f);
|
|
428
428
|
}
|
|
429
|
-
function
|
|
429
|
+
function U() {
|
|
430
430
|
function o(f, A, O, _, R) {
|
|
431
431
|
var T = f[A];
|
|
432
432
|
if (!i(T)) {
|
|
433
|
-
var I =
|
|
434
|
-
return new
|
|
433
|
+
var I = S(T);
|
|
434
|
+
return new C("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement."));
|
|
435
435
|
}
|
|
436
436
|
return null;
|
|
437
437
|
}
|
|
@@ -441,8 +441,8 @@ function $n() {
|
|
|
441
441
|
function o(f, A, O, _, R) {
|
|
442
442
|
var T = f[A];
|
|
443
443
|
if (!e.isValidElementType(T)) {
|
|
444
|
-
var I =
|
|
445
|
-
return new
|
|
444
|
+
var I = S(T);
|
|
445
|
+
return new C("Invalid " + _ + " `" + R + "` of type " + ("`" + I + "` supplied to `" + O + "`, expected a single ReactElement type."));
|
|
446
446
|
}
|
|
447
447
|
return null;
|
|
448
448
|
}
|
|
@@ -452,7 +452,7 @@ function $n() {
|
|
|
452
452
|
function f(A, O, _, R, T) {
|
|
453
453
|
if (!(A[O] instanceof o)) {
|
|
454
454
|
var I = o.name || k, B = G(A[O]);
|
|
455
|
-
return new
|
|
455
|
+
return new C("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected ") + ("instance of `" + I + "`."));
|
|
456
456
|
}
|
|
457
457
|
return null;
|
|
458
458
|
}
|
|
@@ -467,21 +467,21 @@ function $n() {
|
|
|
467
467
|
for (var I = A[O], B = 0; B < o.length; B++)
|
|
468
468
|
if (N(I, o[B]))
|
|
469
469
|
return null;
|
|
470
|
-
var L = JSON.stringify(o, function(
|
|
471
|
-
var Z = j(
|
|
472
|
-
return Z === "symbol" ? String(
|
|
470
|
+
var L = JSON.stringify(o, function(Y, l) {
|
|
471
|
+
var Z = j(l);
|
|
472
|
+
return Z === "symbol" ? String(l) : l;
|
|
473
473
|
});
|
|
474
|
-
return new
|
|
474
|
+
return new C("Invalid " + R + " `" + T + "` of value `" + String(I) + "` " + ("supplied to `" + _ + "`, expected one of " + L + "."));
|
|
475
475
|
}
|
|
476
476
|
return F(f);
|
|
477
477
|
}
|
|
478
|
-
function
|
|
478
|
+
function ce(o) {
|
|
479
479
|
function f(A, O, _, R, T) {
|
|
480
480
|
if (typeof o != "function")
|
|
481
|
-
return new
|
|
482
|
-
var I = A[O], B =
|
|
481
|
+
return new C("Property `" + T + "` of component `" + _ + "` has invalid PropType notation inside objectOf.");
|
|
482
|
+
var I = A[O], B = S(I);
|
|
483
483
|
if (B !== "object")
|
|
484
|
-
return new
|
|
484
|
+
return new C("Invalid " + R + " `" + T + "` of type " + ("`" + B + "` supplied to `" + _ + "`, expected an object."));
|
|
485
485
|
for (var L in I)
|
|
486
486
|
if (r(I, L)) {
|
|
487
487
|
var $ = o(I, L, _, R, T + "." + L, t);
|
|
@@ -492,7 +492,7 @@ function $n() {
|
|
|
492
492
|
}
|
|
493
493
|
return F(f);
|
|
494
494
|
}
|
|
495
|
-
function
|
|
495
|
+
function le(o) {
|
|
496
496
|
if (!Array.isArray(o))
|
|
497
497
|
return process.env.NODE_ENV !== "production" && a("Invalid argument supplied to oneOfType, expected an instance of array."), h;
|
|
498
498
|
for (var f = 0; f < o.length; f++) {
|
|
@@ -504,39 +504,39 @@ function $n() {
|
|
|
504
504
|
}
|
|
505
505
|
function O(_, R, T, I, B) {
|
|
506
506
|
for (var L = [], $ = 0; $ < o.length; $++) {
|
|
507
|
-
var
|
|
508
|
-
if (
|
|
507
|
+
var Y = o[$], l = Y(_, R, T, I, B, t);
|
|
508
|
+
if (l == null)
|
|
509
509
|
return null;
|
|
510
|
-
|
|
510
|
+
l.data && r(l.data, "expectedType") && L.push(l.data.expectedType);
|
|
511
511
|
}
|
|
512
512
|
var Z = L.length > 0 ? ", expected one of type [" + L.join(", ") + "]" : "";
|
|
513
|
-
return new
|
|
513
|
+
return new C("Invalid " + I + " `" + B + "` supplied to " + ("`" + T + "`" + Z + "."));
|
|
514
514
|
}
|
|
515
515
|
return F(O);
|
|
516
516
|
}
|
|
517
517
|
function J() {
|
|
518
518
|
function o(f, A, O, _, R) {
|
|
519
|
-
return p(f[A]) ? null : new
|
|
519
|
+
return p(f[A]) ? null : new C("Invalid " + _ + " `" + R + "` supplied to " + ("`" + O + "`, expected a ReactNode."));
|
|
520
520
|
}
|
|
521
521
|
return F(o);
|
|
522
522
|
}
|
|
523
523
|
function re(o, f, A, O, _) {
|
|
524
|
-
return new
|
|
524
|
+
return new C(
|
|
525
525
|
(o || "React class") + ": " + f + " type `" + A + "." + O + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + _ + "`."
|
|
526
526
|
);
|
|
527
527
|
}
|
|
528
528
|
function oe(o) {
|
|
529
529
|
function f(A, O, _, R, T) {
|
|
530
|
-
var I = A[O], B =
|
|
530
|
+
var I = A[O], B = S(I);
|
|
531
531
|
if (B !== "object")
|
|
532
|
-
return new
|
|
532
|
+
return new C("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
|
|
533
533
|
for (var L in o) {
|
|
534
534
|
var $ = o[L];
|
|
535
535
|
if (typeof $ != "function")
|
|
536
536
|
return re(_, R, T, L, j($));
|
|
537
|
-
var
|
|
538
|
-
if (
|
|
539
|
-
return
|
|
537
|
+
var Y = $(I, L, _, R, T + "." + L, t);
|
|
538
|
+
if (Y)
|
|
539
|
+
return Y;
|
|
540
540
|
}
|
|
541
541
|
return null;
|
|
542
542
|
}
|
|
@@ -544,22 +544,22 @@ function $n() {
|
|
|
544
544
|
}
|
|
545
545
|
function m(o) {
|
|
546
546
|
function f(A, O, _, R, T) {
|
|
547
|
-
var I = A[O], B =
|
|
547
|
+
var I = A[O], B = S(I);
|
|
548
548
|
if (B !== "object")
|
|
549
|
-
return new
|
|
549
|
+
return new C("Invalid " + R + " `" + T + "` of type `" + B + "` " + ("supplied to `" + _ + "`, expected `object`."));
|
|
550
550
|
var L = n({}, A[O], o);
|
|
551
551
|
for (var $ in L) {
|
|
552
|
-
var
|
|
553
|
-
if (r(o, $) && typeof
|
|
554
|
-
return re(_, R, T, $, j(
|
|
555
|
-
if (!
|
|
556
|
-
return new
|
|
552
|
+
var Y = o[$];
|
|
553
|
+
if (r(o, $) && typeof Y != "function")
|
|
554
|
+
return re(_, R, T, $, j(Y));
|
|
555
|
+
if (!Y)
|
|
556
|
+
return new C(
|
|
557
557
|
"Invalid " + R + " `" + T + "` key `" + $ + "` supplied to `" + _ + "`.\nBad object: " + JSON.stringify(A[O], null, " ") + `
|
|
558
558
|
Valid keys: ` + JSON.stringify(Object.keys(o), null, " ")
|
|
559
559
|
);
|
|
560
|
-
var
|
|
561
|
-
if (
|
|
562
|
-
return
|
|
560
|
+
var l = Y(I, $, _, R, T + "." + $, t);
|
|
561
|
+
if (l)
|
|
562
|
+
return l;
|
|
563
563
|
}
|
|
564
564
|
return null;
|
|
565
565
|
}
|
|
@@ -578,7 +578,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, " ")
|
|
|
578
578
|
return o.every(p);
|
|
579
579
|
if (o === null || i(o))
|
|
580
580
|
return !0;
|
|
581
|
-
var f =
|
|
581
|
+
var f = P(o);
|
|
582
582
|
if (f) {
|
|
583
583
|
var A = f.call(o), O;
|
|
584
584
|
if (f !== o.entries) {
|
|
@@ -598,17 +598,17 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, " ")
|
|
|
598
598
|
return !1;
|
|
599
599
|
}
|
|
600
600
|
}
|
|
601
|
-
function
|
|
601
|
+
function y(o, f) {
|
|
602
602
|
return o === "symbol" ? !0 : f ? f["@@toStringTag"] === "Symbol" || typeof Symbol == "function" && f instanceof Symbol : !1;
|
|
603
603
|
}
|
|
604
|
-
function
|
|
604
|
+
function S(o) {
|
|
605
605
|
var f = typeof o;
|
|
606
|
-
return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" :
|
|
606
|
+
return Array.isArray(o) ? "array" : o instanceof RegExp ? "object" : y(f, o) ? "symbol" : f;
|
|
607
607
|
}
|
|
608
608
|
function j(o) {
|
|
609
609
|
if (typeof o > "u" || o === null)
|
|
610
610
|
return "" + o;
|
|
611
|
-
var f =
|
|
611
|
+
var f = S(o);
|
|
612
612
|
if (f === "object") {
|
|
613
613
|
if (o instanceof Date)
|
|
614
614
|
return "date";
|
|
@@ -634,7 +634,7 @@ Valid keys: ` + JSON.stringify(Object.keys(o), null, " ")
|
|
|
634
634
|
function G(o) {
|
|
635
635
|
return !o.constructor || !o.constructor.name ? k : o.constructor.name;
|
|
636
636
|
}
|
|
637
|
-
return
|
|
637
|
+
return w.checkPropTypes = c, w.resetWarningCache = c.resetWarningCache, w.PropTypes = w, w;
|
|
638
638
|
}, ke;
|
|
639
639
|
}
|
|
640
640
|
var De, ut;
|
|
@@ -647,8 +647,8 @@ function Bn() {
|
|
|
647
647
|
function t() {
|
|
648
648
|
}
|
|
649
649
|
return t.resetWarningCache = n, De = function() {
|
|
650
|
-
function r(h, i,
|
|
651
|
-
if (
|
|
650
|
+
function r(h, i, g, v, d, P) {
|
|
651
|
+
if (P !== e) {
|
|
652
652
|
var k = new Error(
|
|
653
653
|
"Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types"
|
|
654
654
|
);
|
|
@@ -656,7 +656,7 @@ function Bn() {
|
|
|
656
656
|
}
|
|
657
657
|
}
|
|
658
658
|
r.isRequired = r;
|
|
659
|
-
function
|
|
659
|
+
function c() {
|
|
660
660
|
return r;
|
|
661
661
|
}
|
|
662
662
|
var a = {
|
|
@@ -669,16 +669,16 @@ function Bn() {
|
|
|
669
669
|
string: r,
|
|
670
670
|
symbol: r,
|
|
671
671
|
any: r,
|
|
672
|
-
arrayOf:
|
|
672
|
+
arrayOf: c,
|
|
673
673
|
element: r,
|
|
674
674
|
elementType: r,
|
|
675
|
-
instanceOf:
|
|
675
|
+
instanceOf: c,
|
|
676
676
|
node: r,
|
|
677
|
-
objectOf:
|
|
678
|
-
oneOf:
|
|
679
|
-
oneOfType:
|
|
680
|
-
shape:
|
|
681
|
-
exact:
|
|
677
|
+
objectOf: c,
|
|
678
|
+
oneOf: c,
|
|
679
|
+
oneOfType: c,
|
|
680
|
+
shape: c,
|
|
681
|
+
exact: c,
|
|
682
682
|
checkPropTypes: t,
|
|
683
683
|
resetWarningCache: n
|
|
684
684
|
};
|
|
@@ -687,10 +687,10 @@ function Bn() {
|
|
|
687
687
|
}
|
|
688
688
|
if (process.env.NODE_ENV !== "production") {
|
|
689
689
|
var Ln = _t(), kn = !0;
|
|
690
|
-
|
|
690
|
+
ze.exports = $n()(Ln.isElement, kn);
|
|
691
691
|
} else
|
|
692
|
-
|
|
693
|
-
var Dn =
|
|
692
|
+
ze.exports = Bn()();
|
|
693
|
+
var Dn = ze.exports;
|
|
694
694
|
const b = /* @__PURE__ */ Nn(Dn);
|
|
695
695
|
function He(e) {
|
|
696
696
|
return (n) => !!n.type && n.type.tabsRole === e;
|
|
@@ -699,30 +699,30 @@ const he = He("Tab"), Ne = He("TabList"), Ie = He("TabPanel");
|
|
|
699
699
|
function Mn(e) {
|
|
700
700
|
return he(e) || Ne(e) || Ie(e);
|
|
701
701
|
}
|
|
702
|
-
function
|
|
703
|
-
return
|
|
702
|
+
function We(e, n) {
|
|
703
|
+
return yt.map(e, (t) => t === null ? null : Mn(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" ? _e(t, { ...t.props, children: We(t.props.children, n) }) : t);
|
|
704
704
|
}
|
|
705
|
-
function
|
|
706
|
-
return
|
|
707
|
-
t !== null && (he(t) || Ie(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" && (Ne(t) && n(t),
|
|
705
|
+
function Ce(e, n) {
|
|
706
|
+
return yt.forEach(e, (t) => {
|
|
707
|
+
t !== null && (he(t) || Ie(t) ? n(t) : t.props && t.props.children && typeof t.props.children == "object" && (Ne(t) && n(t), Ce(t.props.children, n)));
|
|
708
708
|
});
|
|
709
709
|
}
|
|
710
710
|
function Et(e, n, t) {
|
|
711
|
-
let r,
|
|
712
|
-
const i = [],
|
|
713
|
-
return
|
|
714
|
-
Ne(
|
|
715
|
-
}), !r &&
|
|
711
|
+
let r, c = 0, a = 0, h = !1;
|
|
712
|
+
const i = [], g = e[n];
|
|
713
|
+
return Ce(g, (v) => {
|
|
714
|
+
Ne(v) && (v.props && v.props.children && typeof v.props.children == "object" && Ce(v.props.children, (d) => i.push(d)), h && (r = new Error("Found multiple 'TabList' components inside 'Tabs'. Only one is allowed.")), h = !0), he(v) ? ((!h || i.indexOf(v) === -1) && (r = new Error("Found a 'Tab' component outside of the 'TabList' component. 'Tab' components have to be inside the 'TabList' component.")), c++) : Ie(v) && a++;
|
|
715
|
+
}), !r && c !== a && (r = new Error(`There should be an equal number of 'Tab' and 'TabPanel' in \`${t}\`. Received ${c} 'Tab' and ${a} 'TabPanel'.`)), r;
|
|
716
716
|
}
|
|
717
|
-
function jn(e, n, t, r,
|
|
718
|
-
const a = e[n], h =
|
|
717
|
+
function jn(e, n, t, r, c) {
|
|
718
|
+
const a = e[n], h = c || n;
|
|
719
719
|
let i = null;
|
|
720
720
|
return a && typeof a != "function" ? i = new Error(`Invalid ${r} \`${h}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`function\`.`) : e.selectedIndex != null && a == null && (i = new Error(`The ${r} \`${h}\` is marked as required in \`${t}\`, but its value is \`undefined\` or \`null\`.
|
|
721
721
|
\`onSelect\` is required when \`selectedIndex\` is also set. Not doing so will make the tabs not do anything, as \`selectedIndex\` indicates that you want to handle the selected tab yourself.
|
|
722
722
|
If you only want to set the inital tab replace \`selectedIndex\` with \`defaultIndex\`.`)), i;
|
|
723
723
|
}
|
|
724
|
-
function Fn(e, n, t, r,
|
|
725
|
-
const a = e[n], h =
|
|
724
|
+
function Fn(e, n, t, r, c) {
|
|
725
|
+
const a = e[n], h = c || n;
|
|
726
726
|
let i = null;
|
|
727
727
|
if (a != null && typeof a != "number")
|
|
728
728
|
i = new Error(`Invalid ${r} \`${h}\` of type \`${typeof a}\` supplied to \`${t}\`, expected \`number\`.`);
|
|
@@ -731,59 +731,59 @@ function Fn(e, n, t, r, l) {
|
|
|
731
731
|
Either remove \`${h}\` to let \`${t}\` handle the selected tab internally or remove \`defaultIndex\` to handle it yourself.`);
|
|
732
732
|
return i;
|
|
733
733
|
}
|
|
734
|
-
function
|
|
734
|
+
function St(e) {
|
|
735
735
|
var n, t, r = "";
|
|
736
736
|
if (typeof e == "string" || typeof e == "number") r += e;
|
|
737
737
|
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
738
|
-
var
|
|
739
|
-
for (n = 0; n <
|
|
738
|
+
var c = e.length;
|
|
739
|
+
for (n = 0; n < c; n++) e[n] && (t = St(e[n])) && (r && (r += " "), r += t);
|
|
740
740
|
} else for (t in e) e[t] && (r && (r += " "), r += t);
|
|
741
741
|
return r;
|
|
742
742
|
}
|
|
743
743
|
function Oe() {
|
|
744
|
-
for (var e, n, t = 0, r = "",
|
|
744
|
+
for (var e, n, t = 0, r = "", c = arguments.length; t < c; t++) (e = arguments[t]) && (n = St(e)) && (r && (r += " "), r += n);
|
|
745
745
|
return r;
|
|
746
746
|
}
|
|
747
|
-
function
|
|
747
|
+
function xt(e) {
|
|
748
748
|
let n = 0;
|
|
749
|
-
return
|
|
749
|
+
return Ce(e, (t) => {
|
|
750
750
|
he(t) && n++;
|
|
751
751
|
}), n;
|
|
752
752
|
}
|
|
753
|
-
function
|
|
753
|
+
function Ct(e) {
|
|
754
754
|
return e && "getAttribute" in e;
|
|
755
755
|
}
|
|
756
756
|
function dt(e) {
|
|
757
|
-
return
|
|
757
|
+
return Ct(e) && e.getAttribute("data-rttab");
|
|
758
758
|
}
|
|
759
759
|
function ae(e) {
|
|
760
|
-
return
|
|
760
|
+
return Ct(e) && e.getAttribute("aria-disabled") === "true";
|
|
761
761
|
}
|
|
762
|
-
let
|
|
763
|
-
function
|
|
762
|
+
let Pe;
|
|
763
|
+
function Un(e) {
|
|
764
764
|
const n = e || (typeof window < "u" ? window : void 0);
|
|
765
765
|
try {
|
|
766
|
-
|
|
766
|
+
Pe = !!(typeof n < "u" && n.document && n.document.activeElement);
|
|
767
767
|
} catch {
|
|
768
|
-
|
|
768
|
+
Pe = !1;
|
|
769
769
|
}
|
|
770
770
|
}
|
|
771
|
-
const
|
|
771
|
+
const zn = { className: "react-tabs", focus: !1 }, Wn = process.env.NODE_ENV !== "production" ? { children: Et, direction: b.oneOf(["rtl", "ltr"]), className: b.oneOfType([b.string, b.array, b.object]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, focus: b.bool, forceRenderTabPanel: b.bool, onSelect: b.func.isRequired, selectedIndex: b.number.isRequired, selectedTabClassName: b.string, selectedTabPanelClassName: b.string, environment: b.object } : {}, Pt = (e) => {
|
|
772
772
|
let n = Te([]), t = Te([]);
|
|
773
773
|
const r = Te();
|
|
774
|
-
function
|
|
775
|
-
if (m < 0 || m >=
|
|
776
|
-
const { onSelect:
|
|
777
|
-
|
|
774
|
+
function c(m, p) {
|
|
775
|
+
if (m < 0 || m >= v()) return;
|
|
776
|
+
const { onSelect: y, selectedIndex: S } = e;
|
|
777
|
+
y(m, S, p);
|
|
778
778
|
}
|
|
779
779
|
function a(m) {
|
|
780
|
-
const p =
|
|
781
|
-
for (let
|
|
782
|
-
if (!ae(d(
|
|
783
|
-
return
|
|
784
|
-
for (let
|
|
785
|
-
if (!ae(d(
|
|
786
|
-
return
|
|
780
|
+
const p = v();
|
|
781
|
+
for (let y = m + 1; y < p; y++)
|
|
782
|
+
if (!ae(d(y)))
|
|
783
|
+
return y;
|
|
784
|
+
for (let y = 0; y < m; y++)
|
|
785
|
+
if (!ae(d(y)))
|
|
786
|
+
return y;
|
|
787
787
|
return m;
|
|
788
788
|
}
|
|
789
789
|
function h(m) {
|
|
@@ -791,51 +791,51 @@ const Un = { className: "react-tabs", focus: !1 }, zn = process.env.NODE_ENV !==
|
|
|
791
791
|
for (; p--; )
|
|
792
792
|
if (!ae(d(p)))
|
|
793
793
|
return p;
|
|
794
|
-
for (p =
|
|
794
|
+
for (p = v(); p-- > m; )
|
|
795
795
|
if (!ae(d(p)))
|
|
796
796
|
return p;
|
|
797
797
|
return m;
|
|
798
798
|
}
|
|
799
799
|
function i() {
|
|
800
|
-
const m =
|
|
800
|
+
const m = v();
|
|
801
801
|
for (let p = 0; p < m; p++)
|
|
802
802
|
if (!ae(d(p)))
|
|
803
803
|
return p;
|
|
804
804
|
return null;
|
|
805
805
|
}
|
|
806
|
-
function
|
|
807
|
-
let m =
|
|
806
|
+
function g() {
|
|
807
|
+
let m = v();
|
|
808
808
|
for (; m--; )
|
|
809
809
|
if (!ae(d(m)))
|
|
810
810
|
return m;
|
|
811
811
|
return null;
|
|
812
812
|
}
|
|
813
|
-
function
|
|
813
|
+
function v() {
|
|
814
814
|
const { children: m } = e;
|
|
815
|
-
return
|
|
815
|
+
return xt(m);
|
|
816
816
|
}
|
|
817
817
|
function d(m) {
|
|
818
818
|
return n.current[`tabs-${m}`];
|
|
819
819
|
}
|
|
820
|
-
function
|
|
820
|
+
function P() {
|
|
821
821
|
let m = 0;
|
|
822
|
-
const { children: p, disabledTabClassName:
|
|
822
|
+
const { children: p, disabledTabClassName: y, focus: S, forceRenderTabPanel: j, selectedIndex: V, selectedTabClassName: G, selectedTabPanelClassName: o, environment: f } = e;
|
|
823
823
|
t.current = t.current || [];
|
|
824
|
-
let A = t.current.length -
|
|
824
|
+
let A = t.current.length - v();
|
|
825
825
|
const O = tn();
|
|
826
826
|
for (; A++ < 0; )
|
|
827
827
|
t.current.push(`${O}${t.current.length}`);
|
|
828
|
-
return
|
|
828
|
+
return We(p, (_) => {
|
|
829
829
|
let R = _;
|
|
830
830
|
if (Ne(_)) {
|
|
831
831
|
let T = 0, I = !1;
|
|
832
|
-
|
|
832
|
+
Pe == null && Un(f);
|
|
833
833
|
const B = f || (typeof window < "u" ? window : void 0);
|
|
834
|
-
|
|
835
|
-
const $ = `tabs-${T}`,
|
|
834
|
+
Pe && B && (I = pe.Children.toArray(_.props.children).filter(he).some((L, $) => B.document.activeElement === d($))), R = _e(_, { children: We(_.props.children, (L) => {
|
|
835
|
+
const $ = `tabs-${T}`, Y = V === T, l = { tabRef: (Z) => {
|
|
836
836
|
n.current[$] = Z;
|
|
837
|
-
}, id: t.current[T], selected:
|
|
838
|
-
return G && (
|
|
837
|
+
}, id: t.current[T], selected: Y, focus: Y && (S || I) };
|
|
838
|
+
return G && (l.selectedClassName = G), y && (l.disabledClassName = y), T++, _e(L, l);
|
|
839
839
|
}) });
|
|
840
840
|
} else if (Ie(_)) {
|
|
841
841
|
const T = { id: t.current[m], selected: V === m };
|
|
@@ -845,20 +845,20 @@ const Un = { className: "react-tabs", focus: !1 }, zn = process.env.NODE_ENV !==
|
|
|
845
845
|
});
|
|
846
846
|
}
|
|
847
847
|
function k(m) {
|
|
848
|
-
const { direction: p, disableUpDownKeys:
|
|
848
|
+
const { direction: p, disableUpDownKeys: y, disableLeftRightKeys: S } = e;
|
|
849
849
|
if (N(m.target)) {
|
|
850
850
|
let { selectedIndex: j } = e, V = !1, G = !1;
|
|
851
|
-
(m.code === "Space" || m.keyCode === 32 || m.code === "Enter" || m.keyCode === 13) && (V = !0, G = !1,
|
|
851
|
+
(m.code === "Space" || m.keyCode === 32 || m.code === "Enter" || m.keyCode === 13) && (V = !0, G = !1, w(m)), !S && (m.keyCode === 37 || m.code === "ArrowLeft") || !y && (m.keyCode === 38 || m.code === "ArrowUp") ? (p === "rtl" ? j = a(j) : j = h(j), V = !0, G = !0) : !S && (m.keyCode === 39 || m.code === "ArrowRight") || !y && (m.keyCode === 40 || m.code === "ArrowDown") ? (p === "rtl" ? j = h(j) : j = a(j), V = !0, G = !0) : m.keyCode === 35 || m.code === "End" ? (j = g(), V = !0, G = !0) : (m.keyCode === 36 || m.code === "Home") && (j = i(), V = !0, G = !0), V && m.preventDefault(), G && c(j, m);
|
|
852
852
|
}
|
|
853
853
|
}
|
|
854
|
-
function
|
|
854
|
+
function w(m) {
|
|
855
855
|
let p = m.target;
|
|
856
856
|
do
|
|
857
857
|
if (N(p)) {
|
|
858
858
|
if (ae(p))
|
|
859
859
|
return;
|
|
860
|
-
const
|
|
861
|
-
|
|
860
|
+
const y = [].slice.call(p.parentNode.children).filter(dt).indexOf(p);
|
|
861
|
+
c(y, m);
|
|
862
862
|
return;
|
|
863
863
|
}
|
|
864
864
|
while ((p = p.parentNode) != null);
|
|
@@ -874,36 +874,36 @@ const Un = { className: "react-tabs", focus: !1 }, zn = process.env.NODE_ENV !==
|
|
|
874
874
|
} while (p);
|
|
875
875
|
return !1;
|
|
876
876
|
}
|
|
877
|
-
const { children:
|
|
878
|
-
return pe.createElement("div", Object.assign({}, oe, { className: Oe(F), onClick:
|
|
877
|
+
const { children: C, className: F, disabledTabClassName: q, domRef: Q, focus: z, forceRenderTabPanel: U, onSelect: u, selectedIndex: ee, selectedTabClassName: ne, selectedTabPanelClassName: ce, environment: le, disableUpDownKeys: J, disableLeftRightKeys: re, ...oe } = { ...zn, ...e };
|
|
878
|
+
return pe.createElement("div", Object.assign({}, oe, { className: Oe(F), onClick: w, onKeyDown: k, ref: (m) => {
|
|
879
879
|
r.current = m, Q && Q(m);
|
|
880
|
-
}, "data-rttabs": !0 }),
|
|
880
|
+
}, "data-rttabs": !0 }), P());
|
|
881
881
|
};
|
|
882
|
-
|
|
883
|
-
const
|
|
884
|
-
if (process.env.NODE_ENV !== "production" && n != null && n !==
|
|
882
|
+
Pt.propTypes = process.env.NODE_ENV !== "production" ? Wn : {};
|
|
883
|
+
const Yn = 0, Ee = 1, qn = process.env.NODE_ENV !== "production" ? { children: Et, className: b.oneOfType([b.string, b.array, b.object]), defaultFocus: b.bool, defaultIndex: b.number, direction: b.oneOf(["rtl", "ltr"]), disabledTabClassName: b.string, disableUpDownKeys: b.bool, disableLeftRightKeys: b.bool, domRef: b.func, environment: b.object, focusTabOnClick: b.bool, forceRenderTabPanel: b.bool, onSelect: jn, selectedIndex: Fn, selectedTabClassName: b.string, selectedTabPanelClassName: b.string } : {}, Vn = { defaultFocus: !1, focusTabOnClick: !0, forceRenderTabPanel: !1, selectedIndex: null, defaultIndex: null, environment: null, disableUpDownKeys: !1, disableLeftRightKeys: !1 }, wt = (e) => e.selectedIndex === null ? Ee : Yn, Hn = (e, n) => {
|
|
884
|
+
if (process.env.NODE_ENV !== "production" && n != null && n !== wt(e))
|
|
885
885
|
throw new Error("Switching between controlled mode (by using `selectedIndex`) and uncontrolled mode is not supported in `Tabs`.\nFor more information about controlled and uncontrolled mode of react-tabs see https://github.com/reactjs/react-tabs#controlled-vs-uncontrolled-mode.");
|
|
886
886
|
}, Ke = (e) => {
|
|
887
|
-
const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick:
|
|
887
|
+
const { children: n, defaultFocus: t, defaultIndex: r, focusTabOnClick: c, onSelect: a, ...h } = { ...Vn, ...e }, [i, g] = te(t), [v] = te(wt(h)), [d, P] = te(v === Ee ? r || 0 : null);
|
|
888
888
|
if (se(() => {
|
|
889
|
-
|
|
890
|
-
}, []),
|
|
891
|
-
const N =
|
|
889
|
+
g(!1);
|
|
890
|
+
}, []), v === Ee) {
|
|
891
|
+
const N = xt(n);
|
|
892
892
|
se(() => {
|
|
893
893
|
if (d != null) {
|
|
894
|
-
const
|
|
895
|
-
|
|
894
|
+
const C = Math.max(0, N - 1);
|
|
895
|
+
P(Math.min(d, C));
|
|
896
896
|
}
|
|
897
897
|
}, [N]);
|
|
898
898
|
}
|
|
899
|
-
Hn(h,
|
|
900
|
-
const k = (N,
|
|
901
|
-
typeof a == "function" && a(N,
|
|
899
|
+
Hn(h, v);
|
|
900
|
+
const k = (N, C, F) => {
|
|
901
|
+
typeof a == "function" && a(N, C, F) === !1 || (c && g(!0), v === Ee && P(N));
|
|
902
902
|
};
|
|
903
|
-
let
|
|
904
|
-
return
|
|
903
|
+
let w = { ...e, ...h };
|
|
904
|
+
return w.focus = i, w.onSelect = k, d != null && (w.selectedIndex = d), delete w.defaultFocus, delete w.defaultIndex, delete w.focusTabOnClick, pe.createElement(Pt, w, n);
|
|
905
905
|
};
|
|
906
|
-
Ke.propTypes = process.env.NODE_ENV !== "production" ?
|
|
906
|
+
Ke.propTypes = process.env.NODE_ENV !== "production" ? qn : {};
|
|
907
907
|
Ke.tabsRole = "Tabs";
|
|
908
908
|
const Kn = { className: "react-tabs__tab-list" }, Gn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.object, b.array]), className: b.oneOfType([b.string, b.array, b.object]) } : {}, Ge = (e) => {
|
|
909
909
|
const { children: n, className: t, ...r } = { ...Kn, ...e };
|
|
@@ -913,18 +913,18 @@ Ge.tabsRole = "TabList";
|
|
|
913
913
|
Ge.propTypes = process.env.NODE_ENV !== "production" ? Gn : {};
|
|
914
914
|
const Me = "react-tabs__tab", Xn = { className: Me, disabledClassName: `${Me}--disabled`, focus: !1, id: null, selected: !1, selectedClassName: `${Me}--selected` }, Jn = process.env.NODE_ENV !== "production" ? { children: b.oneOfType([b.array, b.object, b.string]), className: b.oneOfType([b.string, b.array, b.object]), disabled: b.bool, disabledClassName: b.string, focus: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string, tabIndex: b.string, tabRef: b.func } : {}, de = (e) => {
|
|
915
915
|
let n = Te();
|
|
916
|
-
const { children: t, className: r, disabled:
|
|
916
|
+
const { children: t, className: r, disabled: c, disabledClassName: a, focus: h, id: i, selected: g, selectedClassName: v, tabIndex: d, tabRef: P, ...k } = { ...Xn, ...e };
|
|
917
917
|
return se(() => {
|
|
918
|
-
|
|
919
|
-
}, [
|
|
920
|
-
n.current =
|
|
921
|
-
}, role: "tab", id: `tab${i}`, "aria-selected":
|
|
918
|
+
g && h && n.current.focus();
|
|
919
|
+
}, [g, h]), pe.createElement("li", Object.assign({}, k, { className: Oe(r, { [v]: g, [a]: c }), ref: (w) => {
|
|
920
|
+
n.current = w, P && P(w);
|
|
921
|
+
}, role: "tab", id: `tab${i}`, "aria-selected": g ? "true" : "false", "aria-disabled": c ? "true" : "false", "aria-controls": `panel${i}`, tabIndex: d || (g ? "0" : null), "data-rttab": !0 }), t);
|
|
922
922
|
};
|
|
923
923
|
de.propTypes = process.env.NODE_ENV !== "production" ? Jn : {};
|
|
924
924
|
de.tabsRole = "Tab";
|
|
925
925
|
const ft = "react-tabs__tab-panel", Zn = { className: ft, forceRender: !1, selectedClassName: `${ft}--selected` }, Qn = process.env.NODE_ENV !== "production" ? { children: b.node, className: b.oneOfType([b.string, b.array, b.object]), forceRender: b.bool, id: b.string, selected: b.bool, selectedClassName: b.string } : {}, fe = (e) => {
|
|
926
|
-
const { children: n, className: t, forceRender: r, id:
|
|
927
|
-
return pe.createElement("div", Object.assign({}, i, { className: Oe(t, { [h]: a }), role: "tabpanel", id: `panel${
|
|
926
|
+
const { children: n, className: t, forceRender: r, id: c, selected: a, selectedClassName: h, ...i } = { ...Zn, ...e };
|
|
927
|
+
return pe.createElement("div", Object.assign({}, i, { className: Oe(t, { [h]: a }), role: "tabpanel", id: `panel${c}`, "aria-labelledby": `tab${c}` }), r || a ? n : null);
|
|
928
928
|
};
|
|
929
929
|
fe.tabsRole = "TabPanel";
|
|
930
930
|
fe.propTypes = process.env.NODE_ENV !== "production" ? Qn : {};
|
|
@@ -932,13 +932,13 @@ fe.propTypes = process.env.NODE_ENV !== "production" ? Qn : {};
|
|
|
932
932
|
try {
|
|
933
933
|
if (typeof document < "u") {
|
|
934
934
|
var e = document.createElement("style");
|
|
935
|
-
e.appendChild(document.createTextNode('.
|
|
935
|
+
e.appendChild(document.createTextNode('._FileExplorer_18occ_1{--header-height: 3.5rem;--sidebar-width: 10rem;--footer-height: 1.75rem;--scale: 1.15rem;display:flex;flex-direction:column;width:100%;height:100%}._Header_18occ_25{display:flex;gap:1rem;align-items:center;width:100%;height:var(--header-height);padding:1rem;background-color:var(--background-color-0)}._IconButton_18occ_45{--color: var(--foreground-color-0);position:relative;height:1.25rem;width:auto;padding:0;background:none;border:none;outline:none;aspect-ratio:1;cursor:pointer}._IconButton_18occ_45:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff0;border-radius:var(--border-radius-99);transform:scale(1);transform-origin:center;transition:all var(--transition-duration-1) var(--ease-in-out-default)}._IconButton_18occ_45:hover:after,._IconButton_18occ_45:focus-visible:after{background-color:#ffffff1a;transform:scale(1.5)}._IconButton_18occ_45:disabled{--color: var(--background-color-1)}._IconButton_18occ_45 svg{height:100%}._IconButton_18occ_45 svg path{fill:var(--color);transition:fill var(--transition-duration-0) var(--ease-in-out-default)}._PathInput_18occ_137{flex:1;padding:.25rem .5rem;background-color:var(--background-color-2);border:none;border-radius:var(--border-radius-1);outline:none;font-family:inherit;font-size:inherit}._Body_18occ_159{flex:1;display:flex;width:100%;height:calc(100% - var(--header-height));background-color:var(--background-color-2)}._Sidebar_18occ_175{display:flex;gap:.25rem;flex-direction:column;min-width:calc(var(--sidebar-width) / 2);width:var(--sidebar-width);height:100%;max-width:50%;padding:.5rem;background-color:var(--background-color-1);resize:horizontal;overflow:hidden}._NavButton_18occ_203{display:flex;gap:.5rem;align-items:center;width:100%;padding:.5rem;background:none;border:none;border-radius:var(--border-radius-1);outline:none;cursor:pointer;transition:background-color var(--transition-duration-0) var(--ease-in-out-default)}._NavButton_18occ_203:hover,._NavButton_18occ_203:focus-visible{background-color:color-mix(in srgb,var(--background-color-0) 75%,transparent)}._NavButton_18occ_203 svg{height:1.35rem;aspect-ratio:1}._Main_18occ_249{--scale: inherit !important;position:relative;flex:1;display:flex;flex-wrap:wrap;align-content:flex-start;height:100%;padding:.5rem;padding-bottom:calc(.5rem + var(--footer-height));overflow:auto}._Footer_18occ_277{position:absolute;display:flex;justify-content:flex-start;align-items:center;bottom:0;left:0;width:100%;height:var(--footer-height);padding:0 .75rem;border-top:.25rem solid var(--background-color-0);background-color:var(--background-color-2)}._Footer_18occ_277 p{margin:0;font-size:.875em}._Selector_18occ_315{--footer-height: 4rem}._FileProperties_s5har_1{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:1rem}._Icon_s5har_17{width:3rem;height:3rem}._Icon_s5har_17 div{width:inherit;height:inherit;object-fit:contain}._Icon_s5har_17 svg{max-width:100%;max-height:100%}._Section_s5har_49{--divider-width: .25rem;position:relative;display:flex;gap:.25rem;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:100%;padding:1rem 0;padding-bottom:calc(1rem + var(--divider-width))}._Section_s5har_49:first-child{gap:.5rem;align-items:center;flex-direction:row;padding-top:0}._Section_s5har_49:first-child ._Line_s5har_91{font-size:1.25rem}._Section_s5har_49:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:var(--divider-width);border-radius:var(--border-radius-0);background-color:var(--background-color-0)}._Line_s5har_91{margin:0;text-align:left;padding-left:2rem;text-indent:-2rem}._AppIcon_s5har_135{display:inline-block;width:2rem;height:2rem;vertical-align:middle;margin-left:.5rem;margin-right:.25rem}._AppIcon_s5har_135 div{position:relative;width:inherit;height:inherit;object-fit:contain}._AppIcon_s5har_135 svg{position:absolute;top:0;left:0;max-width:100%;max-height:100%}')), document.head.appendChild(e);
|
|
936
936
|
}
|
|
937
937
|
} catch (n) {
|
|
938
938
|
console.error("vite-plugin-css-injected-by-js", n);
|
|
939
939
|
}
|
|
940
940
|
})();
|
|
941
|
-
const er = "
|
|
941
|
+
const er = "_FileExplorer_18occ_1", tr = "_Header_18occ_25", nr = "_IconButton_18occ_45", rr = "_PathInput_18occ_137", or = "_Body_18occ_159", ar = "_Sidebar_18occ_175", ir = "_NavButton_18occ_203", sr = "_Main_18occ_249", cr = "_Footer_18occ_277", lr = "_Selector_18occ_315", W = {
|
|
942
942
|
FileExplorer: er,
|
|
943
943
|
Header: tr,
|
|
944
944
|
IconButton: nr,
|
|
@@ -947,15 +947,15 @@ const er = "_FileExplorer_10w0u_1", tr = "_Header_10w0u_25", nr = "_IconButton_1
|
|
|
947
947
|
Sidebar: ar,
|
|
948
948
|
NavButton: ir,
|
|
949
949
|
Main: sr,
|
|
950
|
-
Footer:
|
|
951
|
-
Selector:
|
|
950
|
+
Footer: cr,
|
|
951
|
+
Selector: lr
|
|
952
952
|
};
|
|
953
|
-
function
|
|
953
|
+
function ye({ onClick: e, icon: n, name: t }) {
|
|
954
954
|
return /* @__PURE__ */ E(
|
|
955
955
|
"button",
|
|
956
956
|
{
|
|
957
957
|
tabIndex: 0,
|
|
958
|
-
className: `${
|
|
958
|
+
className: `${W.NavButton} ${K.TextSemibold}`,
|
|
959
959
|
onClick: e,
|
|
960
960
|
children: [
|
|
961
961
|
/* @__PURE__ */ s(X, { icon: n }),
|
|
@@ -967,17 +967,17 @@ function ge({ onClick: e, icon: n, name: t }) {
|
|
|
967
967
|
function ur({ directory: e }) {
|
|
968
968
|
const n = (t) => {
|
|
969
969
|
const r = t.target.files;
|
|
970
|
-
r != null && Array.from(r).forEach((
|
|
971
|
-
const { name: a, extension: h } = kt.splitId(
|
|
972
|
-
i.onload = (
|
|
973
|
-
const { result:
|
|
970
|
+
r != null && Array.from(r).forEach((c) => {
|
|
971
|
+
const { name: a, extension: h } = kt.splitId(c.name), i = new FileReader();
|
|
972
|
+
i.onload = (g) => {
|
|
973
|
+
const { result: v } = g.target;
|
|
974
974
|
e.createFile(a, h, (d) => {
|
|
975
|
-
d.setSource(
|
|
975
|
+
d.setSource(v);
|
|
976
976
|
});
|
|
977
|
-
}, i.readAsDataURL(
|
|
977
|
+
}, i.readAsDataURL(c);
|
|
978
978
|
});
|
|
979
979
|
};
|
|
980
|
-
return /* @__PURE__ */ E("label", { title: "Import", tabIndex: 0, className:
|
|
980
|
+
return /* @__PURE__ */ E("label", { title: "Import", tabIndex: 0, className: W.IconButton, children: [
|
|
981
981
|
/* @__PURE__ */ s(
|
|
982
982
|
"input",
|
|
983
983
|
{
|
|
@@ -1003,10 +1003,10 @@ const pt = {
|
|
|
1003
1003
|
AppIcon: mr
|
|
1004
1004
|
};
|
|
1005
1005
|
function hr({ modal: e, params: n, file: t, ...r }) {
|
|
1006
|
-
const { appsConfig:
|
|
1006
|
+
const { appsConfig: c } = me(), a = t.extension != null ? c.getAppByFileExtension(t.extension) : null;
|
|
1007
1007
|
return /* @__PURE__ */ E(Lt, { className: H.FileProperties, modal: e, params: n, ...r, children: [
|
|
1008
1008
|
/* @__PURE__ */ E("span", { className: H.Section, children: [
|
|
1009
|
-
/* @__PURE__ */ s(
|
|
1009
|
+
/* @__PURE__ */ s(Ue, { className: H.Icon, source: t.getIconUrl() }),
|
|
1010
1010
|
/* @__PURE__ */ s("p", { className: `${H.Line} ${K.TextBold}`, children: t.id })
|
|
1011
1011
|
] }),
|
|
1012
1012
|
/* @__PURE__ */ E("span", { className: H.Section, children: [
|
|
@@ -1016,7 +1016,7 @@ function hr({ modal: e, params: n, file: t, ...r }) {
|
|
|
1016
1016
|
] }),
|
|
1017
1017
|
a != null && /* @__PURE__ */ E("span", { className: H.Line, children: [
|
|
1018
1018
|
"Opens with:",
|
|
1019
|
-
/* @__PURE__ */ s(
|
|
1019
|
+
/* @__PURE__ */ s(Ue, { className: H.AppIcon, source: a.iconUrl ?? "" }),
|
|
1020
1020
|
a.name
|
|
1021
1021
|
] })
|
|
1022
1022
|
] }),
|
|
@@ -1042,54 +1042,54 @@ function hr({ modal: e, params: n, file: t, ...r }) {
|
|
|
1042
1042
|
] }) })
|
|
1043
1043
|
] });
|
|
1044
1044
|
}
|
|
1045
|
-
function
|
|
1046
|
-
const h = r != null && t != null && t !== pt.NONE, i =
|
|
1045
|
+
function vr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: c, onSelectionFinish: a }) {
|
|
1046
|
+
const h = r != null && t != null && t !== pt.NONE, i = we(), g = Ye(), { windowsConfig: v } = me(), [d, P] = te(i == null ? void 0 : i.navigate(n ?? "~")), [k, w] = te((d == null ? void 0 : d.path) ?? ""), [N] = te(!0), { history: C, stateIndex: F, pushState: q, undo: Q, redo: z, undoAvailable: U, redoAvailable: u } = Ot(d.path), { alert: ee } = At(), { openWindowedModal: ne } = ht(), { onContextMenu: ce } = je({
|
|
1047
1047
|
Actions: (p) => /* @__PURE__ */ E(Fe, { ...p, children: [
|
|
1048
|
-
/* @__PURE__ */ s(ie, { label: h ? "Select" : "Open", onTrigger: (
|
|
1048
|
+
/* @__PURE__ */ s(ie, { label: h ? "Select" : "Open", onTrigger: (y, S) => {
|
|
1049
1049
|
if (h) {
|
|
1050
|
-
|
|
1050
|
+
c == null || c({ files: [S.id], directory: d }), a == null || a();
|
|
1051
1051
|
return;
|
|
1052
1052
|
}
|
|
1053
|
-
|
|
1053
|
+
g != null && S.open(g);
|
|
1054
1054
|
} }),
|
|
1055
|
-
/* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (
|
|
1056
|
-
|
|
1055
|
+
/* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (y, S) => {
|
|
1056
|
+
S.delete();
|
|
1057
1057
|
} }),
|
|
1058
|
-
/* @__PURE__ */ s(ie, { label: "Properties", icon:
|
|
1058
|
+
/* @__PURE__ */ s(ie, { label: "Properties", icon: gt, onTrigger: (y, S) => {
|
|
1059
1059
|
ne({
|
|
1060
|
-
title: `${
|
|
1061
|
-
iconUrl:
|
|
1060
|
+
title: `${S.id} ${v.titleSeparator} Properties`,
|
|
1061
|
+
iconUrl: S.getIconUrl(),
|
|
1062
1062
|
size: new be(400, 500),
|
|
1063
|
-
Modal: (j) => /* @__PURE__ */ s(hr, { file:
|
|
1063
|
+
Modal: (j) => /* @__PURE__ */ s(hr, { file: S, ...j })
|
|
1064
1064
|
});
|
|
1065
1065
|
} })
|
|
1066
1066
|
] })
|
|
1067
|
-
}), { onContextMenu:
|
|
1067
|
+
}), { onContextMenu: le } = je({
|
|
1068
1068
|
Actions: (p) => /* @__PURE__ */ E(Fe, { ...p, children: [
|
|
1069
|
-
/* @__PURE__ */ s(ie, { label: "Open", onTrigger: (
|
|
1070
|
-
J(
|
|
1069
|
+
/* @__PURE__ */ s(ie, { label: "Open", onTrigger: (y, S) => {
|
|
1070
|
+
J(S.linkedPath ?? S.name);
|
|
1071
1071
|
} }),
|
|
1072
1072
|
/* @__PURE__ */ s(Rt, {}),
|
|
1073
|
-
/* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (
|
|
1074
|
-
|
|
1073
|
+
/* @__PURE__ */ s(ie, { label: "Delete", icon: et, onTrigger: (y, S) => {
|
|
1074
|
+
S.delete();
|
|
1075
1075
|
} })
|
|
1076
1076
|
] })
|
|
1077
|
-
}), J = nn((p,
|
|
1077
|
+
}), J = nn((p, y = !1) => {
|
|
1078
1078
|
if (p == null)
|
|
1079
1079
|
return;
|
|
1080
|
-
d == null && (
|
|
1081
|
-
const
|
|
1082
|
-
|
|
1083
|
-
}, [d,
|
|
1080
|
+
d == null && (y = !0);
|
|
1081
|
+
const S = y ? i == null ? void 0 : i.navigate(p) : d.navigate(p);
|
|
1082
|
+
S != null && (P(S), w(S.root ? "/" : S.path), q(S.path));
|
|
1083
|
+
}, [d, q, i]);
|
|
1084
1084
|
se(() => {
|
|
1085
|
-
if (
|
|
1085
|
+
if (C.length === 0)
|
|
1086
1086
|
return;
|
|
1087
|
-
const p =
|
|
1088
|
-
|
|
1089
|
-
}, [
|
|
1090
|
-
const p = (
|
|
1087
|
+
const p = C[F], y = i == null ? void 0 : i.navigate(p);
|
|
1088
|
+
y != null && (P(y), w(y.root ? "/" : y.path));
|
|
1089
|
+
}, [C, F, i]), se(() => {
|
|
1090
|
+
const p = (y) => {
|
|
1091
1091
|
ee({
|
|
1092
|
-
title:
|
|
1092
|
+
title: y.message,
|
|
1093
1093
|
text: "You have exceeded the virtual drive capacity. Files and folders will not be saved until more storage is freed.",
|
|
1094
1094
|
iconUrl: e == null ? void 0 : e.iconUrl,
|
|
1095
1095
|
size: new be(300, 200),
|
|
@@ -1101,13 +1101,13 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1101
1101
|
};
|
|
1102
1102
|
}, []);
|
|
1103
1103
|
const re = (p) => {
|
|
1104
|
-
|
|
1104
|
+
w(p.target.value);
|
|
1105
1105
|
}, oe = (p) => {
|
|
1106
|
-
let
|
|
1106
|
+
let y = p.target.value;
|
|
1107
1107
|
if (p.key === "Enter") {
|
|
1108
|
-
|
|
1109
|
-
const
|
|
1110
|
-
if (
|
|
1108
|
+
y === "" && (y = "~");
|
|
1109
|
+
const S = i == null ? void 0 : i.navigate(y);
|
|
1110
|
+
if (S == null) {
|
|
1111
1111
|
ne({
|
|
1112
1112
|
title: "Error",
|
|
1113
1113
|
iconUrl: e == null ? void 0 : e.iconUrl,
|
|
@@ -1115,7 +1115,7 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1115
1115
|
Modal: (j) => /* @__PURE__ */ E(Ze, { ...j, children: [
|
|
1116
1116
|
/* @__PURE__ */ E("p", { children: [
|
|
1117
1117
|
'Invalid path: "',
|
|
1118
|
-
|
|
1118
|
+
y,
|
|
1119
1119
|
'"'
|
|
1120
1120
|
] }),
|
|
1121
1121
|
/* @__PURE__ */ s("button", { "data-type": Qe.DIALOG_CONTENT_TYPES.closeButton, children: "Ok" })
|
|
@@ -1123,21 +1123,21 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1123
1123
|
});
|
|
1124
1124
|
return;
|
|
1125
1125
|
}
|
|
1126
|
-
|
|
1126
|
+
P(S), w(S.root ? "/" : S.path);
|
|
1127
1127
|
}
|
|
1128
1128
|
}, m = d.getItemCount(N);
|
|
1129
|
-
return /* @__PURE__ */ E("div", { className: h ? `${
|
|
1130
|
-
/* @__PURE__ */ E("div", { className:
|
|
1129
|
+
return /* @__PURE__ */ E("div", { className: h ? `${W.FileExplorer} ${W.Selector}` : W.FileExplorer, children: [
|
|
1130
|
+
/* @__PURE__ */ E("div", { className: W.Header, children: [
|
|
1131
1131
|
/* @__PURE__ */ s(
|
|
1132
1132
|
"button",
|
|
1133
1133
|
{
|
|
1134
1134
|
title: "Back",
|
|
1135
1135
|
tabIndex: 0,
|
|
1136
|
-
className:
|
|
1136
|
+
className: W.IconButton,
|
|
1137
1137
|
onClick: () => {
|
|
1138
1138
|
Q();
|
|
1139
1139
|
},
|
|
1140
|
-
disabled: !
|
|
1140
|
+
disabled: !U,
|
|
1141
1141
|
children: /* @__PURE__ */ s(X, { icon: jt })
|
|
1142
1142
|
}
|
|
1143
1143
|
),
|
|
@@ -1146,9 +1146,9 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1146
1146
|
{
|
|
1147
1147
|
title: "Forward",
|
|
1148
1148
|
tabIndex: 0,
|
|
1149
|
-
className:
|
|
1149
|
+
className: W.IconButton,
|
|
1150
1150
|
onClick: () => {
|
|
1151
|
-
|
|
1151
|
+
z();
|
|
1152
1152
|
},
|
|
1153
1153
|
disabled: !u,
|
|
1154
1154
|
children: /* @__PURE__ */ s(X, { icon: Ft })
|
|
@@ -1159,12 +1159,12 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1159
1159
|
{
|
|
1160
1160
|
title: "Up",
|
|
1161
1161
|
tabIndex: 0,
|
|
1162
|
-
className:
|
|
1162
|
+
className: W.IconButton,
|
|
1163
1163
|
onClick: () => {
|
|
1164
1164
|
J("..");
|
|
1165
1165
|
},
|
|
1166
1166
|
disabled: d.isRoot != null && d.isRoot,
|
|
1167
|
-
children: /* @__PURE__ */ s(X, { icon:
|
|
1167
|
+
children: /* @__PURE__ */ s(X, { icon: Ut })
|
|
1168
1168
|
}
|
|
1169
1169
|
),
|
|
1170
1170
|
/* @__PURE__ */ s(
|
|
@@ -1172,7 +1172,7 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1172
1172
|
{
|
|
1173
1173
|
title: "New",
|
|
1174
1174
|
tabIndex: 0,
|
|
1175
|
-
className:
|
|
1175
|
+
className: W.IconButton,
|
|
1176
1176
|
onClick: () => {
|
|
1177
1177
|
ne({
|
|
1178
1178
|
title: "Error",
|
|
@@ -1185,7 +1185,7 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1185
1185
|
});
|
|
1186
1186
|
},
|
|
1187
1187
|
disabled: !d.canBeEdited,
|
|
1188
|
-
children: /* @__PURE__ */ s(X, { icon:
|
|
1188
|
+
children: /* @__PURE__ */ s(X, { icon: zt })
|
|
1189
1189
|
}
|
|
1190
1190
|
),
|
|
1191
1191
|
/* @__PURE__ */ s(
|
|
@@ -1194,7 +1194,7 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1194
1194
|
value: k,
|
|
1195
1195
|
type: "text",
|
|
1196
1196
|
"aria-label": "Path",
|
|
1197
|
-
className:
|
|
1197
|
+
className: W.PathInput,
|
|
1198
1198
|
tabIndex: 0,
|
|
1199
1199
|
onChange: re,
|
|
1200
1200
|
onKeyDown: oe,
|
|
@@ -1202,21 +1202,21 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1202
1202
|
}
|
|
1203
1203
|
),
|
|
1204
1204
|
/* @__PURE__ */ s(ur, { directory: d }),
|
|
1205
|
-
/* @__PURE__ */ s("button", { title: "Search", tabIndex: 0, className:
|
|
1206
|
-
/* @__PURE__ */ s("button", { title: "Settings", tabIndex: 0, className:
|
|
1205
|
+
/* @__PURE__ */ s("button", { title: "Search", tabIndex: 0, className: W.IconButton, children: /* @__PURE__ */ s(X, { icon: Wt }) }),
|
|
1206
|
+
/* @__PURE__ */ s("button", { title: "Settings", tabIndex: 0, className: W.IconButton, children: /* @__PURE__ */ s(X, { icon: Yt }) })
|
|
1207
1207
|
] }),
|
|
1208
|
-
/* @__PURE__ */ E("div", { className:
|
|
1209
|
-
/* @__PURE__ */ E("div", { className:
|
|
1210
|
-
/* @__PURE__ */ s(
|
|
1208
|
+
/* @__PURE__ */ E("div", { className: W.Body, children: [
|
|
1209
|
+
/* @__PURE__ */ E("div", { className: W.Sidebar, children: [
|
|
1210
|
+
/* @__PURE__ */ s(ye, { name: "Home", onClick: () => {
|
|
1211
1211
|
J("~");
|
|
1212
|
-
}, icon:
|
|
1213
|
-
/* @__PURE__ */ s(
|
|
1212
|
+
}, icon: qt }),
|
|
1213
|
+
/* @__PURE__ */ s(ye, { name: "Desktop", onClick: () => {
|
|
1214
1214
|
J("~/Desktop");
|
|
1215
1215
|
}, icon: Vt }),
|
|
1216
|
-
/* @__PURE__ */ s(
|
|
1216
|
+
/* @__PURE__ */ s(ye, { name: "Images", onClick: () => {
|
|
1217
1217
|
J("~/Pictures");
|
|
1218
1218
|
}, icon: Ht }),
|
|
1219
|
-
/* @__PURE__ */ s(
|
|
1219
|
+
/* @__PURE__ */ s(ye, { name: "Documents", onClick: () => {
|
|
1220
1220
|
J("~/Documents");
|
|
1221
1221
|
}, icon: Kt })
|
|
1222
1222
|
] }),
|
|
@@ -1225,69 +1225,69 @@ function yr({ app: e, path: n, selectorMode: t, Footer: r, onSelectionChange: l,
|
|
|
1225
1225
|
{
|
|
1226
1226
|
directory: d,
|
|
1227
1227
|
id: "main",
|
|
1228
|
-
className:
|
|
1228
|
+
className: W.Main,
|
|
1229
1229
|
showHidden: N,
|
|
1230
|
-
onOpenFile: (p,
|
|
1230
|
+
onOpenFile: (p, y) => {
|
|
1231
1231
|
if (p.preventDefault(), h)
|
|
1232
1232
|
return void (a == null ? void 0 : a());
|
|
1233
|
-
const
|
|
1234
|
-
(
|
|
1233
|
+
const S = {};
|
|
1234
|
+
(y.extension === "md" || y.extension != null && Bt.includes(y.extension)) && (S.mode = "view"), g == null || g.openFile(y, S);
|
|
1235
1235
|
},
|
|
1236
|
-
onOpenFolder: (p,
|
|
1237
|
-
J(
|
|
1236
|
+
onOpenFolder: (p, y) => {
|
|
1237
|
+
J(y.linkedPath ?? y.name);
|
|
1238
1238
|
},
|
|
1239
|
-
onContextMenuFile:
|
|
1240
|
-
onContextMenuFolder:
|
|
1239
|
+
onContextMenuFile: ce,
|
|
1240
|
+
onContextMenuFolder: le,
|
|
1241
1241
|
allowMultiSelect: t !== pt.SINGLE,
|
|
1242
|
-
onSelectionChange:
|
|
1242
|
+
onSelectionChange: c
|
|
1243
1243
|
}
|
|
1244
1244
|
)
|
|
1245
1245
|
] }),
|
|
1246
|
-
h ? /* @__PURE__ */ s("div", { className:
|
|
1246
|
+
h ? /* @__PURE__ */ s("div", { className: W.Footer, children: /* @__PURE__ */ s(r, {}) }) : /* @__PURE__ */ s("span", { className: W.Footer, children: /* @__PURE__ */ s("p", { className: K.TextLight, children: m === 1 ? m + " item" : m + " items" }) })
|
|
1247
1247
|
] });
|
|
1248
1248
|
}
|
|
1249
1249
|
var Nt = /* @__PURE__ */ ((e) => (e[e.None = 0] = "None", e[e.Single = 1] = "Single", e[e.Multi = 2] = "Multi", e))(Nt || {});
|
|
1250
|
-
const It = new bt("File Explorer", "file-explorer",
|
|
1251
|
-
It.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.
|
|
1252
|
-
const
|
|
1253
|
-
function
|
|
1254
|
-
var k,
|
|
1255
|
-
const { modalsConfig: e } = me(), n =
|
|
1250
|
+
const It = new bt("File Explorer", "file-explorer", vr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/file-explorer.svg").setRole(mt.APP_ROLES.fileExplorer).setCategory("Utilities & tools");
|
|
1251
|
+
It.setMetadata({ name: "@prozilla-os/file-explorer", version: "1.1.12", author: "Prozilla" });
|
|
1252
|
+
const gr = "~/Pictures/Wallpapers";
|
|
1253
|
+
function yr() {
|
|
1254
|
+
var k, w;
|
|
1255
|
+
const { modalsConfig: e } = me(), n = we(), t = qe(), [r, c] = te(tt.Dark), [a, h] = te(null), i = t == null ? void 0 : t.getSettings(Se.VIRTUAL_PATHS.desktop), g = t == null ? void 0 : t.getSettings(Se.VIRTUAL_PATHS.theme), { openWindowedModal: v } = ht();
|
|
1256
1256
|
se(() => {
|
|
1257
|
-
i == null || i.get("wallpaper", h),
|
|
1258
|
-
|
|
1257
|
+
i == null || i.get("wallpaper", h), g == null || g.get("theme", (N) => {
|
|
1258
|
+
c(parseInt(N));
|
|
1259
1259
|
});
|
|
1260
|
-
}, [i,
|
|
1260
|
+
}, [i, g]);
|
|
1261
1261
|
const d = (N) => {
|
|
1262
|
-
const
|
|
1263
|
-
i == null || i.set("wallpaper",
|
|
1264
|
-
},
|
|
1265
|
-
const
|
|
1266
|
-
|
|
1262
|
+
const C = N.target.value;
|
|
1263
|
+
i == null || i.set("wallpaper", C);
|
|
1264
|
+
}, P = (N) => {
|
|
1265
|
+
const C = N.target.value;
|
|
1266
|
+
g == null || g.set("theme", C);
|
|
1267
1267
|
};
|
|
1268
|
-
return /* @__PURE__ */ E(
|
|
1269
|
-
/* @__PURE__ */ E("div", { className:
|
|
1270
|
-
/* @__PURE__ */ s("p", { className:
|
|
1271
|
-
/* @__PURE__ */ s("div", { className:
|
|
1272
|
-
([N,
|
|
1268
|
+
return /* @__PURE__ */ E(vt, { children: [
|
|
1269
|
+
/* @__PURE__ */ E("div", { className: x.Option, children: [
|
|
1270
|
+
/* @__PURE__ */ s("p", { className: x.Label, children: "Theme" }),
|
|
1271
|
+
/* @__PURE__ */ s("div", { className: x.Input, children: /* @__PURE__ */ s("select", { className: x.Dropdown, "aria-label": "theme", value: r, onChange: P, children: Object.entries(tt).map(
|
|
1272
|
+
([N, C]) => /* @__PURE__ */ s("option", { value: N, children: C }, N)
|
|
1273
1273
|
) }) })
|
|
1274
1274
|
] }),
|
|
1275
|
-
/* @__PURE__ */ E("div", { className:
|
|
1276
|
-
/* @__PURE__ */ s("p", { className:
|
|
1275
|
+
/* @__PURE__ */ E("div", { className: x.Option, children: [
|
|
1276
|
+
/* @__PURE__ */ s("p", { className: x.Label, children: "Wallpaper" }),
|
|
1277
1277
|
/* @__PURE__ */ s(
|
|
1278
|
-
|
|
1278
|
+
xe,
|
|
1279
1279
|
{
|
|
1280
|
-
className: `${
|
|
1280
|
+
className: `${x.Button} ${K.TextBold}`,
|
|
1281
1281
|
onClick: () => {
|
|
1282
|
-
|
|
1282
|
+
v({
|
|
1283
1283
|
size: e.defaultFileSelectorSize,
|
|
1284
1284
|
Modal: (N) => /* @__PURE__ */ s(
|
|
1285
1285
|
It.WindowContent,
|
|
1286
1286
|
{
|
|
1287
1287
|
type: Nt.Single,
|
|
1288
1288
|
allowedFormats: Dt,
|
|
1289
|
-
onFinish: (
|
|
1290
|
-
|
|
1289
|
+
onFinish: (C) => {
|
|
1290
|
+
C.source != null && (i == null || i.set("wallpaper", C.source));
|
|
1291
1291
|
},
|
|
1292
1292
|
...N
|
|
1293
1293
|
}
|
|
@@ -1297,29 +1297,29 @@ function gr() {
|
|
|
1297
1297
|
children: "Browse"
|
|
1298
1298
|
}
|
|
1299
1299
|
),
|
|
1300
|
-
/* @__PURE__ */ s("div", { className: `${
|
|
1301
|
-
({ id: N, source:
|
|
1300
|
+
/* @__PURE__ */ s("div", { className: `${x.Input} ${x.ImageSelectContainer}`, children: (w = (k = n == null ? void 0 : n.navigate(gr)) == null ? void 0 : k.getFiles()) == null ? void 0 : w.map(
|
|
1301
|
+
({ id: N, source: C }) => /* @__PURE__ */ E("label", { className: x.ImageSelect, children: [
|
|
1302
1302
|
/* @__PURE__ */ s(
|
|
1303
1303
|
"input",
|
|
1304
1304
|
{
|
|
1305
1305
|
type: "radio",
|
|
1306
|
-
value:
|
|
1306
|
+
value: C ?? "",
|
|
1307
1307
|
"aria-label": "Wallpaper image",
|
|
1308
|
-
checked:
|
|
1308
|
+
checked: C === a,
|
|
1309
1309
|
onChange: d,
|
|
1310
1310
|
tabIndex: 0
|
|
1311
1311
|
}
|
|
1312
1312
|
),
|
|
1313
|
-
/* @__PURE__ */ s("img", { src:
|
|
1313
|
+
/* @__PURE__ */ s("img", { src: C ?? "", alt: N, draggable: "false" })
|
|
1314
1314
|
] }, N)
|
|
1315
1315
|
) })
|
|
1316
1316
|
] })
|
|
1317
1317
|
] });
|
|
1318
1318
|
}
|
|
1319
1319
|
function _r() {
|
|
1320
|
-
const { systemName: e } = me(), n =
|
|
1321
|
-
return /* @__PURE__ */ E("div", { className:
|
|
1322
|
-
/* @__PURE__ */ E("p", { className:
|
|
1320
|
+
const { systemName: e } = me(), n = Ye(), t = we();
|
|
1321
|
+
return /* @__PURE__ */ E("div", { className: x.Option, children: [
|
|
1322
|
+
/* @__PURE__ */ E("p", { className: x.Label, children: [
|
|
1323
1323
|
"About ",
|
|
1324
1324
|
e
|
|
1325
1325
|
] }),
|
|
@@ -1327,11 +1327,11 @@ function _r() {
|
|
|
1327
1327
|
e,
|
|
1328
1328
|
" is a web-based operating system inspired by Ubuntu Linux and Windows made with React.js by Prozilla."
|
|
1329
1329
|
] }),
|
|
1330
|
-
/* @__PURE__ */ E("div", { className:
|
|
1330
|
+
/* @__PURE__ */ E("div", { className: x.ButtonGroup, children: [
|
|
1331
1331
|
/* @__PURE__ */ s(
|
|
1332
|
-
|
|
1332
|
+
xe,
|
|
1333
1333
|
{
|
|
1334
|
-
className: `${
|
|
1334
|
+
className: `${x.Button} ${K.TextBold}`,
|
|
1335
1335
|
onClick: (r) => {
|
|
1336
1336
|
r.preventDefault(), n == null || n.open("text-editor", {
|
|
1337
1337
|
mode: "view",
|
|
@@ -1343,9 +1343,9 @@ function _r() {
|
|
|
1343
1343
|
}
|
|
1344
1344
|
),
|
|
1345
1345
|
/* @__PURE__ */ s(
|
|
1346
|
-
|
|
1346
|
+
xe,
|
|
1347
1347
|
{
|
|
1348
|
-
className: `${
|
|
1348
|
+
className: `${x.Button} ${K.TextBold}`,
|
|
1349
1349
|
href: "https://github.com/prozilla-os/ProzillaOS",
|
|
1350
1350
|
children: "View source"
|
|
1351
1351
|
}
|
|
@@ -1354,18 +1354,18 @@ function _r() {
|
|
|
1354
1354
|
] });
|
|
1355
1355
|
}
|
|
1356
1356
|
function Tr() {
|
|
1357
|
-
const e =
|
|
1358
|
-
return /* @__PURE__ */ E(
|
|
1359
|
-
/* @__PURE__ */ E("div", { className: `${
|
|
1360
|
-
/* @__PURE__ */ E("p", { className:
|
|
1357
|
+
const e = we(), n = ue.MAX_BYTES, t = ue.getByteSize((e == null ? void 0 : e.toString()) ?? ""), r = ue.byteToKilobyte(n), c = ue.byteToKilobyte(t), a = r - c;
|
|
1358
|
+
return /* @__PURE__ */ E(vt, { children: [
|
|
1359
|
+
/* @__PURE__ */ E("div", { className: `${x.Option} ${x.ProgressBarContainer}`, children: [
|
|
1360
|
+
/* @__PURE__ */ E("p", { className: x.Label, children: [
|
|
1361
1361
|
"Virtual Drive (",
|
|
1362
1362
|
Ae(r, 1),
|
|
1363
1363
|
" KB)"
|
|
1364
1364
|
] }),
|
|
1365
|
-
/* @__PURE__ */ s(Mt, { fillPercentage:
|
|
1366
|
-
/* @__PURE__ */ E("span", { className:
|
|
1365
|
+
/* @__PURE__ */ s(Mt, { fillPercentage: c / r * 100, className: x.ProgressBar }),
|
|
1366
|
+
/* @__PURE__ */ E("span", { className: x.ProgressBarLabels, children: [
|
|
1367
1367
|
/* @__PURE__ */ E("p", { className: K.TextLight, children: [
|
|
1368
|
-
Ae(
|
|
1368
|
+
Ae(c, 1),
|
|
1369
1369
|
" KB used"
|
|
1370
1370
|
] }),
|
|
1371
1371
|
/* @__PURE__ */ E("p", { className: K.TextLight, children: [
|
|
@@ -1374,12 +1374,12 @@ function Tr() {
|
|
|
1374
1374
|
] })
|
|
1375
1375
|
] })
|
|
1376
1376
|
] }),
|
|
1377
|
-
/* @__PURE__ */ E("div", { className:
|
|
1378
|
-
/* @__PURE__ */ s("p", { className:
|
|
1377
|
+
/* @__PURE__ */ E("div", { className: x.Option, children: [
|
|
1378
|
+
/* @__PURE__ */ s("p", { className: x.Label, children: "Manage data" }),
|
|
1379
1379
|
/* @__PURE__ */ s(
|
|
1380
|
-
|
|
1380
|
+
xe,
|
|
1381
1381
|
{
|
|
1382
|
-
className: `${
|
|
1382
|
+
className: `${x.Button} ${x.ButtonDanger} ${K.TextBold}`,
|
|
1383
1383
|
onClick: () => {
|
|
1384
1384
|
e == null || e.reset();
|
|
1385
1385
|
},
|
|
@@ -1390,79 +1390,79 @@ function Tr() {
|
|
|
1390
1390
|
] });
|
|
1391
1391
|
}
|
|
1392
1392
|
function Er({ app: e, pins: n, setPins: t }) {
|
|
1393
|
-
const r = n.includes(e.id),
|
|
1393
|
+
const r = n.includes(e.id), c = qe(), a = Ye(), { onContextMenu: h } = je({
|
|
1394
1394
|
Actions: (i) => /* @__PURE__ */ E(Fe, { ...i, children: [
|
|
1395
1395
|
/* @__PURE__ */ s(ie, { label: "Launch", icon: e.iconUrl, onTrigger: () => a == null ? void 0 : a.open(e.id) }),
|
|
1396
1396
|
/* @__PURE__ */ s(ie, { label: r ? "Unpin from taskbar" : "Pin to taskbar", icon: Xt, onTrigger: () => {
|
|
1397
|
-
const
|
|
1398
|
-
r ? rn(e.id, n) :
|
|
1399
|
-
const
|
|
1400
|
-
|
|
1397
|
+
const g = [...n];
|
|
1398
|
+
r ? rn(e.id, n) : g.push(e.id);
|
|
1399
|
+
const v = c == null ? void 0 : c.getSettings(Se.VIRTUAL_PATHS.taskbar);
|
|
1400
|
+
v == null || v.set("pins", g.join(","));
|
|
1401
1401
|
} })
|
|
1402
1402
|
] })
|
|
1403
1403
|
});
|
|
1404
|
-
return /* @__PURE__ */ E("div", { className: `${
|
|
1405
|
-
/* @__PURE__ */ E("span", { className:
|
|
1406
|
-
/* @__PURE__ */ s(
|
|
1404
|
+
return /* @__PURE__ */ E("div", { className: `${x.Option} ${x.OptionHorizontal}`, children: [
|
|
1405
|
+
/* @__PURE__ */ E("span", { className: x.Label, children: [
|
|
1406
|
+
/* @__PURE__ */ s(Ue, { className: x.Icon, source: e.iconUrl }),
|
|
1407
1407
|
e.name
|
|
1408
1408
|
] }),
|
|
1409
|
-
/* @__PURE__ */ s("button", { className:
|
|
1409
|
+
/* @__PURE__ */ s("button", { className: x.IconButton, onClick: h, children: /* @__PURE__ */ s(X, { icon: Jt }) })
|
|
1410
1410
|
] });
|
|
1411
1411
|
}
|
|
1412
|
-
function
|
|
1413
|
-
const { appsConfig: e } = me(), n =
|
|
1412
|
+
function Sr() {
|
|
1413
|
+
const { appsConfig: e } = me(), n = qe(), [t, r] = te([]);
|
|
1414
1414
|
return se(() => {
|
|
1415
|
-
const
|
|
1416
|
-
|
|
1415
|
+
const c = n == null ? void 0 : n.getSettings(Se.VIRTUAL_PATHS.taskbar);
|
|
1416
|
+
c == null || c.get("pins", (a) => {
|
|
1417
1417
|
r(a.split(","));
|
|
1418
1418
|
});
|
|
1419
|
-
}, [n]), /* @__PURE__ */ E("div", { className: `${
|
|
1420
|
-
/* @__PURE__ */ s("p", { className:
|
|
1419
|
+
}, [n]), /* @__PURE__ */ E("div", { className: `${x.Option} ${x.OptionList}`, children: [
|
|
1420
|
+
/* @__PURE__ */ s("p", { className: x.Label, children: "Apps" }),
|
|
1421
1421
|
e.apps.sort(
|
|
1422
|
-
(
|
|
1422
|
+
(c, a) => c.name.toLowerCase().localeCompare(a.name.toLowerCase())
|
|
1423
1423
|
).map(
|
|
1424
|
-
(
|
|
1424
|
+
(c) => /* @__PURE__ */ s(Er, { app: c, pins: t, setPins: r }, c.id)
|
|
1425
1425
|
)
|
|
1426
1426
|
] });
|
|
1427
1427
|
}
|
|
1428
|
-
function
|
|
1429
|
-
return /* @__PURE__ */ s("div", { className:
|
|
1428
|
+
function xr({ tab: e }) {
|
|
1429
|
+
return /* @__PURE__ */ s("div", { className: x.SettingsContainer, children: /* @__PURE__ */ E(
|
|
1430
1430
|
Ke,
|
|
1431
1431
|
{
|
|
1432
1432
|
defaultIndex: e ?? 0,
|
|
1433
|
-
className:
|
|
1434
|
-
selectedTabClassName:
|
|
1435
|
-
selectedTabPanelClassName:
|
|
1433
|
+
className: x.Settings,
|
|
1434
|
+
selectedTabClassName: x.ActiveTab,
|
|
1435
|
+
selectedTabPanelClassName: x.ActivePanel,
|
|
1436
1436
|
children: [
|
|
1437
|
-
/* @__PURE__ */ E(Ge, { className:
|
|
1438
|
-
/* @__PURE__ */ E(de, { className:
|
|
1437
|
+
/* @__PURE__ */ E(Ge, { className: x.Tabs, children: [
|
|
1438
|
+
/* @__PURE__ */ E(de, { className: x.TabButton, tabIndex: "0", children: [
|
|
1439
1439
|
/* @__PURE__ */ s(X, { icon: Zt }),
|
|
1440
1440
|
/* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Apps" })
|
|
1441
1441
|
] }),
|
|
1442
|
-
/* @__PURE__ */ E(de, { className:
|
|
1442
|
+
/* @__PURE__ */ E(de, { className: x.TabButton, tabIndex: "0", children: [
|
|
1443
1443
|
/* @__PURE__ */ s(X, { icon: Qt }),
|
|
1444
1444
|
/* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Appearance" })
|
|
1445
1445
|
] }),
|
|
1446
|
-
/* @__PURE__ */ E(de, { className:
|
|
1446
|
+
/* @__PURE__ */ E(de, { className: x.TabButton, tabIndex: "0", children: [
|
|
1447
1447
|
/* @__PURE__ */ s(X, { icon: en }),
|
|
1448
1448
|
/* @__PURE__ */ s("p", { className: K.TextSemibold, children: "Storage" })
|
|
1449
1449
|
] }),
|
|
1450
|
-
/* @__PURE__ */ E(de, { className:
|
|
1451
|
-
/* @__PURE__ */ s(X, { icon:
|
|
1450
|
+
/* @__PURE__ */ E(de, { className: x.TabButton, tabIndex: "0", children: [
|
|
1451
|
+
/* @__PURE__ */ s(X, { icon: gt }),
|
|
1452
1452
|
/* @__PURE__ */ s("p", { className: K.TextSemibold, children: "About" })
|
|
1453
1453
|
] })
|
|
1454
1454
|
] }),
|
|
1455
|
-
/* @__PURE__ */ s(fe, { className:
|
|
1456
|
-
/* @__PURE__ */ s(fe, { className:
|
|
1457
|
-
/* @__PURE__ */ s(fe, { className:
|
|
1458
|
-
/* @__PURE__ */ s(fe, { className:
|
|
1455
|
+
/* @__PURE__ */ s(fe, { className: x.TabPanel, children: /* @__PURE__ */ s(Sr, {}) }),
|
|
1456
|
+
/* @__PURE__ */ s(fe, { className: x.TabPanel, children: /* @__PURE__ */ s(yr, {}) }),
|
|
1457
|
+
/* @__PURE__ */ s(fe, { className: x.TabPanel, children: /* @__PURE__ */ s(Tr, {}) }),
|
|
1458
|
+
/* @__PURE__ */ s(fe, { className: x.TabPanel, children: /* @__PURE__ */ s(_r, {}) })
|
|
1459
1459
|
]
|
|
1460
1460
|
}
|
|
1461
1461
|
) });
|
|
1462
1462
|
}
|
|
1463
|
-
const
|
|
1464
|
-
|
|
1463
|
+
const Cr = new bt("Settings", "settings", xr).setIconUrl("https://os.prozilla.dev/assets/apps/icons/settings.svg").setRole(mt.APP_ROLES.settings).setCategory("Personalization");
|
|
1464
|
+
Cr.setMetadata({ name: "@prozilla-os/settings", version: "1.1.12", author: "Prozilla" });
|
|
1465
1465
|
export {
|
|
1466
|
-
|
|
1466
|
+
Cr as settings
|
|
1467
1467
|
};
|
|
1468
1468
|
//# sourceMappingURL=main.js.map
|