@masumdev/rn-ui 0.1.0 → 0.1.1

package/lib/commonjs/components/ContextMenu.js

@@ -0,0 +1,348 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContextMenu = ContextMenu;
+exports.ContextMenuCheckboxItem = ContextMenuCheckboxItem;
+exports.ContextMenuContent = ContextMenuContent;
+exports.ContextMenuItem = ContextMenuItem;
+exports.ContextMenuLabel = ContextMenuLabel;
+exports.ContextMenuSeparator = ContextMenuSeparator;
+exports.ContextMenuShortcut = ContextMenuShortcut;
+exports.ContextMenuTrigger = ContextMenuTrigger;
+exports.useContextMenu = useContextMenu;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _theme = require("../theme");
+var _Text = require("./Text");
+var _types = require("./types");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const ContextMenuContext = /*#__PURE__*/_react.default.createContext(null);
+function useContextMenu() {
+  const context = _react.default.useContext(ContextMenuContext);
+  if (!context) {
+    throw new Error("useContextMenu must be used within a <ContextMenu />");
+  }
+  return context;
+}
+function ContextMenu({
+  children
+}) {
+  const {
+    colors
+  } = (0, _theme.useTheme)();
+  const [open, setOpen] = _react.default.useState(false);
+  const [triggerLayout, setTriggerLayout] = _react.default.useState({
+    pageX: 0,
+    pageY: 0,
+    width: 0,
+    height: 0
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ContextMenuContext.Provider, {
+    value: {
+      open,
+      setOpen,
+      triggerLayout,
+      setTriggerLayout,
+      colors
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: {
+        width: "100%"
+      },
+      children: children
+    })
+  });
+}
+function ContextMenuTrigger({
+  children,
+  style,
+  disabled = false
+}) {
+  const {
+    setOpen,
+    setTriggerLayout
+  } = useContextMenu();
+  const triggerRef = _react.default.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__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    ref: triggerRef,
+    onLongPress: handleLongPress,
+    delayLongPress: 500 // Standard Android/iOS long press timing
+    ,
+    style: style,
+    children: children
+  });
+}
+function ContextMenuContent({
+  children,
+  style,
+  overlayStyle,
+  modalProps,
+  width = 180
+}) {
+  const {
+    open,
+    setOpen,
+    triggerLayout,
+    colors
+  } = useContextMenu();
+  const {
+    components,
+    radii,
+    spacing
+  } = (0, _theme.useTheme)();
+  const progress = (0, _reactNativeReanimated.useSharedValue)(open ? 1 : 0);
+  _react.default.useEffect(() => {
+    progress.value = (0, _reactNativeReanimated.withTiming)(open ? 1 : 0, {
+      duration: 150
+    });
+  }, [open, progress]);
+  const {
+    height: SCREEN_HEIGHT
+  } = _reactNative.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 = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: progress.value,
+    transform: [{
+      translateY: (renderAbove ? 8 : -8) * (1 - progress.value)
+    }]
+  }));
+  if (!open) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Modal, {
+    transparent: true,
+    visible: open,
+    animationType: "none",
+    statusBarTranslucent: true,
+    navigationBarTranslucent: true,
+    hardwareAccelerated: true,
+    onRequestClose: () => setOpen(false),
+    ...modalProps,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: [_reactNative.StyleSheet.absoluteFill, overlayStyle],
+      onPress: () => setOpen(false)
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.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__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+        keyboardShouldPersistTaps: "handled",
+        children: children
+      })
+    })]
+  });
+}
+function ContextMenuItem({
+  onPress,
+  children,
+  variant = "default",
+  disabled = false,
+  style
+}) {
+  const {
+    setOpen,
+    colors
+  } = useContextMenu();
+  const {
+    radii,
+    spacing,
+    typography
+  } = (0, _theme.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__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      style: {
+        ...typography.bodySmall,
+        color: textColor
+      },
+      children: children
+    }) : children
+  });
+}
+function ContextMenuSeparator({
+  style
+}) {
+  const {
+    colors
+  } = useContextMenu();
+  const {
+    spacing
+  } = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      height: 1,
+      backgroundColor: colors.border,
+      marginVertical: spacing.xs
+    }, style]
+  });
+}
+function ContextMenuLabel({
+  children,
+  style
+}) {
+  const {
+    colors
+  } = useContextMenu();
+  const {
+    spacing,
+    typography
+  } = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      paddingVertical: spacing.xs + 2,
+      paddingHorizontal: spacing.md
+    }, style],
+    children: typeof children === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      style: {
+        ...typography.labelSmall,
+        color: colors.textMuted
+      },
+      children: children
+    }) : children
+  });
+}
+// Chevron checkmark for checkbox items
+function CheckIcon({
+  color
+}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: {
+      width: 8,
+      height: 5,
+      borderLeftWidth: 1.75,
+      borderBottomWidth: 1.75,
+      borderColor: color,
+      transform: [{
+        rotate: "-45deg"
+      }],
+      marginRight: 2
+    }
+  });
+}
+function ContextMenuCheckboxItem({
+  checked = false,
+  onCheckedChange,
+  children,
+  disabled = false,
+  style,
+  checkIcon
+}) {
+  const {
+    setOpen,
+    colors
+  } = useContextMenu();
+  const {
+    radii,
+    spacing,
+    typography
+  } = (0, _theme.useTheme)();
+  const handlePress = () => {
+    if (!disabled) {
+      if (onCheckedChange) onCheckedChange(!checked);
+      setOpen(false);
+    }
+  };
+  const textColor = disabled ? colors.textMuted : colors.text;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+      style: {
+        ...typography.bodySmall,
+        color: textColor,
+        flex: 1
+      },
+      children: children
+    }), checked && (checkIcon ? (0, _types.renderIcon)(checkIcon, colors.primary, 14) : /*#__PURE__*/(0, _jsxRuntime.jsx)(CheckIcon, {
+      color: colors.primary
+    }))]
+  });
+}
+function ContextMenuShortcut({
+  children,
+  style
+}) {
+  const {
+    colors
+  } = useContextMenu();
+  const {
+    spacing,
+    typography
+  } = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    style: [{
+      ...typography.caption,
+      color: colors.textMuted,
+      marginLeft: spacing.sm
+    }, style],
+    children: children
+  });
+}
+//# sourceMappingURL=ContextMenu.js.map

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

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

package/lib/commonjs/components/DataList.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataList = DataList;
+exports.DataListItem = DataListItem;
+exports.DataListLabel = DataListLabel;
+exports.DataListValue = DataListValue;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _Text = require("./Text");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function DataList({
+  style,
+  ...props
+}) {
+  const {
+    spacing
+  } = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      width: "100%",
+      gap: spacing.sm
+    }, style],
+    ...props
+  });
+}
+function DataListItem({
+  style,
+  ...props
+}) {
+  const {
+    colors,
+    components,
+    spacing
+  } = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [{
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: spacing.md,
+      paddingVertical: spacing.sm,
+      borderBottomWidth: components.borderWidth.default,
+      borderBottomColor: colors.borderMuted
+    }, style],
+    ...props
+  });
+}
+function DataListLabel({
+  children
+}) {
+  return typeof children === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    variant: "bodySmall",
+    color: "textMuted",
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+}
+function DataListValue({
+  children
+}) {
+  return typeof children === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.Text, {
+    variant: "label",
+    color: "text",
+    align: "right",
+    children: children
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: children
+  });
+}
+//# sourceMappingURL=DataList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_Text","_jsxRuntime","e","__esModule","default","DataList","style","props","spacing","useTheme","jsx","View","width","gap","sm","DataListItem","colors","components","flexDirection","alignItems","justifyContent","md","paddingVertical","borderBottomWidth","borderWidth","borderBottomColor","borderMuted","DataListLabel","children","Text","variant","color","Fragment","DataListValue","align"],"sourceRoot":"../../../src","sources":["components/DataList.tsx"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA8B,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAkBvB,SAASG,QAAQA,CAAC;EAAEC,KAAK;EAAE,GAAGC;AAAqB,CAAC,EAAE;EAC3D,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAC9B,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAa,IAAI;IAACL,KAAK,EAAE,CAAC;MAAEM,KAAK,EAAE,MAAM;MAAEC,GAAG,EAAEL,OAAO,CAACM;IAAG,CAAC,EAAER,KAAK,CAAE;IAAA,GAAKC;EAAK,CAAG,CAAC;AAE3E;AAEO,SAASQ,YAAYA,CAAC;EAAET,KAAK;EAAE,GAAGC;AAAyB,CAAC,EAAE;EACnE,MAAM;IAAES,MAAM;IAAEC,UAAU;IAAET;EAAQ,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAElD,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAa,IAAI;IACHL,KAAK,EAAE,CACL;MACEY,aAAa,EAAE,KAAK;MACpBC,UAAU,EAAE,QAAQ;MACpBC,cAAc,EAAE,eAAe;MAC/BP,GAAG,EAAEL,OAAO,CAACa,EAAE;MACfC,eAAe,EAAEd,OAAO,CAACM,EAAE;MAC3BS,iBAAiB,EAAEN,UAAU,CAACO,WAAW,CAACpB,OAAO;MACjDqB,iBAAiB,EAAET,MAAM,CAACU;IAC5B,CAAC,EACDpB,KAAK,CACL;IAAA,GACEC;EAAK,CACV,CAAC;AAEN;AAEO,SAASoB,aAAaA,CAAC;EAAEC;AAA6B,CAAC,EAAE;EAC9D,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjC,IAAA3B,WAAA,CAAAS,GAAA,EAACV,KAAA,CAAA6B,IAAI;IAACC,OAAO,EAAC,WAAW;IAACC,KAAK,EAAC,WAAW;IAAAH,QAAA,EACxCA;EAAQ,CACL,CAAC,gBAEP,IAAA3B,WAAA,CAAAS,GAAA,EAAAT,WAAA,CAAA+B,QAAA;IAAAJ,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH;AAEO,SAASK,aAAaA,CAAC;EAAEL;AAA6B,CAAC,EAAE;EAC9D,OAAO,OAAOA,QAAQ,KAAK,QAAQ,gBACjC,IAAA3B,WAAA,CAAAS,GAAA,EAACV,KAAA,CAAA6B,IAAI;IAACC,OAAO,EAAC,OAAO;IAACC,KAAK,EAAC,MAAM;IAACG,KAAK,EAAC,OAAO;IAAAN,QAAA,EAC7CA;EAAQ,CACL,CAAC,gBAEP,IAAA3B,WAAA,CAAAS,GAAA,EAAAT,WAAA,CAAA+B,QAAA;IAAAJ,QAAA,EAAGA;EAAQ,CAAG,CACf;AACH","ignoreList":[]}

package/lib/commonjs/components/Divider.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Divider = Divider;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _theme = require("../theme");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function Divider({
+  inset = 0,
+  vertical = false,
+  style
+}) {
+  const {
+    colors
+  } = (0, _theme.useTheme)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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/commonjs/components/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_theme","_jsxRuntime","e","__esModule","default","Divider","inset","vertical","style","colors","useTheme","jsx","View","backgroundColor","divider","marginHorizontal","marginVertical","width","undefined","height","alignSelf"],"sourceRoot":"../../../src","sources":["components/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAoC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQ7B,SAASG,OAAOA,CAAC;EAAEC,KAAK,GAAG,CAAC;EAAEC,QAAQ,GAAG,KAAK;EAAEC;AAAoB,CAAC,EAAE;EAC5E,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,eAAQ,EAAC,CAAC;EAE7B,oBACE,IAAAT,WAAA,CAAAU,GAAA,EAACZ,YAAA,CAAAa,IAAI;IACHJ,KAAK,EAAE,CACL;MACEK,eAAe,EAAEJ,MAAM,CAACK,OAAO;MAC/BC,gBAAgB,EAAER,QAAQ,GAAG,CAAC,GAAGD,KAAK;MACtCU,cAAc,EAAET,QAAQ,GAAGD,KAAK,GAAG,CAAC;MACpCW,KAAK,EAAEV,QAAQ,GAAG,CAAC,GAAGW,SAAS;MAC/BC,MAAM,EAAEZ,QAAQ,GAAGW,SAAS,GAAG,CAAC;MAChCE,SAAS,EAAEb,QAAQ,GAAG,SAAS,GAAGW;IACpC,CAAC,EACDV,KAAK;EACL,CACH,CAAC;AAEN","ignoreList":[]}