@broxus/react-uikit 0.1.1 → 0.1.2

package/dist/cjs/components/Breadcrumb/Item.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface BreadcrumbItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+    disabled?: boolean;
+}
+export declare function Item(props: BreadcrumbItemProps): JSX.Element;
+export declare namespace Item {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Breadcrumb/Item.js

@@ -0,0 +1,43 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ConfrigProvider_1 = require("../ConfrigProvider");
+function Item(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, disabled, ...restProps } = props;
+    return (React.createElement("li", { className: (0, classnames_1.default)(className, {
+            [`${config.prefixCls}-disabled`]: disabled,
+        }), ...restProps }));
+}
+exports.Item = Item;
+if (process.env.NODE_ENV !== 'production') {
+    Item.displayName = 'Breadcrumb.Item';
+}

package/dist/cjs/components/Breadcrumb/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Item } from './Item';
+import type { BreadcrumbProps } from './Breadcrumb';
+import './index.scss';
+export type { BreadcrumbProps };
+export interface CompoundedBreadcrumb extends React.FunctionComponent<BreadcrumbProps> {
+    Item: typeof Item;
+}
+export declare const Breadcrumb: CompoundedBreadcrumb;

package/dist/cjs/components/Breadcrumb/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Breadcrumb = void 0;
+const Breadcrumb_1 = require("./Breadcrumb");
+const Item_1 = require("./Item");
+require("./index.scss");
+exports.Breadcrumb = Breadcrumb_1.Breadcrumb;
+exports.Breadcrumb.Item = Item_1.Item;

package/dist/cjs/components/Button/Button.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+export interface AnchorButtonProps extends Omit<React.AnchorHTMLAttributes<any>, 'onClick'> {
+    href: string;
+    target?: string;
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface NativeButtonProps extends Omit<React.ButtonHTMLAttributes<any>, 'type' | 'onClick'> {
+    htmlType?: 'button' | 'reset' | 'submit';
+    onClick?: React.MouseEventHandler<HTMLElement>;
+}
+export interface ButtonProps extends Partial<AnchorButtonProps>, Partial<NativeButtonProps> {
+    ghost?: boolean;
+    prefixCls?: string;
+    shape?: 'circle' | 'round';
+    size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+    type?: 'default' | 'primary' | 'secondary' | 'tertiary' | 'danger' | 'link' | 'text';
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<unknown>>;

package/dist/cjs/components/Button/Button.js

@@ -0,0 +1,59 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const Link_1 = require("../Link");
+/* eslint-disable react/prop-types */
+exports.Button = React.forwardRef((props, ref) => {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { children, ghost, htmlType = 'button', prefixCls = `${config.prefixCls}-button`, shape, size, type, ...restProps } = props;
+    const buttonRef = ref || React.useRef(null);
+    const onClick = event => {
+        if (restProps.disabled) {
+            event.preventDefault();
+            return;
+        }
+        restProps.onClick?.(event);
+    };
+    const className = (0, classnames_1.default)(prefixCls, {
+        [`${prefixCls}-${type}`]: type !== undefined,
+        [`${prefixCls}-ghost`]: ghost !== undefined,
+        [`${prefixCls}-${size}`]: size !== undefined,
+        [`${prefixCls}-${shape}`]: shape !== undefined && ['circle', 'round'].includes(shape),
+    }, restProps.className);
+    if (restProps.href !== undefined) {
+        return (React.createElement(Link_1.Link, { ref: buttonRef, href: restProps.href, ...restProps, className: className, onClick: onClick }, children));
+    }
+    return (React.createElement("button", { ref: buttonRef, type: htmlType, ...restProps, className: className, onClick: onClick }, children));
+});
+if (process.env.NODE_ENV !== 'production') {
+    exports.Button.displayName = 'Button';
+}

package/dist/cjs/components/Button/Group.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    prefixCls?: string;
+}
+export declare function Group(props: ButtonGroupProps): JSX.Element;
+export declare namespace Group {
+    var displayName: string;
+}

package/dist/cjs/components/Button/Group.js

@@ -0,0 +1,41 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Group = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ConfrigProvider_1 = require("../ConfrigProvider");
+function Group(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-button-group`, ...restProps } = props;
+    return (React.createElement("div", { className: (0, classnames_1.default)(prefixCls, className), ...restProps }));
+}
+exports.Group = Group;
+if (process.env.NODE_ENV !== 'production') {
+    Group.displayName = 'Button.Group';
+}

package/dist/cjs/components/Button/index.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { Group } from './Group';
+import type { ButtonProps } from './Button';
+import './index.scss';
+export type { ButtonProps };
+export interface CompoundedButton extends React.ForwardRefExoticComponent<ButtonProps> {
+    Group: typeof Group;
+}
+export declare const Button: CompoundedButton;

package/dist/cjs/components/Button/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const Button_1 = require("./Button");
+const Group_1 = require("./Group");
+require("./index.scss");
+exports.Button = Button_1.Button;
+exports.Button.Group = Group_1.Group;

package/dist/cjs/components/Card/Badge.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface CardBadgeProps extends React.HTMLAttributes<HTMLElement> {
+    prefixCls?: string;
+}
+export declare function Badge(props: CardBadgeProps): JSX.Element;
+export declare namespace Badge {
+    var displayName: string;
+}

package/dist/cjs/components/Card/Badge.js

@@ -0,0 +1,42 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const Label_1 = require("../Label");
+function Badge(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-card-badge`, ...restProps } = props;
+    return (React.createElement(Label_1.Label, { className: (0, classnames_1.default)(prefixCls, className), ...restProps }));
+}
+exports.Badge = Badge;
+if (process.env.NODE_ENV !== 'production') {
+    Badge.displayName = 'Card.Badge';
+}

package/dist/cjs/components/Card/Body.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface CardBodyProps extends React.HTMLAttributes<HTMLElement> {
+    prefixCls?: string;
+}
+export declare function Body(props: CardBodyProps): JSX.Element;
+export declare namespace Body {
+    var displayName: string;
+}

package/dist/cjs/components/Card/Body.js

@@ -0,0 +1,41 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Body = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ConfrigProvider_1 = require("../ConfrigProvider");
+function Body(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-card-body`, ...restProps } = props;
+    return (React.createElement("div", { className: (0, classnames_1.default)(prefixCls, className), ...restProps }));
+}
+exports.Body = Body;
+if (process.env.NODE_ENV !== 'production') {
+    Body.displayName = 'Card.Body';
+}

package/dist/cjs/components/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+import type { ColorMode } from '../ConfrigProvider';
+export interface CardOwnProps extends React.HTMLAttributes<HTMLElement> {
+    asBody?: boolean;
+    color?: 'default' | 'primary' | 'secondary' | 'tertiary';
+    colorMode?: ColorMode;
+    hoverable?: boolean;
+    prefixCls?: string;
+    size?: 'small' | 'large';
+}
+export declare type CardProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, CardOwnProps>;
+declare const defaultElement = "div";
+export declare function Card<E extends React.ElementType = typeof defaultElement>(props: CardProps<E>): JSX.Element;
+export {};

package/dist/cjs/components/Card/Card.js

@@ -0,0 +1,49 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+const React = __importStar(require("react"));
+const js_utils_1 = require("@broxus/js-utils");
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'div';
+function Card(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { asBody, className, color, colorMode = color !== 'default' && color !== undefined
+        ? config[`card${(0, js_utils_1.capitalizeFirstLetter)(color)}ColorMode`]
+        : undefined, hoverable, prefixCls = `${config.prefixCls}-card`, size, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(prefixCls, {
+            [`${prefixCls}-${color}`]: color !== undefined,
+            [`${prefixCls}-${size}`]: size !== undefined,
+            [`${prefixCls}-body`]: asBody,
+            [`${prefixCls}-hover`]: hoverable,
+            [`${config.prefixCls}-${colorMode}`]: colorMode !== undefined,
+        }, className), component: defaultElement, ...restProps }));
+}
+exports.Card = Card;

package/dist/cjs/components/Card/Footer.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type CardFooterOwnProps = {
+    prefixCls?: string;
+};
+export declare type CardFooterProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, CardFooterOwnProps>;
+declare const defaultElement = "footer";
+export declare function Footer<E extends React.ElementType = typeof defaultElement>(props: CardFooterProps<E>): JSX.Element;
+export declare namespace Footer {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Card/Footer.js

@@ -0,0 +1,43 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Footer = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'footer';
+function Footer(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-card-footer`, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(prefixCls, className), component: defaultElement, ...restProps }));
+}
+exports.Footer = Footer;
+if (process.env.NODE_ENV !== 'production') {
+    Footer.displayName = 'Card.Footer';
+}

package/dist/cjs/components/Card/Header.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type CardHeaderOwnProps = {
+    prefixCls?: string;
+};
+export declare type CardHeaderProps<E extends React.ElementType = React.ElementType> = PolymorphicComponentProps<E, CardHeaderOwnProps>;
+declare const defaultElement = "header";
+export declare function Header<E extends React.ElementType = typeof defaultElement>(props: CardHeaderProps<E>): JSX.Element;
+export declare namespace Header {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Card/Header.js

@@ -0,0 +1,43 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Header = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'header';
+function Header(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-card-header`, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(prefixCls, className), component: defaultElement, ...restProps }));
+}
+exports.Header = Header;
+if (process.env.NODE_ENV !== 'production') {
+    Header.displayName = 'Card.Header';
+}

package/dist/cjs/components/Card/Media.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
+    position: 'left' | 'top' | 'right' | 'bottom';
+    prefixCls?: string;
+}
+export declare function Media(props: CardMediaProps): JSX.Element;
+export declare namespace Media {
+    var displayName: string;
+}

package/dist/cjs/components/Card/Media.js

@@ -0,0 +1,43 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Media = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const ConfrigProvider_1 = require("../ConfrigProvider");
+function Media(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, position, prefixCls = `${config.prefixCls}-card-media`, ...restProps } = props;
+    return (React.createElement("div", { className: (0, classnames_1.default)({
+            [`${prefixCls}-${position}`]: position !== undefined,
+        }, className), ...restProps }));
+}
+exports.Media = Media;
+if (process.env.NODE_ENV !== 'production') {
+    Media.displayName = 'Card.Media';
+}

package/dist/cjs/components/Card/Title.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { PolymorphicComponentProps } from '../Component';
+export declare type CardTitleOwnProps = {
+    prefixCls?: string;
+};
+export declare type CardTitleProps<E extends React.ElementType> = PolymorphicComponentProps<E, CardTitleOwnProps>;
+declare const defaultElement = "h1";
+export declare function Title<E extends React.ElementType = typeof defaultElement>(props: CardTitleProps<E>): JSX.Element;
+export declare namespace Title {
+    var displayName: string;
+}
+export {};

package/dist/cjs/components/Card/Title.js

@@ -0,0 +1,43 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Title = void 0;
+const React = __importStar(require("react"));
+const classnames_1 = __importDefault(require("classnames"));
+const Component_1 = require("../Component");
+const ConfrigProvider_1 = require("../ConfrigProvider");
+const defaultElement = 'h1';
+function Title(props) {
+    const config = (0, ConfrigProvider_1.useConfig)();
+    const { className, prefixCls = `${config.prefixCls}-card-title`, ...restProps } = props;
+    return (React.createElement(Component_1.Component, { className: (0, classnames_1.default)(prefixCls, className), component: defaultElement, ...restProps }));
+}
+exports.Title = Title;
+if (process.env.NODE_ENV !== 'production') {
+    Title.displayName = 'Card.Title';
+}

package/dist/cjs/components/Card/index.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { Badge } from './Badge';
+import { Body } from './Body';
+import { Footer } from './Footer';
+import { Header } from './Header';
+import { Media } from './Media';
+import { Title } from './Title';
+import type { CardProps } from './Card';
+import './index.scss';
+export type { CardProps };
+export interface CompoundedCard extends React.FunctionComponent<CardProps> {
+    Badge: typeof Badge;
+    Body: typeof Body;
+    Footer: typeof Footer;
+    Header: typeof Header;
+    Media: typeof Media;
+    Title: typeof Title;
+}
+export declare const Card: CompoundedCard;