@wise/dynamic-flow-types 3.11.1 → 3.12.0-experimental-048a281

package/build/renderers/RendererProps.d.ts

@@ -25,7 +25,7 @@ import type { MultiUploadInputRendererProps } from './MultiUploadInputRendererPr
 import type { NumberInputRendererProps } from './NumberInputRendererProps';
 import type { ParagraphRendererProps } from './ParagraphRendererProps';
 import type { RepeatableRendererProps } from './RepeatableRendererProps';
-import type { ReviewRendererProps } from './ReviewRendererProps';
+import type { ReviewRendererProps, ReviewRendererExtensions } from './ReviewRendererProps';
 import type { RootRendererProps } from './RootRendererProps';
 import type { SearchRendererProps } from './SearchRendererProps';
 import type { SectionRendererProps } from './SectionRendererProps';
@@ -36,16 +36,22 @@ import { TabsRendererProps } from './TabsRendererProps';
 import type { TextInputRendererProps } from './TextInputRendererProps';
 import type { UploadInputRendererProps } from './UploadInputRendererProps';
 export type RendererProps = AlertRendererProps | CheckboxInputRendererProps | BoxRendererProps | ButtonRendererProps | ColumnsRendererProps | CoreContainerRendererProps | DateInputRendererProps | DecisionRendererProps | DividerRendererProps | ExternalConfirmationRendererProps | FormRendererProps | HeadingRendererProps | HiddenRendererProps | ImageRendererProps | InstructionsRendererProps | IntegerInputRendererProps | ListRendererProps | LoadingIndicatorRendererProps | MarkdownRendererProps | ModalLayoutRendererProps | ModalRendererProps | MultiSelectInputRendererProps | MultiUploadInputRendererProps | NumberInputRendererProps | ParagraphRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | TabsRendererProps | TextInputRendererProps | UploadInputRendererProps;
-export type Renderer<P extends RendererProps> = {
+export type Renderer<P extends RendererProps, Extensions extends Record<string, (...args: any[]) => any> = {}> = {
     canRenderType: P['type'];
     canRender?: (props: P) => boolean;
     render: (props: P) => JSX.Element | null;
-};
+} & (keyof Extensions extends never ? {
+    extensions?: never;
+} : {
+    extensions: {
+        [K in keyof Extensions]: Extensions[K];
+    };
+});
 export type RendererContext = {
     render: RenderFunction;
 };
 export type RenderFunction = (props: RendererProps | null) => JSX.Element | null;
-export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalLayoutRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TabsRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
+export type Renderers = readonly (Renderer<StepRendererProps> | Renderer<CoreContainerRendererProps> | Renderer<AlertRendererProps> | Renderer<BoxRendererProps> | Renderer<ColumnsRendererProps> | Renderer<DecisionRendererProps> | Renderer<DividerRendererProps> | Renderer<ExternalConfirmationRendererProps> | Renderer<FormRendererProps> | Renderer<HeadingRendererProps> | Renderer<InstructionsRendererProps> | Renderer<ListRendererProps> | Renderer<LoadingIndicatorRendererProps> | Renderer<MarkdownRendererProps> | Renderer<ImageRendererProps> | Renderer<ModalLayoutRendererProps> | Renderer<ModalRendererProps> | Renderer<ParagraphRendererProps> | Renderer<ReviewRendererProps> | Renderer<ReviewRendererProps, ReviewRendererExtensions> | Renderer<SearchRendererProps> | Renderer<StatusListRendererProps> | Renderer<CheckboxInputRendererProps> | Renderer<ButtonRendererProps> | Renderer<DateInputRendererProps> | Renderer<HiddenRendererProps> | Renderer<IntegerInputRendererProps> | Renderer<NumberInputRendererProps> | Renderer<RepeatableRendererProps> | Renderer<RootRendererProps> | Renderer<FormSectionRendererProps> | Renderer<SelectInputRendererProps> | Renderer<SectionRendererProps> | Renderer<MultiSelectInputRendererProps> | Renderer<TabsRendererProps> | Renderer<TextInputRendererProps> | Renderer<UploadInputRendererProps> | Renderer<MultiUploadInputRendererProps>)[];
 export type BaseRendererProps = {
     uid: string;
     analyticsId?: string;
@@ -54,3 +60,6 @@ export type BaseRendererProps = {
     trackEvent: AnalyticsEventDispatcher;
     stepLoadingState: LoadingState;
 };
+export type BaseRendererExtensionProps = {
+    trackEvent: AnalyticsEventDispatcher;
+};

package/build/renderers/ReviewRendererProps.d.ts

@@ -1,9 +1,11 @@
+import { DefinitionListDefinition } from '@transferwise/components';
 import { CallToAction } from './CallToAction';
 import { AdditionalInfo, InlineAlert, Margin } from './constants';
 import { Icon } from './Icon';
 import { Image } from './Image';
 import { Media } from './Media';
 import { BaseRendererProps } from './RendererProps';
+import { AnalyticsEventDispatcher } from './StepRendererProps';
 export type ReviewRendererProps = BaseRendererProps & {
     type: 'review';
     control?: string;
@@ -12,6 +14,14 @@ export type ReviewRendererProps = BaseRendererProps & {
     title?: string;
     callToAction?: CallToAction;
 };
+type DefinitionListLayout = 'HORIZONTAL_RIGHT_ALIGNED' | 'HORIZONTAL_LEFT_ALIGNED' | 'VERTICAL_ONE_COLUMN' | 'VERTICAL_TWO_COLUMN';
+export type ReviewRendererFieldExtensionProps = ReviewField & {
+    trackEvent: AnalyticsEventDispatcher;
+    orientation: DefinitionListLayout;
+};
+export type ReviewRendererExtensions = {
+    field: (props: ReviewRendererFieldExtensionProps) => DefinitionListDefinition;
+};
 export type ReviewField = {
     analyticsId?: string;
     help?: string;
@@ -31,3 +41,4 @@ export type ReviewField = {
     image?: Image;
     media?: Media;
 };
+export {};

package/build/renderers/index.d.ts

@@ -26,7 +26,7 @@ export type { MultiUploadInputRendererProps } from './MultiUploadInputRendererPr
 export type { NumberInputRendererProps } from './NumberInputRendererProps';
 export type { ParagraphRendererProps } from './ParagraphRendererProps';
 export type { RepeatableItemRendererProps, RepeatableRendererProps, } from './RepeatableRendererProps';
-export type { ReviewField, ReviewRendererProps } from './ReviewRendererProps';
+export type { ReviewField, ReviewRendererProps, ReviewRendererExtensions, ReviewRendererFieldExtensionProps, } from './ReviewRendererProps';
 export type { RootRendererProps } from './RootRendererProps';
 export type { ErrorSearchState, NoResultsSearchState, PendingSearchState, ResultsSearchState, SearchRendererProps, SearchResult, SearchState, } from './SearchRendererProps';
 export type { SectionRendererProps } from './SectionRendererProps';