@gluestack-ui/core 3.0.0-alpha.0

package/lib/esm/popover/creator/Popover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,eAAO,MAAM,OAAO,GAAI,eAAe,GAAG,qFA4JvC,CAAC"}

package/lib/esm/popover/creator/Popover.jsx

@@ -0,0 +1,117 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { useControllableState } from '@gluestack-ui-nightly/utils/hooks';
+import { Overlay } from '../../overlay/creator';
+import { PopoverProvider } from './PopoverContext';
+export const Popover = (StyledPopover) => forwardRef((_a, ref) => {
+    var { onOpen, trigger, onClose, isOpen: isOpenProp, children, defaultIsOpen = false, initialFocusRef, finalFocusRef, useRNModal, focusScope = true, trapFocus = true, placement = 'bottom', shouldOverlapWithTrigger = false, crossOffset, offset, isKeyboardDismissable = true, shouldFlip, _experimentalOverlay = false } = _a, props = __rest(_a, ["onOpen", "trigger", "onClose", "isOpen", "children", "defaultIsOpen", "initialFocusRef", "finalFocusRef", "useRNModal", "focusScope", "trapFocus", "placement", "shouldOverlapWithTrigger", "crossOffset", "offset", "isKeyboardDismissable", "shouldFlip", "_experimentalOverlay"]);
+    const [isOpen, setIsOpen] = useControllableState({
+        value: isOpenProp,
+        defaultValue: defaultIsOpen,
+        onChange: (value) => {
+            value ? onOpen && onOpen() : onClose && onClose();
+        },
+    });
+    const [bodyMounted, setBodyMounted] = React.useState(false);
+    const [headerMounted, setHeaderMounted] = React.useState(false);
+    var idCounter = 0;
+    function uniqueId(prefix = '') {
+        var id = ++idCounter;
+        return prefix + id;
+    }
+    const id = uniqueId();
+    const popoverContentId = `${id}-content`;
+    const headerId = `${popoverContentId}-header`;
+    const bodyId = `${popoverContentId}-body`;
+    const handleOpen = React.useCallback(() => {
+        setIsOpen(true);
+    }, [setIsOpen]);
+    const handleClose = React.useCallback(() => {
+        setIsOpen(false);
+    }, [setIsOpen]);
+    const updatedTrigger = (reference) => {
+        return trigger({
+            'ref': reference,
+            'onPress': handleOpen,
+            'aria-expanded': isOpen ? true : false,
+            'aria-controls': isOpen ? popoverContentId : undefined,
+            'aria-haspopup': true,
+        }, { open: isOpen });
+    };
+    const targetRef = React.useRef(null);
+    const contextValue = React.useMemo(() => {
+        return {
+            targetRef,
+            strategy: 'absolute',
+            handleClose,
+            initialFocusRef,
+            finalFocusRef,
+            popoverContentId,
+            bodyId,
+            headerId,
+            headerMounted,
+            bodyMounted,
+            setBodyMounted,
+            setHeaderMounted,
+            isOpen,
+            placement,
+            shouldOverlapWithTrigger,
+            crossOffset,
+            offset,
+            focusScope,
+            trapFocus,
+            shouldFlip,
+        };
+    }, [
+        targetRef,
+        handleClose,
+        initialFocusRef,
+        finalFocusRef,
+        popoverContentId,
+        bodyId,
+        headerId,
+        headerMounted,
+        bodyMounted,
+        setBodyMounted,
+        setHeaderMounted,
+        isOpen,
+        placement,
+        shouldOverlapWithTrigger,
+        crossOffset,
+        offset,
+        focusScope,
+        trapFocus,
+        shouldFlip,
+    ]);
+    if (_experimentalOverlay) {
+        return (<>
+            {updatedTrigger(targetRef)}
+            <PopoverProvider value={contextValue}>
+              <StyledPopover ref={ref} {...props}>
+                {children}
+              </StyledPopover>
+            </PopoverProvider>
+          </>);
+    }
+    return (<>
+          {updatedTrigger(targetRef)}
+          <Overlay isOpen={isOpen} onRequestClose={handleClose} isKeyboardDismissable={isKeyboardDismissable} useRNModal={useRNModal}>
+            <PopoverProvider value={contextValue}>
+              <StyledPopover ref={ref} {...props}>
+                {children}
+              </StyledPopover>
+            </PopoverProvider>
+          </Overlay>
+        </>);
+});
+//# sourceMappingURL=Popover.jsx.map

package/lib/esm/popover/creator/Popover.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/Popover.tsx"],"names":[],"mappings":"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"}

package/lib/esm/popover/creator/PopoverArrow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverArrow: (StyledPopoverArrow: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverArrow;
+//# sourceMappingURL=PopoverArrow.d.ts.map

package/lib/esm/popover/creator/PopoverArrow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverArrow.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverArrow.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,YAAY,GAAI,oBAAoB,GAAG,qFA0FzC,CAAC;AAEL,eAAe,YAAY,CAAC"}

package/lib/esm/popover/creator/PopoverArrow.jsx

@@ -0,0 +1,65 @@
+import React, { forwardRef } from 'react';
+import { usePopoverContent } from './PopoverContext';
+import { getArrowStyles } from './utils';
+const PopoverArrow = (StyledPopoverArrow) => forwardRef((props, ref) => {
+    const { value: { placement, actualPlacement, updateArrowSize, arrowHeight, arrowWidth, arrowProps, updateArrowElement, isFlipped, }, } = usePopoverContent('PopoverContext');
+    const additionalStyles = React.useMemo(() => {
+        return getArrowStyles({
+            height: arrowHeight,
+            width: arrowWidth,
+            actualPlacement,
+        });
+    }, [arrowHeight, arrowWidth, placement, actualPlacement]);
+    React.useEffect(() => {
+        var _a, _b, _c, _d;
+        const ArrowComponent = (<StyledPopoverArrow ref={ref} onLayout={(event) => {
+                const { height, width } = event.nativeEvent.layout;
+                updateArrowSize({ height, width });
+            }} {...props} initial={{
+                opacity: 0,
+                y: actualPlacement === 'top'
+                    ? 2
+                    : actualPlacement === 'bottom'
+                        ? -2
+                        : 0,
+                x: actualPlacement === 'right'
+                    ? -2
+                    : actualPlacement === 'left'
+                        ? 2
+                        : 0,
+                rotate: '45deg',
+            }} animate={{
+                opacity: 1,
+                y: 0,
+                x: 0,
+                rotate: '45deg',
+            }} exit={{
+                opacity: 0,
+                rotate: '45deg',
+            }} style={[
+                props === null || props === void 0 ? void 0 : props.style,
+                arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style,
+                {
+                    top: placement === 'right bottom' || placement === 'left bottom'
+                        ? ((_a = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _a === void 0 ? void 0 : _a.top) > 4
+                            ? ((_b = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _b === void 0 ? void 0 : _b.top) - 4
+                            : (_c = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _c === void 0 ? void 0 : _c.top
+                        : (_d = arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style) === null || _d === void 0 ? void 0 : _d.top,
+                },
+                additionalStyles,
+            ]} dataSet={{ flip: isFlipped }} states={{
+                flip: isFlipped,
+            }}/>);
+        updateArrowElement(ArrowComponent);
+    }, [
+        additionalStyles,
+        placement,
+        arrowHeight,
+        arrowWidth,
+        actualPlacement,
+        JSON.stringify(arrowProps === null || arrowProps === void 0 ? void 0 : arrowProps.style),
+    ]);
+    return null;
+});
+export default PopoverArrow;
+//# sourceMappingURL=PopoverArrow.jsx.map

package/lib/esm/popover/creator/PopoverArrow.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverArrow.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverArrow.tsx"],"names":[],"mappings":"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"}

package/lib/esm/popover/creator/PopoverBackdrop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverBackdrop: (StyledPopoverBackdrop: any, AnimatePresence?: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverBackdrop;
+//# sourceMappingURL=PopoverBackdrop.d.ts.map

package/lib/esm/popover/creator/PopoverBackdrop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBackdrop.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverBackdrop.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,QAAA,MAAM,eAAe,GAAI,uBAAuB,GAAG,EAAE,kBAAkB,GAAG,qFAuBtE,CAAC;AAEL,eAAe,eAAe,CAAC"}

package/lib/esm/popover/creator/PopoverBackdrop.jsx

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { OverlayAnimatePresence } from './OverlayAnimatePresence';
+import { usePopover } from './PopoverContext';
+const PopoverBackdrop = (StyledPopoverBackdrop, AnimatePresence) => forwardRef((_a, ref) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { value } = usePopover('PopperContext');
+    const { handleClose } = value;
+    return (<OverlayAnimatePresence visible={value === null || value === void 0 ? void 0 : value.isOpen} AnimatePresence={AnimatePresence}>
+        <StyledPopoverBackdrop ref={ref} {...props} onPress={handleClose} accessibilityElementsHidden importantForAccessibility="no-hide-descendants" aria-hidden={true}>
+          {children}
+        </StyledPopoverBackdrop>
+      </OverlayAnimatePresence>);
+});
+export default PopoverBackdrop;
+//# sourceMappingURL=PopoverBackdrop.jsx.map

package/lib/esm/popover/creator/PopoverBackdrop.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBackdrop.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverBackdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,MAAM,eAAe,GAAG,CAAC,qBAA0B,EAAE,eAAqB,EAAE,EAAE,CAC5E,UAAU,CAAC,CAAC,EAA2B,EAAE,GAAS,EAAE,EAAE;QAA1C,EAAE,QAAQ,OAAiB,EAAZ,KAAK,cAApB,YAAsB,CAAF;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,eAAe,CAAC,CAAC;IAC9C,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9B,OAAO,CACL,CAAC,sBAAsB,CACrB,OAAO,CAAC,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CACvB,eAAe,CAAC,CAAC,eAAe,CAAC,CAEjC;QAAA,CAAC,qBAAqB,CACpB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CACV,OAAO,CAAC,CAAC,WAAW,CAAC,CAErB,2BAA2B,CAC3B,yBAAyB,CAAC,qBAAqB,CAC/C,WAAW,CAAC,CAAC,IAAI,CAAC,CAElB;UAAA,CAAC,QAAQ,CACX;QAAA,EAAE,qBAAqB,CACzB;MAAA,EAAE,sBAAsB,CAAC,CAC1B,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,eAAe,eAAe,CAAC"}

package/lib/esm/popover/creator/PopoverBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverBody: (StyledPopoverBody: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverBody;
+//# sourceMappingURL=PopoverBody.d.ts.map

package/lib/esm/popover/creator/PopoverBody.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverBody.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,WAAW,GAAI,mBAAmB,GAAG,qFAqBvC,CAAC;AAEL,eAAe,WAAW,CAAC"}

package/lib/esm/popover/creator/PopoverBody.jsx

@@ -0,0 +1,34 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { usePopoverContent } from './PopoverContext';
+const PopoverBody = (StyledPopoverBody) => forwardRef((_a, ref) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    const { value } = usePopoverContent('PopoverContext');
+    const { setBodyMounted, bodyId } = value;
+    React.useEffect(() => {
+        if (setBodyMounted) {
+            setBodyMounted(true);
+            return () => {
+                setBodyMounted(false);
+            };
+        }
+        else {
+            return () => { };
+        }
+    }, [setBodyMounted]);
+    return (<StyledPopoverBody id={bodyId} ref={ref} {...props}>
+        {children}
+      </StyledPopoverBody>);
+});
+export default PopoverBody;
+//# sourceMappingURL=PopoverBody.jsx.map

package/lib/esm/popover/creator/PopoverBody.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverBody.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverBody.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,MAAM,WAAW,GAAG,CAAC,iBAAsB,EAAE,EAAE,CAC7C,UAAU,CAAC,CAAC,EAA2B,EAAE,GAAS,EAAE,EAAE;QAA1C,EAAE,QAAQ,OAAiB,EAAZ,KAAK,cAApB,YAAsB,CAAF;IAC9B,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAC;IACtD,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAEzC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,cAAc,EAAE,CAAC;YACnB,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,OAAO,GAAG,EAAE;gBACV,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,CAAC,iBAAiB,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CACjD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,iBAAiB,CAAC,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,eAAe,WAAW,CAAC"}

package/lib/esm/popover/creator/PopoverCloseButton.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverCloseButton: (StyledPopoverCloseButton: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverCloseButton;
+//# sourceMappingURL=PopoverCloseButton.d.ts.map

package/lib/esm/popover/creator/PopoverCloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverCloseButton.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverCloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAM1C,QAAA,MAAM,kBAAkB,GAAI,0BAA0B,GAAG,qFA8EtD,CAAC;AAEJ,eAAe,kBAAkB,CAAC"}

package/lib/esm/popover/creator/PopoverCloseButton.jsx

@@ -0,0 +1,45 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+import { usePress, useHover } from '@gluestack-ui-nightly/utils/aria';
+import { useFocusRing, useFocus } from '@gluestack-ui-nightly/utils/aria';
+import { composeEventHandlers } from '@gluestack-ui-nightly/utils/common';
+import { usePopoverContent } from './PopoverContext';
+const PopoverCloseButton = (StyledPopoverCloseButton) => forwardRef((_a, ref) => {
+    var { children, isDisabled, isHovered: isHoveredProp, isPressed: isPressedProp, isFocused: isFocusedProp, isFocusVisible: isFocusVisibleProp } = _a, props = __rest(_a, ["children", "isDisabled", "isHovered", "isPressed", "isFocused", "isFocusVisible"]);
+    const { value } = usePopoverContent('PopoverContext');
+    const { handleClose } = value;
+    const { hoverProps, isHovered } = useHover();
+    const { pressProps, isPressed } = usePress({ isDisabled });
+    const { focusProps, isFocused } = useFocus();
+    const { isFocusVisible, focusProps: focusRingProps } = useFocusRing();
+    const { onPressIn, onPressOut, onHoverIn, onHoverOut, onFocus, onBlur } = props, resolvedProps = __rest(props, ["onPressIn", "onPressOut", "onHoverIn", "onHoverOut", "onFocus", "onBlur"]);
+    return (<StyledPopoverCloseButton role="button" states={{
+            hover: isHoveredProp || isHovered,
+            focus: isFocusedProp || isFocused,
+            active: isPressedProp || isPressed,
+            disabled: isDisabled,
+            focusVisible: isFocusVisibleProp || isFocusVisible,
+        }} dataSet={{
+            hover: isHoveredProp || isHovered ? 'true' : 'false',
+            focus: isFocusedProp || isFocused ? 'true' : 'false',
+            active: isPressedProp || isPressed ? 'true' : 'false',
+            disabled: isDisabled ? 'true' : 'false',
+            focusVisible: isFocusVisibleProp || isFocusVisible ? 'true' : 'false',
+        }} ref={ref} disabled={isDisabled} onPressIn={composeEventHandlers(onPressIn, pressProps.onPressIn)} onPressOut={composeEventHandlers(onPressOut, pressProps.onPressOut)} onHoverIn={composeEventHandlers(onHoverIn, hoverProps.onHoverIn)} onHoverOut={composeEventHandlers(onHoverOut, hoverProps.onHoverOut)} onFocus={composeEventHandlers(composeEventHandlers(onFocus, focusProps.onFocus), focusRingProps.onFocus)} onBlur={composeEventHandlers(composeEventHandlers(onBlur, focusProps.onBlur), focusRingProps.onBlur)} onPress={() => {
+            handleClose();
+        }} {...resolvedProps}>
+          {children}
+        </StyledPopoverCloseButton>);
+});
+export default PopoverCloseButton;
+//# sourceMappingURL=PopoverCloseButton.jsx.map

package/lib/esm/popover/creator/PopoverCloseButton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverCloseButton.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverCloseButton.tsx"],"names":[],"mappings":"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"}

package/lib/esm/popover/creator/PopoverContent.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverContent: (StyledPopoverContent: any, AnimatePresence?: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverContent;
+//# sourceMappingURL=PopoverContent.d.ts.map

package/lib/esm/popover/creator/PopoverContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAepD,QAAA,MAAM,cAAc,GAAI,sBAAsB,GAAG,EAAE,kBAAkB,GAAG,qFA8NpE,CAAC;AAYL,eAAe,cAAc,CAAC"}

package/lib/esm/popover/creator/PopoverContent.jsx

@@ -0,0 +1,164 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef, useState } from 'react';
+import { useKeyboardDismissable } from '@gluestack-ui-nightly/utils/aria';
+import { usePopover } from './PopoverContext';
+import { Platform, AccessibilityInfo, Keyboard, View } from 'react-native';
+import { findNodeHandle, mergeRefs } from '@gluestack-ui-nightly/utils/common';
+import { useOverlayPosition } from '../../overlay/aria';
+import { OverlayAnimatePresence } from './OverlayAnimatePresence';
+import { FocusScope as FocusScopeAria } from '@gluestack-ui-nightly/utils/aria';
+import { useDialog } from '@gluestack-ui-nightly/utils/aria';
+import { PopoverContentProvider } from './PopoverContext';
+import { getContainerStyle } from './utils';
+const DEFAULT_ARROW_HEIGHT = 14, DEFAULT_ARROW_WIDTH = 14;
+const PopoverContent = (StyledPopoverContent, AnimatePresence) => forwardRef((_a, ref) => {
+    var { children, style } = _a, props = __rest(_a, ["children", "style"]);
+    const { value } = usePopover('PopoverContext');
+    const [arrowHeight, setArrowHeight] = useState(DEFAULT_ARROW_HEIGHT);
+    const [arrowWidth, setArrowWidth] = useState(DEFAULT_ARROW_WIDTH);
+    const [arrowElement, setArrowElement] = useState(null);
+    const { targetRef, initialFocusRef, finalFocusRef, popoverContentId, headerMounted, bodyMounted, bodyId, headerId, isOpen, placement, shouldOverlapWithTrigger, crossOffset, offset, trapFocus, handleClose, shouldFlip, focusScope, } = value;
+    const contentRef = React.useRef(null);
+    React.useEffect(() => {
+        if (contentRef) {
+            const reactTag = findNodeHandle(contentRef.current);
+            if (reactTag) {
+                AccessibilityInfo.setAccessibilityFocus(reactTag);
+            }
+        }
+    }, [isOpen, contentRef]);
+    const { dialogProps } = useDialog(Object.assign({ initialFocusRef }, props), contentRef);
+    React.useEffect(() => {
+        var _a, _b, _c, _d;
+        if (isOpen) {
+            if (focusScope) {
+                Keyboard.dismiss();
+            }
+            if (initialFocusRef &&
+                (initialFocusRef === null || initialFocusRef === void 0 ? void 0 : initialFocusRef.current) &&
+                ((_a = initialFocusRef === null || initialFocusRef === void 0 ? void 0 : initialFocusRef.current) === null || _a === void 0 ? void 0 : _a.focus)) {
+                (_b = initialFocusRef === null || initialFocusRef === void 0 ? void 0 : initialFocusRef.current) === null || _b === void 0 ? void 0 : _b.focus();
+            }
+        }
+        else {
+            if (finalFocusRef &&
+                (finalFocusRef === null || finalFocusRef === void 0 ? void 0 : finalFocusRef.current) &&
+                ((_c = finalFocusRef === null || finalFocusRef === void 0 ? void 0 : finalFocusRef.current) === null || _c === void 0 ? void 0 : _c.focus)) {
+                (_d = finalFocusRef === null || finalFocusRef === void 0 ? void 0 : finalFocusRef.current) === null || _d === void 0 ? void 0 : _d.focus();
+            }
+        }
+    }, [initialFocusRef, finalFocusRef, isOpen, focusScope]);
+    useKeyboardDismissable({
+        enabled: true,
+        callback: handleClose,
+    });
+    const accessibilityProps = Platform.OS === 'web'
+        ? {
+            'role': 'dialog',
+            'aria-labelledby': headerMounted ? headerId : undefined,
+            'aria-describedby': bodyMounted ? bodyId : undefined,
+        }
+        : {};
+    const overlayRef = React.useRef(null);
+    const { overlayProps, arrowProps, placement: calculatedPlacement, isFlipped, } = useOverlayPosition({
+        placement: placement,
+        targetRef,
+        overlayRef,
+        crossOffset,
+        offset,
+        shouldOverlapWithTrigger,
+        shouldFlip,
+    });
+    if (Object.keys(overlayProps.style).length === 0) {
+        overlayProps.style = {
+            top: -1000,
+            left: -1000,
+        };
+    }
+    const mergedRef = mergeRefs([ref, contentRef]);
+    const updateArrowSize = ({ height, width, }) => {
+        setArrowHeight(height);
+        setArrowWidth(width);
+    };
+    const updateArrowElement = (element) => {
+        setArrowElement(element);
+    };
+    const providerValues = React.useMemo(() => {
+        return {
+            arrowProps: arrowProps,
+            arrowHeight,
+            arrowWidth,
+            updateArrowSize,
+            updateArrowElement,
+            actualPlacement: calculatedPlacement,
+        };
+    }, [calculatedPlacement, arrowProps, arrowHeight, arrowWidth]);
+    const popoverContentStyle = React.useMemo(() => {
+        const arrayConvertedStyles = Array.isArray(style) ? style : [style];
+        const containerStyle = arrowElement
+            ? getContainerStyle({
+                placement: calculatedPlacement,
+                arrowHeight: arrowHeight,
+            })
+            : {};
+        return [containerStyle, arrayConvertedStyles];
+    }, [calculatedPlacement, arrowHeight, style, arrowElement]);
+    const initialAnimatedStyles = {
+        opacity: 0,
+        y: calculatedPlacement === 'top'
+            ? 6
+            : calculatedPlacement === 'bottom'
+                ? -6
+                : 0,
+        x: calculatedPlacement === 'right'
+            ? -6
+            : calculatedPlacement === 'left'
+                ? 6
+                : 0,
+    };
+    const animatedStyles = {
+        opacity: 1,
+        y: 0,
+        x: 0,
+    };
+    const exitAnimatedStyles = {
+        opacity: 0,
+    };
+    return (<PopoverContentProvider value={Object.assign(Object.assign(Object.assign({}, value), providerValues), { isFlipped })}>
+        <OverlayAnimatePresence visible={isOpen} AnimatePresence={AnimatePresence}>
+          <View style={Object.assign({ position: 'absolute', alignItems: calculatedPlacement === 'right'
+                ? 'flex-start'
+                : calculatedPlacement === 'left'
+                    ? 'flex-end'
+                    : 'center' }, overlayProps === null || overlayProps === void 0 ? void 0 : overlayProps.style)} ref={overlayRef} collapsable={false}>
+            {arrowElement}
+            <FocusScopeComponent contain={trapFocus} restoreFocus autoFocus>
+              <StyledPopoverContent id={popoverContentId} {...accessibilityProps} {...props} isOpen={isOpen} collapsable={false} {...dialogProps} tabIndex={Platform.OS === 'web' ? -1 : undefined} initial={initialAnimatedStyles} animate={animatedStyles} exit={exitAnimatedStyles} style={popoverContentStyle} ref={mergedRef} dataSet={{ flip: isFlipped }} states={{
+            flip: isFlipped,
+        }}>
+                {children}
+              </StyledPopoverContent>
+            </FocusScopeComponent>
+          </View>
+        </OverlayAnimatePresence>
+      </PopoverContentProvider>);
+});
+const FocusScopeComponent = ({ trapFocus, focusScope, children }) => {
+    if (focusScope)
+        return (<FocusScopeAria contain={trapFocus} restoreFocus autoFocus>
+        {children}
+      </FocusScopeAria>);
+    return children;
+};
+export default PopoverContent;
+//# sourceMappingURL=PopoverContent.jsx.map

package/lib/esm/popover/creator/PopoverContent.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverContent.tsx"],"names":[],"mappings":"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"}

package/lib/esm/popover/creator/PopoverContext.d.ts

@@ -0,0 +1,9 @@
+export declare const PopoverProvider: {
+    (props: any): React.JSX.Element;
+    displayName: string;
+}, usePopover: (consumerName: string) => any;
+export declare const PopoverContentProvider: {
+    (props: any): React.JSX.Element;
+    displayName: string;
+}, usePopoverContent: (consumerName: string) => any;
+//# sourceMappingURL=PopoverContext.d.ts.map

package/lib/esm/popover/creator/PopoverContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverContext.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAO,eAAe;;;GAAE,UAAU,+BACH,CAAC;AAEvC,eAAO,MAAO,sBAAsB;;;GAAE,iBAAiB,+BACjB,CAAC"}

package/lib/esm/popover/creator/PopoverContext.jsx

@@ -0,0 +1,4 @@
+import { createContext } from '@gluestack-ui-nightly/utils/common';
+export const [PopoverProvider, usePopover] = createContext('PopoverContext');
+export const [PopoverContentProvider, usePopoverContent] = createContext('PopoverContext');
+//# sourceMappingURL=PopoverContext.jsx.map

package/lib/esm/popover/creator/PopoverContext.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContext.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAEnE,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE,UAAU,CAAC,GACxC,aAAa,CAAM,gBAAgB,CAAC,CAAC;AAEvC,MAAM,CAAC,MAAM,CAAC,sBAAsB,EAAE,iBAAiB,CAAC,GACtD,aAAa,CAAM,gBAAgB,CAAC,CAAC"}

package/lib/esm/popover/creator/PopoverFooter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverFooter: (StyledPopoverFooter: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverFooter;
+//# sourceMappingURL=PopoverFooter.d.ts.map

package/lib/esm/popover/creator/PopoverFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverFooter.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,QAAA,MAAM,aAAa,GAAI,qBAAqB,GAAG,qFAO3C,CAAC;AAEL,eAAe,aAAa,CAAC"}

package/lib/esm/popover/creator/PopoverFooter.jsx

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { forwardRef } from 'react';
+const PopoverFooter = (StyledPopoverFooter) => forwardRef((_a, ref) => {
+    var { children } = _a, props = __rest(_a, ["children"]);
+    return (<StyledPopoverFooter ref={ref} {...props}>
+        {children}
+      </StyledPopoverFooter>);
+});
+export default PopoverFooter;
+//# sourceMappingURL=PopoverFooter.jsx.map

package/lib/esm/popover/creator/PopoverFooter.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverFooter.jsx","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,aAAa,GAAG,CAAC,mBAAwB,EAAE,EAAE,CACjD,UAAU,CAAC,CAAC,EAA2B,EAAE,GAAS,EAAE,EAAE;QAA1C,EAAE,QAAQ,OAAiB,EAAZ,KAAK,cAApB,YAAsB,CAAF;IAC9B,OAAO,CACL,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CACvC;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,mBAAmB,CAAC,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEL,eAAe,aAAa,CAAC"}

package/lib/esm/popover/creator/PopoverHeader.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+declare const PopoverHeader: (StyledPopoverHeader: any) => React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<unknown>>;
+export default PopoverHeader;
+//# sourceMappingURL=PopoverHeader.d.ts.map

package/lib/esm/popover/creator/PopoverHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverHeader.d.ts","sourceRoot":"","sources":["../../../../src/popover/creator/PopoverHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,aAAa,GAAI,qBAAqB,GAAG,qFAqB3C,CAAC;AAEL,eAAe,aAAa,CAAC"}