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

package/pin-code/index.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { Override } from '../overrides';
-
-import { SIZE, InputProps, InputOverrides, STATE_CHANGE_TYPE } from '../input';
-
-type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
-
-export { SIZE };
-
-export type PinCodeOverrides = InputOverrides & {
-  Root?: Override<any>;
-  Input?: Override<any>;
-};
-
-export type PinCodeProps = Omit<InputProps, 'onChange' | 'value'> & {
-  overrides?: PinCodeOverrides;
-  values: string[];
-  manageFocus?: boolean;
-  mask?: boolean | string;
-  onChange: (args: { values: string[]; event: React.FormEvent<HTMLInputElement> }) => void;
-};
-
-export type State = {
-  values: string[];
-};
-
-export interface StatefulContainerProps {
-  children?: React.ReactNode;
-  initialState?: State;
-  stateReducer?: (
-    type: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-    nextState: State,
-    currentState: State
-  ) => State;
-  onChange?: (args: { values: string[]; event: React.FormEvent<HTMLInputElement> }) => void;
-}
-
-export type StatefulPinCodeProps = Partial<PinCodeProps> &
-  StatefulContainerProps & { children?: never; overrides?: PinCodeOverrides };
-
-export declare const StatefulPinCode: React.FC<StatefulPinCodeProps>;
-export declare const StatefulContainer: React.FC<StatefulContainerProps>;
-export class PinCode extends React.Component<PinCodeProps> {}

package/popover/index.d.ts

@@ -1,187 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-import { NormalizedOffsets, PopperDataObject, TetherPlacement } from '../layer';
-
-export declare const ACCESSIBILITY_TYPE: {
-  none: 'none';
-  menu: 'menu';
-  tooltip: 'tooltip';
-};
-export declare const PLACEMENT: {
-  auto: 'auto';
-  topLeft: 'topLeft';
-  top: 'top';
-  topRight: 'topRight';
-  rightTop: 'rightTop';
-  right: 'right';
-  rightBottom: 'rightBottom';
-  bottomRight: 'bottomRight';
-  bottom: 'bottom';
-  bottomLeft: 'bottomLeft';
-  leftBottom: 'leftBottom';
-  left: 'left';
-  leftTop: 'leftTop';
-};
-export declare const TRIGGER_TYPE: {
-  click: 'click';
-  hover: 'hover';
-};
-export declare const STATE_CHANGE_TYPE: {
-  open: 'open';
-  close: 'close';
-};
-
-export const ANIMATE_IN_TIME = 20;
-export const ANIMATE_OUT_TIME = 0;
-
-export type StateReducer = (
-  stateChangeType: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-  nextState: State,
-  currentState: State
-) => State;
-
-export type StatefulPopoverProps = BasePopoverProps & {
-  children?: React.ReactNode;
-  content?: React.ReactNode | ((args: { close: () => void }) => React.ReactNode);
-  dismissOnClickOutside?: boolean;
-  dismissOnEsc?: boolean;
-  initialState?: State;
-  onClose?: () => any;
-  onOpen?: () => any;
-  stateReducer?: StateReducer;
-};
-export declare const StatefulPopover: React.FC<StatefulPopoverProps>;
-
-export type StatefulPopoverContainerProps = StatefulPopoverProps & {
-  children: (props: PopoverProps & { children: never }) => React.ReactNode;
-};
-export interface State {
-  isOpen: boolean;
-}
-export class StatefulContainer extends React.Component<StatefulPopoverContainerProps, State> {
-  onBlur(): void;
-  onClick(): void;
-  onClickOutside(): void;
-  onEsc(): void;
-  onFocus(): void;
-  onMouseEnter(): void;
-  onMouseLeave(): void;
-  onContentClose(): void;
-  open(): void;
-  close(): void;
-  internalSetState(
-    type: typeof STATE_CHANGE_TYPE[keyof typeof STATE_CHANGE_TYPE],
-    changes: State
-  ): void;
-}
-
-export interface SharedStylePropsArg {
-  $arrowOffset?: Offset;
-  $isAnimating?: boolean;
-  $isOpen?: boolean;
-  $popoverOffset?: Offset;
-  $placement?: TetherPlacement[keyof TetherPlacement];
-  $showArrow?: boolean;
-  $popoverMargin?: number;
-}
-export interface PopoverOverrides {
-  Body?: Override<SharedStylePropsArg>;
-  Arrow?: Override<SharedStylePropsArg>;
-  Inner?: Override<SharedStylePropsArg>;
-}
-export interface BasePopoverProps {
-  accessibilityType?: typeof ACCESSIBILITY_TYPE[keyof typeof ACCESSIBILITY_TYPE];
-  focusLock?: boolean;
-  autoFocus?: boolean;
-  focusOptions?: FocusOptions;
-  returnFocus?: boolean | FocusOptions | ((returnTo: Element) => boolean | FocusOptions);
-  'data-baseweb'?: string;
-  id?: string;
-  ignoreBoundary?: boolean;
-  onMouseEnterDelay?: number;
-  onMouseLeaveDelay?: number;
-  overrides?: PopoverOverrides;
-  placement?: TetherPlacement[keyof TetherPlacement];
-  showArrow?: boolean;
-  triggerType?: typeof TRIGGER_TYPE[keyof typeof TRIGGER_TYPE];
-  mountNode?: HTMLElement;
-  animateOutTime?: number;
-  popperOptions?: any;
-  renderAll?: boolean;
-  popoverMargin?: number;
-}
-export type PopoverProps = BasePopoverProps & {
-  children: React.ReactNode;
-  content: React.ReactNode | (() => React.ReactNode);
-  isOpen: boolean;
-  onBlur?: () => any;
-  onClick?: (e: Event) => any;
-  onClickOutside?: (event: MouseEvent) => any;
-  onEsc?: () => any;
-  onFocus?: () => any;
-  onMouseEnter?: () => any;
-  onMouseLeave?: () => any;
-};
-
-export interface Offset {
-  top: number;
-  left: number;
-}
-export interface PopoverPrivateState {
-  isAnimating: boolean;
-  arrowOffset: Offset;
-  popoverOffset: Offset;
-  placement: TetherPlacement[keyof TetherPlacement];
-  isLayerMounted: boolean;
-  isMounted: boolean;
-}
-export class Popover extends React.Component<PopoverProps, PopoverPrivateState> {
-  init(prevProps: PopoverProps, prevState: PopoverPrivateState): void;
-  getDefaultState(props: PopoverProps): {
-    isAnimating: false;
-    arrowOffset: { left: 0; top: 0 };
-    popoverOffset: { left: 0; top: 0 };
-    placement: typeof PLACEMENT[keyof typeof PLACEMENT];
-    isMounted: false;
-    isLayerMounted: false;
-  };
-  animateIn(): void;
-  animateOut(): void;
-  clearTimers(): void;
-  onAnchorClick(e: Event): void;
-  onAnchorMouseEnter(): void;
-  onAnchorMouseLeave(): void;
-  onPopoverMouseEnter(): void;
-  onPopoverMouseLeave(): void;
-  onKeyPress(evt: KeyboardEvent): void;
-  onPopperUpdate(normalizedOffsets: NormalizedOffsets, data: PopperDataObject): void;
-  triggerOnMouseLeaveWithDelay(): void;
-  triggerOnMouseLeave(): void;
-  triggerOnMouseEnterWithDelay(): void;
-  triggerOnMouseEnter(): void;
-  addDomEvents(): void;
-  removeDomEvents(): void;
-  onDocumentClick(evt: MouseEvent): void;
-  isClickTrigger(): boolean;
-  isHoverTrigger(): boolean;
-  isAccessibilityTypeMenu(): boolean;
-  isAccessibilityTypeTooltip(): boolean;
-  getAnchorIdAttr(): string | null;
-  getPopoverIdAttr(): string | null;
-  getAnchorProps(): object;
-  getPopoverBodyProps(): object;
-  getSharedProps(): SharedStylePropsArg & { children?: React.ReactNode };
-  getAnchorFromChildren(): React.ReactNode;
-  renderAnchor(): React.ReactNode;
-  renderPopover(): React.ReactNode;
-}
-
-export declare const StyledArrow: StyletronComponent<any, any>;
-export declare const StyledBody: StyletronComponent<any, any>;
-export declare const StyledInner: StyletronComponent<any, any>;
-export declare const StyledPadding: StyletronComponent<any, any>;
-
-export declare const POPOVER_MARGIN: 8;
-export declare const ARROW_SIZE: 6;
-export declare const ARROW_WIDTH: number;

package/progress-bar/index.d.ts

@@ -1,57 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const SIZE: {
-  small: 'small';
-  medium: 'medium';
-  large: 'large';
-};
-export interface ProgressBarOverrides {
-  Root?: Override<any>;
-  BarContainer?: Override<any>;
-  Bar?: Override<any>;
-  BarProgress?: Override<any>;
-  InfiniteBar?: Override<any>;
-  Label?: Override<any>;
-}
-export interface ProgressBarProps {
-  ariaLabel?: string;
-  'aria-label'?: string;
-  children?: React.ReactNode;
-  getProgressLabel?: (value: number, successValue: number) => React.ReactNode;
-  infinite?: boolean;
-  overrides?: ProgressBarOverrides;
-  size?: typeof SIZE[keyof typeof SIZE];
-  showLabel?: boolean;
-  steps?: number;
-  successValue?: number;
-  minValue?: number;
-  maxValue?: number;
-  value?: number;
-}
-export class ProgressBar extends React.Component<ProgressBarProps> {}
-
-export interface ProgressBarRoundedOverrides {
-  Root?: Override<any>;
-  Svg?: Override<any>;
-  TrackBackground?: Override<any>;
-  TrackForeground?: Override<any>;
-  Text?: Override<any>;
-}
-
-export interface ProgressBarRoundedProps {
-  progress?: number;
-  size?: typeof SIZE[keyof typeof SIZE];
-  animate?: boolean;
-  inline?: boolean;
-  overrides?: ProgressBarRoundedOverrides;
-}
-export declare const ProgressBarRounded: React.FC<ProgressBarRoundedProps>;
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledBarContainer: StyletronComponent<any, any>;
-export declare const StyledBar: StyletronComponent<any, any>;
-export declare const StyledBarProgress: StyletronComponent<any, any>;
-export declare const StyledInfiniteBar: StyletronComponent<any, any>;
-export declare const StyledLabel: StyletronComponent<any, any>;

package/progress-steps/index.d.ts

@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export interface ProgressStepsOverrides {
-  Root?: Override<any>;
-}
-export interface ProgressStepsProps {
-  overrides?: ProgressStepsOverrides;
-  children?: React.ReactNode;
-  current?: number;
-}
-export declare const ProgressSteps: React.FC<ProgressStepsProps>;
-
-export interface StepOverrides {
-  Root?: Override<any>;
-  IconContainer?: Override<any>;
-  Icon?: Override<any>;
-  InnerIcon?: Override<any>;
-  Tail?: Override<any>;
-  Content?: Override<any>;
-  Title?: Override<any>;
-  Description?: Override<any>;
-}
-export interface StepProps {
-  title?: React.ReactNode;
-  isCompleted?: boolean;
-  isActive?: boolean;
-  isLast?: boolean;
-  overrides?: StepOverrides;
-  children?: React.ReactNode;
-}
-export declare const Step: React.FC<StepProps>;
-
-export interface NumberedStepOverrides {
-  Root?: Override<any>;
-  IconContainer?: Override<any>;
-  Icon?: Override<any>;
-  InnerIcon?: Override<any>;
-  Tail?: Override<any>;
-  Content?: Override<any>;
-  Title?: Override<any>;
-  Description?: Override<any>;
-}
-export interface NumberedStepProps {
-  title?: string;
-  isCompleted?: boolean;
-  isActive?: boolean;
-  isLast?: boolean;
-  overrides?: NumberedStepOverrides;
-  children?: React.ReactNode;
-  step?: React.ReactNode;
-}
-export declare const NumberedStep: React.FC<NumberedStepProps>;
-
-export interface StyleProps {
-  $isActive?: boolean;
-  $isCompleted?: boolean;
-  $disabled?: boolean;
-}
-export declare const StyledProgressSteps: StyletronComponent<any, StyleProps>;
-export declare const StyledStep: StyletronComponent<any, StyleProps>;
-export declare const StyledIcon: StyletronComponent<any, StyleProps>;
-export declare const StyledInnerIcon: StyletronComponent<any, StyleProps>;
-export declare const StyledContent: StyletronComponent<any, StyleProps>;
-export declare const StyledContentTitle: StyletronComponent<any, StyleProps>;
-export declare const StyledContentTail: StyletronComponent<any, StyleProps>;
-export declare const StyledContentDescription: StyletronComponent<any, StyleProps>;
-export declare const StyledNumberStep: StyletronComponent<any, StyleProps>;
-export declare const StyledNumberIcon: StyletronComponent<any, StyleProps>;
-export declare const StyledNumberContentTail: StyletronComponent<any, StyleProps>;

package/radio/index.d.ts

@@ -1,134 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-
-export declare const STATE_TYPE: {
-  change: 'CHANGE';
-};
-
-export declare const ALIGN: {
-  vertical: 'vertical';
-  horizontal: 'horizontal';
-};
-
-export type StateReducer = (
-  stateType: string,
-  nextState: State,
-  currentState: State,
-  event: React.SyntheticEvent<HTMLInputElement>
-) => State;
-
-export interface State {
-  value?: string;
-}
-
-export interface StatefulContainerProps {
-  overrides?: RadioOverrides & RadioGroupOverrides;
-  children?: React.ReactNode;
-  initialState?: State;
-  stateReducer: StateReducer;
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  autoFocus?: boolean;
-}
-
-export class StatefulContainer extends React.Component<StatefulContainerProps, State> {
-  onChange(e: React.ChangeEventHandler<HTMLInputElement>): void;
-  stateReducer(type: string, e: React.SyntheticEvent<HTMLInputElement>): void;
-}
-
-export interface StatefulRadioGroupProps {
-  overrides?: RadioOverrides & RadioGroupOverrides;
-  children?: React.ReactNode;
-  initialState?: State;
-  autoFocus?: boolean;
-  name?: string;
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  align?: 'horizontal' | 'vertical';
-}
-
-export declare const StatefulRadioGroup: React.FC<StatefulRadioGroupProps>;
-
-export interface RadioGroupProps {
-  'aria-describedby'?: string;
-  'aria-errormessage'?: string;
-  'aria-label'?: string;
-  'aria-labelledby'?: string;
-  overrides?: RadioOverrides & RadioGroupOverrides;
-  children?: React.ReactNode;
-  value?: string;
-  disabled?: boolean;
-  required?: boolean;
-  error?: boolean;
-  autoFocus?: boolean;
-  align?: 'horizontal' | 'vertical';
-  name?: string;
-  labelPlacement?: 'top' | 'right' | 'bottom' | 'left';
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
-  onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
-  onFocus?: React.FocusEventHandler<HTMLInputElement>;
-  onBlur?: React.FocusEventHandler<HTMLInputElement>;
-}
-
-export class RadioGroup extends React.Component<RadioGroupProps> {}
-
-export interface RadioOverrides {
-  RadioMarkInner?: Override<any>;
-  RadioMarkOuter?: Override<any>;
-  Label?: Override<any>;
-  Root?: Override<any>;
-  Input?: Override<any>;
-  Description?: Override<any>;
-}
-
-export interface RadioGroupOverrides {
-  RadioGroupRoot?: Override<any>;
-}
-
-export interface RadioProps {
-  autoFocus?: boolean;
-  checked?: boolean;
-  children?: React.ReactNode;
-  containsInteractiveElement?: boolean;
-  description?: string;
-  disabled?: boolean;
-  inputRef?: React.Ref<HTMLInputElement>;
-  error?: boolean;
-  isFocused?: boolean;
-  isFocusVisible?: boolean;
-  labelPlacement?: 'top' | 'right' | 'bottom' | 'left';
-  name?: string;
-  onChange?: React.ChangeEventHandler<HTMLInputElement>;
-  onMouseEnter?: React.MouseEventHandler<HTMLInputElement>;
-  onMouseLeave?: React.MouseEventHandler<HTMLInputElement>;
-  onFocus?: React.FocusEventHandler<HTMLInputElement>;
-  onBlur?: React.FocusEventHandler<HTMLInputElement>;
-  onMouseDown?: React.MouseEventHandler<HTMLInputElement>;
-  onMouseUp?: React.MouseEventHandler<HTMLInputElement>;
-  overrides?: RadioOverrides & RadioGroupOverrides;
-  required?: boolean;
-  value?: string;
-  tabIndex?: string;
-}
-
-export interface RadioState {
-  isActive: boolean;
-  isHovered: boolean;
-}
-
-export class Radio extends React.Component<RadioProps, RadioState> {
-  onMouseEnter(event: React.MouseEvent<HTMLInputElement>): void;
-  onMouseLeave(event: React.MouseEvent<HTMLInputElement>): void;
-  onMouseDown(event: React.MouseEvent<HTMLInputElement>): void;
-  onMouseUp(event: React.MouseEvent<HTMLInputElement>): void;
-  onFocus(event: React.FocusEvent<HTMLInputElement>): void;
-  onBlur(event: React.FocusEvent<HTMLInputElement>): void;
-}
-
-export declare const StyledRoot: StyletronComponent<any, any>;
-export declare const StyledLabel: StyletronComponent<any, any>;
-export declare const StyledInput: StyletronComponent<any, any>;
-export declare const StyledDescription: StyletronComponent<any, any>;
-export declare const StyledRadioMarkInner: StyletronComponent<any, any>;
-export declare const StyledRadioMarkOuter: StyletronComponent<any, any>;
-export declare const StyledRadioGroupRoot: StyletronComponent<any, any>;

package/rating/index.d.ts

@@ -1,53 +0,0 @@
-import * as React from 'react';
-import { StyletronComponent } from 'styletron-react';
-import { Override } from '../overrides';
-import { Theme } from '../theme';
-
-export interface RatingState {
-  previewIndex?: number;
-}
-export interface RatingOverrides {
-  Root?: Override<any>;
-  Item?: Override<any>;
-}
-
-export interface StarRatingProps {
-  overrides?: RatingOverrides;
-  value?: number;
-  numItems?: number;
-  readOnly?: boolean;
-  onChange?: (args: { value: number }) => any;
-  size?: number;
-}
-
-export interface EmoticonRatingProps {
-  overrides?: RatingOverrides;
-  value?: number;
-  readOnly?: boolean;
-  onChange?: (args: { value: number }) => any;
-  size?: number;
-}
-export class StarRating extends React.Component<StarRatingProps, RatingState> {
-  selectItem(value: number): void;
-  updatePreview(previewIndex?: number): void;
-  renderRatingContents(): React.ReactNode[];
-}
-
-export class EmoticonRating extends React.Component<EmoticonRatingProps, RatingState> {
-  selectItem(value: number): void;
-  updatePreview(previewIndex?: number): void;
-  renderRatingContents(): React.ReactNode[];
-}
-
-export interface StyledRootProps {
-  $theme: Theme;
-}
-export interface StyledRatingItemProps {
-  $theme: Theme;
-  $isActive: boolean;
-  $isSelected: boolean;
-  $index: number;
-}
-export declare const StyledRoot: StyletronComponent<any, StyledRootProps>;
-export declare const StyledStar: StyletronComponent<any, StyledRatingItemProps>;
-export declare const StyledEmoticon: StyletronComponent<any, StyledRatingItemProps>;