@hanzogui/sheet 8.3.0 → 8.3.2

package/dist/cjs/GestureDetectorWrapper.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.GestureDetectorWrapper = GestureDetectorWrapper;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+const gestureState_ts_1 = require("./gestureState.js");
+/**
+ * Conditionally wraps children with GestureDetector when RNGH is available.
+ * Uses a plain View wrapper that GestureDetector can attach gesture handlers to.
+ */
+function GestureDetectorWrapper({ gesture, children, style, }) {
+    const { GestureDetector } = (0, gestureState_ts_1.getGestureHandlerState)();
+    const enabled = (0, gestureState_ts_1.isGestureHandlerEnabled)();
+    // only wrap if we have RNGH available AND a gesture to attach
+    if (enabled && GestureDetector && gesture) {
+        // GestureDetector needs a native View to attach handlers to
+        // the View wrapper ensures proper gesture propagation
+        return ((0, jsx_runtime_1.jsx)(GestureDetector, { gesture: gesture, children: (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, collapsable: false, children: children }) }));
+    }
+    // pass through children in a consistent View wrapper
+    return (0, jsx_runtime_1.jsx)(react_native_1.View, { style: style, children: children });
+}
+//# sourceMappingURL=GestureDetectorWrapper.js.map

package/dist/cjs/GestureDetectorWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureDetectorWrapper.js","sourceRoot":"","sources":["../../src/GestureDetectorWrapper.tsx"],"names":[],"mappings":";;;;AACA,+CAAmD;AACnD,uDAAmF;AAQnF;;;GAGG;AACH,gCAAuC,EACrC,OAAO,EACP,QAAQ,EACR,KAAK,GACuB;IAC5B,MAAM,EAAE,eAAe,EAAE,GAAG,IAAA,wCAAsB,GAAE,CAAA;IACpD,MAAM,OAAO,GAAG,IAAA,yCAAuB,GAAE,CAAA;IAEzC,8DAA8D;IAC9D,IAAI,OAAO,IAAI,eAAe,IAAI,OAAO,EAAE,CAAC;QAC1C,4DAA4D;QAC5D,sDAAsD;QACtD,OAAO,CACL,uBAAC,eAAe,IAAC,OAAO,EAAE,OAAO,YAC/B,uBAAC,mBAAI,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,YACnC,QAAQ,GACJ,GACS,CACnB,CAAA;IACH,CAAC;IAED,qDAAqD;IACrD,OAAO,uBAAC,mBAAI,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAQ,CAAA;AAC9C,CAAC"}

package/dist/cjs/GestureSheetContext.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGestureSheetContext = useGestureSheetContext;
+exports.GestureSheetProvider = GestureSheetProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const GestureSheetContext = (0, react_1.createContext)(null);
+function useGestureSheetContext() {
+    return (0, react_1.useContext)(GestureSheetContext);
+}
+function GestureSheetProvider({ children, isDragging, blockPan, setBlockPan, panGesture, panGestureRef, }) {
+    const value = {
+        panGesture,
+        panGestureRef,
+        isDragging,
+        blockPan,
+        setBlockPan,
+    };
+    return ((0, jsx_runtime_1.jsx)(GestureSheetContext.Provider, { value: value, children: children }));
+}
+//# sourceMappingURL=GestureSheetContext.js.map

package/dist/cjs/GestureSheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GestureSheetContext.js","sourceRoot":"","sources":["../../src/GestureSheetContext.tsx"],"names":[],"mappings":";;;;;AACA,iCAAiE;AA0BjE,MAAM,mBAAmB,GAAG,IAAA,qBAAa,EAAkC,IAAI,CAAC,CAAA;AAEhF;IACE,OAAO,IAAA,kBAAU,EAAC,mBAAmB,CAAC,CAAA;AACxC,CAAC;AAWD,8BAAqC,EACnC,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,GACa;IAC1B,MAAM,KAAK,GAA6B;QACtC,UAAU;QACV,aAAa;QACb,UAAU;QACV,QAAQ;QACR,WAAW;KACZ,CAAA;IAED,OAAO,CACL,uBAAC,mBAAmB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAgC,CACtF,CAAA;AACH,CAAC"}

package/dist/cjs/Sheet.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Sheet = exports.Frame = exports.Overlay = exports.Handle = exports.createSheetScope = void 0;
+const tslib_1 = require("tslib");
+const core_1 = require("@hanzogui/core");
+const stacks_1 = require("@hanzogui/stacks");
+const constants_tsx_1 = require("./constants.js");
+const createSheet_tsx_1 = require("./createSheet.js");
+var SheetContext_tsx_1 = require("./SheetContext.js");
+Object.defineProperty(exports, "createSheetScope", { enumerable: true, get: function () { return SheetContext_tsx_1.createSheetScope; } });
+tslib_1.__exportStar(require("./types.js"), exports);
+/* -------------------------------------------------------------------------------------------------
+ * SheetHandle
+ * -----------------------------------------------------------------------------------------------*/
+exports.Handle = (0, core_1.styled)(stacks_1.XStack, {
+    name: constants_tsx_1.SHEET_HANDLE_NAME,
+    variants: {
+        open: {
+            true: {
+                opacity: 1,
+                pointerEvents: 'auto',
+            },
+            false: {
+                opacity: 0,
+                pointerEvents: 'none',
+            },
+        },
+        unstyled: {
+            false: {
+                height: 10,
+                borderRadius: 100,
+                backgroundColor: '$background',
+                zIndex: 10,
+                marginHorizontal: '35%',
+                marginBottom: '$2',
+                opacity: 0.5,
+                hoverStyle: {
+                    opacity: 0.7,
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+/* -------------------------------------------------------------------------------------------------
+ * SheetOverlay
+ * -----------------------------------------------------------------------------------------------*/
+exports.Overlay = (0, core_1.styled)(stacks_1.YStack, {
+    name: constants_tsx_1.SHEET_OVERLAY_NAME,
+    variants: {
+        open: {
+            true: {
+                pointerEvents: 'auto',
+            },
+            false: {
+                pointerEvents: 'none',
+            },
+        },
+        unstyled: {
+            false: {
+                fullscreen: true,
+                position: 'absolute',
+                backgroundColor: '$background',
+                zIndex: 100000 - 1,
+                pointerEvents: 'auto',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+/* -------------------------------------------------------------------------------------------------
+ * Sheet
+ * -----------------------------------------------------------------------------------------------*/
+exports.Frame = (0, core_1.styled)(stacks_1.YStack, {
+    name: constants_tsx_1.SHEET_NAME,
+    variants: {
+        unstyled: {
+            false: {
+                flex: 1,
+                backgroundColor: '$background',
+                borderTopLeftRadius: '$true',
+                borderTopRightRadius: '$true',
+                width: '100%',
+                maxHeight: '100%',
+                overflow: 'hidden',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+exports.Sheet = (0, createSheet_tsx_1.createSheet)({
+    Frame: exports.Frame,
+    Handle: exports.Handle,
+    Overlay: exports.Overlay,
+});
+//# sourceMappingURL=Sheet.js.map

package/dist/cjs/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sourceRoot":"","sources":["../../src/Sheet.tsx"],"names":[],"mappings":";;;;AAAA,yCAAuC;AACvC,6CAAiD;AAEjD,kDAAmF;AACnF,sDAA+C;AAE/C,sDAAqD;AAA5C,oHAAA,gBAAgB,OAAA;AACzB,qDAA2B;AAE3B;;oGAEoG;AAEvF,QAAA,MAAM,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IACnC,IAAI,EAAE,iCAAiB;IAEvB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE;gBACJ,OAAO,EAAE,CAAC;gBACV,aAAa,EAAE,MAAM;aACtB;YACD,KAAK,EAAE;gBACL,OAAO,EAAE,CAAC;gBACV,aAAa,EAAE,MAAM;aACtB;SACF;QAED,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,MAAM,EAAE,EAAE;gBACV,YAAY,EAAE,GAAG;gBACjB,eAAe,EAAE,aAAa;gBAC9B,MAAM,EAAE,EAAE;gBACV,gBAAgB,EAAE,KAAK;gBACvB,YAAY,EAAE,IAAI;gBAClB,OAAO,EAAE,GAAG;gBAEZ,UAAU,EAAE;oBACV,OAAO,EAAE,GAAG;iBACb;aACF;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,CAAC,CAAA;AAEF;;oGAEoG;AAEvF,QAAA,OAAO,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IACpC,IAAI,EAAE,kCAAkB;IAExB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,IAAI,EAAE;gBACJ,aAAa,EAAE,MAAM;aACtB;YACD,KAAK,EAAE;gBACL,aAAa,EAAE,MAAM;aACtB;SACF;QAED,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,UAAU;gBACpB,eAAe,EAAE,aAAa;gBAC9B,MAAM,EAAE,MAAO,GAAG,CAAC;gBACnB,aAAa,EAAE,MAAM;aACtB;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,CAAC,CAAA;AAEF;;oGAEoG;AAEvF,QAAA,KAAK,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IAClC,IAAI,EAAE,0BAAU;IAEhB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,CAAC;gBACP,eAAe,EAAE,aAAa;gBAC9B,mBAAmB,EAAE,OAAO;gBAC5B,oBAAoB,EAAE,OAAO;gBAC7B,KAAK,EAAE,MAAM;gBACb,SAAS,EAAE,MAAM;gBACjB,QAAQ,EAAE,QAAQ;aACnB;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,CAAC,CAAA;AAEW,QAAA,KAAK,GAAG,IAAA,6BAAW,EAAC;IAC/B,KAAK,EAAL,QAAA,KAAK;IACL,MAAM,EAAN,QAAA,MAAM;IACN,OAAO,EAAP,QAAA,OAAO;CACR,CAAC,CAAA"}

package/dist/cjs/SheetContext.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSheetContext = exports.SheetProvider = exports.createSheetScope = exports.createSheetContext = void 0;
+const create_context_1 = require("@hanzogui/create-context");
+const constants_tsx_1 = require("./constants.js");
+[exports.createSheetContext, exports.createSheetScope] = (0, create_context_1.createContextScope)(constants_tsx_1.SHEET_NAME);
+[exports.SheetProvider, exports.useSheetContext] = (0, exports.createSheetContext)(constants_tsx_1.SHEET_NAME, {});
+//# sourceMappingURL=SheetContext.js.map

package/dist/cjs/SheetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetContext.js","sourceRoot":"","sources":["../../src/SheetContext.tsx"],"names":[],"mappings":";;;AAAA,6DAA6D;AAE7D,kDAA4C;AAG/B,CAAC,QAAA,kBAAkB,EAAE,QAAA,gBAAgB,CAAC,GAAG,IAAA,mCAAkB,EAAC,0BAAU,CAAC,CAAA;AAEvE,CAAC,QAAA,aAAa,EAAE,QAAA,eAAe,CAAC,GAAG,IAAA,QAAA,kBAAkB,EAChE,0BAAU,EACV,EAAS,CACV,CAAA"}

package/dist/cjs/SheetController.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SheetController = void 0;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = tslib_1.__importStar(require("react"));
+const core_1 = require("@hanzogui/core");
+const useSheetController_tsx_1 = require("./useSheetController.js");
+const SheetController = ({ children, onOpenChange: onOpenChangeProp, onAnimationComplete: onAnimationCompleteProp, open, hidden, disableDrag, }) => {
+    const onOpenChange = (0, core_1.useEvent)(onOpenChangeProp);
+    const onAnimationComplete = (0, core_1.useEvent)(onAnimationCompleteProp);
+    const id = (0, react_1.useId)();
+    // track hidden transitions to signal adapt handoff
+    // when hidden goes from true -> false while open, the sheet should skip animation
+    const wasHiddenRef = (0, react_1.useRef)(hidden);
+    let skipNextAnimation = false;
+    if (wasHiddenRef.current && !hidden && open) {
+        skipNextAnimation = true;
+    }
+    wasHiddenRef.current = hidden;
+    const memoValue = react_1.default.useMemo(() => ({
+        id,
+        open,
+        hidden,
+        disableDrag,
+        onOpenChange,
+        onAnimationComplete,
+        skipNextAnimation,
+    }), [id, onOpenChange, onAnimationComplete, open, hidden, disableDrag, skipNextAnimation]);
+    return ((0, jsx_runtime_1.jsx)(useSheetController_tsx_1.SheetControllerContext.Provider, { value: memoValue, children: children }));
+};
+exports.SheetController = SheetController;
+//# sourceMappingURL=SheetController.js.map

package/dist/cjs/SheetController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SheetController.js","sourceRoot":"","sources":["../../src/SheetController.tsx"],"names":[],"mappings":";;;;;AAAA,uDAA4C;AAC5C,yCAAyC;AAIzC,oEAAiE;AAE1D,MAAM,eAAe,GAAG,CAAC,EAC9B,QAAQ,EACR,YAAY,EAAE,gBAAgB,EAC9B,mBAAmB,EAAE,uBAAuB,EAC5C,IAAI,EACJ,MAAM,EACN,WAAW,GACqD,EAAE,EAAE;IACpE,MAAM,YAAY,GAAG,IAAA,eAAQ,EAAC,gBAAgB,CAAC,CAAA;IAC/C,MAAM,mBAAmB,GAAG,IAAA,eAAQ,EAAC,uBAAuB,CAAC,CAAA;IAC7D,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAA;IAElB,mDAAmD;IACnD,kFAAkF;IAClF,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,MAAM,CAAC,CAAA;IACnC,IAAI,iBAAiB,GAAG,KAAK,CAAA;IAC7B,IAAI,YAAY,CAAC,OAAO,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE,CAAC;QAC5C,iBAAiB,GAAG,IAAI,CAAA;IAC1B,CAAC;IACD,YAAY,CAAC,OAAO,GAAG,MAAM,CAAA;IAE7B,MAAM,SAAS,GAAG,eAAK,CAAC,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC;QACL,EAAE;QACF,IAAI;QACJ,MAAM;QACN,WAAW;QACX,YAAY;QACZ,mBAAmB;QACnB,iBAAiB;KAClB,CAAC,EACF,CAAC,EAAE,EAAE,YAAY,EAAE,mBAAmB,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,iBAAiB,CAAC,CACtF,CAAA;IAED,OAAO,CACL,uBAAC,+CAAsB,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,YAC9C,QAAQ,GACuB,CACnC,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,eAAe,GAAf,eAAe,CAuC3B"}