forstok-ui-lib 5.1.0 → 5.1.2

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ChangeEvent, DragEvent, InputHTMLAttributes, PropsWithChildren, ButtonHTMLAttributes, RefObject, ImgHTMLAttributes } from 'react';
+import { OptionProps, SingleValueProps, OnChangeValue, ActionMeta } from 'react-select';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 
@@ -94,6 +95,13 @@ type TInput$1 = InputHTMLAttributes<HTMLInputElement> & {
 };
 declare const InputComponent: ({ $mode, $aliasLabel, $isError, $iconLeft, $iconRight, reset, setReset, isForceUpdate, setForceUpdate, evChange, evBlur, isField, evChangeCustom, evEnter, evKeyUp, ...props }: TInput$1) => react_jsx_runtime.JSX.Element;
 
+declare const InputWithRefComponent: react.ForwardRefExoticComponent<InputHTMLAttributes<HTMLInputElement> & {
+    $mode?: string;
+    $iconLeft?: boolean;
+    $iconRight?: boolean;
+    $isError?: boolean;
+} & react.RefAttributes<HTMLInputElement>>;
+
 type TInput = InputHTMLAttributes<HTMLInputElement> & {
     evChange?: (e: ChangeEvent<HTMLInputElement>) => void;
     $flow?: string;
@@ -231,39 +239,6 @@ type TImage = ImgHTMLAttributes<HTMLImageElement> & {
 };
 declare const ImageComponent: ({ $mode, ...props }: TImage) => react_jsx_runtime.JSX.Element;
 
-declare const FormContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components.FastOmit<styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>, never>, {
-    name?: string;
-}>> & string;
-declare const SingleFormContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $width?: string | number;
-}>> & string;
-
-declare const clearList: styled_components.RuleSet<object>;
-declare const responseWidth: styled_components.RuleSet<object>;
-declare const elipsis: styled_components.RuleSet<object>;
-declare const multiElipsis: styled_components.RuleSet<object>;
-declare const thirdElipsis: styled_components.RuleSet<object>;
-declare const boxBase: styled_components.RuleSet<object>;
-declare const dropBase: styled_components.RuleSet<object>;
-declare const headTable: styled_components.RuleSet<object>;
-declare const formLabel: styled_components.RuleSet<object>;
-
-declare const PanelContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-declare const ListContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-declare const PanelWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $mode?: string;
-}>> & string;
-declare const Title: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
-declare const HeaderContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-declare const TabsContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
-    $mode?: string;
-}>> & string;
-declare const TabsContent: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $mode?: string;
-}>> & string;
-declare const FoContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-declare const InfoGroup: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-
 type TUser = {
     profile_id: number;
     profile_name: string;
@@ -316,4 +291,90 @@ type TChannel = {
     availableAPI?: boolean | null;
 };
 
-export { ButtonComponent, CheckboxComponent, DropDownComponent as DropdownComponent, FoContainer, FormContainer, HeaderContainer, IconComponent, ImageComponent, InfoGroup, InputComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MessageComponent, MessageQuestionComponent, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, SingleFormContainer, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMouseEvent, type TObject, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TState, type TUser, TabsContainer, TabsContent, TextComponent, Title, type WithRequired, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };
+type TOption = {
+    readonly value: any;
+    readonly label: string;
+    readonly name?: string;
+    readonly isFixed?: boolean;
+    readonly channel?: Omit<TChannel, 'stores'>;
+    postalCode?: string;
+    localId?: string;
+    option?: {
+        readonly value: any;
+        readonly label: string;
+        localId?: string;
+    }[];
+};
+
+type TSelect = {
+    type?: string;
+    mode?: string;
+    isError?: boolean;
+    name?: string;
+    customOption?: (arg0: OptionProps) => void;
+    customLabel?: (arg0: SingleValueProps) => void;
+    MenuList?: any;
+    isCreateable?: boolean;
+    isClearable?: boolean;
+    selectKey?: string;
+    disabled?: boolean;
+    width?: string | number;
+    reset?: boolean;
+    setReset?: TState<boolean>;
+    isForceUpdate?: boolean;
+    setForceUpdate?: TState<boolean>;
+    isCheckAutoCopy?: boolean;
+    isField?: boolean;
+    isMulti?: boolean;
+    evCreate?: (value: string) => void;
+    evChange?: (newValue: OnChangeValue<TOption, boolean>, actionMeta?: ActionMeta<TOption>) => void;
+    evChangeCustom?: (key: string, value: any) => void;
+    defaultValue?: OnChangeValue<TOption, boolean>;
+    options: TOption[] | null;
+    isMinOption?: boolean;
+    placeholder?: string;
+    'data-qa-id'?: string;
+    removeMessage?: TObject;
+    evCreateMessageQuestion?: TMessageQuestionFunction;
+};
+declare const SelectComponent: ({ type, isError, mode, customOption, customLabel, MenuList, isCreateable, isClearable, selectKey, disabled, defaultValue, width, reset, setReset, isForceUpdate, setForceUpdate, isCheckAutoCopy, evChangeCustom, isField, evCreate, evChange, isMinOption, isMulti, options, name, placeholder, removeMessage, evCreateMessageQuestion, ...props }: TSelect) => react_jsx_runtime.JSX.Element;
+
+declare const ErrorComponent: ({ children, $mode, ...props }: {
+    children?: ReactNode;
+    $mode?: string;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const FormContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<styled_components.FastOmit<styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, react.DetailedHTMLProps<react.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>>, never>, {
+    name?: string;
+}>> & string;
+declare const SingleFormContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $width?: string | number;
+}>> & string;
+
+declare const clearList: styled_components.RuleSet<object>;
+declare const responseWidth: styled_components.RuleSet<object>;
+declare const elipsis: styled_components.RuleSet<object>;
+declare const multiElipsis: styled_components.RuleSet<object>;
+declare const thirdElipsis: styled_components.RuleSet<object>;
+declare const boxBase: styled_components.RuleSet<object>;
+declare const dropBase: styled_components.RuleSet<object>;
+declare const headTable: styled_components.RuleSet<object>;
+declare const formLabel: styled_components.RuleSet<object>;
+
+declare const PanelContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const ListContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const PanelWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $mode?: string;
+}>> & string;
+declare const Title: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+declare const HeaderContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const TabsContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
+    $mode?: string;
+}>> & string;
+declare const TabsContent: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $mode?: string;
+}>> & string;
+declare const FoContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
+declare const InfoGroup: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+
+export { ButtonComponent, CheckboxComponent, DropDownComponent as DropdownComponent, ErrorComponent, FoContainer, FormContainer, HeaderContainer, IconComponent, ImageComponent, InfoGroup, InputComponent, InputWithRefComponent as InputRefComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MessageComponent, MessageQuestionComponent, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, SelectComponent, SingleFormContainer, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMouseEvent, type TObject, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TState, type TUser, TabsContainer, TabsContent, TextComponent, Title, type WithRequired, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };