nice-ui
Version:
React design system, components, and utilities
23 lines (22 loc) • 1.3 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.IconsSetGrid = void 0;
const React = require("react");
const context_1 = require("../context");
const useBehaviorSubject_1 = require("../../../../../../hooks/useBehaviorSubject");
const IconCard_1 = require("../IconCard");
const Flex_1 = require("../../../../../../3-list-item/Flex");
const IconModal_1 = require("../IconModal");
const IconsSetGrid = ({ set }) => {
const state = (0, context_1.useIconsGrid)();
const iconsMap = (0, useBehaviorSubject_1.useBehaviorSubject)(state.icons$);
const selected = (0, useBehaviorSubject_1.useBehaviorSubject)(state.selected$);
const icons = iconsMap.get(set);
if (!icons?.length)
return null;
return (React.createElement(React.Fragment, null,
React.createElement(Flex_1.Flex, { key: set, style: { flexDirection: 'row-reverse' } },
React.createElement(Flex_1.Flex, { style: { flexWrap: 'wrap', columnGap: 8, rowGap: 8, justifyContent: 'flex-start', marginRight: -8 } }, icons.map((icon) => (React.createElement(IconCard_1.IconCard, { key: icon, set: set, icon: icon }))))),
!!selected && React.createElement(IconModal_1.IconModal, { set: selected[0], icon: selected[1] })));
};
exports.IconsSetGrid = IconsSetGrid;