forstok-ui-lib 7.1.0 → 7.2.1

package/dist/index.d.ts

@@ -2,9 +2,10 @@ 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, ClipboardEvent, FormEvent, InputHTMLAttributes, JSX, PropsWithChildren, ButtonHTMLAttributes, RefObject, ImgHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import { Moment } from 'moment';
-import { OnChangeValue, ActionMeta, OptionProps, StylesConfig, CSSObjectWithLabel, ControlProps, GroupBase, SingleValueProps, MenuListProps, MultiValueRemoveProps } from 'react-select';
+import { OnChangeValue, ActionMeta, OptionProps, StylesConfig, CSSObjectWithLabel, ControlProps, GroupBase, SingleValueProps, MenuListProps, MultiValueRemoveProps, MultiValue } from 'react-select';
 export { components } from 'react-select';
 import { CSSObject } from '@emotion/serialize';
+import { LoadOptions } from 'react-select-async-paginate';
 import * as styled_components from 'styled-components';
 import * as styled_components_dist_types from 'styled-components/dist/types';
 
@@ -561,7 +562,7 @@ declare const ImageChannelComponent: ({ data, label, size, isImageOnly, $mode, $
     labelPhone?: string;
 }) => react_jsx_runtime.JSX.Element;
 
-type TSelect = {
+type TSelect$2 = {
     type?: string;
     mode?: string;
     isError?: boolean;
@@ -596,7 +597,49 @@ type TSelect = {
     isLoading?: boolean;
     height?: string;
 };
-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, isLoading, height, customMenuList, customMultiValueRemove, ...props }: TSelect) => react_jsx_runtime.JSX.Element;
+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, isLoading, height, customMenuList, customMultiValueRemove, ...props }: TSelect$2) => react_jsx_runtime.JSX.Element;
+
+type TSelect$1 = {
+    mode?: string;
+    isError?: boolean;
+    'data-qa-id'?: string;
+    value: MultiValue<any>;
+    options: TOption[] | null;
+    evChange: (newValue: any[], actionMeta: ActionMeta<any>) => void;
+};
+declare const SelectAllComponent: (props: TSelect$1) => react_jsx_runtime.JSX.Element;
+
+type TSelect = {
+    type?: string;
+    mode?: string;
+    isError?: boolean;
+    customOption?: (arg0: OptionProps) => void;
+    MenuList?: any;
+    reset?: boolean;
+    setReset?: TState<boolean>;
+    evChange?: (newValue: OnChangeValue<TOption, boolean>, actionMeta?: ActionMeta<TOption>) => void;
+    defaultValue?: OnChangeValue<TOption, boolean>;
+    loadOptions: LoadOptions<unknown, GroupBase<unknown>, unknown> | TLoadOption;
+    loadOptionsOnMenuOpen?: boolean;
+    noOptionsMessage?: ((obj: {
+        inputValue: string;
+    }) => React.ReactNode);
+    isSearchable?: boolean;
+    isClearable?: boolean;
+    placeholder?: string;
+    isMenuOpen?: boolean;
+    setMenuIsOpen?: TState<boolean | undefined>;
+    isForceUpdate?: boolean;
+    setForceUpdate?: TState<boolean>;
+    isMulti?: boolean;
+    iconLeft?: boolean | string;
+    loadedOptions?: TOption[];
+    'data-qa-id'?: string;
+    evChangeOnMenuClose?: (value: OnChangeValue<TOption, boolean> | undefined) => void;
+    id?: string;
+    isDisabled?: boolean;
+};
+declare const SelectAsyncPaginateComponent: ({ loadOptions, ...props }: TSelect) => react_jsx_runtime.JSX.Element;
 
 declare const MenuList: (props: JSX.IntrinsicAttributes & MenuListProps<unknown, boolean, GroupBase<unknown>>) => react_jsx_runtime.JSX.Element;
 
@@ -640,7 +683,7 @@ declare const TextAreaRefComponent: react.ForwardRefExoticComponent<TextareaHTML
     $isEmoji?: boolean;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 
-type TDate = {
+type TDate$1 = {
     dateFormat?: string;
     name: string;
     evChange?: (name: string, value: Date | null) => void;
@@ -659,7 +702,48 @@ type TDate = {
     'data-place'?: string;
     'data-type'?: string;
 };
-declare const DateComponent: react.ForwardRefExoticComponent<TDate & react.RefAttributes<unknown>>;
+declare const DateComponent: react.ForwardRefExoticComponent<TDate$1 & react.RefAttributes<unknown>>;
+
+type TModerateDateAntFunction = (startDateObj: TMoment, endDateObj: TMoment, callback?: () => void) => void;
+
+type TDateRange = {
+    $mode?: 'white';
+    startDate?: TMoment;
+    endDate?: TMoment;
+    minDate?: TMoment;
+    maxDate?: TMoment;
+    evModDate: TModerateDateAntFunction;
+    isForceUpdate?: boolean;
+    setForceUpdate?: TState<boolean | undefined>;
+};
+declare const DateRangeComponent: (props: TDateRange) => react_jsx_runtime.JSX.Element;
+
+type TDate = {
+    dateFormat?: string;
+    name: string;
+    evChange?: (name: string, value: any) => void;
+    isField?: boolean;
+    evChangeCustom?: (key: string, value: any) => void;
+    saveFormat?: string;
+    showFormat?: string;
+    isForceUpdate?: boolean;
+    reset?: boolean;
+    setReset?: TState<boolean>;
+    value?: Date | null;
+    isError?: boolean;
+    allowEmpty?: boolean;
+    setForceUpdate?: TState<boolean>;
+    showTimeInput?: boolean;
+    placeholderText?: string;
+    portalId?: string;
+    isIcon?: boolean;
+    'data-qa-id'?: string;
+    'data-tip'?: string;
+    'data-place'?: string;
+    'data-type'?: string;
+    disabled?: boolean;
+};
+declare const DateRefComponent: react.ForwardRefExoticComponent<TDate & react.RefAttributes<unknown>>;
 
 declare const DateTimeComponent: ({ dateTimeData }: {
     dateTimeData: string;
@@ -721,6 +805,18 @@ declare const EmojiComponent: ({ $mode, evChange }: {
     evChange: (emoji: string) => void;
 }) => react_jsx_runtime.JSX.Element;
 
+type TableMode = 'widersmall' | 'custom';
+type TTable = HTMLAttributes<HTMLElement> & {
+    children: ReactNode[];
+    $mode: TableMode;
+    $name?: string;
+    $template?: string;
+    isForceUpdate?: boolean;
+    setForceUpdate?: TState<boolean>;
+};
+
+declare const TableComponent: (props: TTable) => 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;
@@ -1116,5 +1212,10 @@ declare const configDateRange: {
     placeholder: string;
     minDate: string;
 };
+declare const configDateRangeAnt: {
+    startDate: Moment;
+    endDate: Moment;
+    minDate: Moment;
+};
 
-export { APILabel, type BodyContentMode, type BodyContentStyle, BoxContainer, BreadcrumbContainer, BulkActionWrapper, BulkSelectContainer, ButtonComponent, ButtonGroup, ButtonLabel, CardContainer, CardWrapper, CheckboxComponent, CollapseContainer, ContentLoaderAccountsList, ContentLoaderActivityList, ContentLoaderAddition, ContentLoaderAnalyticsMenu, ContentLoaderCategoryList, ContentLoaderChatAccounts, ContentLoaderChatMessages, ContentLoaderChatProducts, ContentLoaderChatStores, ContentLoaderDashboardCard, ContentLoaderEditBundle, ContentLoaderFilterCategories, ContentLoaderFilters, ContentLoaderInvoiceListPaymentreceiveDetail, ContentLoaderMasterBundleDetail, ContentLoaderMasterDetail, ContentLoaderMasterList, ContentLoaderMasterListingDetail, ContentLoaderNonOrderList, ContentLoaderNotifUpdate, ContentLoaderOneLine, ContentLoaderOneLinePromotion, ContentLoaderOnlyBodyDashboardCard, ContentLoaderOnlyBodyTableList, ContentLoaderOnlyHeaderTableList, ContentLoaderOrderDetail, ContentLoaderOrderList, ContentLoaderPOSCategory, ContentLoaderPOSItem, ContentLoaderPOSStore, ContentLoaderPagination, ContentLoaderPopupBundle, ContentLoaderPopupChooseStore, ContentLoaderPopupLinkedListing, ContentLoaderPopupListOrder, ContentLoaderPopupPaymentReceive, ContentLoaderPopupPaymentReceived, ContentLoaderPopupPicklist, ContentLoaderPopupReadyToShip, ContentLoaderPopupStoreSelect, ContentLoaderPosProductDetail, ContentLoaderPromotionHover, ContentLoaderReportingDashboard, ContentLoaderSetting, ContentLoaderTableList, CreateContainer, CreateHeaderWrapper, CreateToolWrapper, DateComponent, DateTimeComponent, DateWrapper, DetailItem, DetailItemAction, DetailItemInfo, DetailItemTitle, DetailItemWrapper, DetailList, DetailPanelWrapper, DetailWrapper, DotIcon, DropDownAction, DropDownBody, DropDownComponent, DropDownContainer, DropDownControl, DropDownOverlayWrapper, DropDownSubTitle, DropDownTitle, DropDownWrapper, DropdownAction, DropdownControlWrapper, DropdownItem, DropdownList, DropdownPortalContainer, DropdownTitle, EmojiComponent, ErrorComponent, FigureWraper, FilterButton, FilterColumnContainer, FilterContainer, FilterItem, FilterList, FilterListTitle, FilterStoreContainer, FilterStoreList, FilterWrapper, FoContainer, FormContainer, HeaderContainer, IconComponent, IconDot, ImageChannelComponent, ImageComponent, InfoGroup, InitialContainer, InputComponent, InputGroup, InputOTPComponent, InputWithRefComponent as InputRefComponent, IsNumeric, ItemPriceLabel, ItemQtyLabel, ItemTable, type KeysToSnakeCase, LabelComponent, LeftPanelContainer, LinkComponent, LinkContainer, type LinkMode, ListAddItemContainer, ListComponent, ListContainer, ListTable, ListTableContainer, LoadingComponent, MasterTableActionWrapper, MenuList, MessageComponent, MessageQuestionComponent, type ModeListTableColumn, MultiPanelContainer, MuteLabel, NameLabel, NavChildItem, NavChildLine, NavContainer, NavContainerStyles, NavList, NavMainItem, NavMainItemWrapper, NavMobileHeaderWrapper, NavMobileOverlay, PageButton, PageDot, PageLabel, PageWrapper, PaginationContainer, PanelBody, PanelContainer, PanelWrapper, type PartialBy, PopupAddProductContainer, PopupBoxWrapper, PopupCard, PopupColumnGroup, PopupComponent, PopupDownloadWrapper, PopupExportCardWrapper, PopupItem, PopupItemLabel, PopupItemName, PopupList, PopupRowGroup, PopupTable, PopupTableBody, PopupTableHead, PopupTableItem, RadioComponent, ReactPortalComponent, RightPanelContainer, ScrollArrowContainer, SearchDropdownContainer, SearchFilterContainer, SearchFormWrapper, SearchResultItem, SearchResultList, SearchResultWrapper, SearchWrapper, SearchWrapperPopup, SelectComponent, SingleFormContainer, SortByWrapper, SwitchComponent, type TActionMeta, type TBlurEvent, type TCSSObject, type TCSSObjectWithLabel, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TControlPropsWithVariable, type TCustomStylesWithVariable, type TDetailNew, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type TGroupBaseWithVariable, type THeadProps, type THierarchy, type TIdNum, type TIdStr, type TInData, type TInDetail, type TInDetailProps, type TInList, type TInListProps, type TInPart, type TInlistPart, type TInputEvent, type TKeyboadEvent, type TLoadOption, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMoment, type TMouseEvent, type TNewFilterPartial, type TNewFunction, type TObjPage, type TObject, type TOnChangeValue, type TOnChangeValueFalse, type TOnChangeValueTrue, type TOption, type TOptionProps, type TOptionPropsWithVariable, type TPage, type TPageObj, type TPagination, type TPasteEvent, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TSelectAsyncPaginate, type TSingleValueProps, type TState, type TStateCallback, type TUPage, type TUser, TableBundleColumn, TableColumnGroup, TableContentWrapper, TableHeadLabel, TableHeadWrapper, TableItemColumn, TableItemWrapper, TableLabel, TableRightGroup, TableRowGroup, TabsContainer, TabsContent, TabsHeader, TabsItem, TabsList, TabsWrapper, TextAreaComponent, TextAreaRefComponent, TextComponent, Title, TotalLabel, UpdateContainer, UploadComponent, UploadDragDropComponent, type WithRequired, abbreviateNumber, buttonActiveShadowStyle, buttonActiveStyle, buttonHoverStyle, buttonStyle, capitalize, channelMap, clearList, colorCommonQuantity, colorStatus, colorStockAdjust, colorStockInboundQuantity, colorStockInboundStatus, colorStockQuantity, colorStockStatus, commonCSSLists, configDateRange, currencyNumber, dateRangeStatus, debounce, dropBase, elipsis, errorMessage, errorTitle, evCheckAllValidation, evCheckAllValidationByHeader, evCheckAllValidationByHeaderWithVariant, evCloseDropdown, evExecuteError, evForceCloseDropdown, evGenerateValueMatch, evHighlight, evKeyMapperScanner, evRemoveActiveButton, evScrollTo, evSetTotal, evUpdateInputRc, formLabel, formatNumber, generateAddress, generateMessage, generateMessageQuestion, generateSUM, generateValue, generateValueTable, getSizeContainer, getStorage, headTable, historyType, humanise, isCustomVariantChannel, isDesktop, isMobile, isTablet, type modeTable, multiElipsis, pageMasterTable, pasteIntoInput, removeStorage, responseWidth, setStorage, statusColor, thirdElipsis, typePage, unCamelCaseKeys, unescapeHTML, validateByApproveJs };
+export { APILabel, type BodyContentMode, type BodyContentStyle, BoxContainer, BreadcrumbContainer, BulkActionWrapper, BulkSelectContainer, ButtonComponent, ButtonGroup, ButtonLabel, CardContainer, CardWrapper, CheckboxComponent, CollapseContainer, ContentLoaderAccountsList, ContentLoaderActivityList, ContentLoaderAddition, ContentLoaderAnalyticsMenu, ContentLoaderCategoryList, ContentLoaderChatAccounts, ContentLoaderChatMessages, ContentLoaderChatProducts, ContentLoaderChatStores, ContentLoaderDashboardCard, ContentLoaderEditBundle, ContentLoaderFilterCategories, ContentLoaderFilters, ContentLoaderInvoiceListPaymentreceiveDetail, ContentLoaderMasterBundleDetail, ContentLoaderMasterDetail, ContentLoaderMasterList, ContentLoaderMasterListingDetail, ContentLoaderNonOrderList, ContentLoaderNotifUpdate, ContentLoaderOneLine, ContentLoaderOneLinePromotion, ContentLoaderOnlyBodyDashboardCard, ContentLoaderOnlyBodyTableList, ContentLoaderOnlyHeaderTableList, ContentLoaderOrderDetail, ContentLoaderOrderList, ContentLoaderPOSCategory, ContentLoaderPOSItem, ContentLoaderPOSStore, ContentLoaderPagination, ContentLoaderPopupBundle, ContentLoaderPopupChooseStore, ContentLoaderPopupLinkedListing, ContentLoaderPopupListOrder, ContentLoaderPopupPaymentReceive, ContentLoaderPopupPaymentReceived, ContentLoaderPopupPicklist, ContentLoaderPopupReadyToShip, ContentLoaderPopupStoreSelect, ContentLoaderPosProductDetail, ContentLoaderPromotionHover, ContentLoaderReportingDashboard, ContentLoaderSetting, ContentLoaderTableList, CreateContainer, CreateHeaderWrapper, CreateToolWrapper, DateComponent, DateRangeComponent, DateRefComponent, DateTimeComponent, DateWrapper, DetailItem, DetailItemAction, DetailItemInfo, DetailItemTitle, DetailItemWrapper, DetailList, DetailPanelWrapper, DetailWrapper, DotIcon, DropDownAction, DropDownBody, DropDownComponent, DropDownContainer, DropDownControl, DropDownOverlayWrapper, DropDownSubTitle, DropDownTitle, DropDownWrapper, DropdownAction, DropdownControlWrapper, DropdownItem, DropdownList, DropdownPortalContainer, DropdownTitle, EmojiComponent, ErrorComponent, FigureWraper, FilterButton, FilterColumnContainer, FilterContainer, FilterItem, FilterList, FilterListTitle, FilterStoreContainer, FilterStoreList, FilterWrapper, FoContainer, FormContainer, HeaderContainer, IconComponent, IconDot, ImageChannelComponent, ImageComponent, InfoGroup, InitialContainer, InputComponent, InputGroup, InputOTPComponent, InputWithRefComponent as InputRefComponent, IsNumeric, ItemPriceLabel, ItemQtyLabel, ItemTable, type KeysToSnakeCase, LabelComponent, LeftPanelContainer, LinkComponent, LinkContainer, type LinkMode, ListAddItemContainer, ListComponent, ListContainer, ListTable, ListTableContainer, LoadingComponent, MasterTableActionWrapper, MenuList, MessageComponent, MessageQuestionComponent, type ModeListTableColumn, MultiPanelContainer, MuteLabel, NameLabel, NavChildItem, NavChildLine, NavContainer, NavContainerStyles, NavList, NavMainItem, NavMainItemWrapper, NavMobileHeaderWrapper, NavMobileOverlay, PageButton, PageDot, PageLabel, PageWrapper, PaginationContainer, PanelBody, PanelContainer, PanelWrapper, type PartialBy, PopupAddProductContainer, PopupBoxWrapper, PopupCard, PopupColumnGroup, PopupComponent, PopupDownloadWrapper, PopupExportCardWrapper, PopupItem, PopupItemLabel, PopupItemName, PopupList, PopupRowGroup, PopupTable, PopupTableBody, PopupTableHead, PopupTableItem, RadioComponent, ReactPortalComponent, RightPanelContainer, ScrollArrowContainer, SearchDropdownContainer, SearchFilterContainer, SearchFormWrapper, SearchResultItem, SearchResultList, SearchResultWrapper, SearchWrapper, SearchWrapperPopup, SelectAllComponent, SelectAsyncPaginateComponent, SelectComponent, SingleFormContainer, SortByWrapper, SwitchComponent, type TActionMeta, type TBlurEvent, type TCSSObject, type TCSSObjectWithLabel, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TControlPropsWithVariable, type TCustomStylesWithVariable, type TDetailNew, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type TGroupBaseWithVariable, type THeadProps, type THierarchy, type TIdNum, type TIdStr, type TInData, type TInDetail, type TInDetailProps, type TInList, type TInListProps, type TInPart, type TInlistPart, type TInputEvent, type TKeyboadEvent, type TLoadOption, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TModerateDateAntFunction, type TMoment, type TMouseEvent, type TNewFilterPartial, type TNewFunction, type TObjPage, type TObject, type TOnChangeValue, type TOnChangeValueFalse, type TOnChangeValueTrue, type TOption, type TOptionProps, type TOptionPropsWithVariable, type TPage, type TPageObj, type TPagination, type TPasteEvent, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TSelectAsyncPaginate, type TSingleValueProps, type TState, type TStateCallback, type TUPage, type TUser, TableBundleColumn, TableColumnGroup, TableComponent, TableContentWrapper, TableHeadLabel, TableHeadWrapper, TableItemColumn, TableItemWrapper, TableLabel, TableRightGroup, TableRowGroup, TabsContainer, TabsContent, TabsHeader, TabsItem, TabsList, TabsWrapper, TextAreaComponent, TextAreaRefComponent, TextComponent, Title, TotalLabel, UpdateContainer, UploadComponent, UploadDragDropComponent, type WithRequired, abbreviateNumber, buttonActiveShadowStyle, buttonActiveStyle, buttonHoverStyle, buttonStyle, capitalize, channelMap, clearList, colorCommonQuantity, colorStatus, colorStockAdjust, colorStockInboundQuantity, colorStockInboundStatus, colorStockQuantity, colorStockStatus, commonCSSLists, configDateRange, configDateRangeAnt, currencyNumber, dateRangeStatus, debounce, dropBase, elipsis, errorMessage, errorTitle, evCheckAllValidation, evCheckAllValidationByHeader, evCheckAllValidationByHeaderWithVariant, evCloseDropdown, evExecuteError, evForceCloseDropdown, evGenerateValueMatch, evHighlight, evKeyMapperScanner, evRemoveActiveButton, evScrollTo, evSetTotal, evUpdateInputRc, formLabel, formatNumber, generateAddress, generateMessage, generateMessageQuestion, generateSUM, generateValue, generateValueTable, getSizeContainer, getStorage, headTable, historyType, humanise, isCustomVariantChannel, isDesktop, isMobile, isTablet, type modeTable, multiElipsis, pageMasterTable, pasteIntoInput, removeStorage, responseWidth, setStorage, statusColor, thirdElipsis, typePage, unCamelCaseKeys, unescapeHTML, validateByApproveJs };