@erquhart/heroui-native 1.0.0-beta.10.1

package/lib/module/primitives/dialog/dialog.js

@@ -0,0 +1,234 @@
+"use strict";
+
+import { createContext, forwardRef, useContext, useEffect, useId } from 'react';
+import { BackHandler, Pressable, Text, View } from 'react-native';
+import { useControllableState } from "../../helpers/hooks/index.js";
+import { Portal as PortalPrimitive } from "../portal/index.js";
+import * as Slot from "../slot/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DialogContext = /*#__PURE__*/createContext(null);
+const Root = /*#__PURE__*/forwardRef(({
+  asChild,
+  isOpen: isOpenProp,
+  isDefaultOpen,
+  onOpenChange: onOpenChangeProp,
+  ...viewProps
+}, ref) => {
+  const [isOpen = false, onOpenChange] = useControllableState({
+    prop: isOpenProp,
+    defaultProp: isDefaultOpen,
+    onChange: onOpenChangeProp
+  });
+  const nativeID = useId();
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/_jsx(DialogContext.Provider, {
+    value: {
+      isOpen,
+      onOpenChange,
+      nativeID
+    },
+    children: /*#__PURE__*/_jsx(Component, {
+      ref: ref,
+      ...viewProps
+    })
+  });
+});
+function useRootContext() {
+  const context = useContext(DialogContext);
+  if (!context) {
+    throw new Error('Dialog compound components cannot be rendered outside the Dialog component');
+  }
+  return context;
+}
+Root.displayName = 'HeroUINative.Primitive.Dialog.Root';
+
+// --------------------------------------------------
+
+const Trigger = /*#__PURE__*/forwardRef(({
+  asChild,
+  onPress: onPressProp,
+  disabled = false,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    onOpenChange
+  } = useRootContext();
+  function onPress(ev) {
+    if (disabled) return;
+    const newValue = !isOpen;
+    onOpenChange(newValue);
+    onPressProp?.(ev);
+  }
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    "aria-disabled": disabled ?? undefined,
+    role: "button",
+    onPress: onPress,
+    disabled: disabled ?? undefined,
+    ...props
+  });
+});
+Trigger.displayName = 'HeroUINative.Primitive.Dialog.Trigger';
+
+// --------------------------------------------------
+
+/**
+ * @warning when using a custom `<PortalHost />`, you might have to adjust the Content's offset to account for nav elements like headers.
+ */
+function Portal({
+  forceMount,
+  hostName,
+  children
+}) {
+  const value = useRootContext();
+  if (!forceMount) {
+    if (!value.isOpen) {
+      return null;
+    }
+  }
+  return /*#__PURE__*/_jsx(PortalPrimitive, {
+    hostName: hostName,
+    name: `${value.nativeID}_portal`,
+    children: /*#__PURE__*/_jsx(DialogContext.Provider, {
+      value: value,
+      children: children
+    })
+  });
+}
+
+// --------------------------------------------------
+
+const Overlay = /*#__PURE__*/forwardRef(({
+  asChild,
+  forceMount,
+  isCloseOnPress = true,
+  onPress: OnPressProp,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    onOpenChange
+  } = useRootContext();
+  function onPress(ev) {
+    if (isCloseOnPress) {
+      onOpenChange(!isOpen);
+    }
+    OnPressProp?.(ev);
+  }
+  if (!forceMount) {
+    if (!isOpen) {
+      return null;
+    }
+  }
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    onPress: onPress,
+    ...props
+  });
+});
+Overlay.displayName = 'HeroUINative.Primitive.Dialog.Overlay';
+
+// --------------------------------------------------
+
+const Content = /*#__PURE__*/forwardRef(({
+  asChild,
+  forceMount,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    nativeID,
+    onOpenChange
+  } = useRootContext();
+  useEffect(() => {
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
+      onOpenChange(false);
+      return true;
+    });
+    return () => {
+      backHandler.remove();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  if (!forceMount) {
+    if (!isOpen) {
+      return null;
+    }
+  }
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    role: "dialog",
+    nativeID: nativeID,
+    "aria-labelledby": `${nativeID}_label`,
+    "aria-describedby": `${nativeID}_desc`,
+    "aria-modal": true,
+    ...props
+  });
+});
+Content.displayName = 'HeroUINative.Primitive.Dialog.Content';
+
+// --------------------------------------------------
+
+const Close = /*#__PURE__*/forwardRef(({
+  asChild,
+  onPress: onPressProp,
+  disabled = false,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange
+  } = useRootContext();
+  function onPress(ev) {
+    if (disabled) return;
+    onOpenChange(false);
+    onPressProp?.(ev);
+  }
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    "aria-disabled": disabled ?? undefined,
+    role: "button",
+    onPress: onPress,
+    disabled: disabled ?? undefined,
+    ...props
+  });
+});
+Close.displayName = 'HeroUINative.Primitive.Dialog.Close';
+
+// --------------------------------------------------
+
+const Title = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    nativeID
+  } = useRootContext();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    role: "heading",
+    nativeID: `${nativeID}_label`,
+    ...props
+  });
+});
+Title.displayName = 'HeroUINative.Primitive.Dialog.Title';
+
+// --------------------------------------------------
+
+const Description = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    nativeID
+  } = useRootContext();
+  return /*#__PURE__*/_jsx(Text, {
+    ref: ref,
+    nativeID: `${nativeID}_desc`,
+    ...props
+  });
+});
+Description.displayName = 'HeroUINative.Primitive.Dialog.Description';
+
+// --------------------------------------------------
+
+export { Close, Content, Description, Overlay, Portal, Root, Title, Trigger, useRootContext };
+//# sourceMappingURL=dialog.js.map

package/lib/module/primitives/dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","forwardRef","useContext","useEffect","useId","BackHandler","Pressable","Text","View","useControllableState","Portal","PortalPrimitive","Slot","jsx","_jsx","DialogContext","Root","asChild","isOpen","isOpenProp","isDefaultOpen","onOpenChange","onOpenChangeProp","viewProps","ref","prop","defaultProp","onChange","nativeID","Component","Provider","value","children","useRootContext","context","Error","displayName","Trigger","onPress","onPressProp","disabled","props","ev","newValue","undefined","role","forceMount","hostName","name","Overlay","isCloseOnPress","OnPressProp","Content","backHandler","addEventListener","remove","Close","Title","Description"],"sourceRoot":"../../../../src","sources":["primitives/dialog/dialog.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/dialog/dialog.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=dialog.types.js.map

package/lib/module/primitives/dialog/dialog.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/dialog/dialog.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/primitives/dialog/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./dialog.js";
+export * from "./dialog.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/dialog/index.ts"],"mappings":";;AAAA,cAAc,aAAU;AACxB,cAAc,mBAAgB","ignoreList":[]}

package/lib/module/primitives/label/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./label.js";
+export * from "./label.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/label/index.ts"],"mappings":";;AAAA,cAAc,YAAS;AACvB,cAAc,kBAAe","ignoreList":[]}

package/lib/module/primitives/label/label.js

@@ -0,0 +1,33 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { Pressable, Text as RNText } from 'react-native';
+import * as Slot from "../slot/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Root = /*#__PURE__*/forwardRef(({
+  asChild,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    ...props
+  });
+});
+Root.displayName = 'HeroUINative.Primitive.Label.Root';
+
+// --------------------------------------------------
+
+const Text = /*#__PURE__*/forwardRef(({
+  asChild,
+  ...props
+}, ref) => {
+  const Component = asChild ? Slot.Text : RNText;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    ...props
+  });
+});
+Text.displayName = 'HeroUINative.Primitive.Label.Text';
+export { Root, Text };
+//# sourceMappingURL=label.js.map

package/lib/module/primitives/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","Pressable","Text","RNText","Slot","jsx","_jsx","Root","asChild","props","ref","Component","displayName"],"sourceRoot":"../../../../src","sources":["primitives/label/label.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,SAAS,EAAEC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AACxD,OAAO,KAAKC,IAAI,MAAM,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGhC,MAAMC,IAAI,gBAAGP,UAAU,CAAqB,CAAC;EAAEQ,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1E,MAAMC,SAAS,GAAGH,OAAO,GAAGJ,IAAI,CAACH,SAAS,GAAGA,SAAS;EAEtD,oBAAOK,IAAA,CAACK,SAAS;IAACD,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AAC3C,CAAC,CAAC;AAEFF,IAAI,CAACK,WAAW,GAAG,mCAAmC;;AAEtD;;AAEA,MAAMV,IAAI,gBAAGF,UAAU,CAAqB,CAAC;EAAEQ,OAAO;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC1E,MAAMC,SAAS,GAAGH,OAAO,GAAGJ,IAAI,CAACF,IAAI,GAAGC,MAAM;EAE9C,oBAAOG,IAAA,CAACK,SAAS;IAACD,GAAG,EAAEA,GAAI;IAAA,GAAKD;EAAK,CAAG,CAAC;AAC3C,CAAC,CAAC;AAEFP,IAAI,CAACU,WAAW,GAAG,mCAAmC;AAEtD,SAASL,IAAI,EAAEL,IAAI","ignoreList":[]}

package/lib/module/primitives/label/label.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=label.types.js.map

package/lib/module/primitives/label/label.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/label/label.types.ts"],"mappings":"","ignoreList":[]}

package/lib/module/primitives/popover/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./popover.js";
+export * from "./popover.types.js";
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["primitives/popover/index.ts"],"mappings":";;AAAA,cAAc,cAAW;AACzB,cAAc,oBAAiB","ignoreList":[]}

package/lib/module/primitives/popover/popover.js

@@ -0,0 +1,340 @@
+"use strict";
+
+import React, { forwardRef, useContext, useEffect, useId, useState } from 'react';
+import { BackHandler, Pressable, StyleSheet, View } from 'react-native';
+import { useAugmentedRef, useControllableState, useRelativePosition } from "../../helpers/hooks/index.js";
+import { Portal as PrimitivePortal } from "../portal/index.js";
+import * as Slot from "../slot/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const RootContext = /*#__PURE__*/React.createContext(null);
+const useRootContext = () => {
+  const context = useContext(RootContext);
+  if (!context) {
+    throw new Error('Popover compound components cannot be rendered outside the Popover component');
+  }
+  return context;
+};
+const Root = /*#__PURE__*/forwardRef(({
+  asChild,
+  isOpen: isOpenProp,
+  isDefaultOpen,
+  onOpenChange: onOpenChangeProp,
+  closeDelay,
+  isDisabled,
+  ...viewProps
+}, ref) => {
+  const [isOpen = false, onOpenChange] = useControllableState({
+    prop: isOpenProp,
+    defaultProp: isDefaultOpen,
+    onChange: onOpenChangeProp
+  });
+  const [triggerPosition, setTriggerPosition] = useState(null);
+  const [contentLayout, setContentLayout] = useState(null);
+  const nativeID = useId();
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/_jsx(RootContext.Provider, {
+    value: {
+      isOpen,
+      onOpenChange,
+      isDisabled,
+      contentLayout,
+      nativeID,
+      setContentLayout,
+      setTriggerPosition,
+      triggerPosition,
+      closeDelay,
+      isDefaultOpen
+    },
+    children: /*#__PURE__*/_jsx(Component, {
+      ref: ref,
+      ...viewProps
+    })
+  });
+});
+
+// --------------------------------------------------
+
+const Trigger = /*#__PURE__*/forwardRef(({
+  asChild,
+  onPress: onPressProp,
+  isDisabled = false,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange,
+    isOpen,
+    isDisabled: isDisabledRoot,
+    setTriggerPosition,
+    closeDelay,
+    isDefaultOpen,
+    triggerPosition
+  } = useRootContext();
+  const isDisabledValue = isDisabled ?? isDisabledRoot ?? undefined;
+  const augmentedRef = useAugmentedRef({
+    ref,
+    methods: {
+      open: () => {
+        onOpenChange(true);
+        augmentedRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+          setTriggerPosition({
+            width,
+            pageX,
+            pageY: pageY,
+            height
+          });
+        });
+      },
+      close: () => {
+        onOpenChange(false);
+        setTimeout(() => {
+          setTriggerPosition(null);
+        }, closeDelay);
+      }
+    }
+  });
+
+  // Open popover on mount if isDefaultOpen is true
+  useEffect(() => {
+    if (isDefaultOpen && !triggerPosition) {
+      // Use setTimeout to ensure the component is mounted and can be measured
+      const timeoutId = setTimeout(() => {
+        augmentedRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+          setTriggerPosition({
+            width,
+            pageX,
+            pageY: pageY,
+            height
+          });
+          onOpenChange(true);
+        });
+      }, 0);
+      return () => clearTimeout(timeoutId);
+    }
+    return undefined;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  function onPress(ev) {
+    if (isDisabledValue) return;
+    augmentedRef.current?.measure((_x, _y, width, height, pageX, pageY) => {
+      setTriggerPosition({
+        width,
+        pageX,
+        pageY: pageY,
+        height
+      });
+    });
+    onOpenChange(!isOpen);
+    onPressProp?.(ev);
+  }
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: augmentedRef,
+    "aria-disabled": isDisabledValue,
+    role: "button",
+    onPress: onPress,
+    disabled: isDisabledValue,
+    ...props
+  });
+});
+
+// --------------------------------------------------
+
+/**
+ * @warning when using a custom `<PortalHost />`, you might have to adjust the Content's offset to account for nav elements like headers.
+ */
+function Portal({
+  forceMount,
+  hostName,
+  children
+}) {
+  const value = useRootContext();
+  if (!value.triggerPosition) {
+    return null;
+  }
+  if (!forceMount) {
+    if (!value.isOpen) {
+      return null;
+    }
+  }
+  return /*#__PURE__*/_jsx(PrimitivePortal, {
+    hostName: hostName,
+    name: `${value.nativeID}_portal`,
+    children: /*#__PURE__*/_jsx(RootContext.Provider, {
+      value: value,
+      children: children
+    })
+  });
+}
+
+// --------------------------------------------------
+
+const Overlay = /*#__PURE__*/forwardRef(({
+  asChild,
+  forceMount,
+  onPress: OnPressProp,
+  closeOnPress = true,
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    onOpenChange,
+    setTriggerPosition,
+    setContentLayout,
+    closeDelay
+  } = useRootContext();
+  function onPress(ev) {
+    if (closeOnPress) {
+      setTimeout(() => {
+        setTriggerPosition(null);
+        setContentLayout(null);
+      }, closeDelay);
+      onOpenChange(false);
+    }
+    OnPressProp?.(ev);
+  }
+  if (!forceMount) {
+    if (!isOpen) {
+      return null;
+    }
+  }
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    onPress: onPress,
+    ...props
+  });
+});
+
+// --------------------------------------------------
+
+/**
+ * @info `position`, `top`, `left`, and `maxWidth` style properties are controlled internally. Opt out of this behavior by setting `disablePositioningStyle` to `true`.
+ */
+const Content = /*#__PURE__*/forwardRef(({
+  asChild = false,
+  forceMount,
+  align = 'start',
+  placement = 'bottom',
+  offset = 0,
+  alignOffset = 0,
+  avoidCollisions = true,
+  onLayout: onLayoutProp,
+  insets,
+  style,
+  disablePositioningStyle,
+  width = 'content-fit',
+  ...props
+}, ref) => {
+  const {
+    isOpen,
+    onOpenChange,
+    contentLayout,
+    nativeID,
+    setContentLayout,
+    setTriggerPosition,
+    triggerPosition,
+    closeDelay
+  } = useRootContext();
+  useEffect(() => {
+    const backHandler = BackHandler.addEventListener('hardwareBackPress', () => {
+      setTimeout(() => {
+        setTriggerPosition(null);
+        setContentLayout(null);
+      }, closeDelay);
+      onOpenChange(false);
+      return true;
+    });
+    return () => {
+      setContentLayout(null);
+      backHandler.remove();
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const positionStyle = useRelativePosition({
+    align,
+    avoidCollisions,
+    triggerPosition,
+    contentLayout,
+    alignOffset,
+    insets,
+    offset,
+    placement,
+    disablePositioningStyle
+  });
+
+  // Calculate content width based on width prop
+  const widthStyle = {};
+  if (width === 'trigger' && triggerPosition) {
+    widthStyle.width = triggerPosition.width;
+  } else if (width === 'full') {
+    widthStyle.width = '100%';
+  } else if (typeof width === 'number') {
+    widthStyle.width = width;
+  }
+  // 'content-fit' is default - no explicit width set
+
+  const flatStyle = StyleSheet.flatten([positionStyle, widthStyle, style]);
+  function onLayout(event) {
+    setContentLayout(event.nativeEvent.layout);
+    onLayoutProp?.(event);
+  }
+  if (!forceMount) {
+    if (!isOpen) {
+      return null;
+    }
+  }
+  const Component = asChild ? Slot.View : View;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    role: "dialog",
+    nativeID: nativeID,
+    "aria-modal": true,
+    style: flatStyle,
+    onLayout: onLayout,
+    ...props
+  });
+});
+
+// --------------------------------------------------
+
+const Close = /*#__PURE__*/forwardRef(({
+  asChild,
+  onPress: onPressProp,
+  disabled = false,
+  ...props
+}, ref) => {
+  const {
+    onOpenChange,
+    setContentLayout,
+    setTriggerPosition,
+    closeDelay
+  } = useRootContext();
+  function onPress(ev) {
+    if (disabled) return;
+    setTimeout(() => {
+      setTriggerPosition(null);
+      setContentLayout(null);
+    }, closeDelay);
+    onOpenChange(false);
+    onPressProp?.(ev);
+  }
+  const Component = asChild ? Slot.Pressable : Pressable;
+  return /*#__PURE__*/_jsx(Component, {
+    ref: ref,
+    "aria-disabled": disabled ?? undefined,
+    role: "button",
+    onPress: onPress,
+    disabled: disabled ?? undefined,
+    ...props
+  });
+});
+
+// --------------------------------------------------
+
+Root.displayName = 'HeroUINative.Popover.Root';
+Trigger.displayName = 'HeroUINative.Popover.Trigger';
+Overlay.displayName = 'HeroUINative.Popover.Overlay';
+Content.displayName = 'HeroUINative.Popover.Content';
+Close.displayName = 'HeroUINative.Popover.Close';
+export { Close, Content, Overlay, Portal, Root, Trigger, useRootContext };
+//# sourceMappingURL=popover.js.map