@bynder/compact-view 5.1.1 → 5.1.3

package/order/FieldSelect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Field } from './OrderingContext';
+import { Field } from '@src/store/useOrderingStore';
 interface FieldProps {
     options: Field[];
 }

package/package.json

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

package/search/SimilaritySearchContext.d.ts

@@ -1,18 +1,15 @@
 import React from 'react';
 import { useSimilaritySearchInterface } from '@src/api/getSimilarityAssets';
-import { Asset } from '../views/asset/asset.type';
 interface State {
     isEnabled: boolean;
     isSelected: boolean;
-    assets: Asset[];
     isNLSSelected: boolean;
     NLSSearchText?: string;
 }
 interface Actions {
     setIsEnabled: (isEnabled: boolean) => void;
     setIsSelected: (isSelected: boolean) => void;
-    setIsNLSelected: React.Dispatch<React.SetStateAction<boolean>>;
-    setAssets: (assets: Asset[]) => void;
+    setIsNLSSelected: React.Dispatch<React.SetStateAction<boolean>>;
     setNLSSearchText: (text: string | undefined) => void;
 }
 export declare const SimilaritySearchContext: React.Context<(State & Actions & useSimilaritySearchInterface) | null>;

package/select/FileSelector.d.ts

@@ -2,8 +2,8 @@ import React from 'react';
 import { Asset } from '../views/asset/asset.type';
 import { File } from './file.type';
 interface Props {
-    asset: Asset;
-    onChange: (file: File | undefined) => void;
+    readonly asset: Asset;
+    readonly onChange: (file: File | undefined) => void;
 }
 export declare function FileSelector({ asset, onChange }: Props): React.JSX.Element;
 export {};

package/select/types.d.ts

@@ -0,0 +1,13 @@
+import { StreamingLinks } from '../api/getAsset';
+import { File } from './file.type';
+export type State = {
+    status: 'Failure';
+} | {
+    status: 'Loading';
+} | {
+    status: 'Data';
+    files: Record<string, File>;
+    key: string;
+    streamingLinks?: StreamingLinks;
+    selectedAdaptiveKey?: string;
+};

package/select/utils.d.ts

@@ -1,5 +1,5 @@
 import { File } from './file.type';
-export declare function getDefaultKey(files: Record<string, File>): 'transformBaseUrl' | 'original' | 'webImage';
+export declare function getDefaultKey(files: Record<string, File>): 'transformBaseUrl' | 'original' | 'webImage' | 'adaptiveVideo';
 export declare function splitByCamelCase(str: string): string;
 export declare function getUrlExtension(url: string): string | undefined;
 export declare function getHumanReadableFileSize(bytes: number): string;

package/store/useOrderingStore.d.ts

@@ -0,0 +1,61 @@
+import { PageType } from './useRouterStore';
+export type Field = 'CREATED_AT' | 'NAME' | 'PUBLISHED_AT' | 'UPDATED_AT' | 'NL_SEARCH';
+export type Direction = 'ASC' | 'DESC';
+export type Ordering = {
+    field: Field;
+    direction: Direction;
+};
+type OrderingState = {
+    assets: Ordering;
+    collections: Ordering;
+    collection: Ordering;
+    setOrdering: (page: PageType, ordering: Ordering) => void;
+    reset: () => void;
+};
+export declare const useOrderingStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<OrderingState>, "setState" | "devtools"> & {
+    setState(partial: OrderingState | Partial<OrderingState> | ((state: OrderingState) => OrderingState | Partial<OrderingState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: OrderingState | ((state: OrderingState) => OrderingState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare const useOrderingSelectors: {
+    (): OrderingState;
+    <U>(selector: (state: OrderingState) => U): U;
+} & Omit<import("zustand").StoreApi<OrderingState>, "setState" | "devtools"> & {
+    setState(partial: OrderingState | Partial<OrderingState> | ((state: OrderingState) => OrderingState | Partial<OrderingState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: OrderingState | ((state: OrderingState) => OrderingState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+} & {
+    use: {
+        assets: () => Ordering;
+        collections: () => Ordering;
+        collection: () => Ordering;
+        setOrdering: () => (page: PageType, ordering: Ordering) => void;
+        reset: () => () => void;
+    };
+};
+export declare const useOrderingByPage: (page: PageType) => [Ordering, (ordering: Ordering) => void];
+export {};

package/store/useRouterStore.d.ts

@@ -0,0 +1,61 @@
+import { Collection } from '@src/views/collection/collection.types';
+type AssetsPage = 'assets';
+type CollectionsPage = 'collections';
+type CollectionPage = 'collection';
+export type PageType = AssetsPage | CollectionsPage | CollectionPage;
+type Page = {
+    page: AssetsPage;
+} | {
+    page: CollectionsPage;
+} | {
+    page: CollectionPage;
+    collection: Collection;
+};
+type RouterState = {
+    page: Page;
+    setPage: (page: Page) => void;
+};
+export declare const useRouterStore: import("zustand").UseBoundStore<Omit<import("zustand").StoreApi<RouterState>, "setState" | "devtools"> & {
+    setState(partial: RouterState | Partial<RouterState> | ((state: RouterState) => RouterState | Partial<RouterState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: RouterState | ((state: RouterState) => RouterState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+}>;
+export declare const useRouterSelectors: {
+    (): RouterState;
+    <U>(selector: (state: RouterState) => U): U;
+} & Omit<import("zustand").StoreApi<RouterState>, "setState" | "devtools"> & {
+    setState(partial: RouterState | Partial<RouterState> | ((state: RouterState) => RouterState | Partial<RouterState>), replace?: false | undefined, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    setState(state: RouterState | ((state: RouterState) => RouterState), replace: true, action?: (string | {
+        [x: string]: unknown;
+        [x: number]: unknown;
+        [x: symbol]: unknown;
+        type: string;
+    }) | undefined): void;
+    devtools: {
+        cleanup: () => void;
+    };
+} & {
+    use: {
+        page: () => Page;
+        setPage: () => (page: Page) => void;
+    };
+};
+export declare const useRouter: () => [Page, (page: Page) => void];
+export {};

package/store/utils/createSelectors.d.ts

@@ -0,0 +1,10 @@
+import { StoreApi, UseBoundStore } from 'zustand';
+type WithSelectors<S> = S extends {
+    getState: () => infer T;
+} ? S & {
+    use: {
+        [K in keyof T]: () => T[K];
+    };
+} : never;
+export declare const createSelectors: <S extends UseBoundStore<StoreApi<object>>>(_store: S) => WithSelectors<S>;
+export {};

package/views/asset/asset.type.d.ts

@@ -40,5 +40,9 @@ export interface Asset {
     };
     textMetaproperties?: TextMetapropertiesType[];
     files: Record<string, File>;
+    streamingLinks?: {
+        hls: string;
+        dash: string;
+    };
 }
 export {};

package/order/OrderingContext.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { PageType } from '../router/RouterContext';
-export type Field = 'CREATED_AT' | 'NAME' | 'PUBLISHED_AT' | 'UPDATED_AT' | 'NL_SEARCH';
-export type Direction = 'ASC' | 'DESC';
-export type Ordering = {
-    field: Field;
-    direction: Direction;
-};
-export declare function OrderingProvider(props: {
-    children: React.ReactNode;
-}): React.JSX.Element;
-export declare function useOrdering(): {
-    assets: Ordering;
-    collections: Ordering;
-    collection: Ordering;
-    setOrdering: (page: PageType, ordering: Ordering) => void;
-    reset: () => void;
-};
-export declare function useOrderingByPage(page: PageType): [Ordering, (ordering: Ordering) => void];