nice-ui
Version:
React design system, components, and utilities
32 lines (31 loc) • 1.78 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommandPaletteList = void 0;
const Group_1 = require("libreact/lib/Group");
const React = require("react");
const nano_theme_1 = require("nano-theme");
const CommandPaletteCmd_1 = require("./CommandPaletteCmd");
const CommandPaletteTitle_1 = require("./CommandPaletteTitle");
const Scrollbox_1 = require("../../../4-card/Scrollbox");
const Separator_1 = require("../../../3-list-item/Separator");
const scrollClass = (0, nano_theme_1.rule)({
d: 'flex',
flex: '1 1 100%',
w: '100%',
maxH: '100%',
ov: 'hidden',
// h: '100%',
});
const groupClass = (0, nano_theme_1.rule)({
d: 'block',
w: '100%',
pad: '8px 0',
});
const CommandPaletteList = ({ list, selected, highlight, disabled, onSelect, onRun, }) => {
return (React.createElement("div", { className: scrollClass },
React.createElement(Scrollbox_1.Scrollbox, null,
React.createElement(Group_1.Group, { className: groupClass, separator: React.createElement(Separator_1.Separator, { hard: true, style: { margin: '8px 0' } }) }, list.map((group) => (React.createElement("div", { key: group.id },
React.createElement(CommandPaletteTitle_1.CommandPaletteTitle, null, group.name),
group.list.map((item) => (React.createElement(CommandPaletteCmd_1.CommandPaletteCmd, { key: item.id, ...item, selected: !!(selected && selected[0] === group.id && selected[1] === item.id), highlight: highlight, disabled: disabled, onSelect: disabled ? undefined : onSelect ? () => onSelect([group.id, item.id]) : undefined, onClick: disabled ? undefined : onRun ? () => onRun([group.id, item.id]) : undefined }))))))))));
};
exports.CommandPaletteList = CommandPaletteList;