forstok-ui-lib 6.21.6 → 7.0.1
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 +44 -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/assets/javascripts/function.ts +20 -0
- 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 +3 -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,26 @@ 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
|
+
|
|
690
712
|
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
713
|
name?: string;
|
|
692
714
|
}>> & string;
|
|
@@ -694,6 +716,24 @@ declare const SingleFormContainer: styled_components_dist_types.IStyledComponent
|
|
|
694
716
|
$width?: string | number;
|
|
695
717
|
}>> & string;
|
|
696
718
|
|
|
719
|
+
type TDropdownChild = Pick<TDropdown, '$internalWidth' | '$openPosition' | '$placement' | '$bottom' | '$top'>;
|
|
720
|
+
declare const DropDownWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, TDropdownChild>> & string;
|
|
721
|
+
declare const DropDownOverlayWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
722
|
+
declare const DropDownControl: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
|
|
723
|
+
declare const DropdownControlWrapper: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
724
|
+
declare const DropDownContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
|
|
725
|
+
$area?: string;
|
|
726
|
+
}>> & string;
|
|
727
|
+
declare const DropDownTitle: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
728
|
+
declare const DropDownSubTitle: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
|
|
729
|
+
declare const DropDownBody: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
|
|
730
|
+
$area?: string;
|
|
731
|
+
}>> & string;
|
|
732
|
+
declare const DropDownAction: styled_components_dist_types.IStyledComponentBase<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, {
|
|
733
|
+
$position?: string;
|
|
734
|
+
}>> & string;
|
|
735
|
+
declare const DropdownPortalContainer: styled_components_dist_types.IStyledComponentBase<"web", styled_components.FastOmit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
736
|
+
|
|
697
737
|
declare const ContentLoaderActivityList: () => react_jsx_runtime.JSX.Element;
|
|
698
738
|
declare const ContentLoaderAccountsList: () => react_jsx_runtime.JSX.Element;
|
|
699
739
|
declare const ContentLoaderAnalyticsMenu: () => react_jsx_runtime.JSX.Element;
|
|
@@ -1026,6 +1066,7 @@ declare const isDesktop: () => boolean;
|
|
|
1026
1066
|
declare const isTablet: () => boolean;
|
|
1027
1067
|
declare const isMobile: () => boolean;
|
|
1028
1068
|
declare const evCloseDropdown: (currentTarget: EventTarget & HTMLElement) => void;
|
|
1069
|
+
declare const evForceCloseDropdown: () => void;
|
|
1029
1070
|
declare const evSetTotal: (totalCount: number, totalEl: HTMLSpanElement, callback?: () => void) => void;
|
|
1030
1071
|
declare const humanise: (value?: string) => string;
|
|
1031
1072
|
declare const generateAddress: (address?: TObject | null) => string;
|
|
@@ -1064,4 +1105,4 @@ declare const configDateRange: {
|
|
|
1064
1105
|
minDate: string;
|
|
1065
1106
|
};
|
|
1066
1107
|
|
|
1067
|
-
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,
|
|
1108
|
+
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, DropDownContainer, DropDownControl, DropDownOverlayWrapper, DropDownSubTitle, DropDownTitle, DropDownWrapper, DropdownAction, DropdownControlWrapper, DropdownItem, DropdownList, DropdownPortalContainer, 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, 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, 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 };
|