one
Version:
One is a new React Framework that makes Vite serve both native and web.
119 lines • 3.68 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(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
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,
// rn-flavored prop shared code passes; rnw translated it, the dom link must too
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";
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(Element, {
ref,
...rest,
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;