@ikonai/sdk-react-ui 0.0.31 → 0.0.33
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.js +44 -43
- package/package.json +1 -1
package/index.js
CHANGED
|
@@ -72,7 +72,7 @@ function nt() {
|
|
|
72
72
|
), a.$$typeof) {
|
|
73
73
|
case N:
|
|
74
74
|
return "Portal";
|
|
75
|
-
case
|
|
75
|
+
case O:
|
|
76
76
|
return (a.displayName || "Context") + ".Provider";
|
|
77
77
|
case E:
|
|
78
78
|
return (a._context.displayName || "Context") + ".Consumer";
|
|
@@ -153,12 +153,12 @@ function nt() {
|
|
|
153
153
|
"Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
|
|
154
154
|
)), a = this.props.ref, a !== void 0 ? a : null;
|
|
155
155
|
}
|
|
156
|
-
function d(a, m, v, R, _,
|
|
157
|
-
return v =
|
|
156
|
+
function d(a, m, v, R, _, A, ee, te) {
|
|
157
|
+
return v = A.ref, a = {
|
|
158
158
|
$$typeof: w,
|
|
159
159
|
type: a,
|
|
160
160
|
key: m,
|
|
161
|
-
props:
|
|
161
|
+
props: A,
|
|
162
162
|
_owner: _
|
|
163
163
|
}, (v !== void 0 ? v : null) !== null ? Object.defineProperty(a, "ref", {
|
|
164
164
|
enumerable: !1,
|
|
@@ -185,7 +185,7 @@ function nt() {
|
|
|
185
185
|
value: te
|
|
186
186
|
}), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
|
|
187
187
|
}
|
|
188
|
-
function l(a, m, v, R, _,
|
|
188
|
+
function l(a, m, v, R, _, A, ee, te) {
|
|
189
189
|
var k = m.children;
|
|
190
190
|
if (k !== void 0)
|
|
191
191
|
if (R)
|
|
@@ -227,7 +227,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
227
227
|
), d(
|
|
228
228
|
a,
|
|
229
229
|
k,
|
|
230
|
-
|
|
230
|
+
A,
|
|
231
231
|
_,
|
|
232
232
|
o(),
|
|
233
233
|
v,
|
|
@@ -238,7 +238,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
238
238
|
function p(a) {
|
|
239
239
|
typeof a == "object" && a !== null && a.$$typeof === w && a._store && (a._store.validated = 1);
|
|
240
240
|
}
|
|
241
|
-
var h = Qe, w = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"),
|
|
241
|
+
var h = Qe, w = Symbol.for("react.transitional.element"), N = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), f = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), E = Symbol.for("react.consumer"), O = Symbol.for("react.context"), C = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), G = Symbol.for("react.suspense_list"), Ye = Symbol.for("react.memo"), ge = Symbol.for("react.lazy"), Ge = Symbol.for("react.activity"), Ke = Symbol.for("react.client.reference"), Z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, ye = Object.prototype.hasOwnProperty, Xe = Array.isArray, Q = console.createTask ? console.createTask : function() {
|
|
242
242
|
return null;
|
|
243
243
|
};
|
|
244
244
|
h = {
|
|
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
251
251
|
s
|
|
252
252
|
)(), Ee = Q(n(s)), we = {};
|
|
253
253
|
V.Fragment = S, V.jsx = function(a, m, v, R, _) {
|
|
254
|
-
var
|
|
254
|
+
var A = 1e4 > Z.recentlyCreatedOwnerStacks++;
|
|
255
255
|
return l(
|
|
256
256
|
a,
|
|
257
257
|
m,
|
|
@@ -259,11 +259,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
259
259
|
!1,
|
|
260
260
|
R,
|
|
261
261
|
_,
|
|
262
|
-
|
|
263
|
-
|
|
262
|
+
A ? Error("react-stack-top-frame") : ve,
|
|
263
|
+
A ? Q(n(a)) : Ee
|
|
264
264
|
);
|
|
265
265
|
}, V.jsxs = function(a, m, v, R, _) {
|
|
266
|
-
var
|
|
266
|
+
var A = 1e4 > Z.recentlyCreatedOwnerStacks++;
|
|
267
267
|
return l(
|
|
268
268
|
a,
|
|
269
269
|
m,
|
|
@@ -271,8 +271,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
271
271
|
!0,
|
|
272
272
|
R,
|
|
273
273
|
_,
|
|
274
|
-
|
|
275
|
-
|
|
274
|
+
A ? Error("react-stack-top-frame") : ve,
|
|
275
|
+
A ? Q(n(a)) : Ee
|
|
276
276
|
);
|
|
277
277
|
};
|
|
278
278
|
}()), V;
|
|
@@ -741,8 +741,8 @@ function le(r) {
|
|
|
741
741
|
const e = r.trim();
|
|
742
742
|
return e.length > 0 ? e : void 0;
|
|
743
743
|
}
|
|
744
|
-
const jt = "media.video-canvas",
|
|
745
|
-
function
|
|
744
|
+
const jt = "media.video-canvas", Ot = "media.video-url-player";
|
|
745
|
+
function At() {
|
|
746
746
|
const r = j(function({ nodeId: t, context: n, className: o }) {
|
|
747
747
|
const s = M(n.store, t), i = I(null), c = n.video, u = s ? le(s.props?.streamId) : void 0, d = s ? X(s.props?.width) : void 0, l = s ? X(s.props?.height) : void 0, p = s ? Be(Ve(s.props?.className), o) : o;
|
|
748
748
|
return q(() => {
|
|
@@ -769,7 +769,7 @@ function Ot() {
|
|
|
769
769
|
};
|
|
770
770
|
}
|
|
771
771
|
function It() {
|
|
772
|
-
return [
|
|
772
|
+
return [At(), Mt()];
|
|
773
773
|
}
|
|
774
774
|
function B(r) {
|
|
775
775
|
if (typeof r == "boolean")
|
|
@@ -809,7 +809,7 @@ function Mt() {
|
|
|
809
809
|
);
|
|
810
810
|
});
|
|
811
811
|
return ({ type: e }) => {
|
|
812
|
-
if (e ===
|
|
812
|
+
if (e === Ot)
|
|
813
813
|
return r;
|
|
814
814
|
};
|
|
815
815
|
}
|
|
@@ -919,14 +919,14 @@ const ne = he("MotionController"), je = {
|
|
|
919
919
|
function T(r) {
|
|
920
920
|
return r <= 0 ? 0 : r >= 1 ? 1 : r;
|
|
921
921
|
}
|
|
922
|
-
function
|
|
922
|
+
function Oe(r) {
|
|
923
923
|
if (r == null) return;
|
|
924
924
|
const e = `${r}`.trim();
|
|
925
925
|
if (!e) return;
|
|
926
926
|
const t = Number.parseFloat(e);
|
|
927
927
|
return Number.isFinite(t) ? t : void 0;
|
|
928
928
|
}
|
|
929
|
-
function
|
|
929
|
+
function Ae(r) {
|
|
930
930
|
return typeof CSS < "u" && CSS.escape ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
|
|
931
931
|
}
|
|
932
932
|
function Ie(r, e, t, n) {
|
|
@@ -939,25 +939,25 @@ function Ie(r, e, t, n) {
|
|
|
939
939
|
}
|
|
940
940
|
function w(f, y) {
|
|
941
941
|
for (let E = 0; E < 4; E += 1) {
|
|
942
|
-
const
|
|
943
|
-
if (
|
|
942
|
+
const O = h(y, r, t);
|
|
943
|
+
if (O === 0)
|
|
944
944
|
return y;
|
|
945
945
|
const C = p(y, r, t) - f;
|
|
946
|
-
y -= C /
|
|
946
|
+
y -= C / O;
|
|
947
947
|
}
|
|
948
948
|
return y;
|
|
949
949
|
}
|
|
950
950
|
function N(f, y, E) {
|
|
951
|
-
let
|
|
951
|
+
let O = 0, C = 0, P = 0;
|
|
952
952
|
do
|
|
953
|
-
C = y + (E - y) / 2,
|
|
954
|
-
while (Math.abs(
|
|
953
|
+
C = y + (E - y) / 2, O = p(C, r, t) - f, O > 0 ? E = C : y = C;
|
|
954
|
+
while (Math.abs(O) > 1e-7 && ++P < 10);
|
|
955
955
|
return C;
|
|
956
956
|
}
|
|
957
957
|
function S(f) {
|
|
958
958
|
let y = 0, E = 1;
|
|
959
|
-
const
|
|
960
|
-
for (; E !==
|
|
959
|
+
const O = 10;
|
|
960
|
+
for (; E !== O && l[E] <= f; E += 1)
|
|
961
961
|
y += 0.1;
|
|
962
962
|
E -= 1;
|
|
963
963
|
const C = (f - l[E]) / (l[E + 1] - l[E]), P = y + C * 0.1, G = h(P, r, t);
|
|
@@ -1049,7 +1049,7 @@ class Dt {
|
|
|
1049
1049
|
const t = e.source?.trim();
|
|
1050
1050
|
if (!t)
|
|
1051
1051
|
return;
|
|
1052
|
-
const n =
|
|
1052
|
+
const n = Oe(e.min) ?? 0, o = Oe(e.max), s = o === void 0 ? n + 100 : o, i = (e.clamp ?? "clamp").trim().toLowerCase(), c = !!e.reverse, u = Bt(e.ease), d = zt(e.map), l = e.targetId?.trim() || void 0;
|
|
1053
1053
|
return Number.isNaN(n) || Number.isNaN(s) ? void 0 : {
|
|
1054
1054
|
source: t.toLowerCase(),
|
|
1055
1055
|
min: n,
|
|
@@ -1107,7 +1107,7 @@ class Dt {
|
|
|
1107
1107
|
const t = this.bindingsByStyle.get(e);
|
|
1108
1108
|
if (!t || typeof document > "u")
|
|
1109
1109
|
return;
|
|
1110
|
-
const n = `.${
|
|
1110
|
+
const n = `.${Ae(e)}`;
|
|
1111
1111
|
document.querySelectorAll(n).forEach((s) => this.applyStyleToElement(s, e, t));
|
|
1112
1112
|
}
|
|
1113
1113
|
applyStyleToElement(e, t, n) {
|
|
@@ -1147,7 +1147,7 @@ class Dt {
|
|
|
1147
1147
|
}
|
|
1148
1148
|
resolveScrollContainer(e, t) {
|
|
1149
1149
|
if (t.targetId) {
|
|
1150
|
-
const n = `[data-ikon-motion-source="${
|
|
1150
|
+
const n = `[data-ikon-motion-source="${Ae(t.targetId)}"]`, o = typeof document < "u" ? document.querySelector(n) : null;
|
|
1151
1151
|
if (o)
|
|
1152
1152
|
return o;
|
|
1153
1153
|
}
|
|
@@ -1238,9 +1238,8 @@ class Dt {
|
|
|
1238
1238
|
this.processElement(e);
|
|
1239
1239
|
return;
|
|
1240
1240
|
}
|
|
1241
|
-
const n
|
|
1242
|
-
|
|
1243
|
-
n.has(s) || this.cleanupElementStyle(e, s);
|
|
1241
|
+
for (const n of t.keys())
|
|
1242
|
+
e.classList.contains(n) || this.cleanupElementStyle(e, n);
|
|
1244
1243
|
this.processElement(e);
|
|
1245
1244
|
}
|
|
1246
1245
|
scanNode(e) {
|
|
@@ -1254,11 +1253,13 @@ class Dt {
|
|
|
1254
1253
|
this.cleanupElement(e), e.querySelectorAll("[class]").forEach((n) => this.cleanupElement(n));
|
|
1255
1254
|
}
|
|
1256
1255
|
processElement(e) {
|
|
1257
|
-
if (!
|
|
1258
|
-
|
|
1259
|
-
|
|
1260
|
-
|
|
1261
|
-
|
|
1256
|
+
if (!e.classList || e.classList.length === 0)
|
|
1257
|
+
return;
|
|
1258
|
+
const t = e.classList;
|
|
1259
|
+
for (let n = 0; n < t.length; n++) {
|
|
1260
|
+
const o = t[n], s = this.bindingsByStyle.get(o);
|
|
1261
|
+
s && this.ensureStyleState(e, o) && this.attachBindings(e, o, s);
|
|
1262
|
+
}
|
|
1262
1263
|
}
|
|
1263
1264
|
}
|
|
1264
1265
|
const Me = new Dt(), oe = "ikon-ds";
|
|
@@ -1735,8 +1736,8 @@ function jr(r) {
|
|
|
1735
1736
|
const n = e.split(/\s+/).filter(Boolean);
|
|
1736
1737
|
if (n.length === 0)
|
|
1737
1738
|
return g.None;
|
|
1738
|
-
const s = n.map((u) => `.${
|
|
1739
|
-
(u) => new RegExp(`(^|[^a-zA-Z0-9_-])${
|
|
1739
|
+
const s = n.map((u) => `.${Or(u)}`).map(
|
|
1740
|
+
(u) => new RegExp(`(^|[^a-zA-Z0-9_-])${Ar(u)}(?![a-zA-Z0-9_-])`)
|
|
1740
1741
|
);
|
|
1741
1742
|
let i = g.None, c = !1;
|
|
1742
1743
|
for (const u of Array.from(document.styleSheets)) {
|
|
@@ -1778,10 +1779,10 @@ function We(r, e) {
|
|
|
1778
1779
|
}
|
|
1779
1780
|
return { mask: t, sawStyleRule: n };
|
|
1780
1781
|
}
|
|
1781
|
-
function
|
|
1782
|
+
function Or(r) {
|
|
1782
1783
|
return typeof CSS < "u" && typeof CSS.escape == "function" ? CSS.escape(r) : r.replace(/[^a-zA-Z0-9_-]/g, (e) => `\\${e}`);
|
|
1783
1784
|
}
|
|
1784
|
-
function
|
|
1785
|
+
function Ar(r) {
|
|
1785
1786
|
return r.replace(/[.*+?^${}()|[\]\\]/g, (e) => `\\${e}`);
|
|
1786
1787
|
}
|
|
1787
1788
|
export {
|
|
@@ -1789,7 +1790,7 @@ export {
|
|
|
1789
1790
|
_t as IKON_UI_MEDIA_MODULE,
|
|
1790
1791
|
ue as IKON_UI_STREAM_CATEGORY,
|
|
1791
1792
|
jt as IKON_UI_VIDEO_CANVAS_TYPE,
|
|
1792
|
-
|
|
1793
|
+
Ot as IKON_UI_VIDEO_URL_PLAYER_TYPE,
|
|
1793
1794
|
Ur as IkonUi,
|
|
1794
1795
|
xt as IkonUiRegistry,
|
|
1795
1796
|
xr as IkonUiSurface,
|