UNPKG

one

Version:

One is a React framework for web, iOS, and Android apps.

64 lines (63 loc) • 2.22 kB
var __defProp = Object.defineProperty; var __getOwnPropDesc = Object.getOwnPropertyDescriptor; var __getOwnPropNames = Object.getOwnPropertyNames; var __hasOwnProp = Object.prototype.hasOwnProperty; var __export = (target, all) => { for (var name in all) __defProp(target, name, { get: all[name], enumerable: true }); }; var __copyProps = (to, from, except, desc) => { if (from && typeof from === "object" || typeof from === "function") { for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable }); } return to; }; var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod); var TabTrigger_exports = {}; __export(TabTrigger_exports, { TabTrigger: () => TabTrigger, isTabTrigger: () => isTabTrigger, useTabTrigger: () => import_useTabTrigger2.useTabTrigger }); module.exports = __toCommonJS(TabTrigger_exports); var import_Link = require("../link/Link.cjs"); var import_useTabTrigger = require("./useTabTrigger.cjs"); var import_useTabTrigger2 = require("./useTabTrigger.cjs"); var import_jsx_runtime = require("react/jsx-runtime"); function TabTrigger({ asChild, name, href, resetOnFocus, ...props }) { const { trigger, triggerProps } = (0, import_useTabTrigger.useTabTrigger)({ name, resetOnFocus, ...props }); const resolvedHref = trigger?.resolvedHref ?? href; if (!resolvedHref) { return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: (event) => triggerProps.onPress?.(event), children: props.children }); } return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Link.Link, { ...props, href: resolvedHref, asChild, onPress: (event) => { if (!(0, import_useTabTrigger.shouldHandleMouseEvent)(event)) return; event.preventDefault(); triggerProps.onPress?.(event); }, onLongPress: triggerProps.onLongPress, "aria-current": trigger?.isFocused ? "page" : void 0, ...asChild ? { isFocused: Boolean(trigger?.isFocused) } : null, children: props.children }); } function isTabTrigger(child) { return child.type === TabTrigger; }