amis 1.5.3 → 1.5.4

package/README.md

@@ -80,6 +80,11 @@ npm run update-snapshot
 - [RickCole21](https://github.com/RickCole21)
 - [catchonme](https://github.com/catchonme)
 - [nwind](https://github.com/nwind)
+- [zhangtao07](https://github.com/zhangtao07)
+- [hsm-lv](https://github.com/hsm-lv)
+- [RUNZE LU](https://github.com/lurunze1226)
+- [ucasliyuan](https://github.com/ucasliyuan)
+- [yangwei9012](https://github.com/yangwei9012)
 
 ## 低代码平台
 

package/lib/components/Card.d.ts

@@ -0,0 +1,96 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { ClassNamesFn, ThemeProps } from '../theme';
+export interface CardProps extends ThemeProps {
+    className?: string;
+    headerClassName?: string;
+    titleClassName?: string;
+    subTitleClassName?: string;
+    descriptionClassName?: string;
+    avatarTextStyle?: object;
+    avatarTextClassName?: string;
+    avatarClassName?: string;
+    secondaryClassName?: string;
+    imageClassName?: string;
+    bodyClassName?: string;
+    footerClassName?: string;
+    media?: React.ReactNode;
+    mediaPosition?: 'top' | 'left' | 'right' | 'bottom';
+    toolbar?: React.ReactNode;
+    children?: React.ReactNode;
+    actions?: React.ReactNode;
+    title?: string | JSX.Element;
+    subTitle?: string | JSX.Element;
+    subTitlePlaceholder?: string | JSX.Element;
+    description?: string | JSX.Element;
+    descriptionPlaceholder?: string | JSX.Element;
+    avatar?: string;
+    avatarText?: string | JSX.Element;
+    secondary?: string | JSX.Element;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    classnames: ClassNamesFn;
+}
+export declare class Card extends React.Component<CardProps> {
+    static defaultProps: Partial<CardProps>;
+    constructor(props: CardProps);
+    handleClick(e: React.MouseEvent<HTMLDivElement>): void;
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: (Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps) | Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CardProps, keyof ThemeProps>, never> & Partial<Pick<Omit<CardProps, keyof ThemeProps>, "title" | "children" | "description" | "toolbar" | "onClick" | "media" | "bodyClassName" | "avatar" | "headerClassName" | "footerClassName" | "subTitle" | "descriptionClassName" | "actions" | "titleClassName" | "subTitleClassName" | "avatarTextStyle" | "avatarTextClassName" | "avatarClassName" | "secondaryClassName" | "imageClassName" | "mediaPosition" | "subTitlePlaceholder" | "descriptionPlaceholder" | "avatarText" | "secondary">> & Partial<Pick<Partial<CardProps>, "classPrefix" | "classnames" | "className" | "theme">> & import("../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof Card>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof Card, {}> & {
+    ComposedComponent: typeof Card;
+};
+export default _default;

package/lib/components/Card.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var helper_1 = require("../utils/helper");
+var theme_1 = require("../theme");
+var Card = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(Card, _super);
+    function Card(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleClick = _this.handleClick.bind(_this);
+        return _this;
+    }
+    Card.prototype.handleClick = function (e) {
+        if ((0, helper_1.isClickOnInput)(e)) {
+            return;
+        }
+        this.props.onClick && this.props.onClick(e);
+    };
+    Card.prototype.render = function () {
+        var _a = this.props, cx = _a.classnames, className = _a.className, headerClassName = _a.headerClassName, bodyClassName = _a.bodyClassName, titleClassName = _a.titleClassName, subTitleClassName = _a.subTitleClassName, descriptionClassName = _a.descriptionClassName, avatarClassName = _a.avatarClassName, avatarTextStyle = _a.avatarTextStyle, imageClassName = _a.imageClassName, avatarTextClassName = _a.avatarTextClassName, secondaryClassName = _a.secondaryClassName, footerClassName = _a.footerClassName, media = _a.media, mediaPosition = _a.mediaPosition, actions = _a.actions, children = _a.children, onClick = _a.onClick, toolbar = _a.toolbar, title = _a.title, subTitle = _a.subTitle, subTitlePlaceholder = _a.subTitlePlaceholder, description = _a.description, descriptionPlaceholder = _a.descriptionPlaceholder, secondary = _a.secondary, avatar = _a.avatar, avatarText = _a.avatarText;
+        var heading = null;
+        var isShowHeading = avatar ||
+            avatarText ||
+            title ||
+            subTitle ||
+            subTitlePlaceholder ||
+            description ||
+            descriptionPlaceholder ||
+            toolbar;
+        if (isShowHeading) {
+            heading = (react_1.default.createElement("div", { className: cx('Card-heading', headerClassName) },
+                avatar ? (react_1.default.createElement("span", { className: cx('Card-avtar', avatarClassName) },
+                    react_1.default.createElement("img", { className: cx('Card-img', imageClassName), src: avatar }))) : avatarText ? (react_1.default.createElement("span", { className: cx('Card-avtarText', avatarTextClassName), style: avatarTextStyle }, avatarText)) : null,
+                react_1.default.createElement("div", { className: cx('Card-meta') },
+                    title ? (react_1.default.createElement("div", { className: cx('Card-title', titleClassName) }, title)) : null,
+                    subTitle || subTitlePlaceholder ? (react_1.default.createElement("div", { className: cx('Card-subTitle', subTitleClassName) }, subTitle
+                        ? subTitle
+                        : subTitlePlaceholder
+                            ? subTitlePlaceholder
+                            : null)) : null,
+                    description || descriptionPlaceholder ? (react_1.default.createElement("div", { className: cx('Card-desc', descriptionClassName) }, description
+                        ? description
+                        : descriptionPlaceholder
+                            ? descriptionPlaceholder
+                            : null)) : null),
+                toolbar));
+        }
+        var body = children;
+        return (react_1.default.createElement("div", { onClick: this.handleClick, className: cx('Card', className, {
+                'Card--link': onClick
+            }) }, media ? (react_1.default.createElement("div", { className: cx("Card-multiMedia--" + mediaPosition) },
+            media,
+            react_1.default.createElement("div", { className: cx('Card-multiMedia-flex') },
+                heading,
+                body ? (react_1.default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+                secondary || actions ? (react_1.default.createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
+                    secondary ? (react_1.default.createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
+                    actions ? (react_1.default.createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))) : (react_1.default.createElement("div", null,
+            heading,
+            body ? (react_1.default.createElement("div", { className: cx('Card-body', bodyClassName) }, body)) : null,
+            secondary || actions ? (react_1.default.createElement("div", { className: cx('Card-footer-wrapper', footerClassName) },
+                secondary ? (react_1.default.createElement("div", { className: cx('Card-secondary', secondaryClassName) }, secondary)) : null,
+                actions ? (react_1.default.createElement("div", { className: cx('Card-actions-wrapper') }, actions)) : null)) : null))));
+    };
+    Card.defaultProps = {
+        className: '',
+        avatarClassName: '',
+        headerClassName: '',
+        footerClassName: '',
+        secondaryClassName: '',
+        avatarTextClassName: '',
+        bodyClassName: '',
+        titleClassName: '',
+        subTitleClassName: '',
+        descriptionClassName: '',
+        imageClassName: '',
+        mediaPosition: 'left'
+    };
+    return Card;
+}(react_1.default.Component));
+exports.Card = Card;
+exports.default = (0, theme_1.themeable)(Card);
+//# sourceMappingURL=./components/Card.js.map

package/lib/components/Card.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "Card.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/Card.tsx"
+    ],
+    "names": [],
+    "mappings": "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",
+    "sourcesContent": [
+        "import React from 'react';\nimport {isClickOnInput} from '../utils/helper';\nimport {ClassNamesFn, themeable, ThemeProps} from '../theme';\nexport interface CardProps extends ThemeProps {\n  className?: string;\n  headerClassName?: string;\n  titleClassName?: string;\n  subTitleClassName?: string;\n  descriptionClassName?: string;\n  avatarTextStyle?: object;\n  avatarTextClassName?: string;\n  avatarClassName?: string;\n  secondaryClassName?: string;\n  imageClassName?: string;\n  bodyClassName?: string;\n  footerClassName?: string;\n  media?: React.ReactNode;\n  mediaPosition?: 'top' | 'left' | 'right' | 'bottom';\n  toolbar?: React.ReactNode;\n  children?: React.ReactNode;\n  actions?: React.ReactNode;\n  title?: string | JSX.Element;\n  subTitle?: string | JSX.Element;\n  subTitlePlaceholder?: string | JSX.Element;\n  description?: string | JSX.Element;\n  descriptionPlaceholder?: string | JSX.Element;\n  avatar?: string;\n  avatarText?: string | JSX.Element;\n  secondary?: string | JSX.Element;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  classnames: ClassNamesFn;\n}\n\nexport class Card extends React.Component<CardProps> {\n  static defaultProps: Partial<CardProps> = {\n    className: '',\n    avatarClassName: '',\n    headerClassName: '',\n    footerClassName: '',\n    secondaryClassName: '',\n    avatarTextClassName: '',\n    bodyClassName: '',\n    titleClassName: '',\n    subTitleClassName: '',\n    descriptionClassName: '',\n    imageClassName: '',\n    mediaPosition: 'left'\n  };\n\n  constructor(props: CardProps) {\n    super(props);\n    this.handleClick = this.handleClick.bind(this);\n  }\n\n  handleClick(e: React.MouseEvent<HTMLDivElement>) {\n    if (isClickOnInput(e)) {\n      return;\n    }\n\n    this.props.onClick && this.props.onClick(e);\n  }\n\n  render() {\n    const {\n      classnames: cx,\n      className,\n      headerClassName,\n      bodyClassName,\n      titleClassName,\n      subTitleClassName,\n      descriptionClassName,\n      avatarClassName,\n      avatarTextStyle,\n      imageClassName,\n      avatarTextClassName,\n      secondaryClassName,\n      footerClassName,\n      media,\n      mediaPosition,\n      actions,\n      children,\n      onClick,\n      toolbar,\n      title,\n      subTitle,\n      subTitlePlaceholder,\n      description,\n      descriptionPlaceholder,\n      secondary,\n      avatar,\n      avatarText\n    } = this.props;\n\n    let heading = null;\n    const isShowHeading =\n      avatar ||\n      avatarText ||\n      title ||\n      subTitle ||\n      subTitlePlaceholder ||\n      description ||\n      descriptionPlaceholder ||\n      toolbar;\n    if (isShowHeading) {\n      heading = (\n        <div className={cx('Card-heading', headerClassName)}>\n          {avatar ? (\n            <span className={cx('Card-avtar', avatarClassName)}>\n              <img className={cx('Card-img', imageClassName)} src={avatar} />\n            </span>\n          ) : avatarText ? (\n            <span\n              className={cx('Card-avtarText', avatarTextClassName)}\n              style={avatarTextStyle}\n            >\n              {avatarText}\n            </span>\n          ) : null}\n          <div className={cx('Card-meta')}>\n            {title ? (\n              <div className={cx('Card-title', titleClassName)}>{title}</div>\n            ) : null}\n            {subTitle || subTitlePlaceholder ? (\n              <div className={cx('Card-subTitle', subTitleClassName)}>\n                {subTitle\n                  ? subTitle\n                  : subTitlePlaceholder\n                  ? subTitlePlaceholder\n                  : null}\n              </div>\n            ) : null}\n            {description || descriptionPlaceholder ? (\n              <div className={cx('Card-desc', descriptionClassName)}>\n                {description\n                  ? description\n                  : descriptionPlaceholder\n                  ? descriptionPlaceholder\n                  : null}\n              </div>\n            ) : null}\n          </div>\n          {toolbar}\n        </div>\n      );\n    }\n\n    const body = children;\n\n    return (\n      <div\n        onClick={this.handleClick}\n        className={cx('Card', className, {\n          'Card--link': onClick\n        })}\n      >\n        {media ? (\n          <div className={cx(`Card-multiMedia--${mediaPosition}`)}>\n            {media}\n            <div className={cx('Card-multiMedia-flex')}>\n              {heading}\n              {body ? (\n                <div className={cx('Card-body', bodyClassName)}>{body}</div>\n              ) : null}\n              {secondary || actions ? (\n                <div className={cx('Card-footer-wrapper', footerClassName)}>\n                  {secondary ? (\n                    <div className={cx('Card-secondary', secondaryClassName)}>\n                      {secondary}\n                    </div>\n                  ) : null}\n                  {actions ? (\n                    <div className={cx('Card-actions-wrapper')}>{actions}</div>\n                  ) : null}\n                </div>\n              ) : null}\n            </div>\n          </div>\n        ) : (\n          <div>\n            {heading}\n            {body ? (\n              <div className={cx('Card-body', bodyClassName)}>{body}</div>\n            ) : null}\n            {secondary || actions ? (\n              <div className={cx('Card-footer-wrapper', footerClassName)}>\n                {secondary ? (\n                  <div className={cx('Card-secondary', secondaryClassName)}>\n                    {secondary}\n                  </div>\n                ) : null}\n                {actions ? (\n                  <div className={cx('Card-actions-wrapper')}>{actions}</div>\n                ) : null}\n              </div>\n            ) : null}\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nexport default themeable(Card);\n"
+    ]
+}