@frigade/react 1.32.77 → 1.32.79
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 +37 -6
- package/lib/index.js +245 -245
- package/lib/index.js.map +1 -1
- package/lib/index.mjs +266 -266
- 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
|
};
|
|
@@ -277,6 +280,10 @@ interface FrigadeConfig {
|
|
|
277
280
|
* Default Appearance for all flows.
|
|
278
281
|
*/
|
|
279
282
|
defaultAppearance?: Appearance;
|
|
283
|
+
/**
|
|
284
|
+
* API url to use for all requests. Defaults to https://api.frigade.com
|
|
285
|
+
*/
|
|
286
|
+
apiUrl?: string;
|
|
280
287
|
}
|
|
281
288
|
declare const FrigadeProvider: FC<FrigadeProviderProps>;
|
|
282
289
|
|
|
@@ -448,28 +455,50 @@ interface ToolTipData extends StepData {
|
|
|
448
455
|
titleStyle?: CSSProperties;
|
|
449
456
|
buttonStyle?: CSSProperties;
|
|
450
457
|
}
|
|
451
|
-
|
|
458
|
+
|
|
459
|
+
interface FrigadeTourProps extends Omit<DefaultFrigadeFlowProps, 'flowId'> {
|
|
460
|
+
/**
|
|
461
|
+
* @ignore
|
|
462
|
+
*/
|
|
452
463
|
steps?: ToolTipData[];
|
|
453
464
|
onDismiss?: () => void;
|
|
454
465
|
onComplete?: () => void;
|
|
455
466
|
tooltipPosition?: ToolTipPosition;
|
|
467
|
+
/**
|
|
468
|
+
* Whether to show the highlight (the small circle/ping) or not. Defaults to true.
|
|
469
|
+
*/
|
|
456
470
|
showHighlight?: boolean;
|
|
471
|
+
/**
|
|
472
|
+
* Whether to show more than one tooltip at a time. Defaults to false.
|
|
473
|
+
*/
|
|
457
474
|
showTooltipsSimultaneously?: boolean;
|
|
475
|
+
/**
|
|
476
|
+
* @ignore
|
|
477
|
+
*/
|
|
458
478
|
buttonStyle?: CSSProperties;
|
|
479
|
+
/**
|
|
480
|
+
* Offset to apply to all tooltips.
|
|
481
|
+
*/
|
|
459
482
|
offset?: {
|
|
460
483
|
x: number;
|
|
461
484
|
y: number;
|
|
462
485
|
};
|
|
463
486
|
visible?: boolean;
|
|
487
|
+
/**
|
|
488
|
+
* @ignore
|
|
489
|
+
*/
|
|
464
490
|
containerStyle?: CSSProperties;
|
|
465
491
|
customVariables?: {
|
|
466
492
|
[key: string]: string | number | boolean;
|
|
467
493
|
};
|
|
494
|
+
/**
|
|
495
|
+
* @ignore
|
|
496
|
+
*/
|
|
468
497
|
selectedStep?: number;
|
|
469
498
|
customStepTypes?: Record<string, (stepData: StepData) => React__default.ReactNode>;
|
|
470
499
|
appearance?: Appearance;
|
|
471
500
|
/**
|
|
472
|
-
* Shows a close button in the top right corner of the tooltip.
|
|
501
|
+
* 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
502
|
*/
|
|
474
503
|
dismissible?: boolean;
|
|
475
504
|
primaryColor?: string;
|
|
@@ -483,14 +512,16 @@ interface ToolTipProps extends Omit<DefaultFrigadeFlowProps, 'flowId'> {
|
|
|
483
512
|
*/
|
|
484
513
|
showStepCount?: boolean;
|
|
485
514
|
/**
|
|
486
|
-
*
|
|
487
|
-
*
|
|
515
|
+
* `complete-flow` (default): Completes the entire flow/tour when a single tooltip is dismissed.
|
|
516
|
+
* `complete-step`: Completes the current step when a tooltip is dismissed.
|
|
488
517
|
*/
|
|
489
518
|
dismissBehavior?: 'complete-flow' | 'complete-step';
|
|
519
|
+
/**
|
|
520
|
+
* @ignore
|
|
521
|
+
*/
|
|
490
522
|
showFrigadeBranding?: boolean;
|
|
491
523
|
}
|
|
492
|
-
|
|
493
|
-
declare const FrigadeTour: FC<ToolTipProps & {
|
|
524
|
+
declare const FrigadeTour: FC<FrigadeTourProps & {
|
|
494
525
|
flowId: string;
|
|
495
526
|
initialSelectedStep?: number;
|
|
496
527
|
}>;
|