@epilot/base-elements 2.7.25 → 2.8.1

package/dist/Breadcrumbs/types.d.ts

@@ -1,2 +1,2 @@
-import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@material-ui/core';
-export declare type BreadcrumbsProps = MuiBreadcrumbsProps;
+import { BreadcrumbsProps as MuiBreadcrumbsProps } from '@material-ui/core';
+export declare type BreadcrumbsProps = MuiBreadcrumbsProps;

package/dist/Breadcrumbs/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Button/Button.d.ts

@@ -1,2 +1,2 @@
-import { Button } from '@material-ui/core';
-export { Button };
+import { Button } from '@material-ui/core';
+export { Button };

package/dist/Button/Button.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-exports.Button = void 0;
-var core_1 = require("@material-ui/core");
-exports.Button = core_1.Button;
+"use strict";
+exports.__esModule = true;
+exports.Button = void 0;
+var core_1 = require("@material-ui/core");
+exports.Button = core_1.Button;
 //# sourceMappingURL=Button.js.map

package/dist/Button/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Button';
-export * from './types';
+export * from './Button';
+export * from './types';

package/dist/Button/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Button"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Button"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Button/types.d.ts

@@ -1,2 +1,2 @@
-import { ButtonProps } from '@material-ui/core';
-export { ButtonProps };
+import { ButtonProps } from '@material-ui/core';
+export { ButtonProps };

package/dist/Button/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ButtonGroupProps } from './types';
-export declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
+/// <reference types="react" />
+import { ButtonGroupProps } from './types';
+export declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;

package/dist/ButtonGroup/ButtonGroup.js

@@ -1,12 +1,12 @@
-"use strict";
-exports.__esModule = true;
-exports.ButtonGroup = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function ButtonGroup(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return (react_1["default"].createElement(core_1.ButtonGroup, tslib_1.__assign({ disableElevation: true }, rest), children));
-}
-exports.ButtonGroup = ButtonGroup;
+"use strict";
+exports.__esModule = true;
+exports.ButtonGroup = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function ButtonGroup(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return (react_1["default"].createElement(core_1.ButtonGroup, tslib_1.__assign({ disableElevation: true }, rest), children));
+}
+exports.ButtonGroup = ButtonGroup;
 //# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup/index.d.ts

@@ -1,2 +1,2 @@
-export * from './ButtonGroup';
-export * from './types';
+export * from './ButtonGroup';
+export * from './types';

package/dist/ButtonGroup/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./ButtonGroup"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ButtonGroup"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ButtonGroup/types.d.ts

@@ -1,37 +1,37 @@
-import { PropTypes } from '@material-ui/core';
-import { CSSProperties } from 'react';
-export interface ButtonGroupProps {
-    /**
-     * The content of the button group should be Button components.
-     */
-    children?: React.ReactNode;
-    /**
-     * The color of the component. It supports those theme colors that make sense for this component.
-     */
-    color?: PropTypes.Color;
-    /**
-     * If `true`, the buttons will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, the buttons will take up the full width of its container.
-     */
-    fullWidth?: boolean;
-    /**
-     * The group orientation (layout flow direction).
-     */
-    orientation?: 'vertical' | 'horizontal';
-    /**
-     * The size of the button.
-     * `small` is equivalent to the dense button styling.
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * The variant to use.
-     */
-    variant?: 'text' | 'outlined' | 'contained';
-    /**
-     * elements style
-     */
-    style?: CSSProperties;
-}
+import { PropTypes } from '@material-ui/core';
+import { CSSProperties } from 'react';
+export interface ButtonGroupProps {
+    /**
+     * The content of the button group should be Button components.
+     */
+    children?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: PropTypes.Color;
+    /**
+     * If `true`, the buttons will be disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true`, the buttons will take up the full width of its container.
+     */
+    fullWidth?: boolean;
+    /**
+     * The group orientation (layout flow direction).
+     */
+    orientation?: 'vertical' | 'horizontal';
+    /**
+     * The size of the button.
+     * `small` is equivalent to the dense button styling.
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * The variant to use.
+     */
+    variant?: 'text' | 'outlined' | 'contained';
+    /**
+     * elements style
+     */
+    style?: CSSProperties;
+}

package/dist/ButtonGroup/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Card/Card.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { CardProps, CardActionAreaProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps } from './types';
-export declare function Card(props: CardProps): JSX.Element;
-export declare function CardActionArea(props: CardActionAreaProps): JSX.Element;
-export declare function CardActions(props: CardActionsProps): JSX.Element;
-export declare function CardContent(props: CardContentProps): JSX.Element;
-export declare function CardHeader(props: CardHeaderProps): JSX.Element;
-export declare function CardMedia(props: CardMediaProps): JSX.Element;
+/// <reference types="react" />
+import { CardProps, CardActionAreaProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps } from './types';
+export declare function Card(props: CardProps): JSX.Element;
+export declare function CardActionArea(props: CardActionAreaProps): JSX.Element;
+export declare function CardActions(props: CardActionsProps): JSX.Element;
+export declare function CardContent(props: CardContentProps): JSX.Element;
+export declare function CardHeader(props: CardHeaderProps): JSX.Element;
+export declare function CardMedia(props: CardMediaProps): JSX.Element;

package/dist/Card/Card.js

@@ -1,37 +1,37 @@
-"use strict";
-exports.__esModule = true;
-exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Card(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.Card, tslib_1.__assign({}, rest), children);
-}
-exports.Card = Card;
-function CardActionArea(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.CardActionArea, tslib_1.__assign({}, rest), children);
-}
-exports.CardActionArea = CardActionArea;
-function CardActions(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.CardActions, tslib_1.__assign({}, rest), children);
-}
-exports.CardActions = CardActions;
-function CardContent(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.CardContent, tslib_1.__assign({}, rest), children);
-}
-exports.CardContent = CardContent;
-function CardHeader(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.CardHeader, tslib_1.__assign({}, rest), children);
-}
-exports.CardHeader = CardHeader;
-function CardMedia(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.CardMedia, tslib_1.__assign({}, rest), children);
-}
-exports.CardMedia = CardMedia;
+"use strict";
+exports.__esModule = true;
+exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Card(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(core_1.Card, tslib_1.__assign({}, rest), children);
+}
+exports.Card = Card;
+function CardActionArea(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(core_1.CardActionArea, tslib_1.__assign({}, rest), children);
+}
+exports.CardActionArea = CardActionArea;
+function CardActions(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(core_1.CardActions, tslib_1.__assign({}, rest), children);
+}
+exports.CardActions = CardActions;
+function CardContent(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(core_1.CardContent, tslib_1.__assign({}, rest), children);
+}
+exports.CardContent = CardContent;
+function CardHeader(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(core_1.CardHeader, tslib_1.__assign({}, rest), children);
+}
+exports.CardHeader = CardHeader;
+function CardMedia(props) {
+    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
+    return react_1["default"].createElement(core_1.CardMedia, tslib_1.__assign({}, rest), children);
+}
+exports.CardMedia = CardMedia;
 //# sourceMappingURL=Card.js.map

package/dist/Card/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Card';
-export * from './types';
+export * from './Card';
+export * from './types';

package/dist/Card/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Card"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Card"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Card/types.d.ts

@@ -1,7 +1,7 @@
-import { CardActionAreaProps as MuiCardActionAreaProps, CardActionsProps as MuiCardActionsProps, CardContentProps as MuiCardContentProps, CardProps as MuiCardProps, CardMediaProps as MuiCardMediaProps, CardHeaderProps as MuiCardHeaderProps } from '@material-ui/core';
-export declare type CardProps = MuiCardProps;
-export declare type CardActionAreaProps = MuiCardActionAreaProps;
-export declare type CardActionsProps = MuiCardActionsProps;
-export declare type CardContentProps = MuiCardContentProps;
-export declare type CardHeaderProps = MuiCardHeaderProps;
-export declare type CardMediaProps = MuiCardMediaProps;
+import { CardActionAreaProps as MuiCardActionAreaProps, CardActionsProps as MuiCardActionsProps, CardContentProps as MuiCardContentProps, CardProps as MuiCardProps, CardMediaProps as MuiCardMediaProps, CardHeaderProps as MuiCardHeaderProps } from '@material-ui/core';
+export declare type CardProps = MuiCardProps;
+export declare type CardActionAreaProps = MuiCardActionAreaProps;
+export declare type CardActionsProps = MuiCardActionsProps;
+export declare type CardContentProps = MuiCardContentProps;
+export declare type CardHeaderProps = MuiCardHeaderProps;
+export declare type CardMediaProps = MuiCardMediaProps;

package/dist/Card/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Checkbox/Checkbox.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { CheckboxProps } from './types';
-export declare function Checkbox(props: CheckboxProps): JSX.Element;
+/// <reference types="react" />
+import { CheckboxProps } from './types';
+export declare function Checkbox(props: CheckboxProps): JSX.Element;

package/dist/Checkbox/Checkbox.js

@@ -1,28 +1,28 @@
-"use strict";
-exports.__esModule = true;
-exports.Checkbox = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Checkbox(props) {
-    var label = props.label, labelPlacement = props.labelPlacement, _a = props.checkboxPlacement, checkboxPlacement = _a === void 0 ? 'top' : _a, rest = tslib_1.__rest(props, ["label", "labelPlacement", "checkboxPlacement"]);
-    var useClasses = core_1.makeStyles(function () {
-        return core_1.createStyles({
-            labelRoot: {
-                marginLeft: 0,
-                marginRight: 0
-            },
-            input: {
-                alignSelf: checkboxPlacement === 'top'
-                    ? 'flex-start'
-                    : checkboxPlacement === 'bottom'
-                        ? 'flex-end'
-                        : ''
-            }
-        });
-    });
-    var classes = useClasses();
-    return (react_1["default"].createElement(core_1.FormControlLabel, { classes: { root: classes.labelRoot }, control: react_1["default"].createElement(core_1.Checkbox, tslib_1.__assign({ className: classes.input }, rest)), label: label, labelPlacement: labelPlacement }));
-}
-exports.Checkbox = Checkbox;
+"use strict";
+exports.__esModule = true;
+exports.Checkbox = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+function Checkbox(props) {
+    var label = props.label, labelPlacement = props.labelPlacement, _a = props.checkboxPlacement, checkboxPlacement = _a === void 0 ? 'top' : _a, rest = tslib_1.__rest(props, ["label", "labelPlacement", "checkboxPlacement"]);
+    var useClasses = core_1.makeStyles(function () {
+        return core_1.createStyles({
+            labelRoot: {
+                marginLeft: 0,
+                marginRight: 0
+            },
+            input: {
+                alignSelf: checkboxPlacement === 'top'
+                    ? 'flex-start'
+                    : checkboxPlacement === 'bottom'
+                        ? 'flex-end'
+                        : ''
+            }
+        });
+    });
+    var classes = useClasses();
+    return (react_1["default"].createElement(core_1.FormControlLabel, { classes: { root: classes.labelRoot }, control: react_1["default"].createElement(core_1.Checkbox, tslib_1.__assign({ className: classes.input }, rest)), label: label, labelPlacement: labelPlacement }));
+}
+exports.Checkbox = Checkbox;
 //# sourceMappingURL=Checkbox.js.map

package/dist/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Checkbox';
-export * from './types';
+export * from './Checkbox';
+export * from './types';

package/dist/Checkbox/index.js

@@ -1,6 +1,6 @@
-"use strict";
-exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./Checkbox"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./Checkbox"), exports);
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Checkbox/types.d.ts

@@ -1,84 +1,84 @@
-/// <reference types="react" />
-import { SwitchBaseProps } from '@material-ui/core/internal/SwitchBase';
-export declare type CheckboxProps = {
-    /**
-     * label for the checkbox
-     */
-    label?: React.ReactNode;
-    /**
-     * placement of the checkbox
-     */
-    checkboxPlacement?: 'top' | 'bottom' | 'middle';
-    /**
-     * the placement for the label relative to the checkbox
-     */
-    labelPlacement?: 'end' | 'start';
-    /**
-     * If `true`, the component is checked.
-     */
-    checked?: SwitchBaseProps['checked'];
-    /**
-     * The icon to display when the component is checked.
-     */
-    checkedIcon?: React.ReactNode;
-    /**
-     * The color of the component. It supports those theme colors that make sense for this component.
-     */
-    color?: 'primary' | 'secondary' | 'default';
-    /**
-     * If `true`, the checkbox will be disabled.
-     */
-    disabled?: SwitchBaseProps['disabled'];
-    /**
-     * The icon to display when the component is unchecked.
-     */
-    icon?: React.ReactNode;
-    /**
-     * The id of the `input` element.
-     */
-    id?: SwitchBaseProps['id'];
-    /**
-     * If `true`, the component appears indeterminate.
-     * This does not set the native input element to indeterminate due
-     * to inconsistent behavior across browsers.
-     * However, we set a `data-indeterminate` attribute on the input.
-     */
-    indeterminate?: boolean;
-    /**
-     * The icon to display when the component is indeterminate.
-     */
-    indeterminateIcon?: React.ReactNode;
-    /**
-     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
-     */
-    inputProps?: SwitchBaseProps['inputProps'];
-    /**
-     * Pass a ref to the `input` element.
-     */
-    inputRef?: React.Ref<HTMLInputElement>;
-    /**
-     * Callback fired when the state is changed.
-     *
-     * @param {object} event The event source of the callback.
-     * You can pull out the new checked state by accessing `event.target.checked` (boolean).
-     */
-    onChange?: SwitchBaseProps['onChange'];
-    /**
-     * If `true`, the `input` element will be required.
-     */
-    required?: SwitchBaseProps['required'];
-    /**
-     * The size of the checkbox.
-     * `small` is equivalent to the dense checkbox styling.
-     */
-    size?: 'small' | 'medium';
-    /**
-     * The value of the component. The DOM API casts this to a string.
-     * The browser uses "on" as the default value.
-     */
-    value?: SwitchBaseProps['value'];
-    /**
-     * onclick handler.
-     */
-    onClick?: () => void;
-};
+/// <reference types="react" />
+import { SwitchBaseProps } from '@material-ui/core/internal/SwitchBase';
+export declare type CheckboxProps = {
+    /**
+     * label for the checkbox
+     */
+    label?: React.ReactNode;
+    /**
+     * placement of the checkbox
+     */
+    checkboxPlacement?: 'top' | 'bottom' | 'middle';
+    /**
+     * the placement for the label relative to the checkbox
+     */
+    labelPlacement?: 'end' | 'start';
+    /**
+     * If `true`, the component is checked.
+     */
+    checked?: SwitchBaseProps['checked'];
+    /**
+     * The icon to display when the component is checked.
+     */
+    checkedIcon?: React.ReactNode;
+    /**
+     * The color of the component. It supports those theme colors that make sense for this component.
+     */
+    color?: 'primary' | 'secondary' | 'default';
+    /**
+     * If `true`, the checkbox will be disabled.
+     */
+    disabled?: SwitchBaseProps['disabled'];
+    /**
+     * The icon to display when the component is unchecked.
+     */
+    icon?: React.ReactNode;
+    /**
+     * The id of the `input` element.
+     */
+    id?: SwitchBaseProps['id'];
+    /**
+     * If `true`, the component appears indeterminate.
+     * This does not set the native input element to indeterminate due
+     * to inconsistent behavior across browsers.
+     * However, we set a `data-indeterminate` attribute on the input.
+     */
+    indeterminate?: boolean;
+    /**
+     * The icon to display when the component is indeterminate.
+     */
+    indeterminateIcon?: React.ReactNode;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     */
+    inputProps?: SwitchBaseProps['inputProps'];
+    /**
+     * Pass a ref to the `input` element.
+     */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /**
+     * Callback fired when the state is changed.
+     *
+     * @param {object} event The event source of the callback.
+     * You can pull out the new checked state by accessing `event.target.checked` (boolean).
+     */
+    onChange?: SwitchBaseProps['onChange'];
+    /**
+     * If `true`, the `input` element will be required.
+     */
+    required?: SwitchBaseProps['required'];
+    /**
+     * The size of the checkbox.
+     * `small` is equivalent to the dense checkbox styling.
+     */
+    size?: 'small' | 'medium';
+    /**
+     * The value of the component. The DOM API casts this to a string.
+     * The browser uses "on" as the default value.
+     */
+    value?: SwitchBaseProps['value'];
+    /**
+     * onclick handler.
+     */
+    onClick?: () => void;
+};

package/dist/Checkbox/types.js

@@ -1,3 +1,3 @@
-"use strict";
-exports.__esModule = true;
+"use strict";
+exports.__esModule = true;
 //# sourceMappingURL=types.js.map

package/dist/Chip/Chip.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { ChipProps } from './types';
-export declare function Chip(props: ChipProps): JSX.Element;
+/// <reference types="react" />
+import { ChipProps } from './types';
+export declare function Chip(props: ChipProps): JSX.Element;

package/dist/Chip/Chip.js

@@ -1,17 +1,17 @@
-"use strict";
-exports.__esModule = true;
-exports.Chip = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-var Icon_1 = require("../Icon");
-var RandomColoredChip_1 = require("./RandomColoredChip");
-function Chip(props) {
-    var _a = props.deleteIcon, deleteIcon = _a === void 0 ? react_1["default"].createElement(Icon_1.Icon, { name: "close" }) : _a, randomColor = props.randomColor, rest = tslib_1.__rest(props, ["deleteIcon", "randomColor"]);
-    if (randomColor) {
-        return react_1["default"].createElement(RandomColoredChip_1.RandomColoredChip, tslib_1.__assign({ deleteIcon: deleteIcon }, rest));
-    }
-    return react_1["default"].createElement(core_1.Chip, tslib_1.__assign({ deleteIcon: deleteIcon }, rest));
-}
-exports.Chip = Chip;
+"use strict";
+exports.__esModule = true;
+exports.Chip = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Icon_1 = require("../Icon");
+var RandomColoredChip_1 = require("./RandomColoredChip");
+function Chip(props) {
+    var _a = props.deleteIcon, deleteIcon = _a === void 0 ? react_1["default"].createElement(Icon_1.Icon, { name: "close" }) : _a, randomColor = props.randomColor, rest = tslib_1.__rest(props, ["deleteIcon", "randomColor"]);
+    if (randomColor) {
+        return react_1["default"].createElement(RandomColoredChip_1.RandomColoredChip, tslib_1.__assign({ deleteIcon: deleteIcon }, rest));
+    }
+    return react_1["default"].createElement(core_1.Chip, tslib_1.__assign({ deleteIcon: deleteIcon }, rest));
+}
+exports.Chip = Chip;
 //# sourceMappingURL=Chip.js.map