@masumdev/rn-ui 0.1.0 → 0.1.1

package/lib/module/components/ContextMenu.js

@@ -0,0 +1,334 @@
+"use strict";
+
+import React from "react";
+import { Dimensions, Modal, Pressable, ScrollView, StyleSheet, View } from "react-native";
+import Animated, { useAnimatedStyle, useSharedValue, withTiming } from "react-native-reanimated";
+import { useTheme } from "../theme/index.js";
+import { Text } from "./Text.js";
+import { renderIcon } from "./types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ContextMenuContext = /*#__PURE__*/React.createContext(null);
+export function useContextMenu() {
+  const context = React.useContext(ContextMenuContext);
+  if (!context) {
+    throw new Error("useContextMenu must be used within a <ContextMenu />");
+  }
+  return context;
+}
+export function ContextMenu({
+  children
+}) {
+  const {
+    colors
+  } = useTheme();
+  const [open, setOpen] = React.useState(false);
+  const [triggerLayout, setTriggerLayout] = React.useState({
+    pageX: 0,
+    pageY: 0,
+    width: 0,
+    height: 0
+  });
+  return /*#__PURE__*/_jsx(ContextMenuContext.Provider, {
+    value: {
+      open,
+      setOpen,
+      triggerLayout,
+      setTriggerLayout,
+      colors
+    },
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        width: "100%"
+      },
+      children: children
+    })
+  });
+}
+export function ContextMenuTrigger({
+  children,
+  style,
+  disabled = false
+}) {
+  const {
+    setOpen,
+    setTriggerLayout
+  } = useContextMenu();
+  const triggerRef = React.useRef(null);
+  const handleLongPress = () => {
+    if (!disabled) {
+      triggerRef.current?.measureInWindow((x, y, width, height) => {
+        if (width > 0 && height > 0) {
+          setTriggerLayout({
+            pageX: x,
+            pageY: y,
+            width,
+            height
+          });
+          setOpen(true);
+        }
+      });
+    }
+  };
+  return /*#__PURE__*/_jsx(Pressable, {
+    ref: triggerRef,
+    onLongPress: handleLongPress,
+    delayLongPress: 500 // Standard Android/iOS long press timing
+    ,
+    style: style,
+    children: children
+  });
+}
+export function ContextMenuContent({
+  children,
+  style,
+  overlayStyle,
+  modalProps,
+  width = 180
+}) {
+  const {
+    open,
+    setOpen,
+    triggerLayout,
+    colors
+  } = useContextMenu();
+  const {
+    components,
+    radii,
+    spacing
+  } = useTheme();
+  const progress = useSharedValue(open ? 1 : 0);
+  React.useEffect(() => {
+    progress.value = withTiming(open ? 1 : 0, {
+      duration: 150
+    });
+  }, [open, progress]);
+  const {
+    height: SCREEN_HEIGHT
+  } = Dimensions.get("window");
+  const dropdownMaxHeight = 280;
+  const spaceBelow = SCREEN_HEIGHT - (triggerLayout.pageY + triggerLayout.height);
+  const renderAbove = spaceBelow < dropdownMaxHeight + 40;
+  const positionStyle = renderAbove ? {
+    bottom: SCREEN_HEIGHT - triggerLayout.pageY + 6
+  } : {
+    top: triggerLayout.pageY + triggerLayout.height + 6
+  };
+  const animatedStyle = useAnimatedStyle(() => ({
+    opacity: progress.value,
+    transform: [{
+      translateY: (renderAbove ? 8 : -8) * (1 - progress.value)
+    }]
+  }));
+  if (!open) return null;
+  return /*#__PURE__*/_jsxs(Modal, {
+    transparent: true,
+    visible: open,
+    animationType: "none",
+    statusBarTranslucent: true,
+    navigationBarTranslucent: true,
+    hardwareAccelerated: true,
+    onRequestClose: () => setOpen(false),
+    ...modalProps,
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      style: [StyleSheet.absoluteFill, overlayStyle],
+      onPress: () => setOpen(false)
+    }), /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        position: "absolute",
+        left: Math.max(spacing.sm, triggerLayout.pageX),
+        width,
+        backgroundColor: colors.surface,
+        borderWidth: components.borderWidth.strong,
+        borderColor: colors.border,
+        borderRadius: radii.lg,
+        padding: spacing.xs,
+        maxHeight: dropdownMaxHeight,
+        overflow: "hidden"
+      }, animatedStyle, positionStyle, style],
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        keyboardShouldPersistTaps: "handled",
+        children: children
+      })
+    })]
+  });
+}
+export function ContextMenuItem({
+  onPress,
+  children,
+  variant = "default",
+  disabled = false,
+  style
+}) {
+  const {
+    setOpen,
+    colors
+  } = useContextMenu();
+  const {
+    radii,
+    spacing,
+    typography
+  } = useTheme();
+  const handlePress = () => {
+    if (!disabled) {
+      if (onPress) onPress();
+      setOpen(false);
+    }
+  };
+  const isDestructive = variant === "destructive";
+  const textColor = disabled ? colors.textMuted : isDestructive ? colors.danger : colors.text;
+  return /*#__PURE__*/_jsx(Pressable, {
+    onPress: handlePress,
+    disabled: disabled,
+    style: ({
+      pressed
+    }) => [{
+      flexDirection: "row",
+      alignItems: "center",
+      paddingVertical: spacing.sm,
+      paddingHorizontal: spacing.md,
+      borderRadius: radii.md,
+      backgroundColor: pressed ? isDestructive ? colors.dangerSoft : colors.surfaceMuted : colors.transparent,
+      opacity: disabled ? 0.5 : 1,
+      justifyContent: "space-between"
+    }, style],
+    children: typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
+      style: {
+        ...typography.bodySmall,
+        color: textColor
+      },
+      children: children
+    }) : children
+  });
+}
+export function ContextMenuSeparator({
+  style
+}) {
+  const {
+    colors
+  } = useContextMenu();
+  const {
+    spacing
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      height: 1,
+      backgroundColor: colors.border,
+      marginVertical: spacing.xs
+    }, style]
+  });
+}
+export function ContextMenuLabel({
+  children,
+  style
+}) {
+  const {
+    colors
+  } = useContextMenu();
+  const {
+    spacing,
+    typography
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      paddingVertical: spacing.xs + 2,
+      paddingHorizontal: spacing.md
+    }, style],
+    children: typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
+      style: {
+        ...typography.labelSmall,
+        color: colors.textMuted
+      },
+      children: children
+    }) : children
+  });
+}
+// Chevron checkmark for checkbox items
+function CheckIcon({
+  color
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      width: 8,
+      height: 5,
+      borderLeftWidth: 1.75,
+      borderBottomWidth: 1.75,
+      borderColor: color,
+      transform: [{
+        rotate: "-45deg"
+      }],
+      marginRight: 2
+    }
+  });
+}
+export function ContextMenuCheckboxItem({
+  checked = false,
+  onCheckedChange,
+  children,
+  disabled = false,
+  style,
+  checkIcon
+}) {
+  const {
+    setOpen,
+    colors
+  } = useContextMenu();
+  const {
+    radii,
+    spacing,
+    typography
+  } = useTheme();
+  const handlePress = () => {
+    if (!disabled) {
+      if (onCheckedChange) onCheckedChange(!checked);
+      setOpen(false);
+    }
+  };
+  const textColor = disabled ? colors.textMuted : colors.text;
+  return /*#__PURE__*/_jsxs(Pressable, {
+    onPress: handlePress,
+    disabled: disabled,
+    style: ({
+      pressed
+    }) => [{
+      flexDirection: "row",
+      alignItems: "center",
+      paddingVertical: spacing.sm,
+      paddingHorizontal: spacing.md,
+      borderRadius: radii.md,
+      backgroundColor: pressed ? colors.surfaceMuted : colors.transparent,
+      opacity: disabled ? 0.5 : 1,
+      justifyContent: "space-between"
+    }, style],
+    children: [/*#__PURE__*/_jsx(Text, {
+      style: {
+        ...typography.bodySmall,
+        color: textColor,
+        flex: 1
+      },
+      children: children
+    }), checked && (checkIcon ? renderIcon(checkIcon, colors.primary, 14) : /*#__PURE__*/_jsx(CheckIcon, {
+      color: colors.primary
+    }))]
+  });
+}
+export function ContextMenuShortcut({
+  children,
+  style
+}) {
+  const {
+    colors
+  } = useContextMenu();
+  const {
+    spacing,
+    typography
+  } = useTheme();
+  return /*#__PURE__*/_jsx(Text, {
+    style: [{
+      ...typography.caption,
+      color: colors.textMuted,
+      marginLeft: spacing.sm
+    }, style],
+    children: children
+  });
+}
+//# sourceMappingURL=ContextMenu.js.map

package/lib/module/components/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Dimensions","Modal","Pressable","ScrollView","StyleSheet","View","Animated","useAnimatedStyle","useSharedValue","withTiming","useTheme","Text","renderIcon","jsx","_jsx","jsxs","_jsxs","ContextMenuContext","createContext","useContextMenu","context","useContext","Error","ContextMenu","children","colors","open","setOpen","useState","triggerLayout","setTriggerLayout","pageX","pageY","width","height","Provider","value","style","ContextMenuTrigger","disabled","triggerRef","useRef","handleLongPress","current","measureInWindow","x","y","ref","onLongPress","delayLongPress","ContextMenuContent","overlayStyle","modalProps","components","radii","spacing","progress","useEffect","duration","SCREEN_HEIGHT","get","dropdownMaxHeight","spaceBelow","renderAbove","positionStyle","bottom","top","animatedStyle","opacity","transform","translateY","transparent","visible","animationType","statusBarTranslucent","navigationBarTranslucent","hardwareAccelerated","onRequestClose","absoluteFill","onPress","position","left","Math","max","sm","backgroundColor","surface","borderWidth","strong","borderColor","border","borderRadius","lg","padding","xs","maxHeight","overflow","keyboardShouldPersistTaps","ContextMenuItem","variant","typography","handlePress","isDestructive","textColor","textMuted","danger","text","pressed","flexDirection","alignItems","paddingVertical","paddingHorizontal","md","dangerSoft","surfaceMuted","justifyContent","bodySmall","color","ContextMenuSeparator","marginVertical","ContextMenuLabel","labelSmall","CheckIcon","borderLeftWidth","borderBottomWidth","rotate","marginRight","ContextMenuCheckboxItem","checked","onCheckedChange","checkIcon","flex","primary","ContextMenuShortcut","caption","marginLeft"],"sourceRoot":"../../../src","sources":["components/ContextMenu.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/DataList.js

@@ -0,0 +1,68 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { Text } from "./Text.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+export function DataList({
+  style,
+  ...props
+}) {
+  const {
+    spacing
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      width: "100%",
+      gap: spacing.sm
+    }, style],
+    ...props
+  });
+}
+export function DataListItem({
+  style,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    spacing
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: spacing.md,
+      paddingVertical: spacing.sm,
+      borderBottomWidth: components.borderWidth.default,
+      borderBottomColor: colors.borderMuted
+    }, style],
+    ...props
+  });
+}
+export function DataListLabel({
+  children
+}) {
+  return typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
+    variant: "bodySmall",
+    color: "textMuted",
+    children: children
+  }) : /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+export function DataListValue({
+  children
+}) {
+  return typeof children === "string" ? /*#__PURE__*/_jsx(Text, {
+    variant: "label",
+    color: "text",
+    align: "right",
+    children: children
+  }) : /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=DataList.js.map

package/lib/module/components/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTheme","Text","jsx","_jsx","Fragment","_Fragment","DataList","style","props","spacing","width","gap","sm","DataListItem","colors","components","flexDirection","alignItems","justifyContent","md","paddingVertical","borderBottomWidth","borderWidth","default","borderBottomColor","borderMuted","DataListLabel","children","variant","color","DataListValue","align"],"sourceRoot":"../../../src","sources":["components/DataList.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,QAIC,cAAc;AAErB,SAASC,QAAQ,QAAQ,mBAAU;AACnC,SAASC,IAAI,QAAQ,WAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA;AAkB9B,OAAO,SAASC,QAAQA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAqB,CAAC,EAAE;EAC3D,MAAM;IAAEC;EAAQ,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAC9B,oBACEG,IAAA,CAACJ,IAAI;IAACQ,KAAK,EAAE,CAAC;MAAEG,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAEF,OAAO,CAACG;IAAG,CAAC,EAAEL,KAAK,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAE3E;AAEA,OAAO,SAASK,YAAYA,CAAC;EAAEN,KAAK;EAAE,GAAGC;AAAyB,CAAC,EAAE;EACnE,MAAM;IAAEM,MAAM;IAAEC,UAAU;IAAEN;EAAQ,CAAC,GAAGT,QAAQ,CAAC,CAAC;EAElD,oBACEG,IAAA,CAACJ,IAAI;IACHQ,KAAK,EAAE,CACL;MACES,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BP,GAAG,EAAEF,OAAO,CAACU,EAAE;MACfC,eAAe,EAAEX,OAAO,CAACG,EAAE;MAC3BS,iBAAiB,EAAEN,UAAU,CAACO,WAAW,CAACC,OAAO;MACjDC,iBAAiB,EAAEV,MAAM,CAACW;IAC5B,CAAC,EACDlB,KAAK,CACL;IAAA,GACEC;EAAK,CACV,CAAC;AAEN;AAEA,OAAO,SAASkB,aAAaA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC9D,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjCxB,IAAA,CAACF,IAAI;IAAC2B,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,WAAW;IAAAF,QAAA,EACxCA;EAAQ,CACL,CAAC,gBAEPxB,IAAA,CAAAE,SAAA;IAAAsB,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH;AAEA,OAAO,SAASG,aAAaA,CAAC;EAAEH;AAA6B,CAAC,EAAE;EAC9D,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjCxB,IAAA,CAACF,IAAI;IAAC2B,OAAO,EAAC,OAAO;IAACC,KAAK,EAAC,MAAM;IAACE,KAAK,EAAC,OAAO;IAAAJ,QAAA,EAC7CA;EAAQ,CACL,CAAC,gBAEPxB,IAAA,CAAAE,SAAA;IAAAsB,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH","ignoreList":[]}

package/lib/module/components/Divider.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import React from "react";
+import { View } from "react-native";
+import { useTheme } from "../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Divider({
+  inset = 0,
+  vertical = false,
+  style
+}) {
+  const {
+    colors
+  } = useTheme();
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      backgroundColor: colors.divider,
+      marginHorizontal: vertical ? 0 : inset,
+      marginVertical: vertical ? inset : 0,
+      width: vertical ? 1 : undefined,
+      height: vertical ? undefined : 1,
+      alignSelf: vertical ? "stretch" : undefined
+    }, style]
+  });
+}
+//# sourceMappingURL=Divider.js.map

package/lib/module/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","useTheme","jsx","_jsx","Divider","inset","vertical","style","colors","backgroundColor","divider","marginHorizontal","marginVertical","width","undefined","height","alignSelf"],"sourceRoot":"../../../src","sources":["components/Divider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAwB,cAAc;AAEnD,SAASC,QAAQ,QAAQ,mBAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,SAASC,OAAOA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC,QAAQ,GAAG,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC5E,MAAM;IAAEC;EAAO,CAAC,GAAGP,QAAQ,CAAC,CAAC;EAE7B,oBACEE,IAAA,CAACH,IAAI;IACHO,KAAK,EAAE,CACL;MACEE,eAAe,EAAED,MAAM,CAACE,OAAO;MAC/BC,gBAAgB,EAAEL,QAAQ,GAAG,CAAC,GAAGD,KAAK;MACtCO,cAAc,EAAEN,QAAQ,GAAGD,KAAK,GAAG,CAAC;MACpCQ,KAAK,EAAEP,QAAQ,GAAG,CAAC,GAAGQ,SAAS;MAC/BC,MAAM,EAAET,QAAQ,GAAGQ,SAAS,GAAG,CAAC;MAChCE,SAAS,EAAEV,QAAQ,GAAG,SAAS,GAAGQ;IACpC,CAAC,EACDP,KAAK;EACL,CACH,CAAC;AAEN","ignoreList":[]}