forstok-ui-lib 5.2.31 → 5.2.38

package/dist/index.css

@@ -0,0 +1 @@
+.DateRangePicker{display:inline-block;margin-bottom:10px;padding:0;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DateRangePicker__Legend{color:#52575e;font-size:14px;line-height:16px;list-style-type:none;margin:20px 0;padding:0}.DateRangePicker__LegendItem{display:inline-block;margin:0 20px}.DateRangePicker__LegendItemColor{border:1px solid rgba(0,0,0,.25);border-radius:50%;display:inline-block;height:14px;margin-right:6px;vertical-align:text-bottom;width:14px}.DateRangePicker__LegendItemColor--selection{background-color:#ed5434}.DateRangePicker__PaginationArrow{border:0;cursor:pointer;display:block;height:35px;outline:none;overflow:hidden;padding:0;position:absolute;text-align:center;top:0;white-space:nowrap;width:35px;z-index:1}.DateRangePicker__PaginationArrow--previous{left:20px}.DateRangePicker__PaginationArrow--next{right:20px}.DateRangePicker__PaginationArrow:hover{background-color:#ccc}.DateRangePicker__PaginationArrowIcon{border-bottom:8px solid transparent;border-top:8px solid transparent;height:0;position:absolute;top:10px;width:0}.DateRangePicker__PaginationArrowIcon--is-disabled{opacity:.25}.DateRangePicker__PaginationArrowIcon--previous{border-left:8px solid transparent;border-right:8px solid #aaa;right:11px}.DateRangePicker__PaginationArrowIcon--next{border-left:8px solid #aaa;border-right:8px solid transparent;left:11px}.DateRangePicker__Month{color:#333;display:inline-block;margin:0 20px;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:275px}.DateRangePicker__MonthHeader{color:#000;font-size:14px;font-weight:700;height:35px;line-height:35px;position:relative;text-align:center}.DateRangePicker__MonthHeaderLabel{display:inline-block;position:relative}.DateRangePicker__MonthHeaderSelect{background:#e4e4e4;border:0;cursor:pointer;display:inline-block;height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%;z-index:5}.DateRangePicker__MonthDates{border-bottom:1px solid #f4f5f6;border-collapse:separate;border-spacing:0 1px;margin:0;width:100%}.DateRangePicker__Date,.DateRangePicker__WeekdayHeading{font-size:12px;line-height:1;padding:10px 0;text-align:center;width:14.285714285714286%}.DateRangePicker__WeekdayHeading{border-bottom:1px solid #f4f5f6;color:#000;font-weight:700}.DateRangePicker__WeekdayHeading abbr[title]{border-bottom-width:0;color:#000;cursor:pointer;font-size:inherit;text-decoration:none}.DateRangePicker__Date{border:solid #f4f5f6;border-width:0 1px 0 0;cursor:pointer;overflow:hidden;position:relative}.DateRangePicker__Date:first-child{border-left-width:1px}.DateRangePicker__Date--weekend{background-color:#f6f7f9}.DateRangePicker__Date--otherMonth{opacity:.25}.DateRangePicker__Date--is-disabled{color:#cdcdd1;cursor:default}.DateRangePicker__Date--is-selected{color:#fff}.DateRangePicker__Date--is-highlighted{color:#333}.DateRangePicker__CalendarDatePeriod{bottom:0;position:absolute;top:0}.DateRangePicker__CalendarDatePeriod--am{left:0;right:50%}.DateRangePicker__CalendarDatePeriod--pm{left:50%;right:0}.DateRangePicker__CalendarSelection{background-color:#ed5434;border:1px solid #eb401d;bottom:5px;left:0;position:absolute;right:0;top:5px}.DateRangePicker__CalendarSelection--inOtherMonth{opacity:.5}.DateRangePicker__CalendarSelection--start{border-bottom-left-radius:5px;border-right-width:0;border-top-left-radius:5px;left:5px}.DateRangePicker__CalendarSelection--end{border-bottom-right-radius:5px;border-left-width:0;border-top-right-radius:5px;right:5px}.DateRangePicker__CalendarSelection--segment{border-left-width:0;border-right-width:0}.DateRangePicker__CalendarSelection--single{border-radius:5px;left:5px;right:5px}.DateRangePicker__CalendarSelection--is-pending{background-color:rgba(237,84,52,.75);border-width:0}.DateRangePicker__CalendarHighlight{background-color:hsla(0,0%,100%,.25);border:1px solid rgba(0,0,0,.25);bottom:5px;left:0;position:absolute;right:0;top:5px}.DateRangePicker__CalendarHighlight--inOtherMonth{opacity:.5}.DateRangePicker__CalendarHighlight--start{border-bottom-left-radius:5px;border-right-width:0;border-top-left-radius:5px;left:5px}.DateRangePicker__CalendarHighlight--end{border-bottom-right-radius:5px;border-left-width:0;border-top-right-radius:5px;right:5px}.DateRangePicker__CalendarHighlight--segment{border-left-width:0;border-right-width:0}.DateRangePicker__CalendarHighlight--single{background-color:#fff;border:1px solid #eb401d;border-radius:5px;left:5px;right:5px}.DateRangePicker__HalfDateStates{bottom:-50px;left:-50px;position:absolute;right:-50px;top:-50px;transform:rotate(30deg)}.DateRangePicker__FullDateStates{bottom:0;left:0;position:absolute;right:0;top:0}.DateRangePicker__DateLabel{display:block;position:relative;text-align:center;width:100%;z-index:1}#popup-portal .react-datepicker-popper{z-index:1000}

package/dist/index.d.ts

@@ -421,6 +421,28 @@ declare const TextAreaWithRefComponent: react.ForwardRefExoticComponent<Textarea
     $isError?: boolean;
 } & react.RefAttributes<HTMLTextAreaElement>>;
 
+type TModerateDateFunction = (startDateObj: string, endDateObj: string, rangeDateObj: string, callback: () => void) => void;
+
+type TDateRange = {
+    mode: string;
+    placeholder?: string;
+    startDate?: string | null;
+    endDate?: string | null;
+    rangeDate?: string;
+    minDate?: string;
+    evModDate: TModerateDateFunction;
+    portalId?: string;
+    isForceUpdate?: boolean;
+    setForceUpdate?: TState<boolean>;
+    isCheckType?: boolean;
+    size?: string;
+};
+declare const DateRangeComponent: ({ mode, placeholder, startDate, endDate, rangeDate, minDate, evModDate, portalId, isForceUpdate, setForceUpdate, isCheckType, size }: TDateRange) => react_jsx_runtime.JSX.Element;
+
+declare const DateTimeComponent: ({ dateTimeData }: {
+    dateTimeData: string;
+}) => react_jsx_runtime.JSX.Element;
+
 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>, {
     name?: string;
 }>> & string;
@@ -523,4 +545,15 @@ declare const getSizeContainer: (full?: boolean) => {
     height: number;
 };
 
-export { ButtonComponent, CheckboxComponent, 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, ContentLoaderPagination, ContentLoaderPopupBundle, ContentLoaderPopupChooseStore, ContentLoaderPopupLinkedListing, ContentLoaderPopupListOrder, ContentLoaderPopupPaymentReceive, ContentLoaderPopupPaymentReceived, ContentLoaderPopupPicklist, ContentLoaderPopupReadyToShip, ContentLoaderPopupStoreSelect, ContentLoaderPromotionHover, ContentLoaderReportingDashboard, ContentLoaderSetting, ContentLoaderTableList, DropDownComponent as DropdownComponent, ErrorComponent, FoContainer, FormContainer, HeaderContainer, IconComponent, ImageComponent, InfoGroup, InputComponent, InputGroup, InputWithRefComponent as InputRefComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MenuList, MessageComponent, MessageQuestionComponent, MuteLabel, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, SelectComponent, SingleFormContainer, type TActionMeta, type TCSSObject, type TCSSObjectWithLabel, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TControlProps, type TCustomStyles, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type TGroupBase, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TLoadOption, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TMouseEvent, type TObject, type TOnChangeValue, type TOnChangeValueFalse, type TOption, type TOptionProps, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TSelectAsyncPaginate, type TState, type TUser, TabsContainer, TabsContent, TextAreaComponent, TextAreaWithRefComponent as TextAreaRefComponent, TextComponent, Title, UploadComponent, UploadDragDropComponent, type WithRequired, boxBase, capitalize, clearList, currencyNumber, debounce, dropBase, elipsis, evUpdateInputRc, formLabel, formatNumber, generateMessage, generateMessageQuestion, getSizeContainer, getStorage, headTable, multiElipsis, removeStorage, responseWidth, setStorage, thirdElipsis };
+declare const dateRangeStatus: (value: string) => any;
+declare const dateRangeDays: (value: string) => any;
+
+declare const configDateRange: {
+    rangeDate: string;
+    startDate: string;
+    endDate: string;
+    placeholder: string;
+    minDate: string;
+};
+
+export { ButtonComponent, CheckboxComponent, 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, ContentLoaderPagination, ContentLoaderPopupBundle, ContentLoaderPopupChooseStore, ContentLoaderPopupLinkedListing, ContentLoaderPopupListOrder, ContentLoaderPopupPaymentReceive, ContentLoaderPopupPaymentReceived, ContentLoaderPopupPicklist, ContentLoaderPopupReadyToShip, ContentLoaderPopupStoreSelect, ContentLoaderPromotionHover, ContentLoaderReportingDashboard, ContentLoaderSetting, ContentLoaderTableList, DateRangeComponent, DateTimeComponent, DropDownComponent as DropdownComponent, ErrorComponent, FoContainer, FormContainer, HeaderContainer, IconComponent, ImageComponent, InfoGroup, InputComponent, InputGroup, InputWithRefComponent as InputRefComponent, type KeysToSnakeCase, LabelComponent, LinkComponent, ListContainer, LoadingComponent, MenuList, MessageComponent, MessageQuestionComponent, MuteLabel, PanelContainer, PanelWrapper, type PartialBy, PopupComponent, ReactPortalComponent, SelectComponent, SingleFormContainer, type TActionMeta, type TCSSObject, type TCSSObjectWithLabel, type TChangeEvent, type TChannel, type TCloseDropdownFunction, type TControlProps, type TCustomStyles, type TDragEvent, type TDropdown, type TEnterEvent, type TFile, type TFileImage, type TGroupBase, type THierarchy, type TIdNum, type TIdStr, type TKeyboadEvent, type TLoadOption, type TMessage, type TMessageFunction, type TMessageQuestion, type TMessageQuestionFunction, type TModerateDateFunction, type TMouseEvent, type TObject, type TOnChangeValue, type TOnChangeValueFalse, type TOption, type TOptionProps, type TPage, type TPopup, type TPopupContainer, type TPopupFunction, type TPopupFunctionGroup, type TPopupFunctionParam, type TPopupOpenFunction, type TSelectAsyncPaginate, type TState, type TUser, TabsContainer, TabsContent, TextAreaComponent, TextAreaWithRefComponent as TextAreaRefComponent, TextComponent, Title, UploadComponent, UploadDragDropComponent, type WithRequired, boxBase, capitalize, clearList, configDateRange, currencyNumber, dateRangeDays, dateRangeStatus, debounce, dropBase, elipsis, evUpdateInputRc, formLabel, formatNumber, generateMessage, generateMessageQuestion, getSizeContainer, getStorage, headTable, multiElipsis, removeStorage, responseWidth, setStorage, thirdElipsis };