@bynder/compact-view 5.0.3 → 5.1.1

package/order/DirectionSelect.d.ts

@@ -1,2 +1,4 @@
 import React from 'react';
-export declare function DirectionSelect(): React.JSX.Element;
+export declare function DirectionSelect({ nlSearch }: {
+    nlSearch?: boolean;
+}): React.JSX.Element;

package/order/FieldSelect.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Field } from './OrderingContext';
 interface FieldProps {
-    options?: Field[];
+    options: Field[];
 }
-export declare function FieldSelect({ options, }: FieldProps): React.JSX.Element;
+export declare function FieldSelect({ options }: FieldProps): React.JSX.Element;
 export {};

package/order/OrderingContext.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PageType } from '../router/RouterContext';
-export type Field = 'CREATED_AT' | 'NAME' | 'PUBLISHED_AT' | 'UPDATED_AT';
+export type Field = 'CREATED_AT' | 'NAME' | 'PUBLISHED_AT' | 'UPDATED_AT' | 'NL_SEARCH';
 export type Direction = 'ASC' | 'DESC';
 export type Ordering = {
     field: Field;

package/package.json

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

package/search/SimilaritySearchContext.d.ts

@@ -0,0 +1,24 @@
+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;
+    setNLSSearchText: (text: string | undefined) => void;
+}
+export declare const SimilaritySearchContext: React.Context<(State & Actions & useSimilaritySearchInterface) | null>;
+interface SimilaritySearchProviderProps {
+    children: React.ReactNode;
+}
+export declare function SimilaritySearchProvider({ children }: SimilaritySearchProviderProps): React.JSX.Element;
+export declare function useSimilaritySearch(): State & Actions & useSimilaritySearchInterface;
+export {};

package/search/SwitchNLS.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface Props {
+    isNLSSearchOn: boolean;
+    setIsNLSSearchOn: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const SwitchNLS: ({ isNLSSearchOn, setIsNLSSearchOn }: Props) => React.JSX.Element;
+export {};

package/search/__mocks__/SimilaritySearchContext.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const Tooltip: ({ children }: {
+    children: any;
+}) => React.JSX.Element;
+export default Tooltip;

package/search/index.d.ts

@@ -0,0 +1,3 @@
+export * from './SearchContext';
+export * from './SearchInput';
+export * from './SimilaritySearchContext';

package/select/SelectionContext.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Asset, AssetData } from '../views/asset/asset.type';
 import { Collection } from '../views/collection/collection.types';
-type SelectedAsset = {
+export type SelectedAsset = {
     type: 'asset';
     value: Asset;
 };

package/select/__tests__/utils.d.ts

@@ -3,8 +3,9 @@ interface Props {
     assetIds?: string[];
     collectionId?: number;
     withExtension?: boolean;
+    withImage?: boolean;
     selectionMode?: SelectionMode;
     onSuccess?: () => void;
 }
-export declare function renderSelectionFooter({ assetIds, collectionId, withExtension, selectionMode, onSuccess, }?: Props): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export declare function renderSelectionFooter({ assetIds, collectionId, withExtension, withImage, selectionMode, onSuccess, }?: Props): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
 export {};

package/utils/base64Converter.d.ts

@@ -1,2 +1,3 @@
 import { selectedSmartfilterOptionsType } from '@src/api/rest/types';
 export declare const convertOptionsToBase64: (options: selectedSmartfilterOptionsType | undefined) => string[] | undefined;
+export declare const convertAssetIdToBase64: (assetId: string) => string;

package/views/asset/asset-card/AssetCard.d.ts

@@ -8,6 +8,8 @@ interface Props {
     onClick?: (asset: Asset, event: React.MouseEvent) => void;
     isOutlined: boolean;
     children?: React.ReactNode;
+    isSilimilaritySearchEnabled: boolean;
+    onSimilaritySearch: (selectedAsset: string[]) => void;
 }
-export declare function AssetCard({ className, fadeIn, asset, isSelected, isOutlined, onClick, children, }: Props): React.JSX.Element;
+export declare function AssetCard({ className, fadeIn, asset, isSelected, isOutlined, onClick, children, isSilimilaritySearchEnabled, onSimilaritySearch, }: Props): React.JSX.Element;
 export {};

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

@@ -24,7 +24,9 @@ export interface TextMetapropertiesType {
     showInListView: boolean;
 }
 export interface Asset {
+    __typename: string;
     id: string;
+    databaseId: string;
     derivatives: Derivatives;
     extensions: string[];
     name: string;
@@ -32,6 +34,7 @@ export interface Asset {
     isArchived: boolean;
     isWatermarked: boolean;
     isLimitedUse: boolean;
+    similarityScore?: number;
     metaproperties?: {
         nodes: MetapropertyType[];
     };