@surdeddd/bottom-sheet 0.3.0 → 0.4.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 (45) hide show
  1. package/dist/{BottomSheetEngine-CAymrH-P.d.cts → BottomSheetEngine-BJrH7qY3.d.cts} +39 -3
  2. package/dist/{BottomSheetEngine-DcqcuudN.d.ts → BottomSheetEngine-L05jGZvU.d.ts} +39 -3
  3. package/dist/element.cjs +480 -89
  4. package/dist/element.d.cts +23 -4
  5. package/dist/element.d.ts +23 -4
  6. package/dist/element.iife.global.js +2 -2
  7. package/dist/element.js +480 -89
  8. package/dist/index.cjs +341 -80
  9. package/dist/index.d.cts +3 -2
  10. package/dist/index.d.ts +3 -2
  11. package/dist/index.js +341 -80
  12. package/dist/integrations/formik.d.cts +1 -1
  13. package/dist/integrations/formik.d.ts +1 -1
  14. package/dist/integrations/react-hook-form.d.cts +1 -1
  15. package/dist/integrations/react-hook-form.d.ts +1 -1
  16. package/dist/overlay.cjs +13 -2
  17. package/dist/overlay.js +13 -2
  18. package/dist/preact.d.cts +1 -1
  19. package/dist/preact.d.ts +1 -1
  20. package/dist/qwik.cjs +352 -81
  21. package/dist/qwik.d.cts +4 -2
  22. package/dist/qwik.d.ts +4 -2
  23. package/dist/qwik.js +352 -81
  24. package/dist/react.cjs +427 -87
  25. package/dist/react.d.cts +29 -4
  26. package/dist/react.d.ts +29 -4
  27. package/dist/react.js +427 -87
  28. package/dist/solid.cjs +341 -80
  29. package/dist/solid.d.cts +38 -2
  30. package/dist/solid.d.ts +38 -2
  31. package/dist/solid.js +341 -80
  32. package/dist/solid.source.jsx +341 -80
  33. package/dist/styles.css +57 -56
  34. package/dist/svelte-core.cjs +346 -80
  35. package/dist/svelte-core.js +346 -80
  36. package/dist/svelte-src/BottomSheet.svelte +103 -5
  37. package/dist/svelte.cjs +421 -88
  38. package/dist/svelte.d.cts +21 -0
  39. package/dist/svelte.d.ts +21 -0
  40. package/dist/svelte.js +421 -88
  41. package/dist/vue.cjs +584 -91
  42. package/dist/vue.d.cts +51 -2
  43. package/dist/vue.d.ts +51 -2
  44. package/dist/vue.js +585 -92
  45. package/package.json +6 -6
package/dist/react.d.cts CHANGED
@@ -1,5 +1,5 @@
1
- import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-CAymrH-P.cjs';
2
- export { d as SnapPoint } from './BottomSheetEngine-CAymrH-P.cjs';
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-BJrH7qY3.cjs';
2
+ export { d as SnapPoint } from './BottomSheetEngine-BJrH7qY3.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';
@@ -30,6 +30,11 @@ type BottomSheetProps = EngineOptionsForProps & {
30
30
  anchors?: BottomSheetAnchorProp[];
31
31
  scrimStages?: BottomSheetScrimStagesProp;
32
32
  onChange?: (state: EngineState) => void;
33
+ onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
34
+ onOpened?: (id: string) => void;
35
+ onClosed?: () => void;
36
+ onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
37
+ onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
33
38
  ariaLabel?: string;
34
39
  ariaLabelledBy?: string;
35
40
  noSSR?: boolean;
@@ -37,13 +42,18 @@ type BottomSheetProps = EngineOptionsForProps & {
37
42
  type BottomSheetHandle<TId extends string = string> = {
38
43
  snapTo: (id: TId) => Promise<void>;
39
44
  open: (id?: TId) => Promise<void>;
40
- close: () => Promise<void>;
45
+ close: (reason?: CloseReason) => Promise<void>;
46
+ expand: () => Promise<void>;
47
+ collapse: () => Promise<void>;
48
+ isTop: () => boolean;
49
+ depth: () => number;
41
50
  setAllowed: (ids: TId[], snap?: TId) => void;
42
51
  setSnapPoints: (points: EngineOptions["snapPoints"], allowed?: string[]) => void;
43
52
  setScrim: (opts: ScrimUpdate) => void;
44
53
  setScrimOverlay: (opts: ScrimOverlayOptions) => () => void;
45
54
  addAnchor: (opts: AnchorOptions) => () => void;
46
55
  setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
56
+ recompute: () => void;
47
57
  state: EngineState & {
48
58
  activeId: TId;
49
59
  };
@@ -62,6 +72,11 @@ declare const BottomSheet: react.ForwardRefExoticComponent<EngineOptionsForProps
62
72
  anchors?: BottomSheetAnchorProp[];
63
73
  scrimStages?: BottomSheetScrimStagesProp;
64
74
  onChange?: (state: EngineState) => void;
75
+ onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
76
+ onOpened?: (id: string) => void;
77
+ onClosed?: () => void;
78
+ onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
79
+ onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
65
80
  ariaLabel?: string;
66
81
  ariaLabelledBy?: string;
67
82
  noSSR?: boolean;
@@ -80,10 +95,15 @@ type UseBottomSheetReturn<TId extends string = string> = UseBottomSheetRefs & {
80
95
  };
81
96
  snapTo: (id: TId) => Promise<void>;
82
97
  open: (id?: TId) => Promise<void>;
83
- close: () => Promise<void>;
98
+ close: (reason?: CloseReason) => Promise<void>;
99
+ expand: () => Promise<void>;
100
+ collapse: () => Promise<void>;
101
+ isTop: () => boolean;
102
+ depth: () => number;
84
103
  setAllowed: (ids: TId[], snap?: TId) => void;
85
104
  addAnchor: (opts: AnchorOptions) => () => void;
86
105
  setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
106
+ recompute: () => void;
87
107
  engine: BottomSheetEngine | null;
88
108
  getEngine: () => BottomSheetEngine | null;
89
109
  };
@@ -92,6 +112,11 @@ type HookOpts<TId extends string> = Omit<EngineOptions, "element" | "handle" | "
92
112
  allowed?: TId[] | ReadonlyArray<TId>;
93
113
  initial?: TId;
94
114
  onSnap?: (id: TId) => void;
115
+ onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
116
+ onOpened?: (id: TId) => void;
117
+ onClosed?: () => void;
118
+ onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
119
+ onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
95
120
  };
96
121
  declare function useBottomSheet<TId extends string = string>(opts: HookOpts<TId>): UseBottomSheetReturn<TId>;
97
122
 
package/dist/react.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { c as EngineOptions, E as EngineState, A as AnchorOptions, S as ScrimStagesOptions, p as ScrimStageDef, q as ScrimUpdate, m as ScrimOverlayOptions, B as BottomSheetEngine, a as SnapPointDef, b as SheetMode } from './BottomSheetEngine-DcqcuudN.js';
2
- export { d as SnapPoint } from './BottomSheetEngine-DcqcuudN.js';
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-L05jGZvU.js';
2
+ export { d as SnapPoint } from './BottomSheetEngine-L05jGZvU.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';
@@ -30,6 +30,11 @@ type BottomSheetProps = EngineOptionsForProps & {
30
30
  anchors?: BottomSheetAnchorProp[];
31
31
  scrimStages?: BottomSheetScrimStagesProp;
32
32
  onChange?: (state: EngineState) => void;
33
+ onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
34
+ onOpened?: (id: string) => void;
35
+ onClosed?: () => void;
36
+ onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
37
+ onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
33
38
  ariaLabel?: string;
34
39
  ariaLabelledBy?: string;
35
40
  noSSR?: boolean;
@@ -37,13 +42,18 @@ type BottomSheetProps = EngineOptionsForProps & {
37
42
  type BottomSheetHandle<TId extends string = string> = {
38
43
  snapTo: (id: TId) => Promise<void>;
39
44
  open: (id?: TId) => Promise<void>;
40
- close: () => Promise<void>;
45
+ close: (reason?: CloseReason) => Promise<void>;
46
+ expand: () => Promise<void>;
47
+ collapse: () => Promise<void>;
48
+ isTop: () => boolean;
49
+ depth: () => number;
41
50
  setAllowed: (ids: TId[], snap?: TId) => void;
42
51
  setSnapPoints: (points: EngineOptions["snapPoints"], allowed?: string[]) => void;
43
52
  setScrim: (opts: ScrimUpdate) => void;
44
53
  setScrimOverlay: (opts: ScrimOverlayOptions) => () => void;
45
54
  addAnchor: (opts: AnchorOptions) => () => void;
46
55
  setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
56
+ recompute: () => void;
47
57
  state: EngineState & {
48
58
  activeId: TId;
49
59
  };
@@ -62,6 +72,11 @@ declare const BottomSheet: react.ForwardRefExoticComponent<EngineOptionsForProps
62
72
  anchors?: BottomSheetAnchorProp[];
63
73
  scrimStages?: BottomSheetScrimStagesProp;
64
74
  onChange?: (state: EngineState) => void;
75
+ onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
76
+ onOpened?: (id: string) => void;
77
+ onClosed?: () => void;
78
+ onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
79
+ onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
65
80
  ariaLabel?: string;
66
81
  ariaLabelledBy?: string;
67
82
  noSSR?: boolean;
@@ -80,10 +95,15 @@ type UseBottomSheetReturn<TId extends string = string> = UseBottomSheetRefs & {
80
95
  };
81
96
  snapTo: (id: TId) => Promise<void>;
82
97
  open: (id?: TId) => Promise<void>;
83
- close: () => Promise<void>;
98
+ close: (reason?: CloseReason) => Promise<void>;
99
+ expand: () => Promise<void>;
100
+ collapse: () => Promise<void>;
101
+ isTop: () => boolean;
102
+ depth: () => number;
84
103
  setAllowed: (ids: TId[], snap?: TId) => void;
85
104
  addAnchor: (opts: AnchorOptions) => () => void;
86
105
  setScrimStages: (opts: ScrimStagesOptions | null) => () => void;
106
+ recompute: () => void;
87
107
  engine: BottomSheetEngine | null;
88
108
  getEngine: () => BottomSheetEngine | null;
89
109
  };
@@ -92,6 +112,11 @@ type HookOpts<TId extends string> = Omit<EngineOptions, "element" | "handle" | "
92
112
  allowed?: TId[] | ReadonlyArray<TId>;
93
113
  initial?: TId;
94
114
  onSnap?: (id: TId) => void;
115
+ onBeforeClose?: (payload: SheetEventMap["before-close"]) => void;
116
+ onOpened?: (id: TId) => void;
117
+ onClosed?: () => void;
118
+ onDragStart?: (payload: SheetEventMap["dragstart"]) => void;
119
+ onDragEnd?: (payload: SheetEventMap["dragend"]) => void;
95
120
  };
96
121
  declare function useBottomSheet<TId extends string = string>(opts: HookOpts<TId>): UseBottomSheetReturn<TId>;
97
122