@modul/mbui 0.0.38-beta-pv-53753-029f73ac → 0.0.38-beta-select-601d6e45

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,9 +1,9 @@
1
1
  import * as React from 'react';
2
- declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "maxLength" | "value" | "onChange" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
2
+ declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "textAlign" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
3
3
  value?: string;
4
4
  onChange?: (newValue: string) => unknown;
5
5
  maxLength: number;
6
- textAlign?: "center" | "right" | "left";
6
+ textAlign?: "left" | "right" | "center";
7
7
  onComplete?: (...args: any[]) => unknown;
8
8
  pushPasswordManagerStrategy?: "none" | "increase-width";
9
9
  containerClassName?: string;
@@ -11,11 +11,11 @@ declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputH
11
11
  } & {
12
12
  render: (props: import("input-otp").RenderProps) => React.ReactNode;
13
13
  children?: never;
14
- } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "maxLength" | "value" | "onChange" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
14
+ } & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "textAlign" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
15
15
  value?: string;
16
16
  onChange?: (newValue: string) => unknown;
17
17
  maxLength: number;
18
- textAlign?: "center" | "right" | "left";
18
+ textAlign?: "left" | "right" | "center";
19
19
  onComplete?: (...args: any[]) => unknown;
20
20
  pushPasswordManagerStrategy?: "none" | "increase-width";
21
21
  containerClassName?: string;
@@ -0,0 +1,36 @@
1
+ import React, { FC, ReactNode } from 'react';
2
+ interface ISelectOption {
3
+ label: string;
4
+ value: string;
5
+ [key: string]: any;
6
+ }
7
+ interface ISelectValue {
8
+ isClearable?: boolean;
9
+ onClear: (evt: React.MouseEvent<HTMLButtonElement>) => void;
10
+ multiple?: boolean;
11
+ selected: ISelectOption[];
12
+ placeholder?: string | undefined;
13
+ }
14
+ interface ISelectDrawerProps {
15
+ options?: ISelectOption[];
16
+ onChange?: (value: string | string[] | null) => void;
17
+ placeholder?: string;
18
+ multiple?: boolean;
19
+ isClearable?: boolean;
20
+ isSearchable?: boolean;
21
+ autoFocus?: boolean;
22
+ disabled?: boolean;
23
+ components?: {
24
+ OptionComponent?: (props: ISelectOption) => ReactNode;
25
+ ValueComponent?: React.ElementType<ISelectValue>;
26
+ };
27
+ menuListCSS?: string;
28
+ triggerWrapperCSS?: string;
29
+ dropWrapperCSS?: string;
30
+ dropTitle?: string;
31
+ dropTitleCSS?: string;
32
+ optionWrapperCSS?: string;
33
+ modal?: boolean;
34
+ }
35
+ declare const SelectDrawer: FC<ISelectDrawerProps>;
36
+ export { SelectDrawer, type ISelectValue, type ISelectOption };