one
Version:
One is a React framework for web, iOS, and Android apps.
80 lines (79 loc) • 3.14 kB
JavaScript
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
value: mod,
enumerable: true
}) : target, mod));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var Link_web_exports = {};
__export(Link_web_exports, { Link: () => Link });
module.exports = __toCommonJS(Link_web_exports);
var import_react_slot = require("@radix-ui/react-slot");
var React = __toESM(require("react"), 1);
var import_href = require("./href.cjs");
var import_useLinkTo = require("./useLinkTo.cjs");
var import_jsx_runtime = require("react/jsx-runtime");
const Link = React.forwardRef(function Link2({ href, replace, push: _push, id, mask, asChild, rel, target, download, className, style, onPress, disabled, accessibilityLabel, testID, ...rest }, ref) {
const resolvedHref = React.useMemo(() => {
if (href == null) {
throw new Error("Link: href is required");
}
return (0, import_href.resolveHref)(href);
}, [href]);
const resolvedMask = React.useMemo(() => mask ? (0, import_href.resolveHref)(mask) : void 0, [mask]);
const link = (0, import_useLinkTo.useLinkTo)({
href: resolvedHref,
replace,
mask: resolvedMask
});
const flattenedStyle = React.useMemo(() => {
const styleValue = style;
const styleValues = Array.isArray(styleValue) ? styleValue.flat(Number.POSITIVE_INFINITY) : [styleValue];
return styleValues.reduce((result, value) => value && typeof value === "object" ? Object.assign(result, value) : result, {});
}, [style]);
const Element = asChild ? import_react_slot.Slot : "a";
const anchorProps = rest;
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Element, {
ref,
...anchorProps,
href: link.href,
role: link.role,
className,
style: flattenedStyle,
...id == null ? null : { id },
...rel == null ? null : { rel },
...target == null ? null : { target },
...download == null ? null : { download },
...testID == null ? null : { "data-testid": testID },
...accessibilityLabel == null ? null : { "aria-label": accessibilityLabel },
...disabled ? { "aria-disabled": true } : null,
onClick: (event) => {
if (disabled) {
event.preventDefault();
return;
}
onPress?.(event);
link.onPress(event);
}
});
});
Link.resolveHref = import_href.resolveHref;