@surdeddd/bottom-sheet 0.9.0 → 0.10.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.
Files changed (50) hide show
  1. package/README.md +108 -66
  2. package/dist/{BottomSheetEngine-CBRcBwV-.d.ts → BottomSheetEngine-DRjCU73e.d.ts} +6 -5
  3. package/dist/{BottomSheetEngine-BcyruNP1.d.cts → BottomSheetEngine-DzsIwD28.d.cts} +6 -5
  4. package/dist/element.cjs +161 -99
  5. package/dist/element.d.cts +1 -1
  6. package/dist/element.d.ts +1 -1
  7. package/dist/element.iife.global.js +2 -2
  8. package/dist/element.js +161 -99
  9. package/dist/index.cjs +155 -115
  10. package/dist/index.d.cts +2 -2
  11. package/dist/index.d.ts +2 -2
  12. package/dist/index.js +155 -115
  13. package/dist/integrations/formik.d.cts +1 -1
  14. package/dist/integrations/formik.d.ts +1 -1
  15. package/dist/integrations/react-hook-form.d.cts +1 -1
  16. package/dist/integrations/react-hook-form.d.ts +1 -1
  17. package/dist/overlay.cjs +34 -25
  18. package/dist/overlay.d.cts +3 -0
  19. package/dist/overlay.d.ts +3 -0
  20. package/dist/overlay.js +34 -25
  21. package/dist/preact.d.cts +2 -1
  22. package/dist/preact.d.ts +2 -1
  23. package/dist/qwik.cjs +179 -93
  24. package/dist/qwik.d.cts +11 -2
  25. package/dist/qwik.d.ts +11 -2
  26. package/dist/qwik.js +179 -93
  27. package/dist/react.cjs +266 -181
  28. package/dist/react.d.cts +26 -4
  29. package/dist/react.d.ts +26 -4
  30. package/dist/react.js +266 -181
  31. package/dist/solid.cjs +145 -92
  32. package/dist/solid.d.cts +14 -4
  33. package/dist/solid.d.ts +14 -4
  34. package/dist/solid.js +145 -92
  35. package/dist/solid.source.jsx +145 -92
  36. package/dist/styles.css +17 -1
  37. package/dist/svelte-core.cjs +128 -90
  38. package/dist/svelte-core.js +128 -90
  39. package/dist/svelte-src/BottomSheet.svelte +6 -0
  40. package/dist/svelte.cjs +130 -90
  41. package/dist/svelte.d.cts +2 -0
  42. package/dist/svelte.d.ts +2 -0
  43. package/dist/svelte.js +130 -90
  44. package/dist/teleport-7uYNiEAT.d.cts +3 -0
  45. package/dist/teleport-7uYNiEAT.d.ts +3 -0
  46. package/dist/vue.cjs +136 -91
  47. package/dist/vue.d.cts +3 -1
  48. package/dist/vue.d.ts +3 -1
  49. package/dist/vue.js +136 -91
  50. package/package.json +6 -6
package/dist/react.d.cts CHANGED
@@ -1,9 +1,10 @@
1
- import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, e as SheetEventMap, C as CloseReason, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-BcyruNP1.cjs';
2
- export { d as SnapPoint } from './BottomSheetEngine-BcyruNP1.cjs';
1
+ import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, d as SheetEventMap, C as CloseReason, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-DzsIwD28.cjs';
2
+ export { e as SnapPoint } from './BottomSheetEngine-DzsIwD28.cjs';
3
3
  import { OverlayOptions, OverlayState, Overlay as OverlayEngine } from './overlay.cjs';
4
4
  export { OverlayEdge } from './overlay.cjs';
5
5
  import * as react from 'react';
6
6
  import { CSSProperties, ReactNode } from 'react';
7
+ import { T as TeleportTarget } from './teleport-7uYNiEAT.cjs';
7
8
  import './transform-jVfAikE9.cjs';
8
9
 
9
10
  type EngineOptionsForProps = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim">;
@@ -30,12 +31,21 @@ type BottomSheetProps = EngineOptionsForProps & {
30
31
  screen?: ReactNode;
31
32
  anchors?: BottomSheetAnchorProp[];
32
33
  scrimStages?: BottomSheetScrimStagesProp;
34
+ teleportTo?: TeleportTarget;
35
+ backdropColor?: string;
36
+ backdropOpacity?: number;
33
37
  onChange?: (state: EngineState) => void;
38
+ onSnap?: (id: string) => void;
39
+ onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
34
40
  onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
41
+ onOpen?: (id: string) => void;
42
+ onClose?: () => void;
35
43
  onOpened?: (id: string) => void;
36
44
  onClosed?: () => void;
37
45
  onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
38
46
  onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
47
+ onDrag?: (payload: SheetEventMap["drag"]) => void;
48
+ onProgress?: (payload: SheetEventMap["progress"]) => void;
39
49
  ariaLabel?: string;
40
50
  ariaLabelledBy?: string;
41
51
  noSSR?: boolean;
@@ -73,19 +83,26 @@ declare const BottomSheet: react.ForwardRefExoticComponent<EngineOptionsForProps
73
83
  screen?: ReactNode;
74
84
  anchors?: BottomSheetAnchorProp[];
75
85
  scrimStages?: BottomSheetScrimStagesProp;
86
+ teleportTo?: TeleportTarget;
87
+ backdropColor?: string;
88
+ backdropOpacity?: number;
76
89
  onChange?: (state: EngineState) => void;
90
+ onSnap?: (id: string) => void;
91
+ onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
77
92
  onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
93
+ onOpen?: (id: string) => void;
94
+ onClose?: () => void;
78
95
  onOpened?: (id: string) => void;
79
96
  onClosed?: () => void;
80
97
  onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
81
98
  onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
99
+ onDrag?: (payload: SheetEventMap["drag"]) => void;
100
+ onProgress?: (payload: SheetEventMap["progress"]) => void;
82
101
  ariaLabel?: string;
83
102
  ariaLabelledBy?: string;
84
103
  noSSR?: boolean;
85
104
  } & react.RefAttributes<BottomSheetHandle<string>>>;
86
105
 
87
- type TeleportTarget = HTMLElement | string | null | undefined;
88
-
89
106
  type UseBottomSheetRefs = {
90
107
  sheetRef: React.RefObject<HTMLElement | null>;
91
108
  handleRef: React.RefObject<HTMLElement | null>;
@@ -121,10 +138,14 @@ type HookOpts<TId extends string> = Omit<EngineOptions, "element" | "handle" | "
121
138
  onSnap?: (id: TId) => void;
122
139
  onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
123
140
  onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
141
+ onOpen?: (id: TId) => void;
142
+ onClose?: () => void;
124
143
  onOpened?: (id: TId) => void;
125
144
  onClosed?: () => void;
126
145
  onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
127
146
  onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
147
+ onDrag?: (payload: SheetEventMap["drag"]) => void;
148
+ onProgress?: (payload: SheetEventMap["progress"]) => void;
128
149
  };
129
150
  declare function useBottomSheet<TId extends string = string>(opts: HookOpts<TId>): UseBottomSheetReturn<TId>;
130
151
 
@@ -195,6 +216,7 @@ type SheetConfig = {
195
216
  };
196
217
  };
197
218
  type SheetEventHandler = ((id: string) => void) | (() => void);
219
+
198
220
  type BottomSheetFromConfigProps = {
199
221
  config: SheetConfig;
200
222
  eventHandlers?: Record<string, SheetEventHandler>;
package/dist/react.d.ts CHANGED
@@ -1,9 +1,10 @@
1
- import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, e as SheetEventMap, C as CloseReason, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-CBRcBwV-.js';
2
- export { d as SnapPoint } from './BottomSheetEngine-CBRcBwV-.js';
1
+ import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, d as SheetEventMap, C as CloseReason, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-DRjCU73e.js';
2
+ export { e as SnapPoint } from './BottomSheetEngine-DRjCU73e.js';
3
3
  import { OverlayOptions, OverlayState, Overlay as OverlayEngine } from './overlay.js';
4
4
  export { OverlayEdge } from './overlay.js';
5
5
  import * as react from 'react';
6
6
  import { CSSProperties, ReactNode } from 'react';
7
+ import { T as TeleportTarget } from './teleport-7uYNiEAT.js';
7
8
  import './transform-jVfAikE9.js';
8
9
 
9
10
  type EngineOptionsForProps = Omit<EngineOptions, "element" | "handle" | "scrollContainer" | "backdrop" | "scrim">;
@@ -30,12 +31,21 @@ type BottomSheetProps = EngineOptionsForProps & {
30
31
  screen?: ReactNode;
31
32
  anchors?: BottomSheetAnchorProp[];
32
33
  scrimStages?: BottomSheetScrimStagesProp;
34
+ teleportTo?: TeleportTarget;
35
+ backdropColor?: string;
36
+ backdropOpacity?: number;
33
37
  onChange?: (state: EngineState) => void;
38
+ onSnap?: (id: string) => void;
39
+ onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
34
40
  onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
41
+ onOpen?: (id: string) => void;
42
+ onClose?: () => void;
35
43
  onOpened?: (id: string) => void;
36
44
  onClosed?: () => void;
37
45
  onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
38
46
  onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
47
+ onDrag?: (payload: SheetEventMap["drag"]) => void;
48
+ onProgress?: (payload: SheetEventMap["progress"]) => void;
39
49
  ariaLabel?: string;
40
50
  ariaLabelledBy?: string;
41
51
  noSSR?: boolean;
@@ -73,19 +83,26 @@ declare const BottomSheet: react.ForwardRefExoticComponent<EngineOptionsForProps
73
83
  screen?: ReactNode;
74
84
  anchors?: BottomSheetAnchorProp[];
75
85
  scrimStages?: BottomSheetScrimStagesProp;
86
+ teleportTo?: TeleportTarget;
87
+ backdropColor?: string;
88
+ backdropOpacity?: number;
76
89
  onChange?: (state: EngineState) => void;
90
+ onSnap?: (id: string) => void;
91
+ onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
77
92
  onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
93
+ onOpen?: (id: string) => void;
94
+ onClose?: () => void;
78
95
  onOpened?: (id: string) => void;
79
96
  onClosed?: () => void;
80
97
  onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
81
98
  onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
99
+ onDrag?: (payload: SheetEventMap["drag"]) => void;
100
+ onProgress?: (payload: SheetEventMap["progress"]) => void;
82
101
  ariaLabel?: string;
83
102
  ariaLabelledBy?: string;
84
103
  noSSR?: boolean;
85
104
  } & react.RefAttributes<BottomSheetHandle<string>>>;
86
105
 
87
- type TeleportTarget = HTMLElement | string | null | undefined;
88
-
89
106
  type UseBottomSheetRefs = {
90
107
  sheetRef: React.RefObject<HTMLElement | null>;
91
108
  handleRef: React.RefObject<HTMLElement | null>;
@@ -121,10 +138,14 @@ type HookOpts<TId extends string> = Omit<EngineOptions, "element" | "handle" | "
121
138
  onSnap?: (id: TId) => void;
122
139
  onBeforeSnap?: (payload: SheetEventMap["before-snap"]) => void;
123
140
  onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
141
+ onOpen?: (id: TId) => void;
142
+ onClose?: () => void;
124
143
  onOpened?: (id: TId) => void;
125
144
  onClosed?: () => void;
126
145
  onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
127
146
  onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
147
+ onDrag?: (payload: SheetEventMap["drag"]) => void;
148
+ onProgress?: (payload: SheetEventMap["progress"]) => void;
128
149
  };
129
150
  declare function useBottomSheet<TId extends string = string>(opts: HookOpts<TId>): UseBottomSheetReturn<TId>;
130
151
 
@@ -195,6 +216,7 @@ type SheetConfig = {
195
216
  };
196
217
  };
197
218
  type SheetEventHandler = ((id: string) => void) | (() => void);
219
+
198
220
  type BottomSheetFromConfigProps = {
199
221
  config: SheetConfig;
200
222
  eventHandlers?: Record<string, SheetEventHandler>;