forstok-ui-lib 6.21.7 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -631,11 +631,13 @@ type TTextArea = TextareaHTMLAttributes<HTMLTextAreaElement> & {
631
631
  evBlur?: (e: FocusEvent<HTMLTextAreaElement>) => void;
632
632
  isField?: boolean;
633
633
  evChangeCustom?: (name: string, value: any) => void;
634
+ $isEmoji?: boolean;
634
635
  };
635
- declare const TextAreaComponent: ({ $isError, reset, setReset, isForceUpdate, setForceUpdate, evChange, evBlur, isField, evChangeCustom, ...props }: TTextArea) => react_jsx_runtime.JSX.Element;
636
+ declare const TextAreaComponent: ({ $isError, reset, setReset, isForceUpdate, setForceUpdate, evChange, evBlur, isField, evChangeCustom, $isEmoji, ...props }: TTextArea) => react_jsx_runtime.JSX.Element;
636
637
 
637
- declare const TextAreaWithRefComponent: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
638
+ declare const TextAreaRefComponent: react.ForwardRefExoticComponent<TextareaHTMLAttributes<HTMLTextAreaElement> & {
638
639
  $isError?: boolean;
640
+ $isEmoji?: boolean;
639
641
  } & react.RefAttributes<HTMLTextAreaElement>>;
640
642
 
641
643
  type TDate = {
@@ -687,6 +689,38 @@ declare const ListComponent: ({ children, $mode, $selected, $type, ...props }: H
687
689
  $type: string;
688
690
  }) => react_jsx_runtime.JSX.Element;
689
691
 
692
+ type TDropdown = {
693
+ children: ReactNode[];
694
+ title?: string;
695
+ subTitle?: string;
696
+ $externalWidth?: string;
697
+ $externalMinWidth?: string;
698
+ $internalWidth?: string;
699
+ $area?: string;
700
+ $openPosition?: string;
701
+ $placement?: string;
702
+ $top?: string;
703
+ $bottom?: string;
704
+ $alias?: string;
705
+ type?: string;
706
+ portalId?: string;
707
+ onClick?: TMouseEvent;
708
+ detail?: string;
709
+ $isPopup?: boolean;
710
+ };
711
+
712
+ declare const DropDownComponent: ({ children, title, subTitle, $externalWidth, $externalMinWidth, $internalWidth, $area, $openPosition, $placement, $top, onClick, $alias, type, portalId, $bottom, $isPopup, ...props }: TDropdown) => react_jsx_runtime.JSX.Element;
713
+
714
+ declare function ReactPortalComponent({ children, wrapperId }: {
715
+ children: ReactNode;
716
+ wrapperId?: string;
717
+ }): react_jsx_runtime.JSX.Element;
718
+
719
+ declare const EmojiComponent: ({ $mode, evChange }: {
720
+ $mode?: "textarea";
721
+ evChange: (emoji: string) => void;
722
+ }) => react_jsx_runtime.JSX.Element;
723
+
690
724
  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>, {
691
725
  name?: string;
692
726
  }>> & string;
@@ -694,6 +728,24 @@ declare const SingleFormContainer: styled_components_dist_types.IStyledComponent
694
728
  $width?: string | number;
695
729
  }>> & string;
696
730
 
731
+ type TDropdownChild = Pick<TDropdown, '$internalWidth' | '$openPosition' | '$placement' | '$bottom' | '$top'>;
732
+ declare const DropDownWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, TDropdownChild>> & string;
733
+ declare const DropDownOverlayWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
734
+ declare const DropDownControl: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
735
+ declare const DropdownControlWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
736
+ declare const DropDownContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
737
+ $area?: string;
738
+ }>> & string;
739
+ declare const DropDownTitle: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
740
+ declare const DropDownSubTitle: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
741
+ declare const DropDownBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
742
+ $area?: string;
743
+ }>> & string;
744
+ declare const DropDownAction: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
745
+ $position?: string;
746
+ }>> & string;
747
+ declare const DropdownPortalContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
748
+
697
749
  declare const ContentLoaderActivityList: () => react_jsx_runtime.JSX.Element;
698
750
  declare const ContentLoaderAccountsList: () => react_jsx_runtime.JSX.Element;
699
751
  declare const ContentLoaderAnalyticsMenu: () => react_jsx_runtime.JSX.Element;
@@ -1065,4 +1117,4 @@ declare const configDateRange: {
1065
1117
  minDate: string;
1066
1118
  };
1067
1119
 
1068
- 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, 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 };
1120
+ 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 };