forstok-ui-lib 5.7.0 → 5.7.1

package/dist/index.d.ts

@@ -365,6 +365,137 @@ type TMasterProps = {
     setForceUpdate?: TState<boolean>;
     evPickAll?: TMouseEvent;
 };
+type TInData<TData = never> = {
+    loading: boolean;
+    data?: TData | null;
+};
+type TInListProps = {
+    loadName: string;
+    searchByDef: string;
+    hasCheckAll?: boolean;
+    hasSubscription?: boolean;
+    hasTab?: boolean;
+    hasSort?: boolean;
+    tabStorage?: string;
+    sortStorage?: string;
+    pageStorage?: string;
+};
+type TInPart = {
+    evOpenPopup?: TPopupOpenFunction;
+    evForcePopUp?: TPopupFunction;
+    evCloseDropdown?: TCloseDropdownFunction;
+    evCreateMessage?: TMessageFunction;
+    evCreateMessageQuestion?: TMessageQuestionFunction;
+    saveSubscription?: (statuses: (string | null)[], id: number) => void;
+    clearSubscription?: () => void;
+    data?: any;
+    id?: string;
+    evPrintReceipt?: (dataOrder: any) => void;
+};
+type TInList = TInPart & {
+    firstDispatch: Dispatch<any>;
+    resetByOption: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void;
+    activeStatusTab?: string;
+    evClickTab?: TMouseEvent;
+    loadName?: string;
+    activePageOption: number;
+    evSetPageOption: TMouseEvent;
+    activePage: number;
+    evSetPage: TMouseEvent;
+    activeCursor: string;
+    searchInput: string;
+    evSearchInput: TChangeEvent;
+    activeSearchBy: string;
+    evClickSearchBy: TMouseEvent;
+    abortRef: AbortController;
+    abortSecRef: AbortController;
+    isForceUpdate: boolean;
+    checkboxData?: TObject[];
+    isCheckAll?: boolean;
+    isForceUpdateCheckAll?: boolean;
+    isResetSubscription?: boolean;
+    activeSort?: string;
+    evChangeSort?: TChangeEvent;
+    isForceUpdateSort?: boolean;
+    evClickCollapse?: TMouseEvent;
+    isReadyQuery: boolean;
+};
+type TInlistPart = Omit<TInList, 'evClickTab' | 'activePageOption' | 'evSetPageOption' | 'activePage' | 'evSetPage' | 'activeCursor' | 'searchInput' | 'abortRef' | 'abortSecRef' | 'isResetSubscription' | 'isReadyQuery'> & {
+    pageEl: JSX.Element | null;
+    readyFilter?: string[];
+    parseSetForceUpdate?: (value: boolean) => void;
+    evReload?: () => void;
+};
+type TPagination = {
+    data?: TPage | null;
+    type: string;
+    activePage: number;
+    evSetPage: TMouseEvent;
+    activePageOption?: number;
+    evSetPageOption: TMouseEvent;
+    $mode?: string;
+};
+type TObjPage = {
+    cursor?: string;
+    page: number;
+    isCurrent: boolean;
+};
+type TPageObj = {
+    first: TObjPage;
+    last: TObjPage;
+    next: TObjPage;
+    prev: TObjPage;
+    around: TObjPage;
+    dot: {
+        start: boolean;
+        end: boolean;
+    };
+} | TObject | null;
+type TNewFilterPartial = {
+    firstDispatch?: Dispatch<any>;
+    activeStatusTab?: string;
+    evCloseDropdown?: TCloseDropdownFunction;
+    readyFilter?: string[];
+    isForceUpdate: boolean;
+    setForceUpdate?: TState<boolean>;
+    localStorageName?: string;
+    loadName?: string;
+    resetByOption?: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void;
+};
+type TTimeFilter = {
+    startDate: Date | null;
+    endDate: Date | null;
+    rangeDate: string;
+};
+type TNewFunction = {
+    checkboxData?: TObject[];
+    evReload?: () => void;
+    evForcePopUp?: TPopupFunction;
+    evCreateMessage?: TMessageFunction;
+    evCreateMessageQuestion?: TMessageQuestionFunction;
+    type?: string;
+    data?: TObject[];
+    evOpenPopup?: TPopupOpenFunction;
+    inboundId?: number;
+    outboundId?: number;
+    adjustmentId?: number;
+    evMarkIncomplete?: TMouseEvent;
+    source?: string;
+    portalKey?: number;
+};
+type TDetailNew<TData = never> = {
+    activeTab?: string;
+    evOpenPopup?: TPopupOpenFunction;
+    data: TData;
+    evClickTabDetail?: TMouseEvent;
+    evCreateMessage?: TMessageFunction;
+    evCreateMessageQuestion?: TMessageQuestionFunction;
+    evCloseDropdown?: TCloseDropdownFunction;
+    evReload?: () => void;
+};
+type Callback<S> = (state: S) => void | (() => void | undefined);
+type DispatchWithCallback<A, S> = (value: A, callback: Callback<S>) => void;
+type TStateCallback<TData> = DispatchWithCallback<React.SetStateAction<TData>, TData>;
 
 type TskuAddons = {
     id?: number;
@@ -836,4 +967,4 @@ declare const configDateRange: {
     minDate: string;
 };
 
-export { BoxContainer, BreadcrumbContainer, BulkActionWrapper, 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, ContentLoaderOneLinePromotion, ContentLoaderOnlyBodyDashboardCard, ContentLoaderOnlyBodyTableList, ContentLoaderOnlyHeaderTableList, ContentLoaderOrderDetail, ContentLoaderOrderList, ContentLoaderPagination, ContentLoaderPopupBundle, ContentLoaderPopupChooseStore, ContentLoaderPopupLinkedListing, ContentLoaderPopupListOrder, ContentLoaderPopupPaymentReceive, ContentLoaderPopupPaymentReceived, ContentLoaderPopupPicklist, ContentLoaderPopupReadyToShip, ContentLoaderPopupStoreSelect, ContentLoaderPromotionHover, ContentLoaderReportingDashboard, ContentLoaderSetting, ContentLoaderTableList, CreateContainer, CreateHeaderWrapper, CreateToolWrapper, DateComponent, DateTimeComponent, DateWrapper, DetailItem, DetailItemAction, DetailItemInfo, DetailItemTitle, DetailItemWrapper, DetailList, DetailPanelWrapper, DetailWrapper, DropdownAction, DropDownComponent as DropdownComponent, DropdownItem, DropdownList, DropdownTitle, ErrorComponent, FigureWraper, FilterButton, FilterContainer, FilterItem, FilterList, FilterListTitle, FilterWrapper, FoContainer, FormContainer, HeaderContainer, IconComponent, IconDot, ImageComponent, InfoGroup, InitialContainer, InputComponent, InputGroup, InputWithRefComponent as InputRefComponent, IsNumeric, ItemPriceLabel, ItemTable, type KeysToSnakeCase, LabelComponent, LeftPanelContainer, LinkComponent, LinkContainer, ListAddItemContainer, ListComponent, ListContainer, ListTable, ListTableContainer, LoadingComponent, MasterTableActionWrapper, MasterTableComponent, MenuList, MessageComponent, MessageQuestionComponent, MultiPanelContainer, MuteLabel, NameLabel, PageButton, PageDot, PageLabel, PageWrapper, PaginationContainer, PanelBody, PanelContainer, PanelWrapper, type PartialBy, PopupAddProductContainer, PopupBoxWrapper, PopupCard, PopupComponent, PopupDownloadWrapper, PopupExportCardWrapper, RadioComponent, ReactPortalComponent, RightPanelContainer, SearchDropdownContainer, SearchFilterContainer, SearchFormWrapper, SearchResultItem, SearchResultList, SearchResultWrapper, SearchWrapper, SearchWrapperPopup, SelectComponent, SingleFormContainer, SortByWrapper, SwitchComponent, type TActionMeta, type TCSSObject, type TCSSObjectWithLabel, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TControlPropsWithVariable, type TCustomStylesWithVariable, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type TGroupBaseWithVariable, type THeadProps, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TLoadOption, type TMasterProps, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMouseEvent, type TObject, type TOnChangeValue, type TOnChangeValueFalse, type TOnChangeValueTrue, type TOption, type TOptionProps, type TOptionPropsWithVariable, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TSelectAsyncPaginate, type TSingleValueProps, type TState, type TUser, TableColumnGroup, TableHeadLabel, TableHeadWrapper, TableItemColumn, TableItemWrapper, TableLabel, TableRightGroup, TableRowGroup, TabsContainer, TabsContent, TabsHeader, TabsItem, TabsList, TabsWrapper, TextAreaComponent, TextAreaWithRefComponent as TextAreaRefComponent, TextComponent, Title, UploadComponent, UploadDragDropComponent, type WithRequired, boxBase, capitalize, clearList, colorCommonQuantity, colorStockAdjust, colorStockInboundQuantity, colorStockInboundStatus, colorStockQuantity, colorStockStatus, configDateRange, currencyNumber, dateRangeDays, dateRangeStatus, debounce, dropBase, elipsis, errorMessage, errorTitle, evCheckAllValidation, evExecuteError, evGenerateValueMatch, evHighlight, evKeyMapperScanner, evScrollTo, evUpdateInputRc, formLabel, formatNumber, generateMessage, generateMessageQuestion, generateValue, generateValueTable, getSizeContainer, getStorage, headTable, historyType, multiElipsis, pageMasterTable, removeStorage, responseWidth, setStorage, statusColor, thirdElipsis, typePage, unCamelCaseKeys, unescapeHTML, validateByApproveJs };
+export { BoxContainer, BreadcrumbContainer, BulkActionWrapper, 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, ContentLoaderOneLinePromotion, ContentLoaderOnlyBodyDashboardCard, ContentLoaderOnlyBodyTableList, ContentLoaderOnlyHeaderTableList, ContentLoaderOrderDetail, ContentLoaderOrderList, ContentLoaderPagination, ContentLoaderPopupBundle, ContentLoaderPopupChooseStore, ContentLoaderPopupLinkedListing, ContentLoaderPopupListOrder, ContentLoaderPopupPaymentReceive, ContentLoaderPopupPaymentReceived, ContentLoaderPopupPicklist, ContentLoaderPopupReadyToShip, ContentLoaderPopupStoreSelect, ContentLoaderPromotionHover, ContentLoaderReportingDashboard, ContentLoaderSetting, ContentLoaderTableList, CreateContainer, CreateHeaderWrapper, CreateToolWrapper, DateComponent, DateTimeComponent, DateWrapper, DetailItem, DetailItemAction, DetailItemInfo, DetailItemTitle, DetailItemWrapper, DetailList, DetailPanelWrapper, DetailWrapper, DropdownAction, DropDownComponent as DropdownComponent, DropdownItem, DropdownList, DropdownTitle, ErrorComponent, FigureWraper, FilterButton, FilterContainer, FilterItem, FilterList, FilterListTitle, FilterWrapper, FoContainer, FormContainer, HeaderContainer, IconComponent, IconDot, ImageComponent, InfoGroup, InitialContainer, InputComponent, InputGroup, InputWithRefComponent as InputRefComponent, IsNumeric, ItemPriceLabel, ItemTable, type KeysToSnakeCase, LabelComponent, LeftPanelContainer, LinkComponent, LinkContainer, ListAddItemContainer, ListComponent, ListContainer, ListTable, ListTableContainer, LoadingComponent, MasterTableActionWrapper, MasterTableComponent, MenuList, MessageComponent, MessageQuestionComponent, MultiPanelContainer, MuteLabel, NameLabel, PageButton, PageDot, PageLabel, PageWrapper, PaginationContainer, PanelBody, PanelContainer, PanelWrapper, type PartialBy, PopupAddProductContainer, PopupBoxWrapper, PopupCard, PopupComponent, PopupDownloadWrapper, PopupExportCardWrapper, RadioComponent, ReactPortalComponent, RightPanelContainer, SearchDropdownContainer, SearchFilterContainer, SearchFormWrapper, SearchResultItem, SearchResultList, SearchResultWrapper, SearchWrapper, SearchWrapperPopup, SelectComponent, SingleFormContainer, SortByWrapper, SwitchComponent, type TActionMeta, 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 TInList, type TInListProps, type TInPart, type TInlistPart, type TKeyboadEvent, type TLoadOption, type TMasterProps, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, 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 TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TSelectAsyncPaginate, type TSingleValueProps, type TState, type TStateCallback, type TTimeFilter, type TUser, TableColumnGroup, TableHeadLabel, TableHeadWrapper, TableItemColumn, TableItemWrapper, TableLabel, TableRightGroup, TableRowGroup, TabsContainer, TabsContent, TabsHeader, TabsItem, TabsList, TabsWrapper, TextAreaComponent, TextAreaWithRefComponent as TextAreaRefComponent, TextComponent, Title, UploadComponent, UploadDragDropComponent, type WithRequired, boxBase, capitalize, clearList, colorCommonQuantity, colorStockAdjust, colorStockInboundQuantity, colorStockInboundStatus, colorStockQuantity, colorStockStatus, configDateRange, currencyNumber, dateRangeDays, dateRangeStatus, debounce, dropBase, elipsis, errorMessage, errorTitle, evCheckAllValidation, evExecuteError, evGenerateValueMatch, evHighlight, evKeyMapperScanner, evScrollTo, evUpdateInputRc, formLabel, formatNumber, generateMessage, generateMessageQuestion, generateValue, generateValueTable, getSizeContainer, getStorage, headTable, historyType, multiElipsis, pageMasterTable, removeStorage, responseWidth, setStorage, statusColor, thirdElipsis, typePage, unCamelCaseKeys, unescapeHTML, validateByApproveJs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "5.7.0",
+  "version": "5.7.1",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/typeds/shares.typed.ts

@@ -1,4 +1,5 @@
-import { TMouseEvent, TObject, TState } from './base.typed';
+import { Dispatch, JSX } from 'react';
+import { TChangeEvent, TMouseEvent, TObject, TPage, TState } from './base.typed';
 import { TCloseDropdownFunction } from '../components/dropdown/typed';
 import { TCustomField, TAutoCopy } from '../components/masterTable/typed';
 import { TMessageFunction, TMessageQuestionFunction } from '../components/message/typed';
@@ -108,3 +109,163 @@ export type TMasterProps = {
   setForceUpdate?: TState<boolean>
   evPickAll?: TMouseEvent
 }
+
+export type TInData<TData = never> = {
+  loading: boolean
+  data?: TData | null
+}
+
+export type TInListProps = {
+  loadName: string
+  searchByDef: string
+  hasCheckAll?: boolean
+  hasSubscription?: boolean
+  hasTab?: boolean
+  hasSort?: boolean
+  tabStorage?: string
+  sortStorage?: string
+  pageStorage?: string
+}
+
+export type TInPart = {
+  evOpenPopup?:  TPopupOpenFunction
+  evForcePopUp?: TPopupFunction
+  evCloseDropdown?: TCloseDropdownFunction
+  evCreateMessage?: TMessageFunction
+  evCreateMessageQuestion?: TMessageQuestionFunction
+  saveSubscription?: (statuses: (string | null)[], id: number) => void
+  clearSubscription?: ()=> void 
+  data?: any
+  id?: string
+  evPrintReceipt?: (dataOrder: any) => void
+}
+
+export type TInList = TInPart & {
+  firstDispatch: Dispatch<any>  
+  resetByOption: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void
+  activeStatusTab?: string
+  evClickTab?: TMouseEvent
+  loadName?: string,
+  activePageOption: number
+  evSetPageOption: TMouseEvent
+  activePage: number
+  evSetPage: TMouseEvent
+  activeCursor: string
+  searchInput: string
+  evSearchInput: TChangeEvent
+  activeSearchBy: string
+  evClickSearchBy: TMouseEvent
+  abortRef: AbortController
+  abortSecRef: AbortController
+  isForceUpdate: boolean
+  checkboxData?: TObject[]
+  isCheckAll?: boolean
+  isForceUpdateCheckAll?: boolean
+  isResetSubscription?: boolean
+  activeSort?: string
+  evChangeSort?: TChangeEvent
+  isForceUpdateSort?: boolean
+  evClickCollapse?: TMouseEvent
+  isReadyQuery: boolean
+}
+
+export type TInlistPart = Omit<TInList, 
+  'evClickTab' | 
+  'activePageOption' |
+  'evSetPageOption' | 
+  'activePage' | 
+  'evSetPage' | 
+  'activeCursor' |
+  'searchInput' | 
+  'abortRef' |
+  'abortSecRef' |
+  'isResetSubscription' |
+  'isReadyQuery'> & {
+  pageEl: JSX.Element | null
+  readyFilter?: string[]
+  parseSetForceUpdate?: (value: boolean) => void
+  evReload?: () => void 
+}
+
+export type TPagination = {
+  data?: TPage | null
+  type: string
+  activePage: number
+  evSetPage: TMouseEvent
+  activePageOption?: number
+  evSetPageOption: TMouseEvent
+  $mode?: string
+}
+
+export type TObjPage = {
+  cursor?: string
+  page: number
+  isCurrent: boolean
+}
+
+export type TPageObj = {
+  first: TObjPage
+  last: TObjPage
+  next: TObjPage
+  prev: TObjPage
+  around: TObjPage
+  dot: {
+    start: boolean
+    end: boolean
+  }
+} | TObject | null
+
+export type TNewFilterPartial = {
+  firstDispatch?: Dispatch<any>
+  activeStatusTab?: string
+  evCloseDropdown?: TCloseDropdownFunction 
+  readyFilter?: string[] 
+  isForceUpdate: boolean
+  setForceUpdate?: TState<boolean>
+  localStorageName?: string 
+  loadName?: string
+  resetByOption?: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void
+}
+
+export type TTimeFilter = {
+  startDate: Date | null
+  endDate: Date | null
+  rangeDate : string
+}
+
+export type TNewFunction = {
+  checkboxData?: TObject[]
+  evReload?: () => void 
+  evForcePopUp?: TPopupFunction
+  evCreateMessage?: TMessageFunction
+  evCreateMessageQuestion?: TMessageQuestionFunction
+  type?: string
+  data?: TObject[]
+  evOpenPopup?: TPopupOpenFunction
+  inboundId?: number
+  outboundId?: number
+  adjustmentId?: number
+  evMarkIncomplete?: TMouseEvent
+  source?: string
+  portalKey?: number
+}
+
+export type TDetailNew<TData = never> = {
+  activeTab?: string
+  evOpenPopup?: TPopupOpenFunction
+  data: TData
+  evClickTabDetail?: TMouseEvent
+  evCreateMessage?: TMessageFunction
+  evCreateMessageQuestion?: TMessageQuestionFunction
+  evCloseDropdown?: TCloseDropdownFunction
+  evReload?: () => void 
+}
+
+type Callback<S> = (state: S) => void | (() => void | undefined);
+
+type DispatchWithCallback<A, S> = (
+  value: A,
+  callback: Callback<S>,
+) => void;
+
+export type TStateCallback<TData> = DispatchWithCallback<React.SetStateAction<TData>, TData>