@bynder/compact-view 5.2.3 → 5.2.4

package/react.js

@@ -1,7 +1,7 @@
 import r from "react";
-import { createStore as a } from "./vanilla.js";
-const o = (t) => t;
-function s(t, e = o) {
+import { createStore as c } from "./vanilla.js";
+const u = (t) => t;
+function o(t, e = u) {
   const n = r.useSyncExternalStore(
     t.subscribe,
     r.useCallback(() => e(t.getState()), [t, e]),
@@ -9,11 +9,11 @@ function s(t, e = o) {
   );
   return r.useDebugValue(n), n;
 }
-const u = (t) => {
-  const e = a(t), n = (c) => s(e, c);
+const s = (t) => {
+  const e = c(t), n = (a) => o(e, a);
   return Object.assign(n, e), n;
-}, l = (t) => u;
+}, i = (t) => s;
 export {
-  l as create,
-  s as useStore
+  i as create,
+  o as useStore
 };

package/react2.js

@@ -1,18 +1,18 @@
-import o from "react";
-import { createStore as u } from "./vanilla2.js";
+import u from "react";
+import { createStore as s } from "./vanilla2.js";
 const c = (t) => t;
 function a(t, e = c) {
-  const n = o.useSyncExternalStore(
+  const n = u.useSyncExternalStore(
     t.subscribe,
-    o.useCallback(() => e(t.getState()), [t, e]),
-    o.useCallback(() => e(t.getInitialState()), [t, e])
+    u.useCallback(() => e(t.getState()), [t, e]),
+    u.useCallback(() => e(t.getInitialState()), [t, e])
   );
-  return o.useDebugValue(n), n;
+  return u.useDebugValue(n), n;
 }
-const r = (t) => {
-  const e = u(t), n = (s) => a(e, s);
+const o = (t) => {
+  const e = s(t), n = (r) => a(e, r);
   return Object.assign(n, e), n;
-}, b = ((t) => t ? r(t) : r);
+}, b = ((t) => t ? o(t) : o);
 export {
   b as create,
   a as useStore

package/resolveConfig.js

@@ -1,33 +1,33 @@
-import n from "./index19.js";
-import l from "./utils6.js";
-import h from "./isURLSameOrigin.js";
-import c from "./cookies.js";
+import n from "./index28.js";
+import m from "./utils6.js";
+import c from "./isURLSameOrigin.js";
+import h from "./cookies.js";
 import w from "./buildFullPath.js";
-import C from "./mergeConfig.js";
-import b from "./AxiosHeaders.js";
-import S from "./buildURL.js";
-const v = (s) => {
-  const e = C({}, s);
-  let { data: p, withXSRFToken: o, xsrfHeaderName: m, xsrfCookieName: f, headers: r, auth: t } = e;
-  e.headers = r = b.from(r), e.url = S(w(e.baseURL, e.url, e.allowAbsoluteUrls), s.params, s.paramsSerializer), t && r.set(
+import b from "./mergeConfig.js";
+import C from "./AxiosHeaders.js";
+import g from "./buildURL.js";
+const E = (a) => {
+  const e = b({}, a);
+  let { data: i, withXSRFToken: r, xsrfHeaderName: f, xsrfCookieName: d, headers: o, auth: s } = e;
+  if (e.headers = o = C.from(o), e.url = g(w(e.baseURL, e.url, e.allowAbsoluteUrls), a.params, a.paramsSerializer), s && o.set(
     "Authorization",
-    "Basic " + btoa((t.username || "") + ":" + (t.password ? unescape(encodeURIComponent(t.password)) : ""))
-  );
-  let i;
-  if (l.isFormData(p)) {
+    "Basic " + btoa((s.username || "") + ":" + (s.password ? unescape(encodeURIComponent(s.password)) : ""))
+  ), m.isFormData(i)) {
     if (n.hasStandardBrowserEnv || n.hasStandardBrowserWebWorkerEnv)
-      r.setContentType(void 0);
-    else if ((i = r.getContentType()) !== !1) {
-      const [a, ...d] = i ? i.split(";").map((u) => u.trim()).filter(Boolean) : [];
-      r.setContentType([a || "multipart/form-data", ...d].join("; "));
+      o.setContentType(void 0);
+    else if (m.isFunction(i.getHeaders)) {
+      const t = i.getHeaders(), u = ["content-type", "content-length"];
+      Object.entries(t).forEach(([l, p]) => {
+        u.includes(l.toLowerCase()) && o.set(l, p);
+      });
     }
   }
-  if (n.hasStandardBrowserEnv && (o && l.isFunction(o) && (o = o(e)), o || o !== !1 && h(e.url))) {
-    const a = m && f && c.read(f);
-    a && r.set(m, a);
+  if (n.hasStandardBrowserEnv && (r && m.isFunction(r) && (r = r(e)), r || r !== !1 && c(e.url))) {
+    const t = f && d && h.read(d);
+    t && o.set(f, t);
   }
   return e;
 };
 export {
-  v as default
+  E as default
 };

package/select/add-media/AddMedia.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
-import { SelectedItem } from '../SelectionContext';
+import { Asset } from '../../api/getAsset';
+import { SelectedItem } from '../../store/useSelectionStore';
 interface Props {
     selection: SelectedItem[];
 }
 export declare function AddMedia(props: Props): React.JSX.Element;
+export declare function sortAssets(assetA: Asset, assetB: Asset, preselectedAssetIds: any): number;
 export {};

package/select/current-selection/SelectedItems.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { SelectedItem } from '../SelectionContext';
+import { SelectedItem } from '../../store/useSelectionStore';
 export declare function SelectedItems({ selection }: {
     selection: SelectedItem[];
 }): React.JSX.Element;

package/shims.js

@@ -0,0 +1,29 @@
+import { __exports as n } from "./shims2.js";
+var r;
+function h() {
+  if (r) return n;
+  r = 1, Object.defineProperty(n, "__esModule", {
+    value: !0
+  }), n.dontSetMe = f, n.findInArray = o, n.int = c, n.isFunction = u, n.isNum = s;
+  function o(t, i) {
+    for (let e = 0, p = t.length; e < p; e++)
+      if (i.apply(i, [t[e], e, t])) return t[e];
+  }
+  function u(t) {
+    return typeof t == "function" || Object.prototype.toString.call(t) === "[object Function]";
+  }
+  function s(t) {
+    return typeof t == "number" && !isNaN(t);
+  }
+  function c(t) {
+    return parseInt(t, 10);
+  }
+  function f(t, i, e) {
+    if (t[i])
+      return new Error("Invalid prop ".concat(i, " passed to ").concat(e, " - do not set this, set it on the child."));
+  }
+  return n;
+}
+export {
+  h as __require
+};

package/shims2.js

@@ -0,0 +1,4 @@
+var s = {};
+export {
+  s as __exports
+};

package/store/StoreInitializer.d.ts

@@ -1,8 +1,12 @@
+import { AssetFilterJson } from '../filter/assetFilter.type';
 interface StoreInitializerProps {
     defaultSearchTerm?: string;
     resetOnMount?: boolean;
+    predefinedFilter?: AssetFilterJson;
+    hideLimitedUse?: boolean;
+    preselectedAssetIds?: string[];
 }
 declare function resetAllStores(): void;
-export declare function StoreInitializer({ defaultSearchTerm, resetOnMount, }: StoreInitializerProps): null;
+export declare function StoreInitializer({ defaultSearchTerm, resetOnMount, predefinedFilter, hideLimitedUse, preselectedAssetIds, }: StoreInitializerProps): null;
 export declare function useResetAllStores(): typeof resetAllStores;
 export {};

package/store/useAssetFilterStore.d.ts

@@ -0,0 +1,55 @@
+import { AssetType } from '../views/asset/asset.type';
+import { MetapropertyOptionType as MetapropertyOption } from '../filter/filters/metaproperty/MetapropertyOption';
+import { AssetFilterJson } from '../filter/assetFilter.type';
+import { AutocompleteResponseOption, SmartfilterOption, selectedSmartfilterOptionsType, AssetCountType } from '../api/rest/types';
+type MetapropertyMapType = Record<string, MetapropertyOption>;
+export interface Filter {
+    assetTypes: AssetType[];
+    existingFilters: Record<string, Record<string, number>> | null;
+    isDropdownActive: boolean;
+    isLimited?: boolean;
+    metaproperties: MetapropertyOption[];
+    metapropertyIds: string[];
+    metapropertyMap: MetapropertyMapType;
+    predefinedFilter?: AssetFilterJson;
+    selectedSmartfilterOptions: selectedSmartfilterOptionsType;
+    tags: string[];
+}
+interface Actions {
+    addAssetType: (assetType: AssetType) => void;
+    setAssetTypes: (assetTypes: AssetType[]) => void;
+    removeAssetType: (assetType: AssetType) => void;
+    addMetaproperty: (metaproperty: MetapropertyOption) => void;
+    removeMetaproperty: (metaproperty: MetapropertyOption) => void;
+    setPredefinedMetaproperties: () => void;
+    addTag: (tag: string) => void;
+    setTags: (tags: string[]) => void;
+    removeTag: (tag: string) => void;
+    clear: () => void;
+    setDropdownState: (active: boolean) => void;
+    selectSmartfilterOption: (metapropertyName: string, option: SmartfilterOption | AutocompleteResponseOption, isMultifilter?: boolean) => void;
+    removeSmartfilterOption: (metapropertyName: string, optionId: string) => void;
+    setActiveFiltersState: (count: AssetCountType) => void;
+    setPredefinedFilter: (filter?: AssetFilterJson) => void;
+    setHideLimitedUse: (hide: boolean) => void;
+}
+export type AssetFilterStore = Filter & Actions;
+export declare const useAssetFilterStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AssetFilterStore>, "setState" | "devtools"> & {
+    setState(partial: AssetFilterStore | Partial<AssetFilterStore> | ((state: AssetFilterStore) => AssetFilterStore | Partial<AssetFilterStore>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: AssetFilterStore | ((state: AssetFilterStore) => AssetFilterStore), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare function keepPredefinedMetapropertiesInMap(metapropertyMap: MetapropertyMapType, predefinedMetaproperties: string[]): {};
+export {};

package/store/useSelectionStore.d.ts

@@ -0,0 +1,47 @@
+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 SelectionState {
+    selection: SelectedItem[];
+    preselectedAssetIds?: string[];
+    allAssetsStore: Asset[];
+    setPreselectedAssetIds: (ids: string[]) => void;
+    clear: () => void;
+    selectAll: () => void;
+    selectAssets: (assets: Asset[]) => void;
+    toggleAssets: (assets: Asset[]) => void;
+    toggleCollection: (collection: Collection) => void;
+    setAllAssets: (assetData: AssetData) => void;
+    setSelection: (selection: SelectedItem[]) => void;
+}
+export declare const useSelectionStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<SelectionState>, "setState" | "devtools"> & {
+    setState(partial: SelectionState | Partial<SelectionState> | ((state: SelectionState) => SelectionState | Partial<SelectionState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: SelectionState | ((state: SelectionState) => SelectionState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare const useSelectionModeHandler: () => {
+    assetToggleHandler: (assets: Asset[]) => void;
+};
+export declare function usePreselectedAssets(preselectedAssetIds?: string[]): Asset[];
+export declare function useSelectedCollectionIds(): string[];
+export {};

package/styled-components.browser.esm.js

@@ -1,9 +1,9 @@
 import { __assign as g, __spreadArray as T } from "./tslib.es6.js";
 import S, { useContext as ie, useState as ae, useMemo as ut, useEffect as ue, createElement as ce } from "react";
-import le from "./index3.js";
+import le from "./index4.js";
 import pe from "./emotion-unitless.esm.js";
 import { RULESET as fe } from "./Enum.js";
-import { prefixer as he, middleware as de, rulesheet as me } from "./Middleware.js";
+import { prefixer as he, middleware as de, rulesheet as me } from "./Middleware2.js";
 import { stringify as ve, serialize as ye } from "./Serializer.js";
 import { compile as ge } from "./Parser.js";
 var j = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", Ft = "active", $t = "data-styled-version", nt = "6.1.13", vt = `/*!sc*/

package/throttle.js

@@ -1,7 +1,7 @@
 function h(r, a) {
   let s = 0, u = 1e3 / a, e, t;
   const n = (l, o = Date.now()) => {
-    s = o, e = null, t && (clearTimeout(t), t = null), r.apply(null, l);
+    s = o, e = null, t && (clearTimeout(t), t = null), r(...l);
   };
   return [(...l) => {
     const o = Date.now(), i = o - s;

package/toURLEncodedForm.js

@@ -1,13 +1,14 @@
-import e from "./utils6.js";
-import n from "./toFormData.js";
-import r from "./index19.js";
-function c(o, i) {
-  return n(o, new r.classes.URLSearchParams(), Object.assign({
-    visitor: function(t, s, f, a) {
-      return r.isNode && e.isBuffer(t) ? (this.append(s, t.toString("base64")), !1) : a.defaultVisitor.apply(this, arguments);
-    }
-  }, i));
+import s from "./utils6.js";
+import f from "./toFormData.js";
+import r from "./index28.js";
+function d(o, i) {
+  return f(o, new r.classes.URLSearchParams(), {
+    visitor: function(t, a, n, e) {
+      return r.isNode && s.isBuffer(t) ? (this.append(a, t.toString("base64")), !1) : e.defaultVisitor.apply(this, arguments);
+    },
+    ...i
+  });
 }
 export {
-  c as default
+  d as default
 };

package/tokenExpirationHelper.js

@@ -1,5 +1,5 @@
 import { __exports as i } from "./tokenExpirationHelper2.js";
-import { __require as E } from "./index15.js";
+import { __require as E } from "./index27.js";
 import { __require as x } from "./constants4.js";
 import { __require as b } from "./localStorageHelper.js";
 var u;

package/transformData.js

@@ -1,5 +1,5 @@
 import i from "./utils6.js";
-import m from "./index17.js";
+import m from "./index26.js";
 import s from "./AxiosHeaders.js";
 function h(f, t) {
   const o = this || m, r = t || o, n = s.from(r.headers);

package/transitional.js

@@ -1,8 +1,9 @@
-const r = {
+const e = {
   silentJSONParsing: !0,
   forcedJSONParsing: !0,
-  clarifyTimeoutError: !1
+  clarifyTimeoutError: !1,
+  legacyInterceptorReqResOrdering: !0
 };
 export {
-  r as default
+  e as default
 };

package/useAssetFilterStore.js

@@ -0,0 +1,152 @@
+import { devtools as f } from "./middleware.js";
+import { create as c } from "./react.js";
+function l(t, e) {
+  return t.includes(e) ? t : [...t, e];
+}
+function a(t, e) {
+  return t.filter((r) => r !== e);
+}
+const u = c()(
+  f(
+    (t) => ({
+      assetTypes: [],
+      metaproperties: [],
+      metapropertyIds: [],
+      predefinedFilter: void 0,
+      tags: [],
+      isLimited: void 0,
+      isDropdownActive: !1,
+      selectedSmartfilterOptions: {},
+      existingFilters: null,
+      metapropertyMap: {},
+      setPredefinedFilter: (e) => t(() => ({
+        predefinedFilter: e
+      })),
+      addAssetType: (e) => t((r) => ({
+        assetTypes: l(r.assetTypes, e)
+      })),
+      setAssetTypes: (e) => t(() => ({
+        assetTypes: e
+      })),
+      removeAssetType: (e) => {
+        t((r) => {
+          const { predefinedFilter: i } = r;
+          return i?.showToolbar && i.predefinedAssetType?.includes(e) ? { assetTypes: r.assetTypes } : {
+            assetTypes: a(r.assetTypes, e)
+          };
+        });
+      },
+      addMetaproperty: (e) => t((r) => ({
+        metapropertyIds: l(r.metapropertyIds, e.id),
+        metapropertyMap: {
+          ...r.metapropertyMap,
+          [e.id]: e
+        }
+      })),
+      removeMetaproperty: (e) => t((r) => {
+        const { [e.id]: i, ...s } = r.metapropertyMap;
+        return {
+          metapropertyIds: a(r.metapropertyIds, e.id),
+          metapropertyMap: s
+        };
+      }),
+      setPredefinedMetaproperties: () => t((e) => {
+        const r = {}, { predefinedFilter: i } = e;
+        return Object.entries(i?.predefinedMetapropertiesOptions || {}).reduce(
+          (s, [n, d]) => (s[n] = {}, Object.entries(d).forEach(([o, p]) => {
+            s[n][p] = {
+              id: p,
+              label: o,
+              metapropertyName: n
+            };
+          }), s),
+          r
+        ), { selectedSmartfilterOptions: r };
+      }),
+      addTag: (e) => t((r) => ({
+        tags: l(r.tags, e)
+      })),
+      setTags: (e) => t(() => ({
+        tags: e
+      })),
+      removeTag: (e) => {
+        t((r) => {
+          const { predefinedFilter: i } = r;
+          return i?.showToolbar && i.predefinedTagNames?.includes(e) ? { tags: r.tags } : {
+            tags: a(r.tags, e)
+          };
+        });
+      },
+      selectSmartfilterOption: (e, r, i) => t((s) => {
+        const n = {
+          id: r.id,
+          label: r.label,
+          metapropertyName: e
+        }, d = s.selectedSmartfilterOptions[e] || {}, o = !!d[r.id];
+        return i ? {
+          selectedSmartfilterOptions: {
+            ...s.selectedSmartfilterOptions,
+            [e]: o ? (
+              // Remove if already selected
+              Object.fromEntries(
+                Object.entries(d).filter(
+                  ([p]) => p !== r.id
+                )
+              )
+            ) : (
+              // Add if not selected already
+              {
+                ...d,
+                [r.id]: n
+              }
+            )
+          }
+        } : o ? {
+          selectedSmartfilterOptions: {
+            ...s.selectedSmartfilterOptions,
+            [e]: {}
+          }
+        } : {
+          selectedSmartfilterOptions: {
+            ...s.selectedSmartfilterOptions,
+            [e]: {
+              [r.id]: n
+            }
+          }
+        };
+      }),
+      removeSmartfilterOption: (e, r) => t((i) => {
+        const { [e]: s, ...n } = i.selectedSmartfilterOptions, { [r]: d, ...o } = s || {};
+        return o && Object.keys(o).length > 0 ? {
+          selectedSmartfilterOptions: {
+            ...i.selectedSmartfilterOptions,
+            [e]: o
+          }
+        } : { selectedSmartfilterOptions: n };
+      }),
+      setActiveFiltersState: (e) => {
+        const r = e.count, i = Object.entries(r || {}).filter(
+          ([s, n]) => s.startsWith("property") && n && Object.keys(n).length > 0
+        ).reduce((s, [n, d]) => (s[n.replace("property_", "")] = d, s), {});
+        t({ existingFilters: i });
+      },
+      clear: () => t((e) => {
+        const r = e.predefinedFilter?.showToolbar && e.predefinedFilter?.predefinedAssetType ? [...e.predefinedFilter.predefinedAssetType] : [], i = e.predefinedFilter?.showToolbar && e.predefinedFilter?.predefinedTagNames ? [...e.predefinedFilter.predefinedTagNames] : [];
+        return {
+          assetTypes: r,
+          tags: i,
+          selectedSmartfilterOptions: {},
+          existingFilters: null
+        };
+      }),
+      setDropdownState: (e) => t({ isDropdownActive: e }),
+      setHideLimitedUse: (e) => t(() => ({
+        isLimited: e ? !1 : void 0
+      }))
+    }),
+    { name: "AssetFilterStore", enabled: !1 }
+  )
+);
+export {
+  u as useAssetFilterStore
+};

package/useDatStore.js

@@ -1,4 +1,4 @@
-import { devtools as f } from "./middleware2.js";
+import { devtools as f } from "./middleware.js";
 import { createSelectors as c } from "./createSelectors.js";
 import { create as l } from "./react.js";
 const i = l()(

package/useEffectEvent.js

@@ -1,15 +1,15 @@
 import { useLayoutEffect as f } from "./useLayoutEffect.js";
-import o, { useRef as u, useCallback as n } from "react";
+import u, { useRef as o, useCallback as n } from "react";
 var a;
-const s = (a = o.useInsertionEffect) !== null && a !== void 0 ? a : f;
-function d(c) {
-  const t = u(null);
+const s = (a = u.useInsertionEffect) !== null && a !== void 0 ? a : f;
+function d(t) {
+  const c = o(null);
   return s(() => {
-    t.current = c;
+    c.current = t;
   }, [
-    c
+    t
   ]), n((...r) => {
-    const e = t.current;
+    const e = c.current;
     return e?.(...r);
   }, []);
 }

package/useFonts.js

@@ -2,9 +2,9 @@ import { useState as o, useCallback as c, useEffect as E, useMemo as O } from "r
 import { produce as d } from "./immer.js";
 import { useDebouncedCallback as x } from "./index.module3.js";
 import { notify as P } from "./notify.js";
-import { useTranslate as B } from "./index6.js";
+import { useTranslate as B } from "./index12.js";
 import { API as T } from "./api2.js";
-import { filterFamilies as k, moveSelectedFamilyToTop as w, getFamilyAndSubfamily as U, getDefaultFont as H } from "./utils7.js";
+import { filterFamilies as k, moveSelectedFamilyToTop as w, getFamilyAndSubfamily as U, getDefaultFont as H } from "./utils8.js";
 import { captureException as b } from "./exports3.js";
 const M = 500, Z = 20;
 function $(A) {

package/useOrderingStore.js

@@ -1,4 +1,4 @@
-import { devtools as c } from "./middleware2.js";
+import { devtools as c } from "./middleware.js";
 import { createSelectors as l } from "./createSelectors.js";
 import { create as d } from "./react.js";
 const s = {

package/useRouterStore.js

@@ -1,4 +1,4 @@
-import { devtools as s } from "./middleware2.js";
+import { devtools as s } from "./middleware.js";
 import { createSelectors as a } from "./createSelectors.js";
 import { create as c } from "./react.js";
 const r = c()(

package/useSearchStore.js

@@ -1,5 +1,5 @@
 import { useEffect as i } from "react";
-import { devtools as l } from "./middleware2.js";
+import { devtools as l } from "./middleware.js";
 import { createSelectors as S } from "./createSelectors.js";
 import { create as f } from "./react.js";
 const n = {