@teaui/react
Version:
React Reconciler and renderer for TeaUI
230 lines • 9.03 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.Tabs = exports.Drawer = exports.Accordion = exports.Stack = exports.Slider = exports.Separator = void 0;
exports.Br = Br;
exports.Checkbox = Checkbox;
exports.CollapsibleText = CollapsibleText;
exports.ConsoleLog = ConsoleLog;
exports.Digits = Digits;
exports.H1 = H1;
exports.H2 = H2;
exports.H3 = H3;
exports.H4 = H4;
exports.H5 = H5;
exports.H6 = H6;
exports.Input = Input;
exports.Space = Space;
exports.ToggleGroup = ToggleGroup;
exports.Tree = Tree;
exports.Box = Box;
exports.Button = Button;
exports.Collapsible = Collapsible;
exports.Scrollable = Scrollable;
exports.Style = Style;
exports.Text = Text;
const react_1 = __importStar(require("react"));
////
/// Views
//
function Br() {
return react_1.default.createElement("tui-br", null);
}
function Checkbox(reactProps) {
return react_1.default.createElement("tui-checkbox", { ...reactProps });
}
function CollapsibleText(reactProps) {
return react_1.default.createElement("tui-collapsible-text", { ...reactProps });
}
function ConsoleLog(reactProps) {
return react_1.default.createElement("tui-console", { ...reactProps });
}
function Digits(reactProps) {
return react_1.default.createElement("tui-digits", { ...reactProps });
}
function H1(reactProps) {
return react_1.default.createElement("tui-h1", { ...reactProps });
}
function H2(reactProps) {
return react_1.default.createElement("tui-h2", { ...reactProps });
}
function H3(reactProps) {
return react_1.default.createElement("tui-h3", { ...reactProps });
}
function H4(reactProps) {
return react_1.default.createElement("tui-h4", { ...reactProps });
}
function H5(reactProps) {
return react_1.default.createElement("tui-h5", { ...reactProps });
}
function H6(reactProps) {
return react_1.default.createElement("tui-h6", { ...reactProps });
}
function Input(reactProps) {
return react_1.default.createElement("tui-input", { ...reactProps });
}
const Separator = function Separator(reactProps) {
return react_1.default.createElement("tui-separator", { ...reactProps });
};
exports.Separator = Separator;
exports.Separator.horizontal = function SeparatorHorizontal(reactProps) {
return react_1.default.createElement("tui-separator", { direction: "horizontal", ...reactProps });
};
exports.Separator.vertical = function SeparatorHorizontal(reactProps) {
return react_1.default.createElement("tui-separator", { direction: "vertical", ...reactProps });
};
const Slider = function Slider(reactProps) {
return react_1.default.createElement("tui-slider", { ...reactProps });
};
exports.Slider = Slider;
exports.Slider.horizontal = function SliderHorizontal(reactProps) {
return react_1.default.createElement("tui-slider", { direction: "horizontal", ...reactProps });
};
exports.Slider.vertical = function SliderHorizontal(reactProps) {
return react_1.default.createElement("tui-slider", { direction: "vertical", ...reactProps });
};
function Space(reactProps) {
return react_1.default.createElement("tui-space", { ...reactProps });
}
function ToggleGroup(reactProps) {
return react_1.default.createElement("tui-toggle-group", { ...reactProps });
}
function Tree(reactProps) {
const { title, ...props } = reactProps;
const titleView = (0, react_1.useMemo)(() => {
if (typeof title === 'string') {
return react_1.default.createElement("tui-text", null, title);
}
return title;
}, [title]);
return react_1.default.createElement("tui-tree", { ...props }, titleView);
}
////
/// "Simple" containers
//
function Box(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-box", { ...props }, children);
}
function Button(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-button", { ...props }, children);
}
function Collapsible(reactProps) {
const { collapsed, expanded, ...props } = reactProps;
return (react_1.default.createElement("tui-collapsible", { ...props },
collapsed,
expanded));
}
const Stack = function Stack(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-stack", { ...props }, children);
};
exports.Stack = Stack;
exports.Stack.down = function StackLeft(reactProps) {
const { children, ...props } = reactProps;
return (react_1.default.createElement("tui-stack", { direction: "down", ...props }, children));
};
exports.Stack.up = function StackLeft(reactProps) {
const { children, ...props } = reactProps;
return (react_1.default.createElement("tui-stack", { direction: "up", ...props }, children));
};
exports.Stack.right = function StackLeft(reactProps) {
const { children, ...props } = reactProps;
return (react_1.default.createElement("tui-stack", { direction: "right", ...props }, children));
};
exports.Stack.left = function StackLeft(reactProps) {
const { children, ...props } = reactProps;
return (react_1.default.createElement("tui-stack", { direction: "left", ...props }, children));
};
function Scrollable(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-scrollable", { ...props }, children);
}
/**
* <Style /> is similar to <Text/> but only allows inline styles (bold, etc).
* Does not support align or wrap (block styles). Does not support 'font', because
* font is not encodable via SGR codes (and that's how I'm styling and
* concatenating the text nodes).
*/
function Style(reactProps) {
return react_1.default.createElement("tui-style", { ...reactProps });
}
/**
* <Text /> is a container that sets the text properties of child TextLiterals
* (font, style) and TextContainers (wrap, alignment)
*/
function Text(reactProps) {
return react_1.default.createElement("tui-text", { ...reactProps });
}
const Accordion = function Accordion(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-accordion", { ...props }, children);
};
exports.Accordion = Accordion;
exports.Accordion.Section = function SliderHorizontal(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-accordion-section", { ...props }, children);
};
const Drawer = function Drawer(reactProps) {
const { children, content, drawer, ...props } = reactProps;
return (react_1.default.createElement("tui-drawer", { ...props },
content,
drawer,
children));
};
exports.Drawer = Drawer;
exports.Drawer.top = function DrawerLeft(reactProps) {
const { children, content, drawer, ...props } = reactProps;
return (react_1.default.createElement("tui-drawer", { location: "top", ...props },
content,
drawer,
children));
};
exports.Drawer.right = function DrawerLeft(reactProps) {
const { children, content, drawer, ...props } = reactProps;
return (react_1.default.createElement("tui-drawer", { location: "right", ...props },
content,
drawer,
children));
};
exports.Drawer.bottom = function DrawerLeft(reactProps) {
const { children, ...props } = reactProps;
return (react_1.default.createElement("tui-drawer", { location: "bottom", ...props }, children));
};
exports.Drawer.left = function DrawerLeft(reactProps) {
const { children, ...props } = reactProps;
return (react_1.default.createElement("tui-drawer", { location: "left", ...props }, children));
};
const Tabs = function Tabs(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-tabs", { ...props }, children);
};
exports.Tabs = Tabs;
exports.Tabs.Section = function SliderHorizontal(reactProps) {
const { children, ...props } = reactProps;
return react_1.default.createElement("tui-tabs-section", { ...props }, children);
};
//# sourceMappingURL=components.js.map