@wise/dynamic-flow-client 1.7.0 → 1.8.0

package/build/types/layout/decision/DynamicDecision.d.ts

@@ -4,5 +4,5 @@ type Props = {
     component: DecisionLayout;
     onAction: OnAction;
 };
-declare const DynamicDecision: (props: Props) => JSX.Element;
+declare const DynamicDecision: ({ component, onAction }: Props) => JSX.Element;
 export default DynamicDecision;

package/build/types/layout/index.d.ts

@@ -16,3 +16,4 @@ export { default as DynamicStatusList } from './list/DynamicStatusList';
 export { default as DynamicLoadingIndicator } from './loadingIndicator/DynamicLoadingIndicator';
 export { default as DynamicParagraph } from './paragraph/DynamicParagraph';
 export { default as DynamicReview } from './review/DynamicReview';
+export { default as DynamicSearch } from './search/DynamicSearch';

package/build/types/layout/search/DynamicSearch.d.ts

@@ -0,0 +1,8 @@
+import { SearchLayout } from '@wise/dynamic-flow-types';
+import { OnAction } from '../../dynamicFlow/DynamicFlowTypes';
+type DynamicSearchProps = {
+    component: SearchLayout;
+    onAction: OnAction;
+};
+declare const DynamicSearch: ({ component, onAction }: DynamicSearchProps) => JSX.Element;
+export default DynamicSearch;

package/build/types/layout/search/SearchInput.d.ts

@@ -0,0 +1,7 @@
+type SearchInputProps = {
+    title: string;
+    value: string;
+    onChange: (value: string) => void;
+};
+export declare const SearchInput: ({ title, value, onChange }: SearchInputProps) => JSX.Element;
+export {};

package/build/types/layout/search/SearchResults.d.ts

@@ -0,0 +1,10 @@
+import { SearchResult } from '@wise/dynamic-flow-types';
+export type SearchResultsProps = {
+    results: SearchResult[];
+    emptyMessage: string;
+    onSelect: (result: SearchResult) => void;
+};
+export declare const SearchResults: ({ results, emptyMessage, onSelect }: SearchResultsProps) => JSX.Element;
+export declare const ErrorResult: ({ onRetrySearch }: {
+    onRetrySearch: () => void;
+}) => JSX.Element;

package/build/types/layout/search/useSearch.d.ts

@@ -0,0 +1,6 @@
+import { SearchConfig, SearchResult } from '@wise/dynamic-flow-types';
+export declare const useSearch: (defaultSearchConfig: SearchConfig) => {
+    status: "loading" | "error" | "success" | "idle";
+    results: SearchResult[];
+    search: (query: string, { url, method, param }?: SearchConfig) => Promise<void>;
+};

package/build/types/layout/utils/getNavigationOptionMedia.d.ts

@@ -0,0 +1,5 @@
+import { Icon, Image } from '@wise/dynamic-flow-types';
+export declare const getNavigationOptionMedia: ({ icon, image }: {
+    icon?: Icon | undefined;
+    image?: Image | undefined;
+}) => JSX.Element | null;

package/build/types/layout/{utils.d.ts → utils/index.d.ts}

@@ -1,4 +1,5 @@
 import { Align, Size } from '@wise/dynamic-flow-types';
+export { getNavigationOptionMedia } from './getNavigationOptionMedia';
 declare const getMarginBottom: (size: Size | undefined) => "" | "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5";
 declare const getTextAlignmentAndMargin: (component: {
     align?: Align;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -92,7 +92,7 @@
     "classnames": "2.3.2",
     "react-webcam": "^7.0.1",
     "screenfull": "^5.0.2",
-    "@wise/dynamic-flow-types": "1.3.0"
+    "@wise/dynamic-flow-types": "1.4.0"
   },
   "prettier": "@transferwise/eslint-config/.prettierrc.js",
   "scripts": {