@aigamo/hydrangean-diva 0.0.1-alpha.23 → 0.0.1-alpha.24

package/dist/index.es.js

@@ -1,6 +1,6 @@
 import { makeObservable as Nr, action as v, computed as _, observable as X, reaction as $r } from "mobx";
 import * as te from "react";
-import Lt, { forwardRef as jr, useContext as ct, useState as z, useEffect as Vt, memo as re, useCallback as $, useMemo as Ve, createContext as Ut, useLayoutEffect as zr } from "react";
+import Lt, { createContext as Vt, useContext as ct, forwardRef as jr, useState as z, useEffect as Ut, memo as re, useCallback as $, useMemo as Ve, useLayoutEffect as zr } from "react";
 import qr from "@emotion/cache";
 import { EuiSelectable as Lr, EuiPopoverTitle as Vr, EuiPopoverFooter as Ur, EuiButton as Q, EuiPopover as xe, useGeneratedHtmlId as Yr, EuiModalHeaderTitle as Wr, EuiModalHeader as Hr, EuiForm as Gr, EuiFormRow as at, EuiFieldText as xt, EuiModalBody as Jr, EuiModalFooter as Qr, EuiButtonEmpty as Yt, EuiModal as Kr, useEuiTheme as Wt, EuiCheckbox as Ht, EuiTableHeaderCellCheckbox as Br, EuiTableHeader as Xr, EuiTableRowCell as st, EuiTableRowCellCheckbox as Zr, EuiLink as en, EuiTableRow as tn, EuiTable as rn, EuiButtonIcon as W, EuiIcon as Y, EuiContextMenu as ut, EuiTableHeaderCell as tt, EuiCodeBlock as nn, EuiFlyout as an, EuiFlexGroup as oe, EuiFlexItem as J, EuiSpacer as Gt, EuiEmptyPrompt as sn, EuiPageTemplate as dt, EuiRange as Jt, EuiBottomBar as on } from "@elastic/eui";
 import { AddRegular as Te, PlayRegular as ln, DismissRegular as ft, MoreHorizontalFilled as Qt, ArrowUploadRegular as cn, ArrowDownloadRegular as un, WindowDevToolsRegular as dn, DeleteRegular as fn, ArrowShuffleFilled as pn, ArrowShuffleOffFilled as yn, PreviousFilled as hn, SkipBack10Regular as Kt, PauseFilled as mn, PlayFilled as vn, SkipForward30Regular as Bt, NextFilled as gn, ArrowRepeat1Filled as Pn, ArrowRepeatAllFilled as bn, ArrowRepeatAllOffFilled as wn, OpenRegular as Sn, Speaker2Regular as Xt, TopSpeedRegular as En, NavigationPlayRegular as Rn } from "@fluentui/react-icons";
@@ -21,6 +21,7 @@ class Sa {
     return t;
   }
 }
+const tr = Vt(void 0), rr = () => ct(tr);
 var N = /* @__PURE__ */ ((e) => (e.Off = "Off", e.All = "All", e.One = "One", e))(N || {}), ze = { exports: {} }, Se = {};
 var _t;
 function An() {
@@ -860,7 +861,7 @@ function qn(e, t, r) {
     e[a] !== void 0 ? t.push(e[a] + ";") : a && (i += a + " ");
   }), i;
 }
-var tr = function(t, r, i) {
+var nr = function(t, r, i) {
   var a = t.key + "-" + r.name;
   // we only need to add the styles to the registered cache if the
   // class name could be used further down
@@ -873,7 +874,7 @@ var tr = function(t, r, i) {
   // also, note that this check will be dead code eliminated in the browser
   zn === !1) && t.registered[a] === void 0 && (t.registered[a] = r.styles);
 }, Ln = function(t, r, i) {
-  tr(t, r, i);
+  nr(t, r, i);
   var a = t.key + "-" + r.name;
   if (t.inserted[r.name] === void 0) {
     var o = r;
@@ -957,12 +958,12 @@ function Yn(e) {
     return t[r] === void 0 && (t[r] = e(r)), t[r];
   };
 }
-var Wn = /[A-Z]|^ms/g, Hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, rr = function(t) {
+var Wn = /[A-Z]|^ms/g, Hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, ir = function(t) {
   return t.charCodeAt(1) === 45;
 }, $t = function(t) {
   return t != null && typeof t != "boolean";
 }, nt = /* @__PURE__ */ Yn(function(e) {
-  return rr(e) ? e : e.replace(Wn, "-$&").toLowerCase();
+  return ir(e) ? e : e.replace(Wn, "-$&").toLowerCase();
 }), jt = function(t, r) {
   switch (t) {
     case "animation":
@@ -976,7 +977,7 @@ var Wn = /[A-Z]|^ms/g, Hn = /_EMO_([^_]+?)_([^]*?)_EMO_/g, rr = function(t) {
           }, a;
         });
   }
-  return Un[t] !== 1 && !rr(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
+  return Un[t] !== 1 && !ir(t) && typeof r == "number" && r !== 0 ? r + "px" : r;
 };
 function Ie(e, t, r) {
   if (r == null)
@@ -1080,7 +1081,7 @@ function Jn(e, t, r) {
 }
 var Qn = function(t) {
   return t();
-}, Kn = te.useInsertionEffect ? te.useInsertionEffect : !1, Bn = Kn || Qn, nr = /* @__PURE__ */ te.createContext(
+}, Kn = te.useInsertionEffect ? te.useInsertionEffect : !1, Bn = Kn || Qn, ar = /* @__PURE__ */ te.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -1091,20 +1092,20 @@ var Qn = function(t) {
     key: "css"
   }) : null
 );
-nr.Provider;
+ar.Provider;
 var Xn = function(t) {
   return /* @__PURE__ */ jr(function(r, i) {
-    var a = ct(nr);
+    var a = ct(ar);
     return t(r, a, i);
   });
-}, Zn = /* @__PURE__ */ te.createContext({}), Ue = {}.hasOwnProperty, ot = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", ir = function(t, r) {
+}, Zn = /* @__PURE__ */ te.createContext({}), Ue = {}.hasOwnProperty, ot = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__", sr = function(t, r) {
   var i = {};
   for (var a in r)
     Ue.call(r, a) && (i[a] = r[a]);
   return i[ot] = t, i;
 }, ei = function(t) {
   var r = t.cache, i = t.serialized, a = t.isStringTag;
-  return tr(r, i, a), Bn(function() {
+  return nr(r, i, a), Bn(function() {
     return Ln(r, i, a);
   }), null;
 }, ti = /* @__PURE__ */ Xn(function(e, t, r) {
@@ -1122,17 +1123,17 @@ var Xn = function(t) {
     serialized: f,
     isStringTag: typeof a == "string"
   }), /* @__PURE__ */ te.createElement(a, p));
-}), ar = ti, Ye = Ce.Fragment, s = function(t, r, i) {
-  return Ue.call(r, "css") ? Ce.jsx(ar, ir(t, r), i) : Ce.jsx(t, r, i);
+}), or = ti, Ye = Ce.Fragment, s = function(t, r, i) {
+  return Ue.call(r, "css") ? Ce.jsx(or, sr(t, r), i) : Ce.jsx(t, r, i);
 }, M = function(t, r, i) {
-  return Ue.call(r, "css") ? Ce.jsxs(ar, ir(t, r), i) : Ce.jsxs(t, r, i);
+  return Ue.call(r, "css") ? Ce.jsxs(or, sr(t, r), i) : Ce.jsxs(t, r, i);
 };
 const ri = {
   mediaPlayer: {
     enablePlaylists: process.env.NODE_ENV !== "production"
   }
 }, ni = "http://localhost".replace(/\/+$/, "");
-class sr {
+class lr {
   constructor(t = {}) {
     this.configuration = t;
   }
@@ -1149,7 +1150,7 @@ class sr {
     return this.configuration.middleware || [];
   }
   get queryParamsStringify() {
-    return this.configuration.queryParamsStringify || or;
+    return this.configuration.queryParamsStringify || cr;
   }
   get username() {
     return this.configuration.username;
@@ -1174,7 +1175,7 @@ class sr {
     return this.configuration.credentials;
   }
 }
-const ii = new sr();
+const ii = new lr();
 class pt {
   constructor(t = ii) {
     this.configuration = t, this.middleware = t.middleware;
@@ -1301,10 +1302,10 @@ class Re extends Error {
   }
   name = "RequiredError";
 }
-function or(e, t = "") {
-  return Object.keys(e).map((r) => lr(r, e[r], t)).filter((r) => r.length > 0).join("&");
+function cr(e, t = "") {
+  return Object.keys(e).map((r) => ur(r, e[r], t)).filter((r) => r.length > 0).join("&");
 }
-function lr(e, t, r = "") {
+function ur(e, t, r = "") {
   const i = r + (r.length ? `[${e}]` : e);
   if (t instanceof Array) {
     const a = t.map((o) => encodeURIComponent(String(o))).join(`&${encodeURIComponent(i)}=`);
@@ -1312,9 +1313,9 @@ function lr(e, t, r = "") {
   }
   if (t instanceof Set) {
     const a = Array.from(t);
-    return lr(e, a, r);
+    return ur(e, a, r);
   }
-  return t instanceof Date ? `${encodeURIComponent(i)}=${encodeURIComponent(t.toISOString())}` : t instanceof Object ? or(t, i) : `${encodeURIComponent(i)}=${encodeURIComponent(String(t))}`;
+  return t instanceof Date ? `${encodeURIComponent(i)}=${encodeURIComponent(t.toISOString())}` : t instanceof Object ? cr(t, i) : `${encodeURIComponent(i)}=${encodeURIComponent(String(t))}`;
 }
 class se {
   constructor(t, r = (i) => i) {
@@ -1324,7 +1325,7 @@ class se {
     return this.transformer(await this.raw.json());
   }
 }
-function cr(e) {
+function dr(e) {
   return ci(e);
 }
 function ci(e, t) {
@@ -1338,7 +1339,7 @@ function ui(e) {
 }
 function di(e, t) {
   return e == null ? e : {
-    playlist: cr(e.playlist)
+    playlist: dr(e.playlist)
   };
 }
 function fi(e) {
@@ -1346,7 +1347,7 @@ function fi(e) {
 }
 function pi(e, t) {
   return e == null ? e : {
-    items: e.items.map(cr)
+    items: e.items.map(dr)
   };
 }
 function yi(e) {
@@ -1544,7 +1545,7 @@ class Si extends pt {
     return await (await this.mediaPlayerPlaylistsPostRaw(t, r)).value();
   }
 }
-const Ei = new sr({
+const Ei = new lr({
   basePath: new URL("api", window.location.origin).toString()
 }), Ri = new Si(
   Ei
@@ -1555,7 +1556,7 @@ const Ei = new sr({
   const [r, i] = z(!1), [a, o] = z(
     "loading"
   );
-  return Vt(() => {
+  return Ut(() => {
     Ri.mediaPlayerPlaylistsGet().then(
       (c) => o(
         c.items.map((f) => ({
@@ -1683,7 +1684,7 @@ const Ei = new sr({
       )
     ] });
   }
-), ur = {
+), fr = {
   Audio: "",
   Dailymotion: "https://www.dailymotion.com/favicon.ico",
   Niconico: "https://www.nicovideo.jp/favicon.ico",
@@ -1870,7 +1871,7 @@ const Ei = new sr({
       /* @__PURE__ */ s(st, { textOnly: !1, children: /* @__PURE__ */ s(
         "img",
         {
-          src: ur[e.type],
+          src: fr[e.type],
           width: 16,
           height: 16,
           alt: e.type
@@ -2060,7 +2061,7 @@ const Ni = C(
       ) : /* @__PURE__ */ s(Di, { playQueueStore: e })
     ] });
   }
-), dr = Ut(void 0), fr = () => ct(dr), it = new _n({
+), it = new _n({
   coerceTypes: !0
 });
 function $i(e, t) {
@@ -2461,12 +2462,12 @@ const Ea = ({
   const [t] = z(
     () => new qi(new er())
   ), r = le();
-  return Vt(() => $r(
+  return Ut(() => $r(
     () => t.currentItem,
     async (i, a) => {
       i === void 0 || a === void 0 || i.type === a.type && i.videoId === a.videoId && await r.setCurrentTime(0);
     }
-  ), [t, r]), /* @__PURE__ */ s(dr.Provider, { value: t, children: e });
+  ), [t, r]), /* @__PURE__ */ s(tr.Provider, { value: t, children: e });
 }, Li = ({
   breadcrumbs: e,
   tabs: t,
@@ -2500,7 +2501,7 @@ const Ea = ({
     }
   );
 }, Ra = () => {
-  const e = fr();
+  const e = rr();
   return /* @__PURE__ */ M(Ye, { children: [
     /* @__PURE__ */ s(
       Li,
@@ -2686,7 +2687,7 @@ const Ea = ({
         button: /* @__PURE__ */ s(
           Yt,
           {
-            iconType: ur[e.type],
+            iconType: fr[e.type],
             size: "s",
             onClick: i,
             children: e.title
@@ -3049,7 +3050,7 @@ const Ea = ({
   height: 225
 }, Ia = C(
   ({ children: e }) => {
-    const t = fr();
+    const t = rr();
     return /* @__PURE__ */ M(
       dt,
       {
@@ -3148,7 +3149,7 @@ class ua {
     t !== void 0 && (this.seeking || (this.percent = t));
   }
 }
-const pr = Ut(void 0), Oa = ({
+const pr = Vt(void 0), Oa = ({
   children: e
 }) => {
   const [t] = z(
@@ -3165,10 +3166,12 @@ export {
   Sa as ObservableStateProvider,
   Ni as PlayQueue,
   Ra as PlayQueuePage,
+  tr as PlayQueueStoreContext,
   Ea as PlayQueueStoreProvider,
   Oa as PlayerStoreProvider,
   N as RepeatMode,
   Zt as bottomBarHeight,
+  rr as usePlayQueueStore,
   _a as usePlayerStore
 };
 //# sourceMappingURL=index.es.js.map