one
Version:
One is a React framework for web, iOS, and Android apps.
64 lines (63 loc) • 2.22 kB
JavaScript
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;
}