@tolokoban/ui
Version:
React components with theme
23 lines • 3.38 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { classnameCommon, Theme } from "../../theme/index.js";
import { styleChild } from "../../theme/styles/child.js";
import { styleColor } from "../../theme/styles/color.js";
import { styleDimension, } from "../../theme/styles/dimension.js";
import { styleDisplay } from "../../theme/styles/display.js";
import { styleOverflow, } from "../../theme/styles/overflow.js";
import { stylePosition, } from "../../theme/styles/position.js";
import { styleSpace } from "../../theme/styles/space.js";
import { cssForGaps } from "../../theme/styles/styles.js";
import Styles from "./Panel.module.css";
const $ = Theme.classNames;
export function ViewPanel(props) {
const { id, className, children, borderRadius, fontSize, tooltip, tabIndex, } = props;
const style = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({ fontSize }, styleColor(props)), styleSpace(props)), styleDimension(props)), styleOverflow(props)), styleDisplay(props)), stylePosition(props)), styleChild(props)), props.style);
if (borderRadius)
style.borderRadius = cssForGaps(borderRadius);
return (_jsx("div", { id: id, className: $.join(className, Styles.Panel, classnameCommon(props)), style: style, title: tooltip, tabIndex: tabIndex, children: children }));
}
export function makeCustomPanel(defaultProps) {
return (props) => ViewPanel(Object.assign(Object.assign({}, defaultProps), props));
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdmlldy9QYW5lbC9QYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUVBLE9BQU8sRUFBRSxlQUFlLEVBQUUsS0FBSyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDN0QsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUN6RSxPQUFPLEVBQW1CLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ3pFLE9BQU8sRUFFSCxjQUFjLEdBQ2pCLE1BQU0saUNBQWlDLENBQUE7QUFDeEMsT0FBTyxFQUFxQixZQUFZLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUMvRSxPQUFPLEVBRUgsYUFBYSxHQUNoQixNQUFNLGdDQUFnQyxDQUFBO0FBQ3ZDLE9BQU8sRUFFSCxhQUFhLEdBQ2hCLE1BQU0sZ0NBQWdDLENBQUE7QUFDdkMsT0FBTyxFQUFtQixVQUFVLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUN6RSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFHekQsT0FBTyxNQUFNLE1BQU0sb0JBQW9CLENBQUE7QUFFdkMsTUFBTSxDQUFDLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQTtBQXlCMUIsTUFBTSxVQUFVLFNBQVMsQ0FBQyxLQUFxQjtJQUMzQyxNQUFNLEVBQ0YsRUFBRSxFQUNGLFNBQVMsRUFDVCxRQUFRLEVBQ1IsWUFBWSxFQUNaLFFBQVEsRUFDUixPQUFPLEVBQ1AsUUFBUSxHQUNYLEdBQUcsS0FBSyxDQUFBO0lBQ1QsTUFBTSxLQUFLLHFIQUNQLFFBQVEsSUFDTCxVQUFVLENBQUMsS0FBSyxDQUFDLEdBQ2pCLFVBQVUsQ0FBQyxLQUFLLENBQUMsR0FDakIsY0FBYyxDQUFDLEtBQUssQ0FBQyxHQUNyQixhQUFhLENBQUMsS0FBSyxDQUFDLEdBQ3BCLFlBQVksQ0FBQyxLQUFLLENBQUMsR0FDbkIsYUFBYSxDQUFDLEtBQUssQ0FBQyxHQUNwQixVQUFVLENBQUMsS0FBSyxDQUFDLEdBQ2pCLEtBQUssQ0FBQyxLQUFLLENBQ2pCLENBQUE7SUFDRCxJQUFJLFlBQVk7UUFBRSxLQUFLLENBQUMsWUFBWSxHQUFHLFVBQVUsQ0FBQyxZQUFZLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0gsY0FDSSxFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUMsS0FBSyxFQUFFLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQyxFQUNsRSxLQUFLLEVBQUUsS0FBSyxFQUNaLEtBQUssRUFBRSxPQUFPLEVBQ2QsUUFBUSxFQUFFLFFBQVEsWUFFakIsUUFBUSxHQUNQLENBQ1QsQ0FBQTtBQUNMLENBQUM7QUFFRCxNQUFNLFVBQVUsZUFBZSxDQUMzQixZQUFxQztJQUVyQyxPQUFPLENBQUMsS0FBcUIsRUFBRSxFQUFFLENBQzdCLFNBQVMsaUNBQ0YsWUFBWSxHQUNaLEtBQUssRUFDVixDQUFBO0FBQ1YsQ0FBQyJ9