@agilekit/ui 0.0.432-alpha.0 → 0.0.441-alpha.0

package/lib/index.js.LICENSE.txt

@@ -1,12 +1,17 @@
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
 
 /**
  * A better abstraction over CSS.
@@ -25,7 +30,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-/** @license React v17.0.2
+/** @license React v17.0.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.

package/lib/src/components/ActionList/components/Item/Item.d.ts

@@ -6,5 +6,5 @@ interface IPropsItem {
     content?: any;
     onClick?: any;
 }
-declare const Item: React.FC<IPropsItem>;
+declare const Item: React.SFC<IPropsItem>;
 export default Item;

package/lib/src/components/ActionList/components/Section/Section.d.ts

@@ -5,5 +5,5 @@ export interface ISectionProps {
     hasMultipleSections?: any;
     actionRole: any;
 }
-declare const Section: React.FC<ISectionProps>;
+declare const Section: React.SFC<ISectionProps>;
 export default Section;

package/lib/src/components/AgileTable/stories/components/AgileTableSimpleForm.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const TableSimpleForm: () => JSX.Element;
 export default TableSimpleForm;

package/lib/src/components/AppFrame/stories/AppFrame.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import AppFrame from '../AppFrame';
 declare const _default: {
     title: string;

package/lib/src/components/Backdrop/Backdrop.d.ts

@@ -3,5 +3,5 @@ export interface IBackdropProps {
     onClick?(): void;
     onTouchStart?(): void;
 }
-declare const Backdrop: React.FC<IBackdropProps>;
+declare const Backdrop: React.SFC<IBackdropProps>;
 export default Backdrop;

package/lib/src/components/Badge/Badge.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type Status = 'success' | 'info' | 'attention' | 'warning' | 'new';
 export declare type Progress = 'incomplete' | 'partiallyComplete' | 'complete';
 export declare type Size = 'small' | 'medium';

package/lib/src/components/Button/Button.d.ts

@@ -18,5 +18,5 @@ export interface IButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
     startIcon?: React.ReactNode;
     onClick?(event?: any): void;
 }
-declare const Button: React.FC<IButtonProps>;
+declare const Button: React.SFC<IButtonProps>;
 export default Button;

package/lib/src/components/Button/stories/Button.dev.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IButtonProps } from '../Button';
 declare const _default: {
     title: string;
-    component: React.FC<IButtonProps>;
+    component: React.SFC<IButtonProps>;
     parameters: {
         jest: string[];
     };

package/lib/src/components/Button/stories/Button.stories.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { IButtonProps } from '../Button';
 declare const _default: {
     title: string;
-    component: React.FC<IButtonProps>;
+    component: React.SFC<IButtonProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Checkbox/Checkbox.d.ts

@@ -14,5 +14,5 @@ export interface ICheckboxProps {
     onFocus?(): void;
     onBlur?(): void;
 }
-declare const Checkbox: React.FC<ICheckboxProps>;
+declare const Checkbox: React.SFC<ICheckboxProps>;
 export default Checkbox;

package/lib/src/components/Checkbox/stories/Checkbox.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<import("../Checkbox").ICheckboxProps>;
+    component: React.SFC<import("../Checkbox").ICheckboxProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Choice/Choice.d.ts

@@ -4,12 +4,12 @@ export interface IChoiceProps {
     id: string;
     label: React.ReactNode;
     disabled?: boolean;
-    error?: Error | boolean | string;
+    error?: Error | boolean;
     labelHidden?: boolean;
     labelIcon?: IconName;
     children?: React.ReactNode;
     helpText?: React.ReactNode;
 }
-declare const Choice: React.FC<IChoiceProps>;
+declare const Choice: React.SFC<IChoiceProps>;
 export default Choice;
 export declare function helpTextID(id: string): string;

package/lib/src/components/CollapsibleItem/CollapsibleItem.d.ts

@@ -4,7 +4,6 @@ export interface ICollapsibleItemProps {
     open?: boolean;
     onClick?: () => void;
     className?: any;
-    children: React.ReactNode;
 }
 declare const CollapsibleItem: React.FC<ICollapsibleItemProps>;
 export default CollapsibleItem;

package/lib/src/components/Drawer/components/CloseButton/CloseButton.d.ts

@@ -3,5 +3,5 @@ export interface ICloseButtonProps {
     title?: boolean;
     onClick(): void;
 }
-declare const CloseButton: React.FC<ICloseButtonProps>;
+declare const CloseButton: React.SFC<ICloseButtonProps>;
 export default CloseButton;

package/lib/src/components/Drawer/components/Dialog/Dialog.d.ts

@@ -7,5 +7,5 @@ export interface IDialogProps {
     onEntered?(): void;
     onExited?(): void;
 }
-declare const Dialog: React.FC<IDialogProps>;
+declare const Dialog: React.SFC<IDialogProps>;
 export default Dialog;

package/lib/src/components/Drawer/components/Footer/Footer.d.ts

@@ -4,5 +4,5 @@ export interface IFooterProps {
     secondaryAction?: React.ReactNode;
     children?: React.ReactNode;
 }
-declare const Footer: React.FC<IFooterProps>;
+declare const Footer: React.SFC<IFooterProps>;
 export default Footer;

package/lib/src/components/Dropdown/Dropdown.d.ts

@@ -5,9 +5,8 @@ export interface DropdownProps {
     fullWidth?: boolean;
     placeholder?: string;
     startIcon?: React.ReactNode;
-    value?: string | number;
+    value?: Record<string, any>;
     onChange?: (value: string) => void;
-    children?: React.ReactNode;
 }
 declare const Dropdown: React.FC<DropdownProps>;
 export default Dropdown;

package/lib/src/components/Form/Form.d.ts

@@ -10,5 +10,5 @@ export interface IFormProps {
     preventDefault?: boolean;
     onSubmit(event: React.FormEvent<HTMLFormElement>): void;
 }
-declare const Form: React.FC<IFormProps>;
+declare const Form: React.SFC<IFormProps>;
 export default Form;

package/lib/src/components/Grid/components/Col/Col.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
 declare type ColSpanType = number | string;
 export interface IColSize {
     span?: ColSpanType;
@@ -21,5 +22,23 @@ export interface IColProps extends React.HTMLAttributes<HTMLDivElement> {
     xxl?: ColSpanType | IColSize;
     prefixCls?: string;
 }
-declare const Col: React.FC<IColProps>;
-export default Col;
+export default class Col extends React.Component<IColProps, any> {
+    static propTypes: {
+        span: PropTypes.Requireable<number>;
+        order: PropTypes.Requireable<number>;
+        offset: PropTypes.Requireable<number>;
+        push: PropTypes.Requireable<number>;
+        pull: PropTypes.Requireable<number>;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        xs: PropTypes.Requireable<number | object>;
+        sm: PropTypes.Requireable<number | object>;
+        md: PropTypes.Requireable<number | object>;
+        lg: PropTypes.Requireable<number | object>;
+        xl: PropTypes.Requireable<number | object>;
+        xxl: PropTypes.Requireable<number | object>;
+    };
+    renderCol: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lib/src/components/Grid/components/Row/Row.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+import * as React from 'react';
+import * as PropTypes from 'prop-types';
 import { BoxProps } from '@material-ui/core';
 export declare type Breakpoint = 'xxl' | 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export declare type BreakpointMap = Partial<Record<Breakpoint, string>>;
@@ -8,12 +9,33 @@ export interface IRowProps extends BoxProps {
     gutter?: number | Partial<Record<Breakpoint, number>>;
     type?: 'flex';
     noWrap?: boolean;
-    align?: (typeof RowAligns)[number];
-    justify?: (typeof RowJustify)[number];
+    align?: typeof RowAligns[number];
+    justify?: typeof RowJustify[number];
     prefixCls?: string;
 }
 export interface IRowState {
     screens: BreakpointMap;
 }
-declare const Row: React.FC<IRowProps>;
-export default Row;
+export default class Row extends React.Component<IRowProps, IRowState> {
+    static defaultProps: {
+        gutter: number;
+    };
+    static propTypes: {
+        type: PropTypes.Requireable<"flex">;
+        noWrap: PropTypes.Requireable<boolean>;
+        align: PropTypes.Requireable<"bottom" | "top" | "middle">;
+        justify: PropTypes.Requireable<"space-around" | "space-between" | "center" | "end" | "start">;
+        className: PropTypes.Requireable<string>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        gutter: PropTypes.Requireable<number | object>;
+        prefixCls: PropTypes.Requireable<string>;
+    };
+    state: IRowState;
+    queryListener(screen: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    getGutter(): number | undefined;
+    renderRow: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};

package/lib/src/components/Grid/stories/Grid.stories.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import { Col } from '../components/Col';
 declare const _default: {
     title: string;
-    component: React.FC<import("../components/Col/Col").IColProps>;
+    component: typeof Col;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Heading/Heading.d.ts

@@ -8,5 +8,5 @@ export interface IHeadingProps {
     customColor?: string;
     children?: React.ReactNode;
 }
-declare const Heading: React.FC<IHeadingProps>;
+declare const Heading: React.SFC<IHeadingProps>;
 export default Heading;

package/lib/src/components/Heading/stories/Heading.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<import("../Heading").IHeadingProps>;
+    component: React.SFC<import("../Heading").IHeadingProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Image/Image.d.ts

@@ -13,5 +13,5 @@ export interface IImageProps extends React.HTMLProps<HTMLImageElement> {
     onLoad?(): void;
     onError?(): void;
 }
-declare const Image: React.FC<IImageProps>;
+declare const Image: React.SFC<IImageProps>;
 export default Image;

package/lib/src/components/Label/Label.d.ts

@@ -4,5 +4,5 @@ export interface ILabelProps {
     id: string;
     hidden?: boolean;
 }
-declare const Label: React.FC<ILabelProps>;
+declare const Label: React.SFC<ILabelProps>;
 export default Label;

package/lib/src/components/Labelled/Labelled.d.ts

@@ -9,6 +9,6 @@ export interface ILabelledProps {
     children?: React.ReactNode;
     labelHidden?: boolean;
 }
-declare const Labelled: React.FC<ILabelledProps>;
+declare const Labelled: React.SFC<ILabelledProps>;
 export default Labelled;
 export declare function helpTextID(id: string): string;

package/lib/src/components/Link/Link.d.ts

@@ -2,7 +2,6 @@ import * as React from 'react';
 interface ILinkProps {
     url: string;
     size?: number;
-    children: React.ReactNode;
 }
-declare const Link: React.FC<ILinkProps>;
+declare const Link: React.SFC<ILinkProps>;
 export default Link;

package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull" | "multiselect" | "multiSelectError">;
+declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired" | "multiselect" | "multiSelectError">;
 export default useSelectStyles;

package/lib/src/components/MultiTextField/MultiTextField.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "withFocus" | "inputLabel" | "inputLabelFocused" | "asteriskRequired">;
+declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "asteriskRequired" | "inputBase" | "inputLabel" | "inputLabelFocused" | "secondaryLabel" | "withFocus">;
 export default useStyles;

package/lib/src/components/Navigation/Navigation.d.ts

@@ -17,8 +17,8 @@ interface INavigationProps {
 }
 declare class Navigation extends React.Component<INavigationProps> {
     static Section: typeof Section;
-    static Filter: React.FC<import("./components/NavFilter/NavFilter").INavFilterProp>;
-    static FilterItem: React.FC<import("./components/NavFilterItem/NavFilterItem").INavFilterItemProp>;
+    static Filter: React.SFC<import("./components/NavFilter/NavFilter").INavFilterProp>;
+    static FilterItem: React.SFC<import("./components/NavFilterItem/NavFilterItem").INavFilterItemProp>;
     render(): JSX.Element;
 }
 export default Navigation;

package/lib/src/components/Navigation/components/NavFilter/NavFilter.d.ts

@@ -3,5 +3,5 @@ export interface INavFilterProp {
     children: React.ReactNode;
     title?: string;
 }
-declare const NavFilter: React.FC<INavFilterProp>;
+declare const NavFilter: React.SFC<INavFilterProp>;
 export default NavFilter;

package/lib/src/components/Navigation/components/NavFilterItem/NavFilterItem.d.ts

@@ -5,5 +5,5 @@ export interface INavFilterItemProp {
     icon: React.ReactNode;
     onFilter(value: string): void;
 }
-declare const NavFilterItem: React.FC<INavFilterItemProp>;
+declare const NavFilterItem: React.SFC<INavFilterItemProp>;
 export default NavFilterItem;

package/lib/src/components/OldSelect/OldSelect.d.ts

@@ -21,5 +21,5 @@ export interface ISelectProps {
     onFocus?(): void;
     onBlur?(): void;
 }
-declare const Select: React.FC<ISelectProps>;
+declare const Select: React.SFC<ISelectProps>;
 export default Select;

package/lib/src/components/OldTextField/OldTextField.d.ts

@@ -29,5 +29,5 @@ export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>
     onBlur?: any;
     onChange?(e: React.ChangeEvent<any> | string, id?: string): void;
 }
-declare const OldTextField: React.FC<ITextFieldProps>;
+declare const OldTextField: React.SFC<ITextFieldProps>;
 export default OldTextField;

package/lib/src/components/OutsideClickDetector/OutsideClickDetector.d.ts

@@ -1,4 +1,4 @@
-import React, { MouseEvent as ReactMouseEvent, ReactElement } from 'react';
+import { Component, EventHandler, MouseEvent as ReactMouseEvent, ReactElement } from 'react';
 export interface IEvent extends Event {
     euiGeneratedBy: string[];
 }
@@ -11,5 +11,16 @@ interface IProps {
     onTouchStart?: (event: ReactMouseEvent<any, IEvent>) => void;
     onTouchEnd?: (event: ReactMouseEvent<any, IEvent>) => void;
 }
-declare const OutsideClickDetector: React.FC<IProps>;
-export default OutsideClickDetector;
+export default class OutsideClickDetector extends Component<IProps> {
+    private id;
+    private capturedDownIds;
+    constructor(props: IProps);
+    onClickOutside: EventHandler<any>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    onChildClick: (event: ReactMouseEvent<any, IEvent>, cb: (event: ReactMouseEvent<any, IEvent>) => void) => void;
+    onChildMouseDown: (event: ReactMouseEvent<any, IEvent>) => void;
+    onChildMouseUp: (event: ReactMouseEvent<any, IEvent>) => void;
+    render(): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+}
+export {};

package/lib/src/components/Pagination/Pagination.d.ts

@@ -10,5 +10,5 @@ export interface IPaginationProps {
     collapseRange?: (pages: React.ReactNode[], max: number, ellipsis: (key: any) => React.ReactNode, current: number) => React.ReactNode[];
     onPageChange?: (event: React.SyntheticEvent, page: any) => void;
 }
-declare const Pagination: React.FC<IPaginationProps>;
+declare const Pagination: React.SFC<IPaginationProps>;
 export default Pagination;

package/lib/src/components/Pagination/components/PageEllipsis/PageEllipsis.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const PageEllipsis: React.FC;
+declare const PageEllipsis: React.SFC;
 export default PageEllipsis;

package/lib/src/components/Pagination/components/PageMove/PageMove.d.ts

@@ -5,5 +5,5 @@ interface IPageMoveProps {
     movement: 'backward' | 'forward';
     totalPages: number;
 }
-declare const PageMove: React.FC<IPageMoveProps>;
+declare const PageMove: React.SFC<IPageMoveProps>;
 export default PageMove;

package/lib/src/components/Pagination/components/PageNumber/PageNumber.d.ts

@@ -5,5 +5,5 @@ interface IPageNumberProps {
     isSelected: boolean;
     page: number;
 }
-declare const PageNumber: React.FC<IPageNumberProps>;
+declare const PageNumber: React.SFC<IPageNumberProps>;
 export default PageNumber;

package/lib/src/components/Pagination/stories/Pagination.stories.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 declare const _default: {
     title: string;
-    component: React.FC<import("../Pagination").IPaginationProps>;
+    component: React.SFC<import("../Pagination").IPaginationProps>;
     parameters: {
         docs: {
             page: (props: any) => JSX.Element;

package/lib/src/components/Popover/stories/Popover.stories.d.ts

@@ -11,3 +11,5 @@ declare const _default: {
 };
 export default _default;
 export declare const Default: () => JSX.Element;
+export declare const SelfClose: () => JSX.Element;
+export declare const WithTextfield: () => JSX.Element;

package/lib/src/components/Portal/Portal.d.ts

@@ -7,5 +7,5 @@ export interface IPortalProps {
 export interface IPortalState {
     isMounted: boolean;
 }
-declare const Portal: React.FC<IPortalProps>;
+declare const Portal: React.SFC<IPortalProps>;
 export default Portal;

package/lib/src/components/Select/Select.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull">;
+declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired">;
 export default useSelectStyles;

package/lib/src/components/Skeleton/Skeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export default function CustomSkeleton(props: any): JSX.Element;

package/lib/src/components/Skeleton/stories/Skeleton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import Skeleton from '../Skeleton';
 declare const _default: {
     title: string;

package/lib/src/components/Slider/Slider.d.ts

@@ -23,7 +23,7 @@ declare const CustomSlider: import("react").ComponentType<Pick<{
     ValueLabelComponent?: import("react").ElementType<import("@material-ui/core/Slider").ValueLabelProps> | undefined;
     valueLabelDisplay?: "auto" | "on" | "off" | undefined;
     valueLabelFormat?: string | ((value: number, index: number) => import("react").ReactNode) | undefined;
-} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Slider").SliderTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/Slider").SliderTypeMap<{}, "span">> & Pick<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "key" | keyof import("react").HTMLAttributes<HTMLSpanElement>> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "translate" | "hidden" | "ref" | "slot" | "title" | "id" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "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-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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "onResize" | "onResizeCapture" | "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" | "css" | "key">, "color" | "scale" | "translate" | "hidden" | "style" | "disabled" | "ref" | "slot" | "title" | "track" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "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" | "children" | "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" | "onResize" | "onResizeCapture" | "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" | "css" | "innerRef" | "max" | "min" | "name" | "orientation" | "key" | "value" | "step" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & import("@material-ui/core").StyledComponentProps<"active" | "track" | "root" | "thumb" | "valueLabel" | "rail">>;
+}, "translate" | "hidden" | "ref" | "slot" | "title" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "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-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" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "css" | "key">, "color" | "scale" | "translate" | "hidden" | "style" | "disabled" | "ref" | "slot" | "title" | "track" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "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" | "children" | "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" | "css" | "innerRef" | "max" | "min" | "name" | "orientation" | "key" | "value" | "step" | "getAriaLabel" | "getAriaValueText" | "marks" | "onChangeCommitted" | "ThumbComponent" | "ValueLabelComponent" | "valueLabelDisplay" | "valueLabelFormat"> & import("@material-ui/core").StyledComponentProps<"active" | "track" | "root" | "thumb" | "valueLabel" | "rail">>;
 export default CustomSlider;