@epilot/base-elements 2.7.15 → 2.7.21

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

package/dist/Chip/RandomColoredChip.d.ts

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

package/dist/Chip/RandomColoredChip.js

@@ -1,34 +1,34 @@
-"use strict";
-exports.__esModule = true;
-exports.RandomColoredChip = void 0;
-var tslib_1 = require("tslib");
-var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-var utils_1 = require("../utils");
-var useChipStyles = core_1.makeStyles(function () {
-    return core_1.createStyles({
-        customChip: {
-            backgroundColor: function (_a) {
-                var $backgroundColor = _a.$backgroundColor;
-                return $backgroundColor !== null && $backgroundColor !== void 0 ? $backgroundColor : 'inherit';
-            },
-            '.MuiChip-label': {
-                color: function (_a) {
-                    var $textColor = _a.$textColor;
-                    return $textColor !== null && $textColor !== void 0 ? $textColor : 'inherit';
-                }
-            }
-        }
-    });
-});
-function RandomColoredChip(props) {
-    var _a;
-    var color = utils_1.getRandomColor(typeof props.label === 'string' ? props.label : '');
-    var classes = useChipStyles({
-        $backgroundColor: color === null || color === void 0 ? void 0 : color.main,
-        $textColor: color === null || color === void 0 ? void 0 : color.contrastText
-    });
-    return (react_1["default"].createElement(core_1.Chip, tslib_1.__assign({}, props, { className: classes.customChip + " " + ((_a = props.className) !== null && _a !== void 0 ? _a : '') })));
-}
-exports.RandomColoredChip = RandomColoredChip;
+"use strict";
+exports.__esModule = true;
+exports.RandomColoredChip = void 0;
+var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
+var react_1 = tslib_1.__importDefault(require("react"));
+var utils_1 = require("../utils");
+var useChipStyles = core_1.makeStyles(function () {
+    return core_1.createStyles({
+        customChip: {
+            backgroundColor: function (_a) {
+                var $backgroundColor = _a.$backgroundColor;
+                return $backgroundColor !== null && $backgroundColor !== void 0 ? $backgroundColor : 'inherit';
+            },
+            '.MuiChip-label': {
+                color: function (_a) {
+                    var $textColor = _a.$textColor;
+                    return $textColor !== null && $textColor !== void 0 ? $textColor : 'inherit';
+                }
+            }
+        }
+    });
+});
+function RandomColoredChip(props) {
+    var _a;
+    var color = utils_1.getRandomColor(typeof props.label === 'string' ? props.label : '');
+    var classes = useChipStyles({
+        $backgroundColor: color === null || color === void 0 ? void 0 : color.main,
+        $textColor: color === null || color === void 0 ? void 0 : color.contrastText
+    });
+    return (react_1["default"].createElement(core_1.Chip, tslib_1.__assign({}, props, { className: classes.customChip + " " + ((_a = props.className) !== null && _a !== void 0 ? _a : '') })));
+}
+exports.RandomColoredChip = RandomColoredChip;
 //# sourceMappingURL=RandomColoredChip.js.map

package/dist/Chip/index.d.ts

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

package/dist/Chip/index.js

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

package/dist/Chip/types.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { ChipProps as MuiChipProps } from '@material-ui/core';
-export declare type ChipProps = MuiChipProps & {
-    /**
-     * the component that will be used to represents the chip
-     */
-    component?: string | React.ReactNode;
-    /**
-     * the link of the clickable chip
-     */
-    href?: string;
-    randomColor?: boolean;
-};
+/// <reference types="react" />
+import { ChipProps as MuiChipProps } from '@material-ui/core';
+export declare type ChipProps = MuiChipProps & {
+    /**
+     * the component that will be used to represents the chip
+     */
+    component?: string | React.ReactNode;
+    /**
+     * the link of the clickable chip
+     */
+    href?: string;
+    randomColor?: boolean;
+};

package/dist/Chip/types.js

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

package/dist/Collapse/Collapse.d.ts

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

package/dist/Collapse/Collapse.js

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

package/dist/Collapse/index.d.ts

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

package/dist/Collapse/index.js

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

package/dist/Collapse/types.d.ts

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

package/dist/Collapse/types.js

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

package/dist/Dialog/Dialog.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps } from './types';
-export declare function Dialog(props: DialogProps): JSX.Element;
-export declare function DialogActions(props: DialogActionsProps): JSX.Element;
-export declare function DialogContent(props: DialogContentProps): JSX.Element;
-export declare function DialogContentText(props: DialogContentTextProps): JSX.Element;
-export declare function DialogTitle(props: DialogTitleProps): JSX.Element;
+/// <reference types="react" />
+import { DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps } from './types';
+export declare function Dialog(props: DialogProps): JSX.Element;
+export declare function DialogActions(props: DialogActionsProps): JSX.Element;
+export declare function DialogContent(props: DialogContentProps): JSX.Element;
+export declare function DialogContentText(props: DialogContentTextProps): JSX.Element;
+export declare function DialogTitle(props: DialogTitleProps): JSX.Element;

package/dist/Dialog/Dialog.js

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

package/dist/Dialog/index.d.ts

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

package/dist/Dialog/index.js

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