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 +55 -3
- package/dist/index.js +575 -466
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +669 -560
- package/dist/index.mjs.map +1 -1
- package/package.json +2 -1
- package/rollup.config.js +1 -1
- package/src/components/dropdown/index.tsx +263 -0
- package/src/components/dropdown/styles.ts +333 -0
- package/src/components/dropdown/typed.ts +22 -0
- package/src/components/emoji/index.tsx +40 -0
- package/src/components/emoji/styles.ts +34 -0
- package/src/components/index.ts +6 -0
- package/src/components/portal/index.tsx +37 -0
- package/src/components/textarea/index.tsx +30 -14
- package/src/components/textarea/ref.tsx +24 -3
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
|
|
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,
|
|
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 };
|