UNPKG

1.81 kBJavaScriptView Raw
1import { __rest } from "tslib";
2import * as React from 'react';
3import styles from '@patternfly/react-styles/css/components/List/list';
4import { css } from '@patternfly/react-styles';
5export var OrderType;
6(function (OrderType) {
7 OrderType["number"] = "1";
8 OrderType["lowercaseLetter"] = "a";
9 OrderType["uppercaseLetter"] = "A";
10 OrderType["lowercaseRomanNumber"] = "i";
11 OrderType["uppercaseRomanNumber"] = "I";
12})(OrderType || (OrderType = {}));
13export var ListVariant;
14(function (ListVariant) {
15 ListVariant["inline"] = "inline";
16})(ListVariant || (ListVariant = {}));
17export var ListComponent;
18(function (ListComponent) {
19 ListComponent["ol"] = "ol";
20 ListComponent["ul"] = "ul";
21})(ListComponent || (ListComponent = {}));
22export const List = (_a) => {
23 var { className = '', children = null, variant = null, isBordered = false, isPlain = false, iconSize = 'default', type = OrderType.number, ref = null, component = ListComponent.ul } = _a, props = __rest(_a, ["className", "children", "variant", "isBordered", "isPlain", "iconSize", "type", "ref", "component"]);
24 return component === ListComponent.ol ? (React.createElement("ol", Object.assign({ ref: ref, type: type }, props, { className: css(styles.list, variant && styles.modifiers[variant], isBordered && styles.modifiers.bordered, isPlain && styles.modifiers.plain, iconSize && iconSize === 'large' && styles.modifiers.iconLg, className) }), children)) : (React.createElement("ul", Object.assign({ ref: ref }, props, { className: css(styles.list, variant && styles.modifiers[variant], isBordered && styles.modifiers.bordered, isPlain && styles.modifiers.plain, iconSize && iconSize === 'large' && styles.modifiers.iconLg, className) }), children));
25};
26List.displayName = 'List';
27//# sourceMappingURL=List.js.map
\No newline at end of file