forstok-ui-lib 6.21.1 → 6.21.3

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, ChangeEvent, DragEvent, ClipboardEvent, InputHTMLAttributes, JSX, PropsWithChildren, ButtonHTMLAttributes, RefObject, ImgHTMLAttributes, TextareaHTMLAttributes } 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';
 export { components } from 'react-select';
@@ -58,6 +58,8 @@ 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 TPasteEvent<T> = (e: ClipboardEvent<T>) => void;
+type TInputEvent = (e: FormEvent) => void;
+type TBlurEvent = (e: FocusEvent) => void;
 type TPage = {
     totalCount: number;
     totalPageCount: number;
@@ -470,6 +472,8 @@ type TInDetailProps = {
     hasSubscription?: boolean;
 };
 type modeTable = 'picklist' | 'listing' | 'price' | 'price' | 'price-full' | 'price-mid';
+type BodyContentStyle = 'create-return' | 'create-price' | 'create-adjustment' | 'create-outbound' | 'confirm-inbound' | 'confirm-outbound' | 'confirm-adjustment';
+type BodyContentMode = BodyContentStyle | 'create-promotion' | 'create-inbound' | 'create-transfer' | 'create-picklist' | 'edit-picklist' | 'create-package' | 'edit-master' | 'putaway-inbound' | 'create-paymentreceive' | 'create-master' | 'create-listing' | 'create-adjustment' | 'edit-listing';
 
 declare const InputOTPComponent: ({ otpLength, value, onChange, ...props }: {
     otpLength: number;
@@ -1036,7 +1040,7 @@ declare const evCheckAllValidationByHeaderWithVariant: (newData: any[], headerCo
 };
 
 declare const dateRangeStatus: (value: string) => any;
-declare const pageMasterTable: (value: string) => "" | "listing" | "picklist" | "promotion" | "master" | "stock" | "payment";
+declare const pageMasterTable: (value?: BodyContentMode) => "" | "listing" | "picklist" | "promotion" | "master" | "stock" | "payment";
 declare const errorTitle: (name: string) => string;
 declare const colorCommonQuantity: (value: number) => "green" | "red";
 declare const statusColor: (name?: string) => "" | "green" | "red" | "#F8813E";
@@ -1060,4 +1064,4 @@ declare const configDateRange: {
     minDate: string;
 };
 
-export { APILabel, 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, DropdownItem, DropdownList, DropdownTitle, 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, 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, RightPanelContainer, ScrollArrowContainer, 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 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 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, TextAreaWithRefComponent as 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, 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, DateTimeComponent, DateWrapper, DetailItem, DetailItemAction, DetailItemInfo, DetailItemTitle, DetailItemWrapper, DetailList, DetailPanelWrapper, DetailWrapper, DotIcon, DropdownAction, DropdownItem, DropdownList, DropdownTitle, 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, 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, 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 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, TextAreaWithRefComponent as 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, 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 };

package/package.json

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

package/src/assets/javascripts/helper.ts

@@ -1,11 +1,11 @@
-import { TObject } from '../../typeds';
+import { BodyContentMode, TObject } from '../../typeds';
 
 export const dateRangeStatus = (value: string) => {
   const statusObj: TObject = { 'today': 'Today', 'lastweek': 'Last 7 days', 'lastsecondweek': 'Last 14 days', 'lastmonth': 'Last 30 days', 'lastquart': 'Last 90 days', 'custom': 'Date' }
   return statusObj[value]
 }
 
-export const pageMasterTable = (value: string) => {
+export const pageMasterTable = (value?: BodyContentMode) => {
   switch (value) {
     case 'create-master': case 'edit-master':
       return 'master'

package/src/typeds/base.typed.ts

@@ -1,4 +1,4 @@
-import type { MouseEvent, ChangeEvent, DragEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ClipboardEvent } from 'react';
+import type { MouseEvent, ChangeEvent, DragEvent, Dispatch, SetStateAction, KeyboardEvent, FocusEvent, ClipboardEvent, FormEvent } from 'react';
 import { Moment } from 'moment'
 
 type RemoveUnderscoreFirstLetter<S extends string> =
@@ -26,6 +26,8 @@ export type TDragEvent = (e:DragEvent) => void;
 export type TEnterEvent = (e:KeyboardEvent<HTMLInputElement | HTMLElement> | FocusEvent<HTMLInputElement | HTMLElement | Element> | MouseEvent<HTMLElement>) => void;
 export type TKeyboadEvent = (e: KeyboardEvent<HTMLInputElement>) => void;
 export type TPasteEvent<T> = (e:ClipboardEvent<T>) => void;
+export type TInputEvent = (e: FormEvent) => void;
+export type TBlurEvent = (e: FocusEvent) => void;
 export type TPage = {
     totalCount: number
     totalPageCount: number

package/src/typeds/shares.typed.ts

@@ -296,4 +296,28 @@ export type modeTable =
   | 'price'
   | 'price'
   | 'price-full'
-  | 'price-mid'
+  | 'price-mid'
+
+export type BodyContentStyle = 
+  | 'create-return'
+  | 'create-price'
+  | 'create-adjustment'
+  | 'create-outbound'
+  | 'confirm-inbound' 
+  | 'confirm-outbound' 
+  | 'confirm-adjustment' 
+
+export type BodyContentMode = BodyContentStyle 
+  | 'create-promotion'
+  | 'create-inbound'
+  | 'create-transfer'
+  | 'create-picklist'
+  | 'edit-picklist'
+  | 'create-package'
+  | 'edit-master'
+  | 'putaway-inbound'
+  | 'create-paymentreceive'
+  | 'create-master'
+  | 'create-listing'
+  | 'create-adjustment'
+  | 'edit-listing'