forstok-ui-lib 3.0.1 → 4.0.0

package/dist/index.d.ts

@@ -147,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>;
@@ -191,5 +269,18 @@ type TUser = {
     };
     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, FoContainer, HeaderContainer, IconComponent, InfoGroup, InputComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, PanelContainer, PanelWrapper, type PartialBy, type TChangeEvent, type TDragEvent, type TEnterEvent, type TFile, type TFileImage, type TIdNum, type TIdStr, type TKeyboadEvent, type TMouseEvent, type TObject, type TPage, type TState, type TUser, TabsContainer, TabsContent, TextComponent, Title, type WithRequired, boxBase, clearList, dropBase, elipsis, formLabel, headTable, multiElipsis, responseWidth, thirdElipsis };
+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 };