@mackin.com/styleguide 9.0.0-beta.1 → 9.0.0

package/index.d.ts

@@ -29,40 +29,24 @@ interface AccordianProps {
 declare const Accordian: (props: AccordianProps) => JSX.Element;
 declare const useAccordianState: (count: number, openIndex?: number | undefined) => [boolean[], (index: number, open: boolean) => void];
 
-interface AutoCompleteEntity {
-    id: string | number;
-    name: string;
-}
-declare type AutocompleteValue = string | AutoCompleteEntity;
-interface AutocompleteProps<T extends AutocompleteValue> {
-    value: T | undefined;
-    round?: boolean;
-    rightControl?: JSX.Element;
-    placeholder?: string;
-    id?: string;
-    disabled?: boolean;
+declare type BaseInputProps$1 = Omit<TextInputProps, 'value' | 'className' | 'wrapperClassName' | 'type' | 'showErrorDisplay'>;
+interface AutocompleteProps extends BaseInputProps$1 {
+    value: string | undefined;
+    options: string[];
+    /** Applied to the Autocomplete wrapper. */
     className?: string;
+    inputWrapperClassName?: string;
     inputClassName?: string;
-    /** If not set, defaults to 100 */
-    maxLength?: number;
-    required?: boolean;
+    listClassName?: string;
+    listItemClassName?: string;
+    listItemButtonClassName?: string;
     /** Limits what will be show in the autocomplete options. Default is 7. */
     maxShownValues?: number;
-    /** The minimum characters before 'getOptions' is called.  No default. */
-    minChars?: number;
-    inputAriaAttributes?: React.AriaAttributes;
-    /** Defaults to 0ms. */
-    getOptionsDebounceMs?: number;
-    autoFocus?: boolean;
     /** Will enable scrolling in the results list. */
     allowScroll?: boolean;
-    onChange: (value: string) => void;
-    getOptions: (value: string) => Promise<T[]>;
-    onPick: (value: T) => void;
-    onKeyPress?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
-    onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;
+    onPick: (value: string | undefined) => void;
 }
-declare const Autocomplete: <T extends AutocompleteValue>(p: AutocompleteProps<T>) => JSX.Element;
+declare const Autocomplete: (p: AutocompleteProps) => JSX.Element;
 
 /** @deprecated Use Backdrop2 going forward. */
 declare const Backdrop$1: (props: {
@@ -340,50 +324,6 @@ interface DateInputProps extends BaseProps$3 {
 }
 declare const DateInput: React.ForwardRefExoticComponent<DateInputProps & React.RefAttributes<HTMLInputElement>>;
 
-declare type InputValue = string | number | undefined;
-declare type InputType = 'text' | 'number' | 'textarea' | 'date' | 'password' | 'url' | 'email';
-interface InputProps {
-    type: InputType;
-    name?: string;
-    style?: React.CSSProperties;
-    value?: InputValue;
-    placeholder?: string;
-    id?: string;
-    disabled?: boolean;
-    className?: string;
-    inputClassName?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    /** Defaults to 250ms */
-    debounceMs?: number;
-    /** Defaults to 'off'. */
-    autoComplete?: string;
-    autoFocus?: boolean;
-    inputAriaAttributes?: React.AriaAttributes;
-    /** Called with debounce when the input changes. */
-    onChange?: (value: InputValue, name?: string, event?: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onFocus?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
-    /** Defaults to 100. Ignored for type=number and type=date. */
-    maxLength?: number;
-    /** Ignored for type=textarea. */
-    rightControl?: JSX.Element;
-    /** Ignored for type=textarea. */
-    round?: boolean;
-    /** Only used for type=number and type=date. If type=date, this is the ms from Date.valueOf(). */
-    min?: number;
-    /** Only used for type=number. If type=date, this is the ms from Date.valueOf(). */
-    max?: number;
-    /** Only used for type=textarea. Defaults to 10. */
-    rows?: number;
-    pattern?: string;
-}
-/** @deprecated Use DateInput, NumberInput, or TextInput instead. */
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<any>>;
-
 declare type BaseProps$2 = Omit<BaseInputProps, 'type' | 'value' | 'min' | 'max' | 'step' | 'maxLength' | 'error' | 'pattern'> & Omit<ValidationMessageProps, 'pattern'>;
 interface NumberInputProps extends BaseProps$2 {
     value?: number;
@@ -467,8 +407,6 @@ interface ModalProps {
     __debug?: boolean;
     onClick?: () => void;
 }
-/** Add to fixed positioned elements so their contents do not jump around when scrolling is disabled. */
-declare const modalScrollFixClassName = "modal-scroll-fix";
 declare const Modal: (p: ModalProps) => React__default.ReactPortal | null;
 
 declare const Nav: (props: {
@@ -1147,4 +1085,7 @@ interface TabContainerProps {
 }
 declare const TabContainer: (p: TabContainerProps) => JSX.Element;
 
-export { Accordian, AccordianProps, Alignment, Autocomplete, AutocompleteProps, AutocompleteValue, Backdrop$1 as Backdrop, Backdrop as Backdrop2, BoundMemoryPager, BoundStaticPager, Button, ButtonProps, Calendar, CalendarProps, Checkbox, CheckboxProps, ConfirmModal, ConfirmModalProps, CopyButton, DateInput, DateInputProps, Divider, ErrorModal, FileUploader, Form, FormColumnRow, FormFlexRow, FormProps, GlobalStyles, Header, Highlight, ICONS, Icon, Image, ImageProps, InfoPanel, InfoTip, InfoTipProps, Input, InputProps, ItemPager, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, MackinTheme, Modal, ModalProps, Nav, NormalizeCss, NumberInput, NumberInputProps, OmniLink, OmniLinkProps, PagedResult, Pager, PagerProps, Picker, PickerOption, PickerProps, PickerValue, Popover, ProgressBar, ProgressBarProps, SearchBox, SearchBoxProps, Slider, SliderProps, SliderValue, TabContainer, TabContainerProps, TabHeader, TabHeaderProps, TabLocker, Table, Td, TdCurrency, TdNumber, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, Th, ThSort, ThemeProvider, ThemeRenderer, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, TogglePasswordInput, Tr, WaitingIndicator, calcDynamicThemeProps, defaultTheme, enumToEntities, getCurrencyDisplay, getFileSizeDisplay, modalScrollFixClassName, useAccordianState, useBooleanChanged, useIgnoreMount, useMediaQuery, useScrollbarSize, useThemeSafely, useWaiting };
+/** Add to fixed positioned elements so their contents do not jump around when scrolling is disabled. */
+declare const modalScrollFixClassName = "modal-scroll-fix";
+
+export { Accordian, AccordianProps, Alignment, Autocomplete, AutocompleteProps, Backdrop$1 as Backdrop, Backdrop as Backdrop2, BoundMemoryPager, BoundStaticPager, Button, ButtonProps, Calendar, CalendarProps, Checkbox, CheckboxProps, ConfirmModal, ConfirmModalProps, CopyButton, DateInput, DateInputProps, Divider, ErrorModal, FileUploader, Form, FormColumnRow, FormFlexRow, FormProps, GlobalStyles, Header, Highlight, ICONS, Icon, Image, ImageProps, InfoPanel, InfoTip, InfoTipProps, ItemPager, Label, LabelProps, Link, LinkProps, List, ListItem, ListItemProps, ListProps, MackinTheme, Modal, ModalProps, Nav, NormalizeCss, NumberInput, NumberInputProps, OmniLink, OmniLinkProps, PagedResult, Pager, PagerProps, Picker, PickerOption, PickerProps, PickerValue, Popover, ProgressBar, ProgressBarProps, SearchBox, SearchBoxProps, Slider, SliderProps, SliderValue, TabContainer, TabContainerProps, TabHeader, TabHeaderProps, TabLocker, Table, Td, TdCurrency, TdNumber, Text, TextArea, TextAreaProps, TextInput, TextInputProps, TextProps, Th, ThSort, ThemeProvider, ThemeRenderer, ToggleButton, ToggleButtonGroup, ToggleButtonGroupProps, ToggleButtonProps, TogglePasswordInput, Tr, WaitingIndicator, calcDynamicThemeProps, defaultTheme, enumToEntities, getCurrencyDisplay, getFileSizeDisplay, modalScrollFixClassName, useAccordianState, useBooleanChanged, useIgnoreMount, useMediaQuery, useScrollbarSize, useThemeSafely, useWaiting };