@bynder/compact-view 5.2.0 → 5.2.1

package/Smartfilters_new.js

@@ -1,6 +1,6 @@
-import { jsx as i, Fragment as T, jsxs as O } from "react/jsx-runtime";
-import { useState as p, useRef as f, useEffect as q } from "react";
-import { styled as m } from "styled-components";
+import { jsx as o, Fragment as T, jsxs as C } from "react/jsx-runtime";
+import { useState as p, useRef as m, useEffect as q } from "react";
+import { styled as f } from "styled-components";
 import { Box as G, token as w, Flex as J, Button as K } from "@bynder/design-system";
 import { IconArrowLeft as Q, IconArrowRight as Y } from "@bynder/icons";
 import { useConfig as Z } from "./ConfigContext.js";
@@ -11,11 +11,11 @@ import { SmartFilterSelect as nt } from "./SmartFilterSelect_new.js";
 import { getAutocompleteOptions as ot } from "./autocomplete.js";
 import { useAuth as it } from "./LoginContext.js";
 import { debounceAsync as st } from "./asyncDebounce.js";
-const vt = ({ filterData: l }) => {
-  const s = tt(), b = it(), { language: D } = Z(), $ = lt(l), [L, y] = p({}), [X, A] = p(), [I, M] = p({}), [g, d] = p(0), [c, P] = p(0), [v, F] = p(!1), a = f(null), x = f(!1), u = f(null), h = f(null), S = f({});
+const Ot = ({ filterData: l }) => {
+  const i = tt(), b = it(), { language: y } = Z(), $ = lt(l), [L, D] = p({}), [X, A] = p(), [I, M] = p({}), [g, d] = p(0), [c, P] = p(0), [O, F] = p(!1), a = m(null), x = m(!1), u = m(null), h = m(null), S = m({});
   q(() => {
-    a.current && P(a.current.scrollWidth - a.current.clientWidth), s.isDropdownActive || (y({}), A({}));
-  }, [l, a, s]);
+    a.current && P(a.current.scrollWidth - a.current.clientWidth), i.isDropdownActive || (D({}), A({}));
+  }, [l, a, i]);
   const R = g === 0, U = c > 5 && g !== c;
   function z() {
     d((e) => {
@@ -29,29 +29,36 @@ const vt = ({ filterData: l }) => {
       return t <= c - 100 ? t : c;
     });
   }
-  const N = async (e, t) => {
-    let n;
-    M((o) => ({
-      ...o,
+  const N = async (e, t, n) => {
+    let s;
+    M((r) => ({
+      ...r,
       [t]: !0
-    })), e.length >= 2 && (n = await ot({
+    })), e.length >= 2 && (s = await ot({
       metapropertyId: t,
       auth: b,
-      searchTerm: e
-    })), A((o) => ({
-      ...o,
-      [t]: n || null
-    })), M((o) => ({
-      ...o,
+      searchTerm: e,
+      page: n
+    })), A((r) => ({
+      ...r,
+      [t]: s ? {
+        ...s,
+        metapropertyOptions: n > 1 ? [
+          ...r?.[t]?.metapropertyOptions || [],
+          ...s.metapropertyOptions
+        ] : s.metapropertyOptions
+      } : null
+    })), M((r) => ({
+      ...r,
       [t]: !1
     }));
-  }, W = (e) => (S.current[e] || (S.current[e] = st(N, 500)), S.current[e]), C = (e, t, n) => {
-    s.selectSmartfilterOption(e, t, n);
-  }, j = (e, t) => {
-    y((o) => ({
-      ...o,
+  }, W = (e) => (S.current[e] || (S.current[e] = st(N, 500)), S.current[e]), v = (e, t, n) => {
+    i.selectSmartfilterOption(e, t, n);
+  }, j = (e, t, n) => {
+    D((r) => ({
+      ...r,
       [e]: t
-    })), W(e)(t, e);
+    })), W(e)(t, e, n);
   }, B = (e) => {
     u.current = e.clientX, x.current = !1, F(!0);
   }, H = (e) => {
@@ -67,22 +74,22 @@ const vt = ({ filterData: l }) => {
     }
     u.current = null, h.current = null, F(!1);
   }, V = (e) => {
-    if (!v || !a.current || !u.current) return;
+    if (!O || !a.current || !u.current) return;
     e.preventDefault(), h.current === null && (h.current = g), u.current && Math.abs(e.clientX - u.current) > 5 && (x.current = !0);
     const t = (e.clientX - u.current) * -1 + h.current;
     return t <= 16 ? d(0) : t + 16 < c ? d(t) : d(c);
   };
-  return /* @__PURE__ */ i(T, { children: $.map((e) => {
+  return /* @__PURE__ */ o(T, { children: $.map((e) => {
     const t = e.smartfilter, n = e.metapropertyFilters;
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ o(
       et,
       {
-        title: t.labels[D] || t.labels.en_US,
-        alt: t.labels[D] || t.labels.en_US,
+        title: t.labels[y] || t.labels.en_US,
+        alt: t.labels[y] || t.labels.en_US,
         isSmall: !0,
         fadeIn: !0,
         isMetapropertyDropdown: !0,
-        children: () => /* @__PURE__ */ O(
+        children: () => /* @__PURE__ */ C(
           ct,
           {
             ref: a,
@@ -90,58 +97,58 @@ const vt = ({ filterData: l }) => {
             onMouseUp: H,
             onMouseMove: V,
             children: [
-              /* @__PURE__ */ i(
+              /* @__PURE__ */ o(
                 at,
                 {
                   $scroll: g,
                   "data-testid": "metaproperty-dropdown-content",
-                  $isDragging: v,
-                  children: n.map((o) => {
-                    const r = o.metaproperty;
-                    if (!s.existingFilters?.[r.name] || r.type !== "autocomplete" && (r.type !== "smart-single" && r.type !== "select" || r.options.length === 0))
+                  $isDragging: O,
+                  children: n.map((s) => {
+                    const r = s.metaproperty;
+                    if (!i.existingFilters?.[r.name] || r.type !== "autocomplete" && (r.type !== "smart-single" && r.type !== "select" || r.options.length === 0))
                       return null;
-                    const _ = r.type === "autocomplete" ? /* @__PURE__ */ i(
+                    const _ = r.type === "autocomplete" ? /* @__PURE__ */ o(
                       rt,
                       {
                         metaproperty: r,
                         value: L[r.id] || "",
                         onChange: j,
-                        onOptionSelect: C,
+                        onOptionSelect: v,
                         autocompleteOptions: X || {},
                         isLoading: I[r.id] || !1,
-                        selectedOptions: s.selectedSmartfilterOptions || {}
+                        selectedOptions: i.selectedSmartfilterOptions || {}
                       }
-                    ) : /* @__PURE__ */ i(
+                    ) : /* @__PURE__ */ o(
                       nt,
                       {
                         metaproperty: r,
                         smartfilterId: t.id,
-                        onOptionSelect: C,
-                        selectedOptions: s.selectedSmartfilterOptions || {},
-                        filteredMetaproperty: s.existingFilters?.[r.name],
-                        metapropertyCursor: o.metadata.nextCursorMark
+                        onOptionSelect: v,
+                        selectedOptions: i.selectedSmartfilterOptions || {},
+                        filteredMetaproperty: i.existingFilters?.[r.name],
+                        metapropertyCursor: s.metadata.nextCursorMark
                       }
                     );
-                    return /* @__PURE__ */ i(ut, { children: _ }, r.id);
+                    return /* @__PURE__ */ o(ut, { children: _ }, r.id);
                   })
                 }
               ),
-              /* @__PURE__ */ O(pt, { direction: "row", justifyContent: "flex-end", children: [
-                /* @__PURE__ */ i(
+              /* @__PURE__ */ C(pt, { direction: "row", justifyContent: "flex-end", children: [
+                /* @__PURE__ */ o(
                   k,
                   {
                     title: "Previous",
-                    icon: /* @__PURE__ */ i(Q, {}),
+                    icon: /* @__PURE__ */ o(Q, {}),
                     onClick: z,
                     "data-testid": "left-arrow",
                     isDisabled: R
                   }
                 ),
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ o(
                   k,
                   {
                     title: "Next",
-                    icon: /* @__PURE__ */ i(Y, {}),
+                    icon: /* @__PURE__ */ o(Y, {}),
                     onClick: E,
                     "data-testid": "right-arrow",
                     isDisabled: !U
@@ -157,27 +164,27 @@ const vt = ({ filterData: l }) => {
   }) });
 };
 function lt(l) {
-  return [...l.filters].sort((s, b) => s.smartfilter.zindex - b.smartfilter.zindex);
+  return [...l.filters].sort((i, b) => i.smartfilter.zindex - b.smartfilter.zindex);
 }
-const ct = m.div`
+const ct = f.div`
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
-`, at = m.div`
+`, at = f.div`
 	display: flex;
 	flex-direction: row;
 	transform: translateX(-${(l) => l.$scroll}px);
 	transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.15);
 	width: fit-content;
 	cursor: ${(l) => l.$isDragging ? "grabbing" : "default"};
-`, ut = m(G)`
+`, ut = f(G)`
 	border-right: 1px solid rgba(3, 16, 38, 0.1);
 	max-width: 300px;
-`, pt = m(J)`
+`, pt = f(J)`
 	padding: ${w.spacing3};
 	border-top: 1px solid rgba(3, 16, 38, 0.1);
 	gap: ${w.spacing3};
-`, k = m(K)`
+`, k = f(K)`
 	padding: ${w.spacing3};
 	border-radius: 6px;
 	border: 1px solid rgba(3, 16, 38, 0.1);
@@ -185,6 +192,5 @@ const ct = m.div`
 	cursor: pointer;
 `;
 export {
-  vt as Smartfilter
+  Ot as Smartfilter
 };
-//# sourceMappingURL=Smartfilters_new.js.map

package/Spinner.js

@@ -29,4 +29,3 @@ const s = r.div`
 export {
   g as Spinner
 };
-//# sourceMappingURL=Spinner.js.map

package/StatefulAssetList.js

@@ -97,4 +97,3 @@ const O = f.div`
 export {
   ce as StatefulAssetList
 };
-//# sourceMappingURL=StatefulAssetList.js.map

package/StoreInitializer.js

@@ -0,0 +1,29 @@
+import { useRef as i, useEffect as s } from "react";
+import { useSearchStore as r } from "./useSearchStore.js";
+import { useOrderingStore as o } from "./useOrderingStore.js";
+import { useDatStore as S } from "./useDatStore.js";
+import { useSimilaritySearchStore as l } from "./useSimilaritySearchStore.js";
+import { useRouterStore as f } from "./useRouterStore.js";
+function n() {
+  o.getState().reset(), S.getState().reset(), r.getState().clear(), l.setState({
+    isEnabled: !1,
+    isSelected: !1,
+    isNLSSelected: !1,
+    NLSSearchText: void 0,
+    similarityAssetsData: { tag: "Loading", value: null }
+  }), f.setState({ page: { page: "assets" } });
+}
+function h({
+  defaultSearchTerm: e,
+  resetOnMount: a = !1
+}) {
+  const t = i(!1);
+  return s(() => {
+    t.current || (a && n(), r.getState().setSearch("assets", e ?? ""), t.current = !0);
+  }, []), s(() => {
+    t.current && r.getState().setSearch("assets", e ?? "");
+  }, [e]), null;
+}
+export {
+  h as StoreInitializer
+};

package/Styles.css.js

@@ -2,4 +2,3 @@ const e = ':host{font-family:SourceSansPro,Source Sans Pro,system-ui,-apple-syst
 export {
   e as default
 };
-//# sourceMappingURL=Styles.css.js.map

package/SwitchNLS.js

@@ -77,4 +77,3 @@ const C = ({ isNLSSearchOn: n, setIsNLSSearchOn: o }) => {
 export {
   C as SwitchNLS
 };
-//# sourceMappingURL=SwitchNLS.js.map

package/TagItem.js

@@ -35,4 +35,3 @@ const g = n.span`
 export {
   x as TagItem
 };
-//# sourceMappingURL=TagItem.js.map

package/Tags.js

@@ -45,4 +45,3 @@ const h = s.h1`
 export {
   j as Tags
 };
-//# sourceMappingURL=Tags.js.map

package/Theming.js

@@ -27,4 +27,3 @@ export {
   l as stringifyTheme,
   c as themeVariables
 };
-//# sourceMappingURL=Theming.js.map

package/Toolbar.js

@@ -50,4 +50,3 @@ const y = m.nav`
 export {
   z as Toolbar
 };
-//# sourceMappingURL=Toolbar.js.map

package/Tooltip.js

@@ -78,4 +78,3 @@ const b = ({
 export {
   b as Tooltip
 };
-//# sourceMappingURL=Tooltip.js.map

package/ViewSwitch.js

@@ -42,4 +42,3 @@ const S = m.div`
 export {
   A as ViewSwitch
 };
-//# sourceMappingURL=ViewSwitch.js.map

package/api/types/getFilters_new.d.ts

@@ -1,6 +1,14 @@
 export interface Labels {
     [key: string]: string;
 }
+export interface CommonOption {
+    count: number;
+    zindex?: number;
+    name: string;
+    id: string;
+    isSelected: boolean;
+    label: string;
+}
 export interface MetapropertyOption {
     count: number;
     zindex: number;

package/asset.type.js

@@ -28,4 +28,3 @@ export {
   a as assetTypeToString,
   A as getAssetTypeIcon
 };
-//# sourceMappingURL=asset.type.js.map

package/asyncDebounce.js

@@ -11,4 +11,3 @@ const i = (t, n) => {
 export {
   i as debounceAsync
 };
-//# sourceMappingURL=asyncDebounce.js.map

package/auth.js

@@ -32,4 +32,3 @@ async function E(r) {
 export {
   E as authenticate
 };
-//# sourceMappingURL=auth.js.map

package/autocomplete.js

@@ -22,4 +22,3 @@ const f = async ({
 export {
   f as getAutocompleteOptions
 };
-//# sourceMappingURL=autocomplete.js.map

package/base64Converter.js

@@ -12,4 +12,3 @@ export {
   c as convertAssetIdToBase64,
   s as convertOptionsToBase64
 };
-//# sourceMappingURL=base64Converter.js.map

package/chunk.js

@@ -7,4 +7,3 @@ const o = (e, s) => {
 export {
   o as chunk
 };
-//# sourceMappingURL=chunk.js.map

package/class.js

@@ -4,4 +4,3 @@ function o(...n) {
 export {
   o as concatClasses
 };
-//# sourceMappingURL=class.js.map

package/combineFilters.js

@@ -6,4 +6,3 @@ const t = ({
 export {
   t as combineFilters
 };
-//# sourceMappingURL=combineFilters.js.map

package/combineMetaproperties.js

@@ -22,4 +22,3 @@ const z = (e, n) => e.zIndex && !n.zIndex ? -1 : !e.zIndex && n.zIndex ? 1 : !e.
 export {
   x as combineMetaproperties
 };
-//# sourceMappingURL=combineMetaproperties.js.map

package/constants.js

@@ -12,4 +12,3 @@ export {
   n as MAX_METAPROPERTY_LENGTH,
   E as WEBDAM_TRANSFORM_BASE_URL_NAME
 };
-//# sourceMappingURL=constants.js.map

package/createSelectors.js

@@ -8,4 +8,3 @@ const r = (o) => {
 export {
   r as createSelectors
 };
-//# sourceMappingURL=createSelectors.js.map

package/crypto.js

@@ -18,4 +18,3 @@ export {
   c as randomString,
   s as sha256
 };
-//# sourceMappingURL=crypto.js.map

package/filter/filters/smartfilters/Metaproperties/Autocomplete_new.d.ts

@@ -5,7 +5,7 @@ import { SmartfilterSelectedOptionType, AutocompleteOption } from '../../../../a
 type Props = {
     metaproperty: Metaproperty;
     value: string;
-    onChange: (metapropertyId: string, value: string) => void;
+    onChange: (metapropertyId: string, value: string, page: number) => void;
     onOptionSelect: (metapropertyName: string, option: MetapropertyOption | AutocompleteOption, isMultifilter: boolean) => void;
     autocompleteOptions: AutocompleteOptions;
     isLoading: boolean;

package/filter/filters/smartfilters/Metaproperties/Option_new.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
-import { MetapropertyOption } from '../../../../api/types/getFilters_new';
+import { CommonOption } from '../../../../api/types/getFilters_new';
 type Props = {
-    option: MetapropertyOption;
-    onClick: (metapropertyName: string, option: MetapropertyOption, metapropertyMultifilter: boolean) => void;
+    option: CommonOption;
+    onClick: (metapropertyName: string, option: CommonOption, metapropertyMultifilter: boolean) => void;
     metapropertyName: string;
     isSelected: boolean;
     metapropertyMultifilter: boolean;

package/filterAssets.js

@@ -174,4 +174,3 @@ export {
   q as getAssetsByMediaId,
   _ as useFilterAssets
 };
-//# sourceMappingURL=filterAssets.js.map

package/getAsset.js

@@ -67,4 +67,3 @@ export {
   p as defaultAssetFieldSelection,
   A as getAsset
 };
-//# sourceMappingURL=getAsset.js.map

package/getAssetCounts.js

@@ -24,4 +24,3 @@ const g = async ({
 export {
   g as getAssetCounts
 };
-//# sourceMappingURL=getAssetCounts.js.map

package/getAssets.js

@@ -134,4 +134,3 @@ const f = async ({
 export {
   $ as getAssets
 };
-//# sourceMappingURL=getAssets.js.map

package/getCollections.js

@@ -76,4 +76,3 @@ function N(r, i = !1) {
 export {
   N as useGetCollections
 };
-//# sourceMappingURL=getCollections.js.map

package/getFilterOptions.js

@@ -54,4 +54,3 @@ export {
   y as query,
   q as useGetFilterOptions
 };
-//# sourceMappingURL=getFilterOptions.js.map

package/getFilters.js

@@ -82,4 +82,3 @@ export {
   q as query,
   $ as useGetFilters
 };
-//# sourceMappingURL=getFilters.js.map

package/getFilters_new.js

@@ -70,4 +70,3 @@ export {
   m as query,
   F as useGetFilters
 };
-//# sourceMappingURL=getFilters_new.js.map

package/getLimitedUseThumbnails.js

@@ -23,4 +23,3 @@ const n = async (i, r) => {
 export {
   a as processAssetsWithLimitedUseFlag
 };
-//# sourceMappingURL=getLimitedUseThumbnails.js.map

package/getSimilarityAssets.js

@@ -138,4 +138,3 @@ export {
   h as normalizeSimilarityResponse,
   V as useSimilarityAssets
 };
-//# sourceMappingURL=getSimilarityAssets.js.map

package/handlers.js

@@ -4,4 +4,3 @@ const t = {
 export {
   t as handlers
 };
-//# sourceMappingURL=handlers.js.map

package/helpers.js

@@ -4,4 +4,3 @@ function n(e, t) {
 export {
   n as handleEnter
 };
-//# sourceMappingURL=helpers.js.map

package/index.js

@@ -6,4 +6,3 @@ export {
   m as Login,
   a as Modal
 };
-//# sourceMappingURL=index.js.map

package/index2.js

@@ -15,4 +15,3 @@ export {
   a as __,
   r as useLocalization
 };
-//# sourceMappingURL=index2.js.map

package/index3.js

@@ -6,7 +6,7 @@ const o = /* @__PURE__ */ new Map();
 async function G(g) {
   const { query: d, variables: h, auth: a, noCache: l, isNewGQL: y } = g;
   if (!a) return p("No authentication provided");
-  const n = a.getAccessToken?.(), $ = "5.2.0";
+  const n = a.getAccessToken?.(), $ = "5.2.1";
   let e = a.accountDomain !== void 0 ? q(a.accountDomain.trim()) : `https://${window.location.host}`;
   e.charAt(e.length - 1) === "/" && (e = e.slice(0, -1));
   const i = `${e}:${d}:${JSON.stringify(h)}:${n}`;
@@ -53,4 +53,3 @@ async function G(g) {
 export {
   G as fetchWithGraphql
 };
-//# sourceMappingURL=index3.js.map

package/index4.js

@@ -17,4 +17,3 @@ export {
   a as getRequest,
   n as onSuccess
 };
-//# sourceMappingURL=index4.js.map

package/logger.js

@@ -4,4 +4,3 @@ const r = {
 export {
   r as logger
 };
-//# sourceMappingURL=logger.js.map

package/loginwindow.js

@@ -81,4 +81,3 @@ const f = `
 export {
   x as waitForAuthorizationFromLoginWindow
 };
-//# sourceMappingURL=loginwindow.js.map

package/normalizeResponse.js

@@ -28,4 +28,3 @@ export {
   A as normalizeAssetsResponse,
   a as normalizeFilesResponse
 };
-//# sourceMappingURL=normalizeResponse.js.map

package/oauth2.js

@@ -84,4 +84,3 @@ export {
   S as postTokenRequest,
   f as redirectOrigin
 };
-//# sourceMappingURL=oauth2.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bynder/compact-view",
   "description": "Bynder Compact View",
-  "version": "5.2.0",
+  "version": "5.2.1",
   "author": "Bynder",
   "license": "UNLICENSED",
   "main": "index.js",

package/result.type.js

@@ -22,4 +22,3 @@ export {
   o as isOk,
   t as ok
 };
-//# sourceMappingURL=result.type.js.map

package/store/StoreInitializer.d.ts

@@ -0,0 +1,8 @@
+interface StoreInitializerProps {
+    defaultSearchTerm?: string;
+    resetOnMount?: boolean;
+}
+declare function resetAllStores(): void;
+export declare function StoreInitializer({ defaultSearchTerm, resetOnMount, }: StoreInitializerProps): null;
+export declare function useResetAllStores(): typeof resetAllStores;
+export {};

package/text.js

@@ -6,4 +6,3 @@ export {
   p as nbsp,
   e as pluralize
 };
-//# sourceMappingURL=text.js.map

package/trimMetapropertyValue.js

@@ -3,4 +3,3 @@ const e = (t) => t.length <= 100 ? t : t.slice(0, r) + "...";
 export {
   e as trimMetapropertyValue
 };
-//# sourceMappingURL=trimMetapropertyValue.js.map

package/url.js

@@ -4,4 +4,3 @@ function r(t) {
 export {
   r as ensureValidUrl
 };
-//# sourceMappingURL=url.js.map

package/useAccountDomain.js

@@ -30,4 +30,3 @@ async function f(i) {
 export {
   v as useAccountDomain
 };
-//# sourceMappingURL=useAccountDomain.js.map

package/useAuthInformation.js

@@ -39,4 +39,3 @@ function R() {
 export {
   R as useAuthInformation
 };
-//# sourceMappingURL=useAuthInformation.js.map

package/useClickOutside.js

@@ -13,4 +13,3 @@ function d(e, n) {
 export {
   d as useClickOutside
 };
-//# sourceMappingURL=useClickOutside.js.map

package/useDatStore.js

@@ -59,4 +59,3 @@ export {
   x as useDat,
   i as useDatStore
 };
-//# sourceMappingURL=useDatStore.js.map

package/useDimensions.js

@@ -28,4 +28,3 @@ function f(r) {
 export {
   f as useDimensions
 };
-//# sourceMappingURL=useDimensions.js.map