interactions

src/ui/lib/types/shape.d.ts

@@ -1,6 +1,7 @@
 import { Export } from './utils/export';
 import { Fill } from './utils/fill';
 import { Grid } from './utils/grid';
+import { Interaction } from './utils/interactions/interaction';
 import { Matrix } from './utils/matrix';
 import { Point } from './utils/point';
 import { Selrect } from './utils/selrect';
@@ -43,8 +44,7 @@ export type Shape = {
   transform?: Matrix;
   transformInverse?: Matrix;
   blendMode?: string;
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  interactions?: any;
+  interactions?: Interaction[];
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   shadow?: any;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

src/ui/lib/types/utils/interactions/actionType.d.ts

@@ -0,0 +1,7 @@
+export type ActionType =
+  | 'navigate'
+  | 'open-overlay'
+  | 'toggle-overlay'
+  | 'close-overlay'
+  | 'prev-screen'
+  | 'open-url';

src/ui/lib/types/utils/interactions/animation.d.ts

@@ -0,0 +1,13 @@
+import { AnimationType } from './animationType';
+import { DirectionType } from './directionType';
+import { EasingType } from './easingType';
+import { WayType } from './wayType';
+
+export type Animation = {
+  animationType: AnimationType;
+  duration: number;
+  easing: EasingType;
+  way?: WayType;
+  direction?: DirectionType;
+  offsetEffect?: boolean;
+};

src/ui/lib/types/utils/interactions/animationType.d.ts

@@ -0,0 +1 @@
+export type AnimationType = 'dissolve' | 'slide' | 'push';

src/ui/lib/types/utils/interactions/directionType.d.ts

@@ -0,0 +1 @@
+export type DirectionType = 'right' | 'left' | 'up' | 'down';

src/ui/lib/types/utils/interactions/easingType.d.ts

@@ -0,0 +1 @@
+export type EasingType = 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out';

src/ui/lib/types/utils/interactions/eventType.d.ts

@@ -0,0 +1,7 @@
+export type EventType =
+  | 'click'
+  | 'mouse-press'
+  | 'mouse-over'
+  | 'mouse-enter'
+  | 'mouse-leave'
+  | 'after-delay';

src/ui/lib/types/utils/interactions/interaction.d.ts

@@ -0,0 +1,19 @@
+import { ActionType } from './actionType';
+import { Animation } from './animation';
+import { EventType } from './eventType';
+import { OverlayPositioningType } from './overlayPositioningType';
+
+export type Interaction = {
+  eventType: EventType;
+  actionType: ActionType;
+  destination?: string;
+  preserveScroll?: boolean;
+  animation?: Animation;
+  overlayPosition?: { x: number; y: number };
+  overlayPosType?: OverlayPositioningType;
+  closeClickOutside?: boolean;
+  backgroundOverlay?: boolean;
+  positionRelativeTo?: string;
+  url?: string;
+  delay?: number;
+};

src/ui/lib/types/utils/interactions/overlayPositioningType.d.ts

@@ -0,0 +1,9 @@
+export type OverlayPositioningType =
+  | 'manual'
+  | 'center'
+  | 'top-left'
+  | 'top-right'
+  | 'top-center'
+  | 'bottom-left'
+  | 'bottom-right'
+  | 'bottom-center';

src/ui/lib/types/utils/interactions/wayType.d.ts

@@ -0,0 +1 @@
+export type WayType = 'in' | 'out';