@hitachivantara/uikit-react-core
Version:
Core React components for the NEXT Design System.
55 lines (54 loc) • 1.68 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const jsxRuntime = require("react/jsx-runtime");
const React = require("react");
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const icons = require("../../Input/icons.cjs");
const Preview_styles = require("./Preview.styles.cjs");
const Button = require("../../Button/Button.cjs");
const HvFileUploaderPreview = (props) => {
const {
className,
children,
classes: classesProp,
disableOverlay = false,
onUnload,
onClick,
...others
} = uikitReactUtils.useDefaultProps("HvFileUploaderPreview", props);
const { classes, cx, css } = Preview_styles.useClasses(classesProp);
React.useEffect(() => {
return () => {
onUnload?.();
};
}, [onUnload]);
if (onClick) {
return /* @__PURE__ */ jsxRuntime.jsxs(
Button.HvButton,
{
icon: true,
className: cx(classes.previewButton, className),
onClick,
...others,
children: [
children,
!disableOverlay && /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.overlay, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(
icons.EyeIcon,
{
className: css({
position: "absolute",
left: "50%",
top: "50%",
transform: "translate(-50%, -50%)",
display: "none"
})
}
) })
]
}
);
}
return children;
};
exports.fileUploaderPreviewClasses = Preview_styles.staticClasses;
exports.HvFileUploaderPreview = HvFileUploaderPreview;