Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
111 changes: 106 additions & 5 deletions mock.js
Original file line number Diff line number Diff line change
Expand Up @@ -25,17 +25,36 @@ const BottomSheetComponent = props => {
};

class BottomSheetModal extends React.Component {
// Store mock data passed via present
data = null;

snapToIndex() {}
snapToPosition() {}
expand() {}
collapse() {}
close() {}
forceClose() {}
present() {}
dismiss() {}
close() {
this.data = null;
}
forceClose() {
this.data = null;
}
present(data) {
// Store data passed to present
this.data = data;
// Need to trigger a re-render somehow if component depends on this state,
// but for basic mock, just storing is often enough.
}
dismiss() {
this.data = null;
}

render() {
return this.props.children;
const { children: Content } = this.props;
return typeof Content === 'function' ? (
<Content data={this.data} />
) : (
Content
);
}
}

Expand Down Expand Up @@ -103,6 +122,85 @@ const useBottomSheetDynamicSnapPoints = () => ({
handleContentLayout: NOOP,
});

const GESTURE_SOURCE = {
UNDETERMINED: 0,
SCROLLABLE: 1,
HANDLE: 2,
CONTENT: 3,
};

const SHEET_STATE = {
CLOSED: 0,
OPENED: 1,
EXTENDED: 2,
OVER_EXTENDED: 3,
FILL_PARENT: 4,
};

const SCROLLABLE_STATE = {
LOCKED: 0,
UNLOCKED: 1,
UNDETERMINED: 2,
};

const SCROLLABLE_TYPE = {
UNDETERMINED: 0,
VIEW: 1,
FLATLIST: 2,
SCROLLVIEW: 3,
SECTIONLIST: 4,
VIRTUALIZEDLIST: 5,
};

const ANIMATION_STATE = {
UNDETERMINED: 0,
RUNNING: 1,
STOPPED: 2,
INTERRUPTED: 3,
};

const ANIMATION_SOURCE = {
NONE: 0,
MOUNT: 1,
GESTURE: 2,
USER: 3,
CONTAINER_RESIZE: 4,
SNAP_POINT_CHANGE: 5,
KEYBOARD: 6,
};

const ANIMATION_METHOD = {
TIMING: 0,
SPRING: 1,
};

const KEYBOARD_STATE = {
UNDETERMINED: 0,
SHOWN: 1,
HIDDEN: 2,
};

const SNAP_POINT_TYPE = {
PROVIDED: 0,
DYNAMIC: 1,
};

const ENUMS = {
GESTURE_SOURCE,
SHEET_STATE,
SCROLLABLE_STATE,
SCROLLABLE_TYPE,
ANIMATION_STATE,
ANIMATION_SOURCE,
ANIMATION_METHOD,
KEYBOARD_STATE,
SNAP_POINT_TYPE,
};

const createBottomSheetScrollableComponent = (_type, ScrollableComponent) => {
return ScrollableComponent;
};

module.exports = {
BottomSheetView: BottomSheetComponent,
BottomSheetTextInput: ReactNative.TextInput,
Expand All @@ -129,4 +227,7 @@ module.exports = {
useBottomSheetInternal,
useBottomSheetModalInternal,
useBottomSheetDynamicSnapPoints,

...ENUMS,
createBottomSheetScrollableComponent,
};