forstok-ui-lib 6.5.4 → 6.5.6

package/dist/index.d.ts

@@ -495,6 +495,21 @@ 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 ModeListTableColumn = 'item' | 'listing' | 'quantity' | 'picklist' | 'package' | 'shipment' | 'invoice' | 'payment-receive' | 'sales-return' | 'activity' | 'putaway' | 'inbound' | 'lowstock' | 'price' | 'stock-adjustment' | 'stock-outbound' | 'stock-transfer' | 'promotion' | 'stock-history' | 'price-history' | 'turnover' | 'days-outofstock' | 'warehouses' | 'archived' | 'order' | 'order-nocheck' | 'table-customheader';
+type TInDetail = TInPart & {
+    firstDispatch?: Dispatch<any>;
+    resetByOption: (opt?: string | string[], callback?: () => void, noScroll?: boolean) => void;
+    activeStatusTab?: string;
+    evClickTab?: TMouseEvent;
+    abortRef: AbortController;
+    isForceUpdate: boolean;
+    isResetSubscription?: boolean;
+    isReadyQuery: boolean;
+};
+type TInDetailProps = {
+    hasTab?: boolean;
+    tabDef?: string;
+    hasSubscription?: boolean;
+};
 
 declare const InputOTPComponent: ({ otpLength, value, onChange, ...props }: {
     otpLength: number;
@@ -1037,4 +1052,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, 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, 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, MasterTableComponent, 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, PopupComponent, PopupDownloadWrapper, PopupExportCardWrapper, 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 TInList, type TInListProps, type TInPart, type TInlistPart, type TKeyboadEvent, type TLoadOption, type TMasterProps, 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, 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, configDateRange, currencyNumber, dateRangeStatus, debounce, dropBase, elipsis, errorMessage, errorTitle, evCheckAllValidation, evCloseDropdown, evExecuteError, evGenerateValueMatch, evHighlight, evKeyMapperScanner, evScrollTo, evSetTotal, evUpdateInputRc, formLabel, formatNumber, generateMessage, generateMessageQuestion, generateValue, generateValueTable, getSizeContainer, getStorage, headTable, historyType, humanise, isDesktop, isMobile, isTablet, multiElipsis, pageMasterTable, pasteIntoInput, removeStorage, responseWidth, setStorage, statusColor, thirdElipsis, typePage, unCamelCaseKeys, unescapeHTML, validateByApproveJs };
+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, 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, 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, MasterTableComponent, 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, PopupComponent, PopupDownloadWrapper, PopupExportCardWrapper, 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 TMasterProps, 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, 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, configDateRange, currencyNumber, dateRangeStatus, debounce, dropBase, elipsis, errorMessage, errorTitle, evCheckAllValidation, evCloseDropdown, evExecuteError, evGenerateValueMatch, evHighlight, evKeyMapperScanner, evScrollTo, evSetTotal, evUpdateInputRc, formLabel, formatNumber, generateMessage, generateMessageQuestion, generateValue, generateValueTable, getSizeContainer, getStorage, headTable, historyType, humanise, isDesktop, isMobile, isTablet, multiElipsis, pageMasterTable, pasteIntoInput, removeStorage, responseWidth, setStorage, statusColor, thirdElipsis, typePage, unCamelCaseKeys, unescapeHTML, validateByApproveJs };

package/dist/index.js

@@ -836,7 +836,7 @@
     min-height: 30px;
     align-items: center;
   }
-  ${({$mode:e,$content:t})=>{let n="";return"items-detail"===e?n+=`\n      grid-gap: 16px;\n      align-items: start;\n      grid-template-columns: 30px 1fr;\n      ${Ye} { \n        display: block; \n      }\n      @media only screen and (min-width: 768px) {\n        ${Ye} { \n          display: grid; \n        }\n      }\n    `:"store"===e?n+=`\n      align-items: center;\n      grid-gap: 4px;\n      > div > span {\n        font-size: 10px;\n      }\n      > div:first-child {\n        align-self: start;\n      }\n      > *:nth-child(2) {\n        ${k}\n      }\n    `:"store-static"===e?n+=`\n      align-items: center;\n      grid-gap: 6px;\n      position: relative;\n      padding-left: 24px;\n      > div > span {\n        font-size: 10px;\n      }\n      > div:first-child {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        margin-top: -10px;\n      }\n      > *:nth-child(2) {\n        ${I}\n      }\n    `:"amount"===e?n+=`\n      width: 100%;\n      grid-gap: 20px;\n      grid-template-columns: 180px 1fr;\n      justify-content: right;\n      justify-items: right;\n      font-size: 15px;\n      ${ze} {\n        text-align: right;\n        display: block;\n        width: 100%;\n      }\n    `:"account-amount"===e?n+=`\n      width: 100%;\n      grid-gap: 20px;\n      grid-template-columns: 360px 1fr;\n      justify-content: right;\n      justify-items: right;\n      font-size: 15px;\n      ${ze} {\n        text-align: right;\n        display: block;\n        width: 100%;\n      }\n    `:"product"===e?n+=`\n      display: grid;\n      grid-auto-flow: column;\n      justify-content: left;\n      grid-gap: ${"store"===t?"6px":"8px"};\n      grid-template-columns: ${"store"===t?"28px 1fr":"checkbox"===t?"16px 34px 1fr":"34px 1fr"};\n      align-items: start;\n      > div:first-child {\n        height: ${"store"===t?"28px":"34px"};\n      }\n      > aside {\n        align-items: center;\n        display: grid;\n        line-height: 15px;\n      }\n      ${$e} {\n        display: inline-grid;\n        grid-auto-flow: row;\n        grid-gap: 2px;\n        align-self: center;\n        > div:first-child { \n          ${I} \n          line-height: ${"store"===t?"14px":"17px"};\n        }\n        > span {\n          ${k}\n        }\n        ${He} {\n          > div:first-child {\n            line-height: 8px;\n          }\n        }\n      }\n    `:"contra"===e&&(n+="\n      grid-auto-flow: row;\n      align-items: start;\n      @media only screen and (min-width: 1024px) {\n        grid-auto-flow: column;\n      }\n    "),"right"===t&&(n+="\n      grid-gap: 10px;\n      justify-content: end;\n      align-items: center;\n      > div {\n        min-width: 170px;\n        width: 170px;\n      }\n    "),n}}
+  ${({$mode:e,$content:t})=>{let n="";return"items-detail"===e?n+=`\n      grid-gap: 16px;\n      align-items: start;\n      grid-template-columns: 30px 1fr;\n      ${Ye} { \n        display: block; \n      }\n      @media only screen and (min-width: 768px) {\n        ${Ye} { \n          display: grid; \n        }\n      }\n    `:"store"===e?n+=`\n      align-items: center;\n      grid-gap: 4px;\n      > div > span {\n        font-size: 10px;\n      }\n      > div:first-child {\n        align-self: start;\n      }\n      > *:nth-child(2) {\n        ${k}\n      }\n    `:"store-static"===e?n+=`\n      align-items: center;\n      grid-gap: 6px;\n      position: relative;\n      padding-left: 24px;\n      > div > span {\n        font-size: 10px;\n      }\n      > div:first-child {\n        position: absolute;\n        top: 50%;\n        left: 0;\n        margin-top: -10px;\n      }\n      > *:nth-child(2) {\n        ${I}\n      }\n    `:"amount"===e?n+=`\n      width: 100%;\n      grid-gap: 20px;\n      grid-template-columns: 180px 1fr;\n      justify-content: right;\n      justify-items: right;\n      font-size: 15px;\n      ${ze} {\n        text-align: right;\n        display: block;\n        width: 100%;\n      }\n    `:"account-amount"===e?n+=`\n      width: 100%;\n      grid-gap: 20px;\n      grid-template-columns: 360px 1fr;\n      justify-content: right;\n      justify-items: right;\n      font-size: 15px;\n      ${ze} {\n        text-align: right;\n        display: block;\n        width: 100%;\n      }\n    `:"product"===e?n+=`\n      display: grid;\n      grid-auto-flow: column;\n      justify-content: left;\n      grid-gap: ${"store"===t?"6px":"8px"};\n      grid-template-columns: ${"store"===t?"28px 1fr":"checkbox"===t?"16px 34px 1fr":"34px 1fr"};\n      align-items: start;\n      > div:first-child {\n        height: ${"store"===t?"28px":"34px"};\n      }\n      > aside {\n        align-items: center;\n        display: grid;\n        line-height: 15px;\n      }\n      ${$e} {\n        display: inline-grid;\n        grid-auto-flow: row;\n        grid-gap: 2px;\n        align-self: center;\n        > div:first-child { \n          ${I} \n          line-height: ${"store"===t?"14px":"17px"};\n        }\n        > span {\n          ${k}\n        }\n        ${He} {\n          > div:first-child {\n            line-height: 8px;\n          }\n        }\n      }\n    `:"contra"===e?n+="\n      grid-auto-flow: row;\n      align-items: start;\n      @media only screen and (min-width: 1024px) {\n        grid-auto-flow: column;\n      }\n    ":"store-order"===e&&(n+="\n      align-items: start;\n      gap: 8px;\n    "),"right"===t&&(n+="\n      grid-gap: 10px;\n      justify-content: end;\n      align-items: center;\n      > div {\n        min-width: 170px;\n        width: 170px;\n      }\n    "),n}}
 `,ze=o.default.span` 
   ${({$mode:e})=>{if("correct"===e)return t.css` 
         text-decoration: line-through;