@wise/dynamic-flow-types 3.12.0-experimental-91c6dca → 3.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,14 +1,14 @@
1
1
  import type { ToolbarItem } from './ToolbarItem';
2
2
  /**
3
- * `Toolbar` contains an optional array of type `Toolbar.Item` containing items to be displayed in the toolbar.
3
+ * Used to display items in the screen's toolbar, typically a horizontal bar at the top of the screen.
4
4
  */
5
5
  export type Toolbar = {
6
- /**
7
- * Specify a particular control to use to represent the toolbar. If the control is unknown, it will be ignored.
8
- */
9
- control?: string;
10
6
  /**
11
7
  * The items to be displayed in the toolbar.
12
8
  */
13
9
  items: ToolbarItem[];
10
+ /**
11
+ * Specify a particular control to use to represent the toolbar. If the control is unknown, it will be ignored.
12
+ */
13
+ control?: string;
14
14
  };
@@ -48,6 +48,7 @@ export type { ModalLayout } from './layout/ModalLayout';
48
48
  export type { ModalLayoutContent } from './layout/ModalLayoutContent';
49
49
  export type { ModalLayoutTrigger } from './layout/ModalLayoutTrigger';
50
50
  export type { ParagraphLayout } from './layout/ParagraphLayout';
51
+ export type { ProgressLayout } from './layout/ProgressLayout';
51
52
  export type { ReviewLayout } from './layout/ReviewLayout';
52
53
  export type { ReviewLayoutCallToAction } from './layout/ReviewLayoutCallToAction';
53
54
  export type { ReviewLayoutField } from './layout/ReviewLayoutField';
@@ -14,6 +14,7 @@ import type { LoadingIndicatorLayout } from './LoadingIndicatorLayout';
14
14
  import type { MarkdownLayout } from './MarkdownLayout';
15
15
  import type { ModalLayout } from './ModalLayout';
16
16
  import type { ParagraphLayout } from './ParagraphLayout';
17
+ import type { ProgressLayout } from './ProgressLayout';
17
18
  import type { ReviewLayout } from './ReviewLayout';
18
19
  import type { SearchLayout } from './SearchLayout';
19
20
  import type { SectionLayout } from './SectionLayout';
@@ -22,4 +23,4 @@ import type { TabsLayout } from './TabsLayout';
22
23
  /**
23
24
  * Layouts allow you to display information to the user and customise how a step is structured.
24
25
  */
25
- export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout | TabsLayout;
26
+ export type Layout = AlertLayout | BoxLayout | ButtonLayout | ColumnsLayout | DecisionLayout | DividerLayout | FormLayout | HeadingLayout | ImageLayout | InfoLayout | InstructionsLayout | ListLayout | LoadingIndicatorLayout | MarkdownLayout | ModalLayout | ParagraphLayout | ProgressLayout | ReviewLayout | SearchLayout | SectionLayout | StatusListLayout | TabsLayout;
@@ -0,0 +1,48 @@
1
+ import type { Context } from '../misc/Context';
2
+ import type { Help } from '../feature/Help';
3
+ import type { Size } from '../misc/Size';
4
+ /**
5
+ * An indicator which can be used to show progress towards a goal or limit.
6
+ */
7
+ export type ProgressLayout = {
8
+ /**
9
+ * It must be `progress`.
10
+ */
11
+ type: 'progress';
12
+ /**
13
+ * The user-facing title of the progress indicator.
14
+ */
15
+ title?: string;
16
+ /**
17
+ * The user-facing description of the progress indicator.
18
+ */
19
+ description?: string;
20
+ /**
21
+ * The progress towards the total, as a float between 0 and 1.
22
+ */
23
+ progress: number;
24
+ /**
25
+ * A text representation of the progress, to be displayed to the user and/or used by assistive technologies (e.g. 5GB remaining or 10/125 cats herded).
26
+ */
27
+ progressText: string;
28
+ /**
29
+ * The sentiment of the progress (e.g. warning can be used to indicate approaching a limit).
30
+ */
31
+ context?: Context;
32
+ /**
33
+ * Provide additional helpful information to the user.
34
+ */
35
+ help?: Help;
36
+ /**
37
+ * Specify a particular control to use to represent the layout. If the control is unknown, it will be ignored.
38
+ */
39
+ control?: string;
40
+ /**
41
+ * The vertical margin to apply after this component. Defaults to `md`.
42
+ */
43
+ margin?: Size;
44
+ /**
45
+ * An optional identifier to be used in analytics tracking.
46
+ */
47
+ analyticsId?: string;
48
+ };
@@ -0,0 +1,13 @@
1
+ import { Context, Margin } from './constants';
2
+ import { BaseRendererProps } from './RendererProps';
3
+ export type ProgressRendererProps = BaseRendererProps & {
4
+ type: 'progress';
5
+ context: Context;
6
+ control?: string;
7
+ description?: string;
8
+ help?: string;
9
+ margin: Margin;
10
+ progress: number;
11
+ progressText: string;
12
+ title?: string;
13
+ };
@@ -24,6 +24,7 @@ import type { MultiSelectInputRendererProps } from './MultiSelectInputRendererPr
24
24
  import type { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
25
25
  import type { NumberInputRendererProps } from './NumberInputRendererProps';
26
26
  import type { ParagraphRendererProps } from './ParagraphRendererProps';
27
+ import type { ProgressRendererProps } from './ProgressRendererProps';
27
28
  import type { RepeatableRendererProps } from './RepeatableRendererProps';
28
29
  import type { ReviewRendererProps } from './ReviewRendererProps';
29
30
  import type { RootRendererProps } from './RootRendererProps';
@@ -35,7 +36,7 @@ import type { AnalyticsEventDispatcher, LoadingState, StepRendererProps } from '
35
36
  import { TabsRendererProps } from './TabsRendererProps';
36
37
  import type { TextInputRendererProps } from './TextInputRendererProps';
37
38
  import type { UploadInputRendererProps } from './UploadInputRendererProps';
38
- 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;
39
+ 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 | ProgressRendererProps | RepeatableRendererProps | ReviewRendererProps | RootRendererProps | SearchRendererProps | FormSectionRendererProps | SelectInputRendererProps | SectionRendererProps | StatusListRendererProps | StepRendererProps | TabsRendererProps | TextInputRendererProps | UploadInputRendererProps;
39
40
  export type Renderer<P extends RendererProps> = {
40
41
  canRenderType: P['type'];
41
42
  canRender?: (props: P) => boolean;
@@ -45,7 +46,7 @@ export type RendererContext = {
45
46
  render: RenderFunction;
46
47
  };
47
48
  export type RenderFunction = (props: RendererProps | null) => JSX.Element | null;
48
- 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>)[];
49
+ 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<ProgressRendererProps> | 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>)[];
49
50
  export type BaseRendererProps = {
50
51
  uid: string;
51
52
  analyticsId?: string;
@@ -25,6 +25,7 @@ export type { MultiSelectInputRendererProps } from './MultiSelectInputRendererPr
25
25
  export type { MultiUploadInputRendererProps } from './MultiUploadInputRendererProps';
26
26
  export type { NumberInputRendererProps } from './NumberInputRendererProps';
27
27
  export type { ParagraphRendererProps } from './ParagraphRendererProps';
28
+ export type { ProgressRendererProps } from './ProgressRendererProps';
28
29
  export type { RepeatableItemRendererProps, RepeatableRendererProps, } from './RepeatableRendererProps';
29
30
  export type { ReviewField, ReviewRendererProps } from './ReviewRendererProps';
30
31
  export type { RootRendererProps } from './RootRendererProps';