@ozen-ui/kit
Version:
React component library
45 lines (44 loc) • 3.74 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.DataListCard = exports.cnDataListCard = void 0;
var tslib_1 = require("tslib");
require("./modules/DataListCardStatus/DataListCardStatus.css");
require("./modules/DataListCardItem/DataListCardItem.css");
require("./DataListCard.css");
var react_1 = tslib_1.__importDefault(require("react"));
var useThemeProps_1 = require("../../hooks/useThemeProps");
var classname_1 = require("../../utils/classname");
var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
var DataListBase_1 = require("../DataListBase");
var ListCard_1 = require("../ListCard");
var components_1 = require("./components");
var constants_1 = require("./constants");
var DataListCardContext_1 = require("./DataListCardContext");
exports.cnDataListCard = (0, classname_1.cn)('DataListCard');
var DataListCardRender = function (inProps, ref) {
var props = (0, useThemeProps_1.useThemeProps)({
props: inProps,
name: 'DataListCard',
});
var className = props.className, children = props.children, _a = props.as, as = _a === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_TAG : _a, active = props.active, _b = props.size, size = _b === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_SIZE : _b, borderColorScheme = props.borderColorScheme, _c = props.backgroundColorScheme, backgroundColorScheme = _c === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_BACKGROUND_COLOR_SCHEME : _c, _d = props.interactive, interactive = _d === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_INTERACTIVE : _d, _e = props.contentTrailingRatio, contentTrailingRatio = _e === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_CONTENT_TRAILING_RATIO : _e, _f = props.shadow, shadow = _f === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_SHADOW : _f, radiusProp = props.radius, _g = props.loading, loading = _g === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_LOADING : _g, loadingText = props.loadingText, _h = props.showNoOptions, showNoOptions = _h === void 0 ? constants_1.DATA_LIST_CARD_DEFAULT_SHOW_NO_OPTIONS : _h, noOptionsText = props.noOptionsText, other = tslib_1.__rest(props, ["className", "children", "as", "active", "size", "borderColorScheme", "backgroundColorScheme", "interactive", "contentTrailingRatio", "shadow", "radius", "loading", "loadingText", "showNoOptions", "noOptionsText"]);
var radius = radiusProp !== null && radiusProp !== void 0 ? radiusProp : constants_1.DATA_LIST_CARD_RADIUS_BY_SIZE[size];
return (react_1.default.createElement(ListCard_1.ListCardContext.Provider, { value: {
variant: 'list',
size: size,
borderColorScheme: borderColorScheme,
backgroundColorScheme: backgroundColorScheme,
interactive: interactive,
contentTrailingRatio: contentTrailingRatio,
} },
react_1.default.createElement(DataListCardContext_1.DataListCardContext.Provider, { value: {
size: size,
showNoOptions: showNoOptions,
loading: loading,
} },
react_1.default.createElement(DataListBase_1.DataListBase, tslib_1.__assign({}, other, { as: as, active: active, className: (0, exports.cnDataListCard)({ size: size }, [className]), shadow: shadow, radius: radius, ref: ref }),
children,
react_1.default.createElement(components_1.DataListCardLoading, { loadingText: loadingText }),
react_1.default.createElement(components_1.DataListCardNoOption, { noOptionsText: noOptionsText })))));
};
exports.DataListCard = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(DataListCardRender);
exports.DataListCard.displayName = 'DataListCard';