@epilot/base-elements 3.2.0 → 3.2.2

package/dist/Accordion/Accordion.d.ts

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

package/dist/Accordion/Accordion.js

@@ -1,12 +1,13 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
 exports.__esModule = true;
 exports.Accordion = void 0;
-var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function Accordion(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.Accordion, tslib_1.__assign({}, rest), children);
-}
-exports.Accordion = Accordion;
+__createBinding(exports, core_1, "Accordion");
 //# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6D;AAC7D,wDAAyB;AAIzB,SAAgB,SAAS,CAAC,KAAqB;IACrC,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,gBAAY,uBAAK,IAAI,GAAG,QAAQ,CAAgB,CAAA;AAC1D,CAAC;AAJD,8BAIC"}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../src/Accordion/Accordion.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,0CAA6C;AAApC,8CAAS"}

package/dist/Accordion/AccordionActions.d.ts

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

package/dist/Accordion/AccordionActions.js

@@ -1,12 +1,13 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
 exports.__esModule = true;
 exports.AccordionActions = void 0;
-var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function AccordionActions(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.AccordionActions, tslib_1.__assign({}, rest), children);
-}
-exports.AccordionActions = AccordionActions;
+__createBinding(exports, core_1, "AccordionActions");
 //# sourceMappingURL=AccordionActions.js.map

package/dist/Accordion/AccordionActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionActions.js","sourceRoot":"","sources":["../../src/Accordion/AccordionActions.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2E;AAC3E,wDAAyB;AAIzB,SAAgB,gBAAgB,CAAC,KAA4B;IACnD,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,uBAAmB,uBAAK,IAAI,GAAG,QAAQ,CAAuB,CAAA;AACxE,CAAC;AAJD,4CAIC"}
+{"version":3,"file":"AccordionActions.js","sourceRoot":"","sources":["../../src/Accordion/AccordionActions.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,0CAAoD;AAA3C,qDAAgB"}

package/dist/Accordion/AccordionDetails.d.ts

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

package/dist/Accordion/AccordionDetails.js

@@ -1,12 +1,13 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
 exports.__esModule = true;
 exports.AccordionDetails = void 0;
-var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
-var react_1 = tslib_1.__importDefault(require("react"));
-function AccordionDetails(props) {
-    var children = props.children, rest = tslib_1.__rest(props, ["children"]);
-    return react_1["default"].createElement(core_1.AccordionDetails, tslib_1.__assign({}, rest), children);
-}
-exports.AccordionDetails = AccordionDetails;
+__createBinding(exports, core_1, "AccordionDetails");
 //# sourceMappingURL=AccordionDetails.js.map

package/dist/Accordion/AccordionDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionDetails.js","sourceRoot":"","sources":["../../src/Accordion/AccordionDetails.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2E;AAC3E,wDAAyB;AAIzB,SAAgB,gBAAgB,CAAC,KAA4B;IACnD,IAAA,QAAQ,GAAc,KAAK,SAAnB,EAAK,IAAI,kBAAK,KAAK,EAA7B,YAAqB,CAAF,CAAU;IAEnC,OAAO,iCAAC,uBAAmB,uBAAK,IAAI,GAAG,QAAQ,CAAuB,CAAA;AACxE,CAAC;AAJD,4CAIC"}
+{"version":3,"file":"AccordionDetails.js","sourceRoot":"","sources":["../../src/Accordion/AccordionDetails.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,0CAAoD;AAA3C,qDAAgB"}

package/dist/Accordion/AccordionSummary.d.ts

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

package/dist/Accordion/AccordionSummary.js

@@ -5,9 +5,9 @@ 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");
-function AccordionSummary(props) {
-    var children = props.children, _a = props.expandIcon, expandIcon = _a === void 0 ? react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "expand_more" }) : _a, rest = tslib_1.__rest(props, ["children", "expandIcon"]);
-    return (react_1["default"].createElement(core_1.AccordionSummary, tslib_1.__assign({ expandIcon: expandIcon }, rest), children));
-}
+var AccordionSummary = function (_a) {
+    var _b = _a.expandIcon, expandIcon = _b === void 0 ? react_1["default"].createElement(Icon_1.Icon, { color: "secondary", name: "expand_more" }) : _b, props = tslib_1.__rest(_a, ["expandIcon"]);
+    return (react_1["default"].createElement(core_1.AccordionSummary, tslib_1.__assign({ expandIcon: expandIcon }, props)));
+};
 exports.AccordionSummary = AccordionSummary;
 //# sourceMappingURL=AccordionSummary.js.map

package/dist/Accordion/AccordionSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionSummary.js","sourceRoot":"","sources":["../../src/Accordion/AccordionSummary.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2E;AAC3E,wDAAyB;AAEzB,gCAA8B;AAI9B,SAAgB,gBAAgB,CAAC,KAA4B;IAEzD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,KAEE,KAAK,WAFmD,EAA1D,UAAU,mBAAG,iCAAC,WAAI,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,GAAG,KAAA,EACvD,IAAI,kBACL,KAAK,EAJH,0BAIL,CADQ,CACA;IAET,OAAO,CACL,iCAAC,uBAAmB,qBAAC,UAAU,EAAE,UAAU,IAAM,IAAI,GAClD,QAAQ,CACW,CACvB,CAAA;AACH,CAAC;AAZD,4CAYC"}
+{"version":3,"file":"AccordionSummary.js","sourceRoot":"","sources":["../../src/Accordion/AccordionSummary.tsx"],"names":[],"mappings":";;;;AAAA,0CAA2E;AAC3E,wDAAyB;AAEzB,gCAA8B;AAIvB,IAAM,gBAAgB,GAAG,UAAC,EAGT;IAFtB,IAAA,kBAA0D,EAA1D,UAAU,mBAAG,iCAAC,WAAI,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,aAAa,GAAG,KAAA,EACvD,KAAK,sBAFuB,cAGhC,CADS;IACmB,OAAA,CAC3B,iCAAC,uBAAmB,qBAAC,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAC3D,CAAA;CAAA,CAAA;AALY,QAAA,gBAAgB,oBAK5B"}

package/dist/Accordion/types.d.ts

@@ -1,57 +1,16 @@
 /// <reference types="react" />
-import { AccordionDetailsProps as MuiAccordionDetailsProps, AccordionSummaryProps as MuiAccordionSummaryProps, PaperProps } from '@material-ui/core';
-import { TransitionProps } from '@material-ui/core/transitions';
-export declare type AccordionProps = PaperProps & {
-    /**
-     * The content of the accordion.
-     */
-    children: NonNullable<React.ReactNode>;
-    /**
-     * If `true`, expands the accordion by default.
-     */
-    defaultExpanded?: boolean;
-    /**
-     * If `true`, the accordion will be displayed in a disabled state.
-     */
-    disabled?: boolean;
-    /**
-     * If `true`, expands the accordion, otherwise collapse it.
-     * Setting this prop enables control over the accordion.
-     */
-    expanded?: boolean;
+export type { AccordionActionsProps, AccordionSummaryProps, AccordionDetailsProps } from '@material-ui/core';
+import type { PaperProps, AccordionProps as MuiAccordionProps } from '@material-ui/core';
+/**
+ * @todo PaperProps type union is redundant here, remove
+ */
+export declare type AccordionProps = PaperProps & MuiAccordionProps & {
     /**
      * Callback fired when the expand/collapse state is changed.
-     *
      * @param {object} event The event source of the callback.
      * @param {boolean} expanded The `expanded` state of the accordion.
+     * @todo Only difference here is the type passed to the ChangeEvent generic
+     * @todo Consider removing type annotation and having just AccordionProps exported
      */
     onChange?: (event: React.ChangeEvent<unknown>, expanded: boolean) => void;
-    /**
-     * The component used for the collapse effect.
-     * [Follow this guide](/components/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
-     */
-    TransitionComponent?: React.ComponentType<TransitionProps & {
-        children?: React.ReactElement<any, any>;
-    }>;
-    /**
-     * Props applied to the [`Transition`](http://reactcommunity.org/react-transition-group/transition#Transition-props) element.
-     */
-    TransitionProps?: TransitionProps;
-};
-export declare type AccordionActionsProps = {
-    /**
-     * The content of the component.
-     */
-    children?: React.ReactNode;
-    /**
-     * If `true`, the actions do not have additional margin.
-     */
-    disableSpacing?: boolean;
-};
-export declare type AccordionSummaryProps = MuiAccordionSummaryProps;
-export declare type AccordionDetailsProps = MuiAccordionDetailsProps & {
-    /**
-     * The content of the accordion details.
-     */
-    children?: React.ReactNode;
 };

package/dist/AppBar/index.d.ts

@@ -1,2 +1 @@
-export * from './AppBar';
-export * from './types';
+export { AppBar, Toolbar, AppBarProps, ToolbarProps } from '@material-ui/core';

package/dist/AppBar/index.js

@@ -1,6 +1,14 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
 exports.__esModule = true;
-var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./AppBar"), exports);
-tslib_1.__exportStar(require("./types"), exports);
+exports.Toolbar = exports.AppBar = void 0;
+var core_1 = require("@material-ui/core");
+__createBinding(exports, core_1, "AppBar");
+__createBinding(exports, core_1, "Toolbar");
 //# sourceMappingURL=index.js.map

package/dist/AppBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AppBar/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AppBar/index.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,0CAA8E;AAArE,2CAAM;AAAE,4CAAO"}

package/dist/Autocomplete/Autocomplete.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { AutocompleteProps } from './types';
-export declare function Autocomplete(props: AutocompleteProps): JSX.Element;
+import React from 'react';
+import type { AutocompleteProps } from './types';
+export declare const Autocomplete: React.ForwardRefExoticComponent<Pick<AutocompleteProps<any>, "error" | "label" | "security" | "style" | "title" | "translate" | "className" | "classes" | "innerRef" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "disabled" | "size" | "open" | "multiple" | "value" | "autoComplete" | "required" | "loading" | "variant" | "fullWidth" | "customBackgroundColor" | "onClose" | "onOpen" | "PopperComponent" | "disablePortal" | "ChipProps" | "closeIcon" | "clearText" | "closeText" | "forcePopupIcon" | "getLimitTagsText" | "ListboxComponent" | "ListboxProps" | "loadingText" | "limitTags" | "noOptionsText" | "openText" | "PaperComponent" | "popupIcon" | "renderGroup" | "renderOption" | "renderTags" | "autoHighlight" | "autoSelect" | "blurOnSelect" | "clearOnBlur" | "clearOnEscape" | "componentName" | "debug" | "disableClearable" | "disableCloseOnSelect" | "disabledItemsFocusable" | "disableListWrap" | "filterOptions" | "filterSelectedOptions" | "freeSolo" | "getOptionDisabled" | "getOptionLabel" | "getOptionSelected" | "groupBy" | "handleHomeEndKeys" | "includeInputInList" | "inputValue" | "onInputChange" | "onHighlightChange" | "openOnFocus" | "options" | "selectOnFocus" | "disableOpenOnFocus" | "flipPopperEnabled" | "textfieldProps"> & React.RefAttributes<unknown>>;

package/dist/Autocomplete/Autocomplete.js

@@ -9,41 +9,30 @@ var react_1 = tslib_1.__importStar(require("react"));
 var Icon_1 = require("../Icon");
 var TextField_1 = require("../TextField");
 var styles_1 = require("./styles");
-function DropdownPopper(props) {
-    return (react_1["default"].createElement(core_1.Popper, tslib_1.__assign({}, props, { modifiers: {
-            flip: { enabled: false },
-            preventOverflow: { enabled: false }
-        } })));
-}
-function Autocomplete(props) {
-    var error = props.error, label = props.label, _a = props.multiple, multiple = _a === void 0 ? true : _a, _b = props.popupIcon, popupIcon = _b === void 0 ? react_1["default"].createElement(ExpandMore_1["default"], { color: "secondary" }) : _b, noOptionsText = props.noOptionsText, options = props.options, placeholder = props.placeholder, value = props.value, onChange = props.onChange, disableOpenOnFocus = props.disableOpenOnFocus, disabled = props.disabled, fullWidth = props.fullWidth, id = props.id, required = props.required, _c = props.variant, variant = _c === void 0 ? 'filled' : _c, _d = props.flipPopperEnabled, flipPopperEnabled = _d === void 0 ? false : _d, customBackgroundColor = props.customBackgroundColor, textfieldProps = props.textfieldProps, rest = tslib_1.__rest(props, ["error", "label", "multiple", "popupIcon", "noOptionsText", "options", "placeholder", "value", "onChange", "disableOpenOnFocus", "disabled", "fullWidth", "id", "required", "variant", "flipPopperEnabled", "customBackgroundColor", "textfieldProps"]);
+var DropdownPopper = function (_a) {
+    var modifiers = _a.modifiers, props = tslib_1.__rest(_a, ["modifiers"]);
+    return (react_1["default"].createElement(core_1.Popper, tslib_1.__assign({}, props, { modifiers: tslib_1.__assign(tslib_1.__assign({}, modifiers), { flip: { enabled: false }, preventOverflow: { enabled: false } }) })));
+};
+exports.Autocomplete = react_1.forwardRef(function (props, ref) {
+    var error = props.error, label = props.label, _a = props.multiple, multiple = _a === void 0 ? true : _a, _b = props.popupIcon, popupIcon = _b === void 0 ? react_1["default"].createElement(ExpandMore_1["default"], { color: "secondary" }) : _b, placeholder = props.placeholder, value = props.value, disableOpenOnFocus = props.disableOpenOnFocus, id = props.id, required = props.required, _c = props.variant, variant = _c === void 0 ? 'filled' : _c, _d = props.flipPopperEnabled, flipPopperEnabled = _d === void 0 ? false : _d, customBackgroundColor = props.customBackgroundColor, textfieldProps = props.textfieldProps, rest = tslib_1.__rest(props, ["error", "label", "multiple", "popupIcon", "placeholder", "value", "disableOpenOnFocus", "id", "required", "variant", "flipPopperEnabled", "customBackgroundColor", "textfieldProps"]);
     var clearIconOverwrite = styles_1.useAutocompleteStyles().clearIconOverwrite;
     var _e = react_1.useState(false), open = _e[0], setOpen = _e[1];
     var _f = react_1.useState(''), inputValue = _f[0], setInputValue = _f[1];
     react_1.useEffect(function () {
-        if (!disableOpenOnFocus)
+        if (!disableOpenOnFocus) {
             setOpen(true);
+        }
     }, [disableOpenOnFocus]);
-    var handleOnChange = function (event, newValue) {
-        onChange && onChange(event, newValue);
-    };
     var handleOpen = function () {
-        if (inputValue.length > 0) {
+        if (inputValue.length) {
             setOpen(true);
         }
     };
-    var handleInputChange = function (_event, newInputValue) {
-        setInputValue(newInputValue);
-        if (newInputValue.length > 0) {
-            setOpen(true);
-        }
-        else {
-            setOpen(false);
-        }
+    var handleInputChange = function (_, value) {
+        setInputValue(value);
+        setOpen(!!value.length);
     };
-    return (react_1["default"].createElement(lab_1.Autocomplete, tslib_1.__assign({ ChipProps: {
-            deleteIcon: react_1["default"].createElement(Icon_1.Icon, { name: "close" })
-        }, PopperComponent: flipPopperEnabled ? core_1.Popper : DropdownPopper, className: clearIconOverwrite, disabled: disabled, fullWidth: fullWidth, inputValue: inputValue, multiple: multiple, noOptionsText: noOptionsText || undefined, onChange: handleOnChange, onClose: function () { return setOpen(false); }, onInputChange: handleInputChange, onOpen: disableOpenOnFocus ? handleOpen : undefined, open: disableOpenOnFocus ? open : undefined, options: options, popupIcon: popupIcon, renderInput: function (params) { return (react_1["default"].createElement(TextField_1.TextField, tslib_1.__assign({}, params, { customBackgroundColor: customBackgroundColor, error: error ? true : false, helperText: error, label: typeof label === 'string' ? label + (required ? ' *' : '') : label, placeholder: placeholder, variant: variant }, textfieldProps))); }, value: value }, rest)));
-}
-exports.Autocomplete = Autocomplete;
+    return (react_1["default"].createElement(lab_1.Autocomplete, tslib_1.__assign({ ChipProps: { deleteIcon: react_1["default"].createElement(Icon_1.Icon, { name: "close" }) }, PopperComponent: flipPopperEnabled ? core_1.Popper : DropdownPopper, className: clearIconOverwrite, inputValue: inputValue, multiple: multiple, onClose: function () { return setOpen(false); }, onInputChange: handleInputChange, onOpen: disableOpenOnFocus ? handleOpen : undefined, open: disableOpenOnFocus ? open : undefined, popupIcon: popupIcon, ref: ref, renderInput: function (params) { return (react_1["default"].createElement(TextField_1.TextField, tslib_1.__assign({}, params, { customBackgroundColor: customBackgroundColor, error: !!error, helperText: error, label: typeof label === 'string' ? label + (required ? ' *' : '') : label, placeholder: placeholder, variant: variant }, textfieldProps))); }, value: value }, rest)));
+});
+exports.Autocomplete.displayName = 'Autocomplete';
 //# sourceMappingURL=Autocomplete.js.map

package/dist/Autocomplete/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sourceRoot":"","sources":["../../src/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"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"}

package/dist/Autocomplete/index.d.ts

@@ -1,2 +1,2 @@
-export { Autocomplete } from './Autocomplete';
+export * from './Autocomplete';
 export * from './types';

package/dist/Autocomplete/index.js

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

package/dist/Autocomplete/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Autocomplete/index.ts"],"names":[],"mappings":";;;;AAAA,+CAA6C;AAApC,iEAAY;AACrB,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Autocomplete/index.ts"],"names":[],"mappings":";;;AAAA,yDAA8B;AAC9B,kDAAuB"}

package/dist/Autocomplete/styles.d.ts

@@ -1 +1 @@
-export declare const useAutocompleteStyles: (props?: any) => Record<"clearIconOverwrite", string>;
+export declare const useAutocompleteStyles: (props?: any) => Record<string, string>;

package/dist/Autocomplete/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Autocomplete/styles.ts"],"names":[],"mappings":";;;AAAA,mDAAmE;AAItD,QAAA,qBAAqB,GAAG,mBAAU,CAAC,UAAC,KAAkB;;IACjE,OAAA,qBAAY,CAAC;QACX,kBAAkB,EAAE;YAClB,mCAAmC,EAAE;gBACnC,KAAK,QAAE,KAAK,CAAC,OAAO,0CAAE,SAAS,CAAC,IAAI;aACrC;SACF;KACF,CAAC,CAAA;CAAA,CACH,CAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/Autocomplete/styles.ts"],"names":[],"mappings":";;;AAAA,mDAAmE;AAItD,QAAA,qBAAqB,GAAG,mBAAU,CAAc,UAAA,KAAK;;IAChE,OAAA,qBAAY,CAAC;QACX,kBAAkB,EAAE;YAClB,mCAAmC,EAAE;gBACnC,KAAK,QAAE,KAAK,CAAC,OAAO,0CAAE,SAAS,CAAC,IAAI;aACrC;SACF;KACF,CAAC,CAAA;CAAA,CACH,CAAA"}

package/dist/Autocomplete/types.d.ts

@@ -1,10 +1,15 @@
-import { AutocompleteProps as MuiAutocompleteProps } from '@material-ui/lab';
-import React from 'react';
-import { TextFieldProps } from '../TextField';
+import type { AutocompleteProps as MuiAutocompleteProps } from '@material-ui/lab';
+import type { ReactNode } from 'react';
+import type { TextFieldProps } from '../TextField';
 declare type Multiple = boolean | undefined;
 declare type DisableClearable = boolean | undefined;
 declare type FreeSolo = boolean | undefined;
-export declare type AutocompleteProps = Omit<MuiAutocompleteProps<any, Multiple, DisableClearable, FreeSolo>, 'renderInput'> & {
+/**
+ * @todo Consider typing T as string | string[] | null
+ * and removing annotation from value and onChange props
+ * @todo Consider extending AutocompleteXProps instead of MuiAutocompleteProps
+ */
+export declare type AutocompleteProps<T = any> = Omit<MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> & {
     /**
      * The text to be used as an error message.
      * If set, the select style changes to error status.
@@ -13,31 +18,14 @@ export declare type AutocompleteProps = Omit<MuiAutocompleteProps<any, Multiple,
     /**
      * The label content.
      */
-    label?: React.ReactNode;
-    /**
-     * If true, value must be an array and the menu will support multiple selections.
-     */
-    multiple?: boolean;
-    /**
-     * Text to display when there are no options.
-     *
-     * For localization purposes, you can use the provided [translations](/guides/localization/).
-     */
-    noOptionsText?: string;
-    /**
-     * Array of options.
-     */
-    options: any[];
-    /**
-     * The short hint displayed in the input before the user enters a value.
-     */
-    placeholder?: string;
+    label?: ReactNode;
     /**
      * The value of the autocomplete.
      */
     value?: string | string[] | null;
     /**
      * Callback fired when the value changes.
+     * @todo Couldn't we just keep the same signature as the MUI Autocomplete's onChange?
      */
     onChange?: (event: React.ChangeEvent<unknown>, value: string | string[] | null) => void;
     /**

package/dist/AutocompleteX/AutocompleteX.d.ts

@@ -1,2 +1 @@
-import { Autocomplete as MuiAutocomplete } from '@material-ui/lab';
-export declare const AutocompleteX: typeof MuiAutocomplete;
+export { Autocomplete as AutocompleteX } from '@material-ui/lab';

package/dist/AutocompleteX/AutocompleteX.js

@@ -1,6 +1,13 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
 exports.__esModule = true;
 exports.AutocompleteX = void 0;
 var lab_1 = require("@material-ui/lab");
-exports.AutocompleteX = lab_1.Autocomplete;
+__createBinding(exports, lab_1, "Autocomplete", "AutocompleteX");
 //# sourceMappingURL=AutocompleteX.js.map

package/dist/AutocompleteX/AutocompleteX.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutocompleteX.js","sourceRoot":"","sources":["../../src/AutocompleteX/AutocompleteX.tsx"],"names":[],"mappings":";;;AAAA,wCAAkE;AAErD,QAAA,aAAa,GAAG,kBAAe,CAAA"}
+{"version":3,"file":"AutocompleteX.js","sourceRoot":"","sources":["../../src/AutocompleteX/AutocompleteX.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,wCAAgE;AAAvD,iEAA6B"}

package/dist/AutocompleteX/index.d.ts

@@ -1,2 +1,2 @@
-export { AutocompleteX } from './AutocompleteX';
+export * from './AutocompleteX';
 export * from './types';

package/dist/AutocompleteX/index.js

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

package/dist/AutocompleteX/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AutocompleteX/index.ts"],"names":[],"mappings":";;;;AAAA,iDAA+C;AAAtC,mEAAa;AACtB,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/AutocompleteX/index.ts"],"names":[],"mappings":";;;AAAA,0DAA+B;AAC/B,kDAAuB"}

package/dist/AutocompleteX/types.d.ts

@@ -2,5 +2,8 @@ import { AutocompleteProps as MuiAutocompleteProps } from '@material-ui/lab';
 declare type Multiple = boolean | undefined;
 declare type DisableClearable = boolean | undefined;
 declare type FreeSolo = boolean | undefined;
-export declare type AutocompleteXProps = MuiAutocompleteProps<any, Multiple, DisableClearable, FreeSolo>;
+/**
+ * @todo Consider narrowing type of T to string | string[] | null
+ */
+export declare type AutocompleteXProps<T = any> = MuiAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>;
 export {};

package/dist/Avatar/Avatar.d.ts

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

package/dist/Avatar/Avatar.js

@@ -3,6 +3,7 @@ exports.__esModule = true;
 exports.Avatar = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
 var react_1 = tslib_1.__importDefault(require("react"));
 var useStyles = core_1.makeStyles(function (theme) {
     return core_1.createStyles({
@@ -16,13 +17,10 @@ var useStyles = core_1.makeStyles(function (theme) {
         }
     });
 });
-function Avatar(props) {
+var Avatar = function (props) {
     var classes = useStyles(props);
     var backgroundColor = props.backgroundColor, borderColor = props.borderColor, className = props.className, rest = tslib_1.__rest(props, ["backgroundColor", "borderColor", "className"]);
-    var avatarClasses = backgroundColor
-        ? classes.backgroundcolor + " " + classes.bordercolor
-        : classes.bordercolor;
-    return react_1["default"].createElement(core_1.Avatar, tslib_1.__assign({ className: avatarClasses + " " + className }, rest));
-}
+    return (react_1["default"].createElement(core_1.Avatar, tslib_1.__assign({ className: classnames_1["default"](backgroundColor && classes.backgroundcolor, classes.bordercolor, className) }, rest)));
+};
 exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.js.map

package/dist/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;AAAA,0CAI0B;AAC1B,wDAAyB;AAKzB,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,eAAe,EAAE;YACf,eAAe,EAAE,UAAC,KAAkB,IAAK,OAAA,KAAK,CAAC,eAAe,EAArB,CAAqB;SAC/D;QACD,WAAW,EAAE;YACX,MAAM,EAAE,UAAC,KAAkB;gBACzB,OAAA,gBAAa,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAE;YAAjE,CAAiE;SACpE;KACF,CAAC;AARF,CAQE,CACH,CAAA;AAED,SAAgB,MAAM,CAAC,KAAkB;IACvC,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACxB,IAAA,eAAe,GAAsC,KAAK,gBAA3C,EAAE,WAAW,GAAyB,KAAK,YAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,kBAAK,KAAK,EAA5D,+CAAoD,CAAF,CAAU;IAClE,IAAM,aAAa,GAAG,eAAe;QACnC,CAAC,CAAI,OAAO,CAAC,eAAe,SAAI,OAAO,CAAC,WAAa;QACrD,CAAC,CAAC,OAAO,CAAC,WAAW,CAAA;IAEvB,OAAO,iCAAC,aAAS,qBAAC,SAAS,EAAK,aAAa,SAAI,SAAW,IAAM,IAAI,EAAI,CAAA;AAC5E,CAAC;AARD,wBAQC"}
+{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../../src/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;AAAA,0CAI0B;AAC1B,kEAAmC;AACnC,wDAAyB;AAMzB,IAAM,SAAS,GAAG,iBAAU,CAG1B,UAAA,KAAK;IACL,OAAA,mBAAY,CAAC;QACX,eAAe,EAAE;YACf,eAAe,EAAE,UAAA,KAAK,IAAI,OAAA,KAAK,CAAC,eAAe,EAArB,CAAqB;SAChD;QACD,WAAW,EAAE;YACX,MAAM,EAAE,UAAA,KAAK;gBACX,OAAA,gBAAa,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAE;YAAjE,CAAiE;SACpE;KACF,CAAC;AARF,CAQE,CACH,CAAA;AAEM,IAAM,MAAM,GAAG,UAAC,KAAkB;IACvC,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IACxB,IAAA,eAAe,GAAsC,KAAK,gBAA3C,EAAE,WAAW,GAAyB,KAAK,YAA9B,EAAE,SAAS,GAAc,KAAK,UAAnB,EAAK,IAAI,kBAAK,KAAK,EAA5D,+CAAoD,CAAF,CAAU;IAElE,OAAO,CACL,iCAAC,aAAS,qBACR,SAAS,EAAE,uBAAU,CACnB,eAAe,IAAI,OAAO,CAAC,eAAe,EAC1C,OAAO,CAAC,WAAW,EACnB,SAAS,CACV,IACG,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,MAAM,UAclB"}

package/dist/Avatar/AvatarGroup.d.ts

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

package/dist/Avatar/AvatarGroup.js

@@ -4,6 +4,7 @@ exports.AvatarGroup = void 0;
 var tslib_1 = require("tslib");
 var core_1 = require("@material-ui/core");
 var lab_1 = require("@material-ui/lab");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
 var react_1 = tslib_1.__importDefault(require("react"));
 var useStyles = core_1.makeStyles(function (theme) {
     return core_1.createStyles({
@@ -14,9 +15,10 @@ var useStyles = core_1.makeStyles(function (theme) {
         }
     });
 });
-function AvatarGroup(props) {
-    var classes = useStyles(props);
-    return react_1["default"].createElement(lab_1.AvatarGroup, tslib_1.__assign({ className: classes.bordercolor }, props));
-}
+var AvatarGroup = function (_a) {
+    var className = _a.className, props = tslib_1.__rest(_a, ["className"]);
+    var classes = useStyles();
+    return (react_1["default"].createElement(lab_1.AvatarGroup, tslib_1.__assign({ className: classnames_1["default"](classes.bordercolor, className) }, props)));
+};
 exports.AvatarGroup = AvatarGroup;
 //# sourceMappingURL=AvatarGroup.js.map

package/dist/Avatar/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../src/Avatar/AvatarGroup.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,wCAAgE;AAChE,wDAAyB;AAMzB,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAC,KAAY;IACxC,OAAA,mBAAY,CAAC;QACX,WAAW,EAAE;YACX,SAAS,EAAE;gBACT,MAAM,EAAE,cAAM,OAAA,eAAa,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAU,EAA5C,CAA4C;aAC3D;SACF;KACF,CAAC;AANF,CAME,CACH,CAAA;AAED,SAAgB,WAAW,CAAC,KAAuB;IACjD,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC,CAAA;IAEhC,OAAO,iCAAC,iBAAc,qBAAC,SAAS,EAAE,OAAO,CAAC,WAAW,IAAM,KAAK,EAAI,CAAA;AACtE,CAAC;AAJD,kCAIC"}
+{"version":3,"file":"AvatarGroup.js","sourceRoot":"","sources":["../../src/Avatar/AvatarGroup.tsx"],"names":[],"mappings":";;;;AAAA,0CAA4D;AAC5D,wCAAgE;AAChE,kEAAmC;AACnC,wDAAyB;AAIzB,IAAM,SAAS,GAAG,iBAAU,CAAC,UAAA,KAAK;IAChC,OAAA,mBAAY,CAAC;QACX,WAAW,EAAE;YACX,SAAS,EAAE;gBACT,MAAM,EAAE,cAAM,OAAA,eAAa,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAU,EAA5C,CAA4C;aAC3D;SACF;KACF,CAAC;AANF,CAME,CACH,CAAA;AAEM,IAAM,WAAW,GAAG,UAAC,EAAyC;IAAvC,IAAA,SAAS,eAAA,EAAK,KAAK,sBAArB,aAAuB,CAAF;IAC/C,IAAM,OAAO,GAAG,SAAS,EAAE,CAAA;IAE3B,OAAO,CACL,iCAAC,iBAAc,qBACb,SAAS,EAAE,uBAAU,CAAC,OAAO,CAAC,WAAW,EAAE,SAAS,CAAC,IACjD,KAAK,EACT,CACH,CAAA;AACH,CAAC,CAAA;AATY,QAAA,WAAW,eASvB"}

package/dist/Avatar/index.d.ts

@@ -1,3 +1,3 @@
-export { Avatar } from './Avatar';
-export { AvatarGroup } from './AvatarGroup';
+export * from './Avatar';
+export * from './AvatarGroup';
 export * from './types';

package/dist/Avatar/index.js

@@ -1,10 +1,7 @@
 "use strict";
 exports.__esModule = true;
-exports.AvatarGroup = exports.Avatar = void 0;
 var tslib_1 = require("tslib");
-var Avatar_1 = require("./Avatar");
-tslib_1.__createBinding(exports, Avatar_1, "Avatar");
-var AvatarGroup_1 = require("./AvatarGroup");
-tslib_1.__createBinding(exports, AvatarGroup_1, "AvatarGroup");
+tslib_1.__exportStar(require("./Avatar"), exports);
+tslib_1.__exportStar(require("./AvatarGroup"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

package/dist/Avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":";;;;AAAA,mCAAiC;AAAxB,qDAAM;AACf,6CAA2C;AAAlC,+DAAW;AACpB,kDAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Avatar/index.ts"],"names":[],"mappings":";;;AAAA,mDAAwB;AACxB,wDAA6B;AAC7B,kDAAuB"}