baseui 0.0.0-next-e421cf1 → 0.0.0-next-dfcb85a

package/select/index.d.ts

@@ -1,326 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { SIZE } from '../input';
-import { OnItemSelect } from '../menu';
-import { Override } from '../overrides';
-import { Locale } from '../locale';
-
-export { SIZE } from '../input';
-
-export declare const TYPE: {
-  select: 'select';
-  search: 'search';
-};
-export declare const STATE_CHANGE_TYPE: {
-  select: 'select';
-  remove: 'remove';
-  clear: 'clear';
-};
-
-export interface Option {
-  readonly id?: string | number;
-  readonly label?: React.ReactNode;
-  readonly disabled?: boolean;
-  readonly clearableValue?: boolean;
-  readonly isCreatable?: boolean;
-  readonly __optgroup?: string;
-  [others: string]: any;
-}
-export type Value = ReadonlyArray<Option>;
-export type OptgroupsT = { __ungrouped: Value; [key: string]: Value };
-export type OptionsT = Value | OptgroupsT;
-
-export type ChangeAction = () => any;
-
-export type filterOptions = (
-  options: Value,
-  filterValue: string,
-  excludeOptions?: Value,
-  newProps?: {
-    filterOption?: (option: Option, filterValue: string) => boolean;
-    ignoreCase?: boolean;
-    labelKey?: string;
-    matchPos?: 'any' | 'start';
-    matchProp?: 'any' | 'label' | 'value';
-    trimFilter?: boolean;
-    valueKey?: string;
-  }
-) => Value;
-
-export interface ImperativeMethods {
-  setInputFocus: () => void;
-  setInputBlur: () => void;
-  setDropdownOpen: (d: boolean) => void;
-  setInputValue: (s: string) => void;
-}
-
-export interface SelectOverrides {
-  Root?: Override<any>;
-  ControlContainer?: Override<any>;
-  Placeholder?: Override<any>;
-  ValueContainer?: Override<any>;
-  SingleValue?: Override<any>;
-  MultiValue?: Override<any>;
-  Tag?: Override<any>;
-  InputContainer?: Override<any>;
-  Input?: Override<any>;
-  IconsContainer?: Override<any>;
-  SelectArrow?: Override<any>;
-  ClearIcon?: Override<any>;
-  LoadingIndicator?: Override<any>;
-  SearchIconContainer?: Override<any>;
-  SearchIcon?: Override<any>;
-  Popover?: Override<any>;
-  DropdownContainer?: Override<any>;
-  Dropdown?: Override<any>;
-  DropdownOption?: Override<any>;
-  DropdownListItem?: Override<any>;
-  OptionContent?: Override<any>;
-  StatefulMenu?: Override<any>;
-}
-export interface SelectProps {
-  'aria-label'?: string;
-  'aria-errormessage'?: string;
-  'aria-describedby'?: string;
-  'aria-labelledby'?: string;
-  autoFocus?: boolean;
-  backspaceRemoves?: boolean;
-  backspaceClearsInputValue?: boolean;
-  clearable?: boolean;
-  closeOnSelect?: boolean;
-  creatable?: boolean;
-  deleteRemoves?: boolean;
-  disabled?: boolean;
-  error?: boolean;
-  positive?: boolean;
-  escapeClearsValue?: boolean;
-  filterOptions?: (
-    options: Value,
-    filterValue: string,
-    excludeOptions?: Value,
-    newProps?: { valueKey: string; labelKey: string }
-  ) => Value;
-  filterOutSelected?: boolean;
-  getOptionLabel?: (args: {
-    option?: Option;
-    optionState: {
-      $selected?: boolean;
-      $disabled?: boolean;
-      $isHighlighted?: boolean;
-    };
-  }) => React.ReactNode;
-  getValueLabel?: (args: { option: Option }) => React.ReactNode;
-  id?: string;
-  inputRef?: React.Ref<any>;
-  controlRef?: React.Ref<ImperativeMethods>;
-  isLoading?: boolean;
-  labelKey?: string;
-  startOpen?: boolean;
-  maxDropdownHeight?: string;
-  multi?: boolean;
-  noResultsMsg?: React.ReactNode;
-  onBlur?: (e: Event) => any;
-  onBlurResetsInput?: boolean;
-  onChange?: (params: OnChangeParams) => any;
-  onFocus?: React.FocusEventHandler<HTMLElement>;
-  onInputChange?: React.FormEventHandler<HTMLInputElement>;
-  onCloseResetsInput?: boolean;
-  onSelectResetsInput?: boolean;
-  onOpen?: () => any;
-  onClose?: () => any;
-  openOnClick?: boolean;
-  options?: OptionsT;
-  overrides?: SelectOverrides;
-  placeholder?: React.ReactNode;
-  required?: boolean;
-  searchable?: boolean;
-  size?: typeof SIZE[keyof typeof SIZE];
-  type?: typeof TYPE[keyof typeof TYPE];
-  value?: Value;
-  valueKey?: string;
-  mountNode?: HTMLElement;
-}
-export interface SelectState {
-  activeDescendant: string | null;
-  inputValue: string;
-  isFocused: boolean;
-  isOpen: boolean;
-  isPseudoFocused: boolean;
-}
-export class Select extends React.Component<SelectProps, SelectState> {
-  focus(): void;
-  handleTouchOutside(event: TouchEvent): void;
-  handleTouchMove(): void;
-  handleTouchStart(): void;
-  handleTouchEnd(event: TouchEvent): void;
-  handleTouchEndClearValue(event: TouchEvent): void;
-  handleClick(event: MouseEvent | TouchEvent): void;
-  closeMenu(): void;
-  handleInputFocus(event: React.FocusEvent<HTMLElement>): void;
-  handleBlur(event: Event): void;
-  handleClickOutside(event: MouseEvent): void;
-  handleInputChange(event: React.FormEvent<HTMLInputElement>): void;
-  handleKeyDown(event: KeyboardEvent): void;
-  getOptionLabel(
-    locale: Locale,
-    {
-      option,
-    }: {
-      option: Option;
-      optionState: {
-        $selected: boolean;
-        $disabled: boolean;
-        $isHighlighted: boolean;
-      };
-    }
-  ): React.ReactNode;
-  getValueLabel({ option }: { option: Option }): React.ReactNode;
-  getValueArray(value: Value): Option[];
-  setValue(value: Value, option: Option, type: ChangeAction): void;
-  selectValue({ item }: { item: Option }): void;
-  addValue(item: Option): void;
-  popValue(): void;
-  removeValue(item: Option): void;
-  clearValue(event: KeyboardEvent | MouseEvent | TouchEvent): void;
-  renderLoading(): React.ReactNode;
-  renderValue(valueArray: Value, isOpen: boolean, locale: Locale): React.ReactNode;
-  renderInput(): React.ReactNode;
-  renderClear(): React.ReactNode;
-  renderArrow(): React.ReactNode;
-  renderSearch(): React.ReactNode;
-  filterOption(excludeOptions?: Value): Value;
-  getSharedProps(): {
-    $clearable: boolean;
-    $creatable: boolean;
-    $disabled: boolean;
-    $error: boolean;
-    $positive: boolean;
-    $isFocused: boolean;
-    $isLoading: boolean;
-    $isOpen: boolean;
-    $isPseudoFocused: boolean;
-    $multi: boolean;
-    $required: boolean;
-    $searchable: boolean;
-    $size: typeof SIZE[keyof typeof SIZE];
-    $type: typeof TYPE[keyof typeof TYPE];
-  };
-}
-
-export declare const SingleValue: React.FC<any>;
-export declare const MultiValue: React.FC<any>;
-
-export interface AutosizeInputOverrides {
-  Input?: Override<any>;
-}
-export interface AutosizeInputProps {
-  value?: string;
-  defaultValue?: string;
-  inputRef?: React.Ref<any>;
-  overrides?: AutosizeInputOverrides;
-  $size?: typeof SIZE[keyof typeof SIZE];
-}
-export interface AutosizeInputState {
-  inputWidth: number;
-}
-export class AutosizeInput extends React.Component<AutosizeInputProps, AutosizeInputState> {
-  sizerRef(el?: HTMLElement): void;
-  updateInputWidth(): void;
-}
-
-export interface DropdownOverrides {
-  DropdownContainer?: Override<any>;
-  Dropdown?: Override<any>;
-  DropdownOption?: Override<any>;
-  DropdownListItem?: Override<any>;
-  OptionContent?: Override<any>;
-  StatefulMenu?: Override<any>;
-}
-export interface DropdownProps {
-  error?: boolean;
-  getOptionLabel?: (args: {
-    option: Option;
-    optionState: {
-      $selected: boolean;
-      $disabled: boolean;
-      $isHighlighted: boolean;
-    };
-  }) => React.ReactNode;
-  id?: string;
-  innerRef?: React.Ref<any>;
-  isLoading?: boolean;
-  labelKey?: string;
-  maxDropdownHeight?: string;
-  multi?: boolean;
-  onActiveDescendantChange?: (id?: string) => void;
-  noResultsMsg?: React.ReactNode;
-  onItemSelect?: OnItemSelect;
-  options?: Value;
-  overrides?: DropdownOverrides;
-  required?: boolean;
-  searchable?: boolean;
-  size?: typeof SIZE[keyof typeof SIZE];
-  type?: typeof TYPE[keyof typeof TYPE];
-  value?: Value;
-  valueKey?: string;
-  width?: number;
-  keyboardControlNode?: React.Ref<any>;
-}
-export class SelectDropdown extends React.Component<DropdownProps> {
-  getSharedProps(): {
-    $error: boolean;
-    $isLoading: boolean;
-    $multi: boolean;
-    $required: boolean;
-    $searchable: boolean;
-    $size: typeof SIZE[keyof typeof SIZE];
-    $type: typeof TYPE[keyof typeof TYPE];
-    $width: number;
-  };
-  getItemLabel(option: { [key: string]: any }): React.ReactNode;
-  onMouseDown(e: Event): void;
-}
-
-export interface State {
-  value: Value;
-}
-export type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
-export interface OnChangeParams {
-  value: Value;
-  option?: Option;
-  type?: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE];
-}
-export type StatefulSelectProps = SelectProps & {
-  initialState?: State;
-  stateReducer?: StateReducer;
-};
-export declare const StatefulSelect: React.FC<StatefulSelectProps>;
-
-export interface StatefulContainerProps {
-  overrides?: SelectOverrides;
-  children?: React.ReactNode;
-  initialState?: State;
-  stateReducer?: StateReducer;
-  onChange?: (params: OnChangeParams) => any;
-}
-export class StatefulSelectContainer extends React.Component<StatefulContainerProps, State> {
-  onChange(params: OnChangeParams): void;
-  internalSetState(params: OnChangeParams): void;
-}
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledControlContainer: StyletronComponent<any, any>;
-export declare const StyledValueContainer: StyletronComponent<any, any>;
-export declare const StyledPlaceholder: StyletronComponent<any, any>;
-export declare const StyledSingleValue: StyletronComponent<any, any>;
-export declare const StyledInputContainer: StyletronComponent<any, any>;
-export declare const StyledInput: StyletronComponent<any, any>;
-export declare const StyledInputSizer: StyletronComponent<any, any>;
-export declare const StyledIconsContainer: StyletronComponent<any, any>;
-export declare const StyledSelectArrow: StyletronComponent<any, any>;
-export declare const StyledClearIcon: StyletronComponent<any, any>;
-export declare const StyledSearchIconContainer: StyletronComponent<any, any>;
-export declare const StyledDropdownContainer: StyletronComponent<any, any>;
-export declare const StyledDropdown: StyletronComponent<any, any>;
-export declare const StyledDropdownListItem: StyletronComponent<any, any>;
-export declare const StyledOptionContent: StyletronComponent<any, any>;

package/side-navigation/index.d.ts

@@ -1,60 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const STATE_CHANGE_TYPE: {
-  change: 'change';
-};
-
-export interface Item {
-  title: React.ReactNode;
-  itemId?: string;
-  subNav?: Item[];
-  disabled?: boolean;
-}
-
-export interface NavigationOverrides {
-  Root?: Override<any>;
-  NavItemContainer?: Override<any>;
-  NavLink?: Override<any>;
-  NavItem?: Override<any>;
-  SubNavContainer?: Override<any>;
-}
-
-export interface NavigationProps {
-  activeItemId: string;
-  activePredicate?: (item: any, activeItemId: string) => boolean;
-  items?: Item[];
-  onChange?: (args: { item: any; event: React.SyntheticEvent<any> }) => any;
-  overrides?: NavigationOverrides;
-  mapItem?: (item: Item) => Item;
-}
-
-export class Navigation extends React.Component<NavigationProps> {
-  activePredicate(item: Item): boolean;
-}
-
-export interface NavItemOverrides {
-  NavLink?: Override<any>;
-  NavItem?: Override<any>;
-}
-
-export interface NavItemProps {
-  $active?: boolean;
-  $level?: number;
-  $selectable?: boolean;
-  item: Item;
-  onSelect?: (args: { item: any; event: Event | KeyboardEvent }) => any;
-  overrides?: NavItemOverrides;
-}
-
-export class NavItem extends React.Component<NavItemProps> {
-  handleClick(event: React.MouseEvent): void;
-  handleKeyDown(event: React.KeyboardEvent): void;
-}
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledNavItemContainer: StyletronComponent<any, any>;
-export declare const StyledNavLink: StyletronComponent<any, any>;
-export declare const StyledNavItem: StyletronComponent<any, any>;
-export declare const StyledSubNavContainer: StyletronComponent<any, any>;

package/skeleton/index.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { Override } from '../overrides';
-
-export type SkeletonOverrides = {
-  Root?: Override<any>;
-  Row?: Override<any>;
-};
-
-export type SkeletonPropsT = {
-  overrides?: SkeletonOverrides;
-  rows?: number;
-  animation?: boolean;
-  height?: string;
-  width?: string;
-};
-export class Skeleton extends React.Component<SkeletonPropsT> {}

package/slider/index.d.ts

@@ -1,92 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const STATE_CHANGE_TYPE: {
-  change: 'change';
-};
-
-export interface State {
-  value: number[];
-}
-
-export type StateReducer = (stateType: string, nextState: State, currentState: State) => State;
-
-export interface SliderOverrides {
-  Root?: Override<SharedProps>;
-  Track?: Override<SharedProps>;
-  InnerTrack?: Override<SharedProps>;
-  Tick?: Override<SharedProps>;
-  TickBar?: Override<SharedProps>;
-  Thumb?: Override<SharedProps>;
-  InnerThumb?: Override<SharedProps>;
-  ThumbValue?: Override<SharedProps>;
-  Mark?: Override<SharedProps>;
-}
-
-export interface SliderProps {
-  value: number[];
-  min?: number;
-  max?: number;
-  step?: number;
-  overrides?: SliderOverrides;
-  disabled?: boolean;
-  marks?: boolean;
-  onChange?: (e: State) => any;
-  onFinalChange?: (e: State) => any;
-  persistentThumb?: boolean;
-  valueToLabel?: (value: number) => React.ReactNode;
-}
-
-export interface StatefulSliderProps {
-  overrides?: SliderOverrides;
-  initialState?: State;
-  min?: number;
-  max?: number;
-  step?: number;
-  marks?: boolean;
-  onChange?: (e: State) => any;
-  onFinalChange?: (e: State) => any;
-  persistentThumb?: boolean;
-  valueToLabel?: (value: number) => React.ReactNode;
-}
-
-export interface StatefulContainerProps {
-  overrides?: SliderOverrides;
-  children?: React.ReactNode;
-  min?: number;
-  max?: number;
-  step?: number;
-  marks?: boolean;
-  initialState?: State;
-  stateReducer?: StateReducer;
-  onChange?: (e: State) => any;
-  onFinalChange?: (e: State) => any;
-}
-
-export type SharedProps = {
-  $disabled: boolean;
-  $isDragged: boolean;
-  $max: number;
-  $min: number;
-  $thumbIndex: number;
-  $value: Array<number>;
-  $marks: boolean;
-};
-
-export declare const Slider: React.FC<SliderProps>;
-export declare const StatefulSlider: React.FC<StatefulSliderProps>;
-export class StatefulContainer extends React.Component<StatefulContainerProps, State> {
-  onChange(params: State): any;
-  onFinalChange?: (params: State) => any;
-  internalSetState(type: 'change', { value }: State): void;
-}
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledTrack: StyletronComponent<any, any>;
-export declare const StyledInnerTrack: StyletronComponent<any, any>;
-export declare const StyledThumb: StyletronComponent<any, any>;
-export declare const StyledInnerThumb: StyletronComponent<any, any>;
-export declare const StyledTick: StyletronComponent<any, any>;
-export declare const StyledTickBar: StyletronComponent<any, any>;
-export declare const StyledMark: StyletronComponent<any, any>;

package/snackbar/index.d.ts

@@ -1,60 +0,0 @@
-import * as React from 'react';
-
-import { Override } from '../overrides';
-
-declare const DURATION: {
-  infinite: number;
-  short: number;
-  medium: number;
-  long: number;
-};
-
-declare const PLACEMENT: {
-  topLeft: 'topLeft';
-  top: 'top';
-  topRight: 'topRight';
-  bottomRight: 'bottomRight';
-  bottom: 'bottom';
-  bottomLeft: 'bottomLeft';
-};
-export { DURATION, PLACEMENT };
-
-export type DurationT = typeof DURATION[keyof typeof DURATION];
-
-export type PlacementT = typeof PLACEMENT[keyof typeof PLACEMENT];
-
-export type SnackbarElementOverridesT = {
-  Root?: Override<any>;
-  Content?: Override<any>;
-  StartEnhancerContainer?: Override<any>;
-  Spinner?: Override<any>;
-  Message?: Override<any>;
-  WrapActionButtonContainer?: Override<any>;
-  ActionButtonContainer?: Override<any>;
-};
-
-export type SnackbarElementPropsT = {
-  actionMessage?: string;
-  actionOnClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
-  focus?: boolean;
-  message: React.ReactNode;
-  overrides?: SnackbarElementOverridesT;
-  progress?: boolean;
-  startEnhancer?: React.FC<{ size: number }>;
-};
-
-export type SnackbarProviderPropsT = {
-  children?: React.ReactNode;
-  overrides?: SnackbarElementOverridesT & {
-    PlacementContainer?: Override<any>;
-  };
-  placement?: PlacementT;
-  defaultDuration?: DurationT;
-};
-
-export declare const SnackbarElement: React.FC<SnackbarElementPropsT>;
-export declare const SnackbarProvider: React.FC<SnackbarProviderPropsT>;
-export declare const useSnackbar: () => {
-  enqueue: (elementProps: SnackbarElementPropsT, duration?: DurationT) => any;
-  dequeue: () => any;
-};

package/spinner/index.d.ts

@@ -1,17 +0,0 @@
-import { StyletronComponent } from 'styletron-react';
-import { Sizing } from '../theme';
-
-export enum SIZE {
-  small = 'small',
-  medium = 'medium',
-  large = 'large',
-}
-
-export interface SpinnerProps {
-  [key: string]: any;
-  $color?: string;
-  $borderWidth?: number | string | SIZE | Sizing;
-  $size?: number | string | SIZE | Sizing;
-}
-
-export declare const Spinner: StyletronComponent<any, SpinnerProps>;

package/styles/index.d.ts

@@ -1,80 +0,0 @@
-import type {
-  Animation,
-  Border,
-  Borders,
-  Breakpoints,
-  Colors,
-  Grid,
-  Lighting,
-  MediaQuery,
-  Sizing,
-  Typography,
-  ZIndex,
-} from '../theme';
-import type { StyleObject, StyletronComponent } from 'styletron-react';
-import * as React from 'react';
-
-type StyletronStyledFn = typeof import('styletron-react').styled;
-type StyletronWithStyleFn = typeof import('styletron-react').withStyle;
-
-export function expandBorderStyles(borderStyles: Border): StyleObject;
-
-export interface Theme {
-  name: string;
-  direction: 'auto' | 'rtl' | 'ltr';
-  breakpoints: Breakpoints;
-  mediaQuery: MediaQuery;
-  grid: Grid;
-  colors: Colors;
-  typography: Typography;
-  sizing: Sizing;
-  lighting: Lighting;
-  animation: Animation;
-  borders: Borders;
-  zIndex: ZIndex;
-}
-
-type UseStyletronFn<Theme> = () => [(arg: StyleObject) => string, Theme];
-export function createThemedUseStyletron<Theme>(): UseStyletronFn<Theme>;
-export declare const useStyletron: UseStyletronFn<Theme>;
-export function withWrapper<C extends StyletronComponent<any, any>, P extends object>(
-  component: C,
-  wrapper: (component: C) => React.ComponentType<P>
-): StyletronComponent<C, P>;
-
-export function styled<
-  P extends object,
-  C extends keyof JSX.IntrinsicElements | React.ComponentType<any>,
-  T = Theme
->(
-  component: C,
-  styledFn: StyleObject | ((props: { $theme: T } & P) => StyleObject)
-): StyletronComponent<C, P>;
-export function withStyle<C extends StyletronComponent<any, any>, P extends object, T = Theme>(
-  component: C,
-  styledFn: StyleObject | ((props: { $theme: T } & P) => StyleObject)
-): StyletronComponent<C, P>;
-
-export interface StyledFn<T> extends StyletronStyledFn {
-  <C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, P extends object>(
-    component: C,
-    style: (props: { $theme: T } & P) => StyleObject
-  ): StyletronComponent<C, P>;
-}
-
-export function createThemedStyled<Theme>(): StyledFn<Theme>;
-
-export interface WithStyleFn<T = Theme> extends StyletronWithStyleFn {
-  <C extends StyletronComponent<any, any>, P extends object, T1 = T>(
-    component: C,
-    style: (props: P & { $theme: T1 }) => StyleObject
-  ): StyletronComponent<C, P>;
-}
-
-export function createThemedWithStyle<Theme>(): WithStyleFn<Theme>;
-
-export interface ThemeProviderProps {
-  theme: Theme;
-  children?: React.ReactNode;
-}
-export declare const ThemeProvider: React.FC<ThemeProviderProps>;