@frigade/react 1.32.77 → 1.32.78
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.
- package/lib/index.d.ts +33 -6
- package/lib/index.js +69 -69
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +61 -61
- package/lib/index.mjs.map +1 -1
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -117,6 +117,9 @@ interface DefaultFrigadeFlowProps {
|
|
|
117
117
|
style?: CSSProperties;
|
|
118
118
|
className?: string;
|
|
119
119
|
appearance?: Appearance;
|
|
120
|
+
/**
|
|
121
|
+
* Dynamic variables to use in flow-data.yml. See https://docs.frigade.com/flows/dynamic-variables
|
|
122
|
+
*/
|
|
120
123
|
customVariables?: {
|
|
121
124
|
[key: string]: string | number | boolean;
|
|
122
125
|
};
|
|
@@ -448,28 +451,50 @@ interface ToolTipData extends StepData {
|
|
|
448
451
|
titleStyle?: CSSProperties;
|
|
449
452
|
buttonStyle?: CSSProperties;
|
|
450
453
|
}
|
|
451
|
-
|
|
454
|
+
|
|
455
|
+
interface FrigadeTourProps extends Omit<DefaultFrigadeFlowProps, 'flowId'> {
|
|
456
|
+
/**
|
|
457
|
+
* @ignore
|
|
458
|
+
*/
|
|
452
459
|
steps?: ToolTipData[];
|
|
453
460
|
onDismiss?: () => void;
|
|
454
461
|
onComplete?: () => void;
|
|
455
462
|
tooltipPosition?: ToolTipPosition;
|
|
463
|
+
/**
|
|
464
|
+
* Whether to show the highlight (the small circle/ping) or not. Defaults to true.
|
|
465
|
+
*/
|
|
456
466
|
showHighlight?: boolean;
|
|
467
|
+
/**
|
|
468
|
+
* Whether to show more than one tooltip at a time. Defaults to false.
|
|
469
|
+
*/
|
|
457
470
|
showTooltipsSimultaneously?: boolean;
|
|
471
|
+
/**
|
|
472
|
+
* @ignore
|
|
473
|
+
*/
|
|
458
474
|
buttonStyle?: CSSProperties;
|
|
475
|
+
/**
|
|
476
|
+
* Offset to apply to all tooltips.
|
|
477
|
+
*/
|
|
459
478
|
offset?: {
|
|
460
479
|
x: number;
|
|
461
480
|
y: number;
|
|
462
481
|
};
|
|
463
482
|
visible?: boolean;
|
|
483
|
+
/**
|
|
484
|
+
* @ignore
|
|
485
|
+
*/
|
|
464
486
|
containerStyle?: CSSProperties;
|
|
465
487
|
customVariables?: {
|
|
466
488
|
[key: string]: string | number | boolean;
|
|
467
489
|
};
|
|
490
|
+
/**
|
|
491
|
+
* @ignore
|
|
492
|
+
*/
|
|
468
493
|
selectedStep?: number;
|
|
469
494
|
customStepTypes?: Record<string, (stepData: StepData) => React__default.ReactNode>;
|
|
470
495
|
appearance?: Appearance;
|
|
471
496
|
/**
|
|
472
|
-
* Shows a close button in the top right corner of the tooltip.
|
|
497
|
+
* Shows a close button in the top right corner of the tooltip. Depending on dismissBehavior, it will either end the entire flow or just the current step.
|
|
473
498
|
*/
|
|
474
499
|
dismissible?: boolean;
|
|
475
500
|
primaryColor?: string;
|
|
@@ -483,14 +508,16 @@ interface ToolTipProps extends Omit<DefaultFrigadeFlowProps, 'flowId'> {
|
|
|
483
508
|
*/
|
|
484
509
|
showStepCount?: boolean;
|
|
485
510
|
/**
|
|
486
|
-
*
|
|
487
|
-
*
|
|
511
|
+
* `complete-flow` (default): Completes the entire flow/tour when a single tooltip is dismissed.
|
|
512
|
+
* `complete-step`: Completes the current step when a tooltip is dismissed.
|
|
488
513
|
*/
|
|
489
514
|
dismissBehavior?: 'complete-flow' | 'complete-step';
|
|
515
|
+
/**
|
|
516
|
+
* @ignore
|
|
517
|
+
*/
|
|
490
518
|
showFrigadeBranding?: boolean;
|
|
491
519
|
}
|
|
492
|
-
|
|
493
|
-
declare const FrigadeTour: FC<ToolTipProps & {
|
|
520
|
+
declare const FrigadeTour: FC<FrigadeTourProps & {
|
|
494
521
|
flowId: string;
|
|
495
522
|
initialSelectedStep?: number;
|
|
496
523
|
}>;
|