@wix/design-system/dist/types/VariableInput/index.d.ts

@wix/design-system

import * as React from 'react';
import { StatusIndicatorState } from '../StatusIndicator';
import { TagProps } from '../Tag';

export interface VariableInputProps {
  className?: string;
  dataHook?: string;
  disabled?: boolean;
  readOnly?: boolean;
  initialValue?: string;
  multiline?: boolean;
  onChange?: (value: string) => void;
  onSubmit?: (value: string) => void;
  onBlur?: (value: string) => void;
  onFocus?: (value: string) => void;
  status?: StatusIndicatorState;
  statusMessage?: React.ReactNode;
  placeholder?: string;
  rows?: number;
  size?: VariableInputSize;
  variableParser?: (value: string) => string | boolean;
  variableTagPropsParser?: (value: string) => Partial<TagProps>;
  variableTemplate?: {
    prefix: string;
    suffix: string;
  };
}

export default class VariableInput extends React.PureComponent<VariableInputProps> {
  setValue(key: string): void;
  insertVariable(key: string): void;
  focus(params?: { variableKey?: string }): void;
}

export type VariableInputSize = 'tiny' | 'small' | 'medium' | 'large';

export declare const SIZE: { [key in VariableInputSize]: VariableInputSize };