forstok-ui-lib 3.0.0 → 4.0.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, InputHTMLAttributes, ChangeEvent, PropsWithChildren, ButtonHTMLAttributes, RefObject } from 'react';
+import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, MouseEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ChangeEvent, DragEvent, InputHTMLAttributes, PropsWithChildren, ButtonHTMLAttributes, RefObject } from 'react';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 
@@ -27,8 +27,52 @@ type TLinkBase = {
 }));
 declare const LinkComponent: ({ children, mode, $activated, href, $elipsis, $shadow, disabled, ...props }: TLinkBase) => react_jsx_runtime.JSX.Element;
 
+type RemoveUnderscoreFirstLetter<S extends string> = S extends `${infer FirstLetter}${infer U}` ? `${FirstLetter extends "_" ? U : `${FirstLetter}${U}`}` : S;
+type CamelToSnakeCase<S extends string> = S extends `${infer T}${infer U}` ? `${T extends Capitalize<T> ? "_" : ""}${RemoveUnderscoreFirstLetter<Lowercase<T>>}${CamelToSnakeCase<U>}` : S;
+type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};
+type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+type KeysToSnakeCase<T extends object> = {
+    [K in keyof T as CamelToSnakeCase<K & string>]: T[K];
+};
+type TIdNum = {
+    id: number;
+};
+type TIdStr = {
+    id: string;
+};
+type TObject = {
+    [key: string]: any;
+};
+type TMouseEvent = (e: MouseEvent) => void;
+type TChangeEvent = (e: ChangeEvent) => void;
+type TDragEvent = (e: DragEvent) => void;
 type TEnterEvent = (e: KeyboardEvent<HTMLInputElement | HTMLElement> | FocusEvent<HTMLInputElement | HTMLElement | Element> | MouseEvent<HTMLElement>) => void;
 type TKeyboadEvent = (e: KeyboardEvent<HTMLInputElement>) => void;
+type TPage = {
+    totalCount: number;
+    totalPageCount: number;
+    pageInfo: {
+        endCursor?: string | null;
+        hasNextPage: boolean;
+        hasPreviousPage: boolean;
+        startCursor?: string | null;
+    };
+    pageCursors?: {
+        page: number;
+        startCursor: string;
+        endCursor: string;
+    }[] | null;
+};
+type TFile = {
+    name: string;
+    file: File;
+};
+type TFileImage = TFile & {
+    src: string;
+    url?: string;
+};
 type TState<T> = Dispatch<SetStateAction<T>>;
 
 type TInput$1 = InputHTMLAttributes<HTMLInputElement> & {
@@ -103,6 +147,84 @@ type TLoading = HTMLAttributes<HTMLDivElement> & {
 };
 declare const LoadingComponent: ({ $mode, $position, $shape, $color, $extendClass, ...props }: TLoading) => react_jsx_runtime.JSX.Element;
 
+type TDropdown = {
+    children: ReactNode[];
+    title?: string;
+    subTitle?: string;
+    $externalWidth?: string;
+    $externalMinWidth?: string;
+    $internalWidth?: string;
+    $area?: string;
+    $openPosition?: string;
+    $placement?: string;
+    $top?: string;
+    $bottom?: string;
+    $alias?: string;
+    type?: string;
+    portalId?: string;
+    onClick?: TMouseEvent;
+    detail?: string;
+};
+type TCloseDropdownFunction = (currentTarget: EventTarget & HTMLElement) => void;
+
+declare const DropDownComponent: ({ children, title, subTitle, $externalWidth, $externalMinWidth, $internalWidth, $area, $openPosition, $placement, $top, onClick, $alias, type, portalId, $bottom, ...props }: TDropdown) => react_jsx_runtime.JSX.Element;
+
+type TMessage = {
+    timer?: number;
+    $type: string;
+    message: string | ReactNode;
+    callback?: () => void;
+};
+type TMessageQuestion = {
+    $type: string;
+    title: string;
+    subtitle: string;
+    callback?: () => void;
+    buttonSubmit?: string;
+    cancelCallback?: () => void;
+};
+type TMessageFunction = ({ timer, $type, message, callback }: TMessage) => void;
+type TMessageQuestionFunction = ({ $type, title, subtitle, callback, buttonSubmit }: TMessageQuestion) => void;
+
+declare const MessageComponent: ({ timer, $type, message, callback }: TMessage) => react_jsx_runtime.JSX.Element;
+
+declare const MessageQuestionComponent: ({ $type, title, subtitle, callback, buttonSubmit, cancelCallback }: TMessageQuestion) => react_jsx_runtime.JSX.Element;
+
+type TPopupOpenFunction = (e: MouseEvent, el?: string) => void;
+type TPopupFunctionParam = {
+    mode?: string | null;
+    path?: string | null;
+    action?: string | null;
+    detail?: any;
+};
+type TPopupFunction = (props?: TPopupFunctionParam) => void;
+type TPopupFunctionGroup = {
+    evTooglePopup?: TPopupFunction;
+    evCreateMessage?: TMessageFunction;
+    evForcePopUp?: TPopupFunction;
+};
+type TPopupContainer = {
+    isOpen: boolean;
+} & Required<TPopupFunctionParam> & Required<TPopupFunctionGroup>;
+type TPopup = {
+    isOpen: boolean;
+    body?: string;
+    height?: string | number;
+    width?: string | number;
+    type?: string;
+} & TPopupFunctionParam & TPopupFunctionGroup;
+
+type TPopupOtherProp = {
+    children: ReactNode[];
+    'data-qa-id'?: string;
+};
+declare const PopupComponent: ({ children, body, mode, height, width, isOpen, evTooglePopup, ...props }: TPopup & TPopupOtherProp) => react_jsx_runtime.JSX.Element;
+
+declare function ReactPortalComponent({ children, wrapperId }: {
+    children: ReactNode;
+    wrapperId?: string;
+}): react_jsx_runtime.JSX.Element;
+
 declare const clearList: styled_components.RuleSet<object>;
 declare const responseWidth: styled_components.RuleSet<object>;
 declare const elipsis: styled_components.RuleSet<object>;
@@ -129,4 +251,36 @@ declare const TabsContent: styled_components_dist_types.IStyledComponentBase<"we
 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, FoContainer, HeaderContainer, IconComponent, InfoGroup, InputComponent, LabelComponent, LinkComponent, ListContainer, LoadingComponent, PanelContainer, PanelWrapper, TabsContainer, TabsContent, TextComponent, Title, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };
+type TUser = {
+    profile_id: number;
+    profile_name: string;
+    id: number;
+    username: string;
+    email: string;
+    freshchat_restore_id: string | number | null;
+    credentials: {
+        aws_access_key: string;
+        aws_secret_access_key: string;
+        aws_bucket_name: string;
+        aws_region: string;
+        chat_token: string;
+        shopee_partner_id: string;
+        shopee_partner_key: string;
+    };
+    has_access_orderV1: boolean;
+};
+type THierarchy = {
+    evTooglePopup?: TPopupFunction;
+    evCreateMessage?: TMessageFunction;
+    evForcePopUp?: TPopupFunction;
+    isOpenPopup: boolean;
+    modePopup: string;
+    pathPopup: string;
+    actionPopup: string;
+    detailPopup?: TObject;
+    evOpenPopup?: TPopupOpenFunction;
+    evCloseDropdown?: TCloseDropdownFunction;
+    evCreateMessageQuestion?: TMessageQuestionFunction;
+};
+
+export { ButtonComponent, CheckboxComponent, DropDownComponent as DropdownComponent, FoContainer, HeaderContainer, IconComponent, InfoGroup, InputComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MessageComponent, MessageQuestionComponent, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, type TChangeEvent, 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 };