@bynder/compact-view 5.2.3 → 5.2.4

package/utils8.js

@@ -1,9 +1,70 @@
-const e = typeof window < "u" && typeof document < "u", o = typeof navigator == "object" && navigator || void 0, n = e && (!o || ["ReactNative", "NativeScript", "NS"].indexOf(o.product) < 0), t = typeof WorkerGlobalScope < "u" && // eslint-disable-next-line no-undef
-self instanceof WorkerGlobalScope && typeof self.importScripts == "function", r = e && window.location.href || "http://localhost";
+import { produce as e } from "./immer.js";
+import { API as a } from "./api2.js";
+function F(i, t) {
+  return e(i, (n) => {
+    const o = n.findIndex((f) => f.id === t?.id);
+    o !== -1 && n.splice(o, 1), n.unshift(t);
+  });
+}
+function c(i, t = !1) {
+  return t ? i.map((n) => ({
+    ...n,
+    subfamilies: n.subfamilies.filter((o) => !o.is_italic)
+  })) : i;
+}
+function r(i, t) {
+  return i.subfamilies.find(
+    (o) => o.weight === t
+  ) || i.subfamilies[0];
+}
+async function u(i, t = "400") {
+  const n = await s(), o = i || n.family.id;
+  if (!o)
+    throw new Error(`Fonts: Family not found for (default) id: ${o}`);
+  const f = await a.getFontFamilyById(o);
+  if (!f)
+    throw new Error(`Fonts: Family not found for id: ${o}`);
+  const l = r(f, t);
+  if (!l)
+    throw new Error(`Fonts: Subfamily not found for weight: ${t}`);
+  return {
+    family: f,
+    subfamily: l
+  };
+}
+async function m(i) {
+  const t = await a.getSubfamilyById(i);
+  if (!t)
+    throw new Error(`Fonts: Subfamily not found for id: ${i}`);
+  const n = await a.getFontFamilyById(t.font_id);
+  if (!n)
+    throw new Error(`Fonts: Family not found for id: ${t.font_id}`);
+  return {
+    family: n,
+    subfamily: t
+  };
+}
+async function s() {
+  const i = await a.getDefaultGlobalFont();
+  if (!i)
+    throw new Error("FontManager v2: (Default) Global Font Family not found");
+  const t = i.family.subfamilies.find(
+    (n) => n.id === i.default_subfamily_id
+  );
+  if (!t)
+    throw new Error("FontManager v2: (Default) Global Font Subfamily not found");
+  return {
+    family: i.family,
+    subfamily: t
+  };
+}
+async function w(i, t) {
+  let n;
+  return t ? n = await m(t) : n = await u(i), n;
+}
 export {
-  e as hasBrowserEnv,
-  n as hasStandardBrowserEnv,
-  t as hasStandardBrowserWebWorkerEnv,
-  o as navigator,
-  r as origin
+  c as filterFamilies,
+  s as getDefaultFont,
+  w as getFamilyAndSubfamily,
+  F as moveSelectedFamilyToTop
 };

package/xhr.js

@@ -1,69 +1,70 @@
-import b from "./utils6.js";
+import H from "./utils6.js";
 import D from "./settle.js";
 import L from "./transitional.js";
-import r from "./AxiosError.js";
-import v from "./CanceledError.js";
-import y from "./parseProtocol.js";
-import O from "./index19.js";
-import H from "./AxiosHeaders.js";
-import { progressEventReducer as q } from "./progressEventReducer.js";
-import U from "./resolveConfig.js";
-const N = typeof XMLHttpRequest < "u", Q = N && function(n) {
-  return new Promise(function(A, s) {
-    const t = U(n);
-    let c = t.data;
-    const E = H.from(t.headers).normalize();
-    let { responseType: i, onUploadProgress: T, onDownloadProgress: R } = t, a, h, w, u, p;
-    function g() {
-      u && u(), p && p(), t.cancelToken && t.cancelToken.unsubscribe(a), t.signal && t.signal.removeEventListener("abort", a);
+import n from "./AxiosError.js";
+import y from "./CanceledError.js";
+import O from "./parseProtocol.js";
+import U from "./index28.js";
+import q from "./AxiosHeaders.js";
+import { progressEventReducer as A } from "./progressEventReducer.js";
+import v from "./resolveConfig.js";
+const N = typeof XMLHttpRequest < "u", Q = N && function(s) {
+  return new Promise(function(C, i) {
+    const t = v(s);
+    let E = t.data;
+    const T = q.from(t.headers).normalize();
+    let { responseType: d, onUploadProgress: R, onDownloadProgress: h } = t, l, g, w, u, f;
+    function x() {
+      u && u(), f && f(), t.cancelToken && t.cancelToken.unsubscribe(l), t.signal && t.signal.removeEventListener("abort", l);
     }
     let e = new XMLHttpRequest();
     e.open(t.method.toUpperCase(), t.url, !0), e.timeout = t.timeout;
-    function x() {
+    function b() {
       if (!e)
         return;
-      const o = H.from(
+      const o = q.from(
         "getAllResponseHeaders" in e && e.getAllResponseHeaders()
-      ), d = {
-        data: !i || i === "text" || i === "json" ? e.responseText : e.response,
+      ), a = {
+        data: !d || d === "text" || d === "json" ? e.responseText : e.response,
         status: e.status,
         statusText: e.statusText,
         headers: o,
-        config: n,
+        config: s,
         request: e
       };
-      D(function(m) {
-        A(m), g();
-      }, function(m) {
-        s(m), g();
-      }, d), e = null;
+      D(function(c) {
+        C(c), x();
+      }, function(c) {
+        i(c), x();
+      }, a), e = null;
     }
-    "onloadend" in e ? e.onloadend = x : e.onreadystatechange = function() {
-      !e || e.readyState !== 4 || e.status === 0 && !(e.responseURL && e.responseURL.indexOf("file:") === 0) || setTimeout(x);
+    "onloadend" in e ? e.onloadend = b : e.onreadystatechange = function() {
+      !e || e.readyState !== 4 || e.status === 0 && !(e.responseURL && e.responseURL.indexOf("file:") === 0) || setTimeout(b);
     }, e.onabort = function() {
-      e && (s(new r("Request aborted", r.ECONNABORTED, n, e)), e = null);
-    }, e.onerror = function() {
-      s(new r("Network Error", r.ERR_NETWORK, n, e)), e = null;
+      e && (i(new n("Request aborted", n.ECONNABORTED, s, e)), e = null);
+    }, e.onerror = function(r) {
+      const a = r && r.message ? r.message : "Network Error", p = new n(a, n.ERR_NETWORK, s, e);
+      p.event = r || null, i(p), e = null;
     }, e.ontimeout = function() {
-      let l = t.timeout ? "timeout of " + t.timeout + "ms exceeded" : "timeout exceeded";
-      const d = t.transitional || L;
-      t.timeoutErrorMessage && (l = t.timeoutErrorMessage), s(new r(
-        l,
-        d.clarifyTimeoutError ? r.ETIMEDOUT : r.ECONNABORTED,
-        n,
+      let r = t.timeout ? "timeout of " + t.timeout + "ms exceeded" : "timeout exceeded";
+      const a = t.transitional || L;
+      t.timeoutErrorMessage && (r = t.timeoutErrorMessage), i(new n(
+        r,
+        a.clarifyTimeoutError ? n.ETIMEDOUT : n.ECONNABORTED,
+        s,
         e
       )), e = null;
-    }, c === void 0 && E.setContentType(null), "setRequestHeader" in e && b.forEach(E.toJSON(), function(l, d) {
-      e.setRequestHeader(d, l);
-    }), b.isUndefined(t.withCredentials) || (e.withCredentials = !!t.withCredentials), i && i !== "json" && (e.responseType = t.responseType), R && ([w, p] = q(R, !0), e.addEventListener("progress", w)), T && e.upload && ([h, u] = q(T), e.upload.addEventListener("progress", h), e.upload.addEventListener("loadend", u)), (t.cancelToken || t.signal) && (a = (o) => {
-      e && (s(!o || o.type ? new v(null, n, e) : o), e.abort(), e = null);
-    }, t.cancelToken && t.cancelToken.subscribe(a), t.signal && (t.signal.aborted ? a() : t.signal.addEventListener("abort", a)));
-    const f = y(t.url);
-    if (f && O.protocols.indexOf(f) === -1) {
-      s(new r("Unsupported protocol " + f + ":", r.ERR_BAD_REQUEST, n));
+    }, E === void 0 && T.setContentType(null), "setRequestHeader" in e && H.forEach(T.toJSON(), function(r, a) {
+      e.setRequestHeader(a, r);
+    }), H.isUndefined(t.withCredentials) || (e.withCredentials = !!t.withCredentials), d && d !== "json" && (e.responseType = t.responseType), h && ([w, f] = A(h, !0), e.addEventListener("progress", w)), R && e.upload && ([g, u] = A(R), e.upload.addEventListener("progress", g), e.upload.addEventListener("loadend", u)), (t.cancelToken || t.signal) && (l = (o) => {
+      e && (i(!o || o.type ? new y(null, s, e) : o), e.abort(), e = null);
+    }, t.cancelToken && t.cancelToken.subscribe(l), t.signal && (t.signal.aborted ? l() : t.signal.addEventListener("abort", l)));
+    const m = O(t.url);
+    if (m && U.protocols.indexOf(m) === -1) {
+      i(new n("Unsupported protocol " + m + ":", n.ERR_BAD_REQUEST, s));
       return;
     }
-    e.send(c || null);
+    e.send(E || null);
   });
 };
 export {

package/AssetFilterContext.js

@@ -1,161 +0,0 @@
-import { jsx as R } from "react/jsx-runtime";
-import { createContext as V, useState as c, useEffect as x, useMemo as X, useContext as Y } from "react";
-const j = V(null);
-function U({
-  children: o,
-  hideLimitedUse: u = !1,
-  predefinedFilter: s
-}) {
-  const [b, l] = c(
-    s?.predefinedAssetType ? [...s?.predefinedAssetType] : []
-  ), [p, g] = c([]), [E, C] = c(!1), [M, m] = c(
-    s?.predefinedTagNames ? [...s.predefinedTagNames] : []
-  ), [O, I] = c(), [P, S] = c({}), [v, d] = c({}), [D, y] = c(null);
-  x(() => {
-    I(u ? !1 : void 0);
-  }, [u]), x(() => {
-    w();
-  }, [s?.predefinedMetapropertiesOptions]);
-  function L(e) {
-    l((t) => T(t, e));
-  }
-  function N(e) {
-    s?.showToolbar && s.predefinedAssetType?.includes(e) || l((t) => A(t, e));
-  }
-  function W(e) {
-    g((t) => T(t, e.id)), S((t) => ({
-      ...t,
-      [e.id]: e
-    }));
-  }
-  function _(e) {
-    g(
-      (t) => A(t, e.id)
-    ), S((t) => {
-      const { [e.id]: i, ...r } = t;
-      return r;
-    });
-  }
-  function w() {
-    s?.predefinedMetapropertiesOptions && d(() => Object.entries(
-      s.predefinedMetapropertiesOptions || {}
-    ).reduce((e, [t, i]) => (e[t] = {}, Object.entries(i).forEach(([r, n]) => {
-      e[t][n] = {
-        id: n,
-        label: r,
-        metapropertyName: t
-      };
-    }), e), {}));
-  }
-  function k(e) {
-    m((t) => T(t, e));
-  }
-  function q(e) {
-    s?.showToolbar && s.predefinedTagNames?.includes(e) || m((t) => A(t, e));
-  }
-  function z(e, t, i) {
-    const r = {
-      id: t.id,
-      label: t.label,
-      metapropertyName: e
-    };
-    d((n) => {
-      const a = n[e] || {}, f = !!a[t.id];
-      return i ? {
-        ...n,
-        [e]: f ? (
-          // Remove if already selected
-          Object.fromEntries(
-            Object.entries(a).filter(
-              ([Q]) => Q !== t.id
-            )
-          )
-        ) : (
-          // Add if not selected already
-          {
-            ...a,
-            [t.id]: r
-          }
-        )
-      } : f ? {
-        ...n,
-        [e]: {}
-      } : {
-        ...n,
-        [e]: {
-          [t.id]: r
-        }
-      };
-    });
-  }
-  function B(e, t) {
-    d((i) => {
-      const { [e]: r, ...n } = i, { [t]: a, ...f } = r || {};
-      return f && Object.keys(f).length > 0 ? {
-        ...i,
-        [e]: f
-      } : n;
-    });
-  }
-  function G(e) {
-    const t = e.count, i = Object.entries(t || {}).filter(
-      ([r, n]) => r.startsWith("property") && n && Object.keys(n).length > 0
-    ).reduce((r, [n, a]) => (r[n.replace("property_", "")] = a, r), {});
-    y(i);
-  }
-  function H() {
-    l(
-      s?.showToolbar && s?.predefinedAssetType ? [...s.predefinedAssetType] : []
-    ), m(
-      s?.showToolbar && s?.predefinedTagNames ? [...s.predefinedTagNames] : []
-    ), d({}), y(null);
-  }
-  const h = p.map((e) => P[e]);
-  function J(e) {
-    C(e);
-  }
-  const K = X(
-    () => ({
-      assetTypes: b,
-      metaproperties: h,
-      metapropertyIds: p,
-      tags: M,
-      isLimited: O,
-      addAssetType: L,
-      removeAssetType: N,
-      addMetaproperty: W,
-      removeMetaproperty: _,
-      setPredefinedMetaproperties: w,
-      addTag: k,
-      removeTag: q,
-      clear: H,
-      setDropdownState: J,
-      isDropdownActive: E,
-      selectSmartfilterOption: z,
-      removeSmartfilterOption: B,
-      selectedSmartfilterOptions: v,
-      setActiveFiltersState: G,
-      existingFilters: D
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [b, h, M, O, p, v]
-  );
-  return /* @__PURE__ */ R(j.Provider, { value: K, children: o });
-}
-function T(o, u) {
-  return o.includes(u) ? o : [...o, u];
-}
-function A(o, u) {
-  return o.filter((s) => s !== u);
-}
-function F() {
-  const o = Y(j);
-  if (o === null)
-    throw new Error("useAssetFilter must be used with a AssetFilterProvider");
-  return o;
-}
-export {
-  j as AssetFilterContext,
-  U as AssetFilterProvider,
-  F as useAssetFilter
-};

package/SelectionContext.js

@@ -1,143 +0,0 @@
-import { jsx as O } from "react/jsx-runtime";
-import { createContext as j, useState as v, useEffect as p, useMemo as k, useContext as q } from "react";
-import { getAssetsByMediaId as B } from "./filterAssets.js";
-import { isErr as I } from "./result.type.js";
-import { useSelectionMode as L, useConfig as T } from "./ConfigContext.js";
-import { useAuth as V } from "./LoginContext.js";
-import { useDat as _ } from "./useDatStore.js";
-const C = j(null);
-function W(t) {
-  const [s, i] = v([]), [f, g] = v([]), [a, S] = v(), u = z(a), h = L(), { transformation: o } = _();
-  p(() => {
-    S(
-      (t.preselectedAssetIds ?? []).filter((e) => !!e).map((e) => window.btoa("(Asset_id " + e + ")"))
-    );
-  }, [t.preselectedAssetIds]), p(() => {
-    u.length && x(u);
-  }, [u]), p(() => {
-    o && Object.keys(o).length && (m(), x([o?.asset]));
-  }, [o]);
-  function d(e) {
-    e.tag === "Loaded" && e.value && g(e.value);
-  }
-  function y() {
-    i((e) => {
-      const n = f.filter(
-        (l) => !e.some((c) => c.value.id === l.id)
-      );
-      return [
-        ...e,
-        ...n.map((l) => ({
-          type: "asset",
-          value: l
-        }))
-      ];
-    });
-  }
-  function m() {
-    i([]);
-  }
-  function x(e) {
-    i((n) => {
-      const l = e.filter((c) => !A(n, c));
-      return [
-        ...n,
-        ...l.map((c) => ({
-          type: "asset",
-          value: c
-        }))
-      ];
-    });
-  }
-  function M(e) {
-    s.some((n) => n.value.id === e.id) ? i([]) : i([{ type: "asset", value: e }]);
-  }
-  function P(e) {
-    h !== "MultiSelect" ? M(e[0]) : i((n) => {
-      const l = e.filter(
-        (r) => !A(n, r)
-      ), c = e.filter(
-        (r) => A(n, r)
-      );
-      return [
-        ...n.filter(
-          (r) => !c.some(
-            (b) => b.id === r.value.id
-          )
-        ),
-        ...l.map((r) => ({
-          type: "asset",
-          value: r
-        }))
-      ];
-    });
-  }
-  function E(e) {
-    i((n) => A(n, e) ? n.filter(
-      (l) => l.value.id !== e.id
-    ) : [
-      ...n,
-      {
-        type: "collection",
-        value: e
-      }
-    ]);
-  }
-  const R = k(
-    () => ({
-      selection: s,
-      preselectedAssetIds: a,
-      clear: m,
-      selectAssets: x,
-      toggleAssets: P,
-      toggleCollection: E,
-      selectAll: y,
-      setAllAssets: d
-    }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [s, f]
-  );
-  return /* @__PURE__ */ O(C.Provider, { value: R, children: t.children });
-}
-function A(t, s) {
-  return t.some((i) => i.value.id === s.id);
-}
-function w() {
-  const t = q(C);
-  if (t === null)
-    throw new Error("useSelection must be used with a SelectionProvider");
-  return t;
-}
-function X() {
-  const { selection: t } = w();
-  return t.filter((s) => s.type === "asset").map((s) => s.value.id);
-}
-function Y() {
-  const { selection: t } = w();
-  return t.filter((s) => s.type === "collection").map((s) => s.value.id);
-}
-function z(t) {
-  const [s, i] = v([]), { selectionMode: f, language: g, noCache: a } = T(), S = V();
-  let u = !1;
-  const h = async (o) => {
-    if (o.length) {
-      const d = await B({ ids: o, auth: S, language: g, noCache: a });
-      u || I(d) || (d.value?.sort((y, m) => o.indexOf(y.id) - o.indexOf(m.id)), i(d.value ?? []));
-    }
-  };
-  return p(() => {
-    if (t) {
-      let o = t ?? [];
-      f !== "MultiSelect" && (o = o[0] ? [o[0]] : []), h(o);
-    }
-    return () => {
-      u = !0;
-    };
-  }, [t]), s;
-}
-export {
-  W as SelectionProvider,
-  X as useSelectedAssetIds,
-  Y as useSelectedCollectionIds,
-  w as useSelection
-};

package/select/SelectionContext.d.ts

@@ -1,30 +0,0 @@
-import { default as React } from 'react';
-import { Asset, AssetData } from '../views/asset/asset.type';
-import { Collection } from '../views/collection/collection.types';
-export type SelectedAsset = {
-    type: 'asset';
-    value: Asset;
-};
-export type SelectedCollection = {
-    type: 'collection';
-    value: Collection;
-};
-export type SelectedItem = SelectedAsset | SelectedCollection;
-interface Context {
-    selection: SelectedItem[];
-    preselectedAssetIds?: string[];
-    clear: () => void;
-    selectAll: () => void;
-    selectAssets: (assets: Asset[]) => void;
-    toggleAssets: (assets: Asset[]) => void;
-    toggleCollection: (collection: Collection) => void;
-    setAllAssets: (assetData: AssetData) => void;
-}
-export declare function SelectionProvider(props: {
-    preselectedAssetIds: string[];
-    children: React.ReactNode;
-}): React.JSX.Element;
-export declare function useSelection(): Context;
-export declare function useSelectedAssetIds(): string[];
-export declare function useSelectedCollectionIds(): string[];
-export {};