@modul/mbui 0.0.48 → 0.0.50

package/dist/Input-OTP/Input.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "textAlign" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
-    textAlign?: "left" | "right" | "center";
+    textAlign?: "center" | "left" | "right";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "none" | "increase-width";
     containerClassName?: string;
@@ -11,11 +11,11 @@ declare const InputOTP: React.ForwardRefExoticComponent<((Omit<Omit<React.InputH
 } & {
     render: (props: import("input-otp").RenderProps) => React.ReactNode;
     children?: never;
-} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "textAlign" | "maxLength" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "containerClassName" | "noScriptCSSFallback"> & {
     value?: string;
     onChange?: (newValue: string) => unknown;
     maxLength: number;
-    textAlign?: "left" | "right" | "center";
+    textAlign?: "center" | "left" | "right";
     onComplete?: (...args: any[]) => unknown;
     pushPasswordManagerStrategy?: "none" | "increase-width";
     containerClassName?: string;

package/dist/Select/Select.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { GroupBase, Props } from "react-select";
+import { GroupBase, Props } from 'react-select';
 declare type SelectBaseProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group>;
 declare function Select<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>(props: SelectBaseProps<Option, IsMulti, Group>): React.JSX.Element;
 export { Select };

package/dist/Select/SelectDrawer/Option.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface ISelectOption {
+    label: string;
+    value: string;
+    [key: string]: any;
+}
+interface IOptionWrapperProps {
+    component: React.FC<ISelectOption & {
+        isChecked: boolean;
+    }>;
+    optionWrapperCSS?: string;
+    option: ISelectOption;
+    selected: ISelectOption[];
+    onSelect: (option: ISelectOption) => void;
+    multiple?: boolean;
+}
+export declare const Option: React.FC<ISelectOption & {
+    isChecked: boolean;
+}>;
+export declare const OptionWrapper: React.FC<IOptionWrapperProps>;
+export {};

package/dist/Select/SelectDrawer/SearchField.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+interface ISeacrhFieldProps {
+    onChange: (value: string) => void;
+    placeholder?: string;
+}
+declare const SearchField: FC<ISeacrhFieldProps>;
+export default SearchField;

package/dist/Select/{SelectDrawer.d.ts → SelectDrawer/SelectDrawer.d.ts}

@@ -1,18 +1,8 @@
 import React, { FC } from 'react';
-interface ISelectOption {
-    label: string;
-    value: string;
-    [key: string]: any;
-}
-interface ISelectValue {
-    isClearable?: boolean;
-    onClear: (evt: React.MouseEvent<HTMLButtonElement>) => void;
-    multiple?: boolean;
-    selected: ISelectOption[];
-    placeholder?: string | undefined;
-}
+import { ISelectOption } from './Option';
+import { ISelectValue } from './Value';
 interface ISelectDrawerProps {
-    options?: ISelectOption[];
+    options: ISelectOption[];
     onChange?: (value: ISelectOption | ISelectOption[] | null) => void;
     placeholder?: string;
     multiple?: boolean;
@@ -22,10 +12,12 @@ interface ISelectDrawerProps {
     autoFocus?: boolean;
     disabled?: boolean;
     components?: {
-        OptionComponent?: React.FC<ISelectOption>;
-        ValueComponent?: React.ElementType<ISelectValue>;
+        OptionComponent?: FC<ISelectOption & {
+            isChecked: boolean;
+        }>;
+        ValueComponent?: FC<ISelectValue>;
     };
-    value?: ISelectOption | ISelectOption[];
+    value?: ISelectOption | ISelectOption[] | null;
     defaultValue?: ISelectOption | ISelectOption[];
     menuListCSS?: string;
     triggerWrapperCSS?: string;
@@ -37,5 +29,5 @@ interface ISelectDrawerProps {
     selectAll?: boolean;
     selectAllText?: string;
 }
-declare const SelectDrawer: FC<ISelectDrawerProps>;
-export { SelectDrawer, type ISelectValue, type ISelectOption };
+declare const SelectDrawer: React.ForwardRefExoticComponent<ISelectDrawerProps & React.RefAttributes<HTMLButtonElement>>;
+export { SelectDrawer, type ISelectValue, type ISelectOption, type ISelectDrawerProps };

package/dist/Select/SelectDrawer/Value.d.ts

@@ -0,0 +1,15 @@
+import { FC, MouseEvent } from 'react';
+import { ISelectOption } from './SelectDrawer';
+export interface ISelectValue {
+    isClearable?: boolean;
+    onClear: (evt: MouseEvent<HTMLButtonElement>) => void;
+    multiple?: boolean;
+    selected: ISelectOption[];
+    placeholder?: string | undefined;
+}
+interface IValueWrapper {
+    valueProps: ISelectValue;
+    valueComponent?: FC<ISelectValue>;
+}
+export declare const ValueWrapper: FC<IValueWrapper>;
+export {};

package/dist/Select/SelectDrawer/index.d.ts

@@ -0,0 +1 @@
+export * from './SelectDrawer';