indicator-ui 1.0.50 → 1.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.cjs +20 -20
- package/dist/index.js +15894 -12625
- package/dist/indicator-ui.css +1 -1
- package/dist/styles/mixins/index.scss +1 -0
- package/dist/styles/mixins/property-color.scss +21 -0
- package/dist/styles/mixins/utils.scss +1 -1
- package/dist/types/src/hooks/feed/infinityFeed/hooks/index.d.ts +1 -0
- package/dist/types/src/hooks/feed/infinityFeed/hooks/state/useFeed.d.ts +5 -5
- package/dist/types/src/hooks/feed/infinityFeed/hooks/state/useFeedManager.d.ts +13 -11
- package/dist/types/src/hooks/feed/infinityFeed/hooks/useInfinityFeed.d.ts +5 -15
- package/dist/types/src/hooks/feed/infinityFeed/hooks/useScrollManager.d.ts +4 -14
- package/dist/types/src/hooks/feed/wheel/classes/index.d.ts +2 -2
- package/dist/types/src/hooks/feed/wheel/classes/wheelBaseFunction.d.ts +5 -0
- package/dist/types/src/hooks/feed/wheel/classes/wheelLyingParabola.d.ts +10 -0
- package/dist/types/src/hooks/feed/wheel/hooks/useParabolicVerticalFeed.d.ts +4 -3
- package/dist/types/src/hooks/index.d.ts +0 -2
- package/dist/types/src/hooks/scroll/hooks/elementScrollPosition/hooks/index.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/elementScrollPosition/hooks/useElementScrollPosition.d.ts +18 -0
- package/dist/types/src/hooks/scroll/hooks/elementScrollPosition/index.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/elementScrollPosition/utils/index.d.ts +8 -0
- package/dist/types/src/hooks/scroll/hooks/index.d.ts +5 -1
- package/dist/types/src/hooks/scroll/hooks/scrollHandler/useScrollHandler.d.ts +3 -3
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/index.d.ts +4 -0
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useKeyboardScroll.d.ts +7 -0
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useTouchScroll.d.ts +3 -0
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useUserScrollMaster.d.ts +5 -0
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useWheelScroll.d.ts +3 -0
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/index.d.ts +2 -0
- package/dist/types/src/hooks/scroll/hooks/scrollMaster/types/index.d.ts +20 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/classes/index.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/classes/scrollRatio.d.ts +6 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/hooks/index.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/hooks/useScrollChannel.d.ts +9 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/hooks/useScrollListener.d.ts +5 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/hooks/useScrollSync.d.ts +9 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/index.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/scrollSync/utils/index.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/scrollToAsync/index.d.ts +2 -0
- package/dist/types/src/hooks/scroll/hooks/scrollToAsync/useAsyncScrollTo.d.ts +1 -0
- package/dist/types/src/hooks/scroll/hooks/scrollToAsync/useAsyncScrollToRef.d.ts +2 -0
- package/dist/types/src/hooks/scroll/hooks/scrollToAsync/useRejectTimeouts.d.ts +6 -0
- package/dist/types/src/hooks/scroll/hooks/scrollToAsync/useScrollPromises.d.ts +10 -0
- package/dist/types/src/hooks/scroll/hooks/scrollToAsync/useScrollTargetInfo.d.ts +6 -0
- package/dist/types/src/hooks/scroll/hooks/useScrollOffsetState.d.ts +7 -0
- package/dist/types/src/hooks/ui-animations/useModalAnim.d.ts +1 -1
- package/dist/types/src/hooks/utils/index.d.ts +6 -0
- package/dist/types/src/hooks/utils/useElementsRefs.d.ts +12 -0
- package/dist/types/src/hooks/utils/useIntersectionObserver.d.ts +6 -1
- package/dist/types/src/hooks/utils/useMostVisibleElement.d.ts +15 -0
- package/dist/types/src/hooks/utils/useMutex.d.ts +5 -0
- package/dist/types/src/hooks/utils/useRequestAnimationFrameAsync.d.ts +1 -0
- package/dist/types/src/lib/asserts/html.d.ts +1 -0
- package/dist/types/src/lib/asserts/index.d.ts +1 -0
- package/dist/types/src/lib/index.d.ts +1 -0
- package/dist/types/src/lib/tsAsserts/index.d.ts +2 -0
- package/dist/types/src/ui/DateTimePicker/ui/DateTimePicker.d.ts +1 -0
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateField.d.ts +1 -1
- package/dist/types/src/ui/InputFields/DateTimeField/ui/DateTimeField.d.ts +1 -1
- package/dist/types/src/ui/InputFields/DateTimeRangeField/ui/DateRangeField.d.ts +1 -1
- package/dist/types/src/ui/Toggle/types/ToggleTypes.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/hooks/components/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/hooks/components/time/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/components/time/useTimePickerTagList.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/hooks/dateManagers/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/hooks/dateManagers/useDateInputManager.d.ts +13 -0
- package/dist/types/src/ui/datePickersV2/hooks/dateManagers/useDateManager.d.ts +19 -0
- package/dist/types/src/ui/datePickersV2/hooks/dateManagers/useDateManagerUtils.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/hooks/dateManagers/useDateRangeManager.d.ts +15 -0
- package/dist/types/src/ui/datePickersV2/hooks/dateManagers/useDateTimeManager.d.ts +21 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeed.d.ts +19 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeedManager.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeedProvider.d.ts +16 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeedRef.d.ts +14 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysGrid.d.ts +14 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysGridDisplay.d.ts +11 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysGridManager.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysInfoRequests.d.ts +17 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useIntersectionViewMonth.d.ts +7 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthGrid.d.ts +14 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthGridDisplay.d.ts +10 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsFeed.d.ts +23 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsFeedManager.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsFeedProvider.d.ts +15 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsFeedRef.d.ts +14 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsGridManager.d.ts +10 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useViewMonth.d.ts +7 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/useBaseFeed.d.ts +17 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/useFeedTracks.d.ts +22 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/usePreviewFeed.d.ts +16 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/index.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/useElementsPositionStyle.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/useFeedElementView.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/useFeedList.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/useMostViewedElement.d.ts +9 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/time/useTimeFeed.d.ts +28 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useIntersectionViewYear.d.ts +7 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearFeedRef.d.ts +14 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearGridDisplay.d.ts +10 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsFeed.d.ts +22 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsFeedManager.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsFeedProvider.d.ts +13 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsGrid.d.ts +14 -0
- package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsGridManager.d.ts +10 -0
- package/dist/types/src/ui/datePickersV2/hooks/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/date/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/date/useDatePickerV2Provider.d.ts +41 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateBaseProvider.d.ts +33 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateBaseRef.d.ts +28 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateDataManager.d.ts +16 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/usePickerState.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/usePickersManager.d.ts +13 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateRange/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateRange/useDateRangePickerV2Provider.d.ts +46 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateTime/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateTime/useDateTimePickerV2Provider.d.ts +61 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/dateTime/usePickerState.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/hooks/pickers/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/styles/components/CalendarDay/index.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/styles/components/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/styles/components/time/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/days/components/index.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/days/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/month/components/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/month/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/time/components/index.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/time/feed/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/time/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/year/components/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/styles/feed/year/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/styles/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/styles/pickers/components/index.d.ts +5 -0
- package/dist/types/src/ui/datePickersV2/styles/pickers/index.d.ts +0 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarButton.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/CalendarDay.d.ts +9 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/Footer.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/Header.d.ts +7 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/Main.d.ts +9 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/Wrapper.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarDay/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarMonth.d.ts +9 -0
- package/dist/types/src/ui/datePickersV2/ui/components/CalendarYear.d.ts +9 -0
- package/dist/types/src/ui/datePickersV2/ui/components/index.d.ts +5 -0
- package/dist/types/src/ui/datePickersV2/ui/components/time/TimePickerTag.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/components/time/TimePickerTagList.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/components/time/TimeWrapper.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/components/time/index.d.ts +2 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/DaysFeed.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/components/FeedWrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/components/GridWrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/components/Header.d.ts +12 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/components/WeekDays.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/components/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/days/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/index.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/month/MonthsFeed.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/month/components/FeedWrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/month/components/GridWrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/month/components/Header.d.ts +11 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/month/components/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/month/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/TimeFeed.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/Divider.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/Line.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/TimeCell.d.ts +7 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/TimeFeedWrapper.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/ViewZonePlatform.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/ViewZoneWrapper.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/components/index.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/feed/BaseFeed.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/feed/FeedTracks.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/feed/PreviewFeed.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/feed/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/time/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/year/YearsFeed.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/year/components/FeedWrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/year/components/GridWrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/year/components/Header.d.ts +8 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/year/components/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/ui/feeds/year/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/DateBase.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/DatePickerV2.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/DateRangePickerV2.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/DateTimePickerV2.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/components/Footer.d.ts +10 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/components/Header.d.ts +7 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/components/MainWrapper.d.ts +4 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/components/Switcher.d.ts +13 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/components/Wrapper.d.ts +6 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/components/index.d.ts +5 -0
- package/dist/types/src/ui/datePickersV2/ui/pickers/index.d.ts +3 -0
- package/dist/types/src/ui/datePickersV2/utils/index.d.ts +1 -0
- package/dist/types/src/ui/datePickersV2/utils/months.d.ts +2 -0
- package/dist/types/src/ui/formFields/FormFieldWrapper/ui/FormFieldWrapper.d.ts +1 -0
- package/dist/types/src/ui/formFields/FormPaginatedSelectField/lib/index.d.ts +0 -1
- package/dist/types/src/ui/formFields/components/DoubleInput/styles/components/index.d.ts +3 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/styles/index.d.ts +2 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/DoubleInput.d.ts +8 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/DoubleInputItem.d.ts +8 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/components/DismissButton.d.ts +8 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/components/InputBase.d.ts +8 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/components/InputHint.d.ts +7 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/components/InputIcon.d.ts +7 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/components/index.d.ts +4 -0
- package/dist/types/src/ui/formFields/components/DoubleInput/ui/index.d.ts +2 -0
- package/dist/types/src/ui/formFields/components/InputInnerButton/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/components/InputInnerButton/styles/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/components/InputInnerButton/ui/InputInnerButton.d.ts +6 -0
- package/dist/types/src/ui/formFields/components/InputInnerButton/ui/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/components/index.d.ts +3 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDateDraft.d.ts +12 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDateFormats.d.ts +15 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDatePickerController.d.ts +47 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useDatePickerProps.d.ts +10 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useFormDateFieldProvider.d.ts +124 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useInputFieldController.d.ts +5 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useInputFieldProps.d.ts +64 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/hooks/useSyncDateValues.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/ui/FormDateField.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/ui/FormDateFieldBase.d.ts +4 -0
- package/dist/types/src/ui/formFields/dates/FormDateField/ui/index.d.ts +2 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangeDraft.d.ts +17 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangeFormats.d.ts +10 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateRangePickerProps.d.ts +11 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useDateTimePickerController.d.ts +43 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useFormDateRangeFieldProvider.d.ts +176 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useInputFieldController.d.ts +9 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useInputFieldProps.d.ts +115 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/hooks/useSyncDateTimeValues.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/ui/FormDateRangeField.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateRangeField/ui/FormDateRangeFieldBase.d.ts +4 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimeDraft.d.ts +15 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimeFormats.d.ts +18 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimePickerController.d.ts +62 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useDateTimePickerProps.d.ts +11 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts +199 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldController.d.ts +9 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldProps.d.ts +114 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useSyncDateTimeValues.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/index.d.ts +1 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/ui/FormDateTimeField.d.ts +6 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/ui/FormDateTimeFieldBase.d.ts +4 -0
- package/dist/types/src/ui/formFields/dates/FormDateTimeField/ui/index.d.ts +2 -0
- package/dist/types/src/ui/formFields/dates/index.d.ts +3 -0
- package/dist/types/src/ui/formFields/index.d.ts +1 -2
- package/dist/types/src/ui/index.d.ts +3 -2
- package/docs/CSSVariables/CSSThemeCustomize.md +19 -0
- package/package.json +5 -5
- package/dist/types/src/hooks/feed/infinityFeed/utils/index.d.ts +0 -1
- package/dist/types/src/hooks/feed/wheel/classes/baseFunction.d.ts +0 -7
- package/dist/types/src/hooks/feed/wheel/classes/parabola.d.ts +0 -10
- package/dist/types/src/hooks/scroll/hooks/useScrollSync.d.ts +0 -2
- package/dist/types/src/hooks/scroll/utils/index.d.ts +0 -2
- package/dist/types/src/ui/formFields/FormDateField/ui/FormDateField.d.ts +0 -22
- package/dist/types/src/ui/formFields/FormDateField/ui/index.d.ts +0 -1
- package/dist/types/src/ui/formFields/FormDateRangeField/styles/index.d.ts +0 -3
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateRangeField.d.ts +0 -6
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/FormDateRangeFieldBase.d.ts +0 -26
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/InputInnerButton.d.ts +0 -5
- package/dist/types/src/ui/formFields/FormDateRangeField/ui/Mask.d.ts +0 -14
- /package/dist/types/src/hooks/{useAsyncState.d.ts → utils/useAsyncState.d.ts} +0 -0
- /package/dist/types/src/hooks/{useSyncedStateRef.d.ts → utils/useSyncedStateRef.d.ts} +0 -0
- /package/dist/types/src/ui/{formFields/FormDateField → datePickersV2}/index.d.ts +0 -0
- /package/dist/types/src/ui/formFields/{FormDateRangeField → components/DoubleInput}/index.d.ts +0 -0
- /package/dist/types/src/ui/formFields/{extends → components/DropdownArrow}/index.d.ts +0 -0
- /package/dist/types/src/ui/formFields/{extends → components/DropdownArrow}/style/index.d.ts +0 -0
- /package/dist/types/src/ui/formFields/{extends → components/DropdownArrow}/ui/DropdownArrow.d.ts +0 -0
- /package/dist/types/src/ui/formFields/{extends → components/DropdownArrow}/ui/index.d.ts +0 -0
- /package/dist/types/src/ui/formFields/{FormDateRangeField → dates/FormDateRangeField}/ui/index.d.ts +0 -0
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
type CommitedDate = string | undefined;
|
|
2
|
+
export declare function useDateManager(): {
|
|
3
|
+
dateInput: Partial<Partial<Partial<{
|
|
4
|
+
year: number;
|
|
5
|
+
monthYear: string;
|
|
6
|
+
dayMonthYear: string;
|
|
7
|
+
}>>>;
|
|
8
|
+
setInput: <K extends "year" | "monthYear" | "dayMonthYear">(key: K, instance: Partial<Partial<{
|
|
9
|
+
year: number;
|
|
10
|
+
monthYear: string;
|
|
11
|
+
dayMonthYear: string;
|
|
12
|
+
}>>[K]) => void;
|
|
13
|
+
createCommitDate: (prev: CommitedDate) => NonNullable<CommitedDate>;
|
|
14
|
+
clearDateInput: () => void;
|
|
15
|
+
initViewYear: number | undefined;
|
|
16
|
+
initViewMonthYear: string | undefined;
|
|
17
|
+
initViewDayMonthYear: string | undefined;
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DateArg } from 'date-fns';
|
|
2
|
+
export declare function useDateManagerUtils(): {
|
|
3
|
+
setYearInDate: (date: DateArg<Date>, year: number) => string;
|
|
4
|
+
setMonthYearInDate: (date: DateArg<Date>, monthYear: string) => string;
|
|
5
|
+
setDayMonthYearInDate: (date: DateArg<Date>, dayMonthYear: string) => string;
|
|
6
|
+
setHoursInDate: (date: DateArg<Date>, hours: number) => string;
|
|
7
|
+
setMinutesInDate: (date: DateArg<Date>, minutes: number) => string;
|
|
8
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
type DateItem = string;
|
|
2
|
+
type CommitedDate = Array<DateItem> | undefined;
|
|
3
|
+
export declare function useDateRangeManager(): {
|
|
4
|
+
setInput: <K extends "year" | "monthYear" | "dayMonthYear">(key: K, instance: Partial<Partial<{
|
|
5
|
+
year: number;
|
|
6
|
+
monthYear: string;
|
|
7
|
+
dayMonthYear: string;
|
|
8
|
+
}>>[K]) => void;
|
|
9
|
+
createCommitDateRange: (prev: CommitedDate) => NonNullable<CommitedDate>;
|
|
10
|
+
clearDateInput: () => void;
|
|
11
|
+
initViewYear: number | undefined;
|
|
12
|
+
initViewMonthYear: string | undefined;
|
|
13
|
+
initViewDayMonthYear: string | undefined;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
type CommitedDate = string | undefined;
|
|
2
|
+
export declare function useDateTimeManager(): {
|
|
3
|
+
createCommitDateTime: (prev: CommitedDate) => NonNullable<CommitedDate>;
|
|
4
|
+
createCommitDateTimeWithoutClearing: (prev: CommitedDate) => NonNullable<CommitedDate>;
|
|
5
|
+
setInput: <K extends "year" | "monthYear" | "dayMonthYear" | "hours" | "minutes">(key: K, instance: Partial<Partial<{
|
|
6
|
+
year: number;
|
|
7
|
+
monthYear: string;
|
|
8
|
+
dayMonthYear: string;
|
|
9
|
+
hours: number;
|
|
10
|
+
minutes: number;
|
|
11
|
+
}>>[K]) => void;
|
|
12
|
+
clearDateInput: () => void;
|
|
13
|
+
initViewYear: number | undefined;
|
|
14
|
+
initViewMonthYear: string | undefined;
|
|
15
|
+
initViewDayMonthYear: string | undefined;
|
|
16
|
+
initViewHours: number | undefined;
|
|
17
|
+
initViewMinutes: number | undefined;
|
|
18
|
+
getPreviewDate: (instance: CommitedDate) => string | undefined;
|
|
19
|
+
getPreviewTime: (instance: CommitedDate) => string | undefined;
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useDaysFeedProvider';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { InfinityFeedState } from '../../../../../hooks';
|
|
2
|
+
import { useDaysGrid } from './useDaysGrid';
|
|
3
|
+
export type Day = string;
|
|
4
|
+
export type DaysFeedState = InfinityFeedState<Day>;
|
|
5
|
+
type PropsType = Pick<ReturnType<typeof useDaysGrid>, 'getCellRef'>;
|
|
6
|
+
export declare function useDaysFeed(props: PropsType): {
|
|
7
|
+
getElementByItem: (item: string) => HTMLElement | null;
|
|
8
|
+
getElementsBefore: (instance: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
9
|
+
getElementsAfter: (instance: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
10
|
+
removeElementsAfter: (firstElement: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
11
|
+
removeElementsBefore: (lastElement: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
12
|
+
getElementsAround: (instance: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
13
|
+
feedState: [state: DaysFeedState, set: {
|
|
14
|
+
asyncEffect: (value: import('react').SetStateAction<DaysFeedState>) => Promise<DaysFeedState>;
|
|
15
|
+
asyncLayout: (value: import('react').SetStateAction<DaysFeedState>) => Promise<DaysFeedState>;
|
|
16
|
+
asyncDom: (value: import('react').SetStateAction<DaysFeedState>) => Promise<DaysFeedState>;
|
|
17
|
+
}, getState: () => DaysFeedState];
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Day, useDaysFeed } from './useDaysFeed';
|
|
2
|
+
import { useDaysGrid } from './useDaysGrid';
|
|
3
|
+
import { useIntersectionViewMonth } from './useIntersectionViewMonth';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useDaysFeed>, 'removeElementsAfter' | 'removeElementsBefore' | 'getElementsBefore' | 'getElementsAfter' | 'getElementsAround' | 'getElementByItem' | 'feedState'> & Pick<ReturnType<typeof useDaysGrid>, 'feedRef' | 'clearEmptyCellsRefs'> & Pick<ReturnType<typeof useIntersectionViewMonth>, 'updateCellsObservers' | 'mostIntersectingMonth'> & {
|
|
5
|
+
initViewDay?: Day;
|
|
6
|
+
};
|
|
7
|
+
export declare function useDaysFeedManager(props: PropsType): {
|
|
8
|
+
onPrevMonth: () => void;
|
|
9
|
+
onNextMonth: () => void;
|
|
10
|
+
scrollToDayMonth: (instance: Day, behavior?: ScrollBehavior) => Promise<void>;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Header } from '../../../ui/feeds/days/components';
|
|
3
|
+
import { useDaysFeedManager } from './useDaysFeedManager';
|
|
4
|
+
import { useDaysGridManager } from './useDaysGridManager';
|
|
5
|
+
import { useDaysFeedRef } from './useDaysFeedRef';
|
|
6
|
+
import { useDaysInfoRequests } from './useDaysInfoRequests';
|
|
7
|
+
type PropsType = Pick<Parameters<typeof useDaysGridManager>[number], 'day' | 'onClickDay'> & Pick<Parameters<typeof useDaysFeedManager>[number], 'initViewDay'> & Pick<Parameters<typeof useDaysFeedRef>[number], 'instanceRef'> & Pick<Parameters<typeof useDaysInfoRequests>[number], 'requestedDaysData' | 'requestDaysData'> & Pick<React.ComponentProps<typeof Header>, 'onClickMonth' | 'onClickYear'>;
|
|
8
|
+
export declare function useDaysFeedProvider(props: PropsType): {
|
|
9
|
+
list: import("react/jsx-runtime").JSX.Element[];
|
|
10
|
+
currentViewYear: string | undefined;
|
|
11
|
+
onPrevMonth: () => void;
|
|
12
|
+
onNextMonth: () => void;
|
|
13
|
+
feedRef: React.RefObject<HTMLUListElement>;
|
|
14
|
+
feedWrapperRef: React.RefObject<HTMLDivElement>;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentInstanceRef, InstanceRefAttributes } from '../../../../../types';
|
|
2
|
+
import { FeedWrapper } from '../../../ui/feeds/days/components';
|
|
3
|
+
import { Day } from './useDaysFeed';
|
|
4
|
+
import { useDaysFeedManager } from './useDaysFeedManager';
|
|
5
|
+
type FeedWrapperElement = ComponentInstanceRef<typeof FeedWrapper>;
|
|
6
|
+
type RefType = {
|
|
7
|
+
scrollToDayMonth: (instance: Day) => Promise<void>;
|
|
8
|
+
element: FeedWrapperElement;
|
|
9
|
+
};
|
|
10
|
+
type PropsType = InstanceRefAttributes<RefType> & Pick<ReturnType<typeof useDaysFeedManager>, 'scrollToDayMonth'>;
|
|
11
|
+
export declare function useDaysFeedRef(props: PropsType): {
|
|
12
|
+
feedWrapperRef: import('react').RefObject<HTMLDivElement>;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentInstanceRef } from '../../../../../types';
|
|
2
|
+
import { CalendarDay } from '../../../ui/components';
|
|
3
|
+
import { GridWrapper } from '../../../ui/feeds/month/components';
|
|
4
|
+
import { Day } from './useDaysFeed';
|
|
5
|
+
export type MonthsCellElement = ComponentInstanceRef<typeof CalendarDay>;
|
|
6
|
+
export type MonthsGridElement = ComponentInstanceRef<typeof GridWrapper>;
|
|
7
|
+
export declare function useDaysGrid(): {
|
|
8
|
+
feedRef: import('react').RefObject<HTMLUListElement>;
|
|
9
|
+
getCellRef: (key: string | number) => HTMLLIElement | undefined;
|
|
10
|
+
addCellRef: (key: string | number, element: HTMLLIElement | null) => void;
|
|
11
|
+
clearEmptyCellsRefs: () => void;
|
|
12
|
+
getCellsElements: () => Map<string | number, HTMLLIElement>;
|
|
13
|
+
getDayByCellElement: (instance: Element) => Day | null;
|
|
14
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { useDaysFeed } from './useDaysFeed';
|
|
2
|
+
import { useDaysGrid } from './useDaysGrid';
|
|
3
|
+
import { useDaysGridManager } from './useDaysGridManager';
|
|
4
|
+
import { useIntersectionViewMonth } from './useIntersectionViewMonth';
|
|
5
|
+
import { useDaysInfoRequests } from './useDaysInfoRequests';
|
|
6
|
+
type PropsType = Pick<ReturnType<typeof useDaysFeed>, 'feedState'> & Pick<ReturnType<typeof useDaysGridManager>, 'isChosenDay' | 'onClickCell' | 'isBetweenChosenDay'> & Pick<ReturnType<typeof useDaysGrid>, 'addCellRef'> & Pick<ReturnType<typeof useIntersectionViewMonth>, 'mostIntersectingMonth'> & Pick<ReturnType<typeof useDaysInfoRequests>, 'getDayItemData'>;
|
|
7
|
+
export declare function useDaysGridDisplay(props: PropsType): {
|
|
8
|
+
list: import("react/jsx-runtime").JSX.Element[];
|
|
9
|
+
currentViewYear: string | undefined;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Day } from './useDaysFeed';
|
|
2
|
+
type PropsType = {
|
|
3
|
+
day?: Day | Array<Day>;
|
|
4
|
+
onClickDay: (day: Day) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function useDaysGridManager(props: PropsType): {
|
|
7
|
+
isChosenDay: (instance: Day) => boolean;
|
|
8
|
+
isBetweenChosenDay: (instance: Day) => boolean;
|
|
9
|
+
onClickCell: (day: Day) => void;
|
|
10
|
+
day: string | string[] | undefined;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CalendarDay } from '../../../ui/components';
|
|
3
|
+
import { useDaysFeed, Day } from './useDaysFeed';
|
|
4
|
+
type CalendarDayPayloadProps = Pick<React.ComponentProps<typeof CalendarDay>, 'mark' | 'weekend' | 'info'>;
|
|
5
|
+
type DaysFeedDayItemData = CalendarDayPayloadProps & {
|
|
6
|
+
day: Day;
|
|
7
|
+
};
|
|
8
|
+
export type DaysFeedRequestDaysData = (from: Day, to: Day) => any;
|
|
9
|
+
export type DaysFeedDaysData = Array<DaysFeedDayItemData>;
|
|
10
|
+
type PropsType = Pick<ReturnType<typeof useDaysFeed>, 'feedState'> & {
|
|
11
|
+
requestDaysData?: DaysFeedRequestDaysData;
|
|
12
|
+
requestedDaysData?: DaysFeedDaysData;
|
|
13
|
+
};
|
|
14
|
+
export declare function useDaysInfoRequests(props: PropsType): {
|
|
15
|
+
getDayItemData: (instance: Day) => CalendarDayPayloadProps;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useDaysGrid } from './useDaysGrid';
|
|
2
|
+
type PropsType = Pick<ReturnType<typeof useDaysGrid>, 'getCellsElements' | 'getDayByCellElement' | 'feedRef'>;
|
|
3
|
+
export declare function useIntersectionViewMonth(props: PropsType): {
|
|
4
|
+
updateCellsObservers: () => void;
|
|
5
|
+
mostIntersectingMonth: string | undefined;
|
|
6
|
+
};
|
|
7
|
+
export {};
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useMonthsFeedProvider';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentInstanceRef } from '../../../../../types';
|
|
2
|
+
import { CalendarMonth } from '../../../ui/components';
|
|
3
|
+
import { GridWrapper } from '../../../ui/feeds/month/components';
|
|
4
|
+
import { Month } from './useMonthsFeed';
|
|
5
|
+
export type MonthsCellElement = ComponentInstanceRef<typeof CalendarMonth>;
|
|
6
|
+
export type MonthsGridElement = ComponentInstanceRef<typeof GridWrapper>;
|
|
7
|
+
export declare function useMonthGrid(): {
|
|
8
|
+
feedRef: import('react').RefObject<HTMLUListElement>;
|
|
9
|
+
getCellRef: (key: string | number) => HTMLLIElement | undefined;
|
|
10
|
+
addCellRef: (key: string | number, element: HTMLLIElement | null) => void;
|
|
11
|
+
clearEmptyCellsRefs: () => void;
|
|
12
|
+
getCellsElements: () => Map<string | number, HTMLLIElement>;
|
|
13
|
+
getMonthByCellElement: (instance: Element) => Month | null;
|
|
14
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useMonthsFeed } from './useMonthsFeed';
|
|
2
|
+
import { useMonthGrid } from './useMonthGrid';
|
|
3
|
+
import { useMonthsGridManager } from './useMonthsGridManager';
|
|
4
|
+
import { useViewMonth } from './useViewMonth';
|
|
5
|
+
type PropsType = Pick<ReturnType<typeof useMonthsFeed>, 'feedState'> & Pick<ReturnType<typeof useMonthsGridManager>, 'isChosenMonth' | 'onClickCell'> & Pick<ReturnType<typeof useMonthGrid>, 'addCellRef'> & Pick<ReturnType<typeof useViewMonth>, 'mostIntersectingMonth'>;
|
|
6
|
+
export declare function useMonthGridDisplay(props: PropsType): {
|
|
7
|
+
list: import("react/jsx-runtime").JSX.Element[];
|
|
8
|
+
currentViewYear: number | undefined;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { DateArg } from 'date-fns';
|
|
2
|
+
import { InfinityFeedState } from '../../../../../hooks';
|
|
3
|
+
import { useMonthGrid } from './useMonthGrid';
|
|
4
|
+
export type Month = string;
|
|
5
|
+
export declare const MONTHS_VIEW_COUNT = 18;
|
|
6
|
+
export declare const MONTHS_BATCH_SIZE: number;
|
|
7
|
+
export declare const TARGET_MONTHS_INDEX = 7;
|
|
8
|
+
type PropsType = Pick<ReturnType<typeof useMonthGrid>, 'getCellRef'>;
|
|
9
|
+
export declare function useMonthsFeed(props: PropsType): {
|
|
10
|
+
getMonthData: (instance: DateArg<Date>) => string;
|
|
11
|
+
getElementByItem: (item: string) => HTMLElement | null;
|
|
12
|
+
getElementsBefore: (instance: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
13
|
+
getElementsAfter: (instance: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
14
|
+
removeElementsAfter: (firstElement: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
15
|
+
removeElementsBefore: (lastElement: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
16
|
+
getElementsAround: (instance: string, prev: InfinityFeedState<string>) => InfinityFeedState<string>;
|
|
17
|
+
feedState: [state: InfinityFeedState<string>, set: {
|
|
18
|
+
asyncEffect: (value: import('react').SetStateAction<InfinityFeedState<string>>) => Promise<InfinityFeedState<string>>;
|
|
19
|
+
asyncLayout: (value: import('react').SetStateAction<InfinityFeedState<string>>) => Promise<InfinityFeedState<string>>;
|
|
20
|
+
asyncDom: (value: import('react').SetStateAction<InfinityFeedState<string>>) => Promise<InfinityFeedState<string>>;
|
|
21
|
+
}, getState: () => InfinityFeedState<string>];
|
|
22
|
+
};
|
|
23
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useMonthsFeed, Month } from './useMonthsFeed';
|
|
2
|
+
import { useMonthGrid } from './useMonthGrid';
|
|
3
|
+
import { useViewMonth } from './useViewMonth';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useMonthsFeed>, 'removeElementsAfter' | 'removeElementsBefore' | 'getElementsBefore' | 'getElementsAfter' | 'getElementsAround' | 'getElementByItem' | 'getMonthData' | 'feedState'> & Pick<ReturnType<typeof useMonthGrid>, 'feedRef' | 'clearEmptyCellsRefs'> & Pick<ReturnType<typeof useViewMonth>, 'updateCellsObservers' | 'mostIntersectingMonth'> & {
|
|
5
|
+
initViewMonth?: Month;
|
|
6
|
+
};
|
|
7
|
+
export declare function useMonthsFeedManager(props: PropsType): {
|
|
8
|
+
onPrevYears: () => void;
|
|
9
|
+
onNextYears: () => void;
|
|
10
|
+
scrollToMonth: (month: Month, behavior?: ScrollBehavior) => Promise<void>;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { Header } from '../../../ui/feeds/month/components';
|
|
3
|
+
import { useMonthsFeedManager } from './useMonthsFeedManager';
|
|
4
|
+
import { useMonthsGridManager } from './useMonthsGridManager';
|
|
5
|
+
import { useMonthsFeedRef } from './useMonthsFeedRef';
|
|
6
|
+
type PropsType = Pick<Parameters<typeof useMonthsGridManager>[number], 'onClickMonth' | 'month'> & Pick<Parameters<typeof useMonthsFeedManager>[number], 'initViewMonth'> & Pick<Parameters<typeof useMonthsFeedRef>[number], 'instanceRef'> & Pick<React.ComponentProps<typeof Header>, 'onClickYear'>;
|
|
7
|
+
export declare function useMonthsFeedProvider(props: PropsType): {
|
|
8
|
+
list: import("react/jsx-runtime").JSX.Element[];
|
|
9
|
+
currentViewYear: number | undefined;
|
|
10
|
+
onPrevYears: () => void;
|
|
11
|
+
onNextYears: () => void;
|
|
12
|
+
feedRef: React.RefObject<HTMLUListElement>;
|
|
13
|
+
feedWrapperRef: React.RefObject<HTMLDivElement>;
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentInstanceRef, InstanceRefAttributes } from '../../../../../types';
|
|
2
|
+
import { FeedWrapper } from '../../../ui/feeds/month/components';
|
|
3
|
+
import { Month } from './useMonthsFeed';
|
|
4
|
+
import { useMonthsFeedManager } from './useMonthsFeedManager';
|
|
5
|
+
type FeedWrapperElement = ComponentInstanceRef<typeof FeedWrapper>;
|
|
6
|
+
type RefType = {
|
|
7
|
+
scrollToMonth: (instance: Month) => void;
|
|
8
|
+
element: FeedWrapperElement;
|
|
9
|
+
};
|
|
10
|
+
type PropsType = InstanceRefAttributes<RefType> & Pick<ReturnType<typeof useMonthsFeedManager>, 'scrollToMonth'>;
|
|
11
|
+
export declare function useMonthsFeedRef(props: PropsType): {
|
|
12
|
+
feedWrapperRef: import('react').RefObject<HTMLDivElement>;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Month } from './useMonthsFeed';
|
|
2
|
+
type PropsType = {
|
|
3
|
+
month?: Month;
|
|
4
|
+
onClickMonth: (month: Month) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function useMonthsGridManager(props: PropsType): {
|
|
7
|
+
isChosenMonth: (instance: Month) => boolean;
|
|
8
|
+
onClickCell: (month: Month) => void;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useMonthGrid } from './useMonthGrid';
|
|
2
|
+
type PropsType = Pick<ReturnType<typeof useMonthGrid>, 'getCellsElements' | 'getMonthByCellElement' | 'feedRef'>;
|
|
3
|
+
export declare function useViewMonth(props: PropsType): {
|
|
4
|
+
updateCellsObservers: () => void;
|
|
5
|
+
mostIntersectingMonth: string | undefined;
|
|
6
|
+
};
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InstanceRefAttributes } from '../../../../../../types';
|
|
3
|
+
import { TimeCell } from '../../../../ui/feeds/time/components';
|
|
4
|
+
import { ElementItem, useFeedList } from './utils';
|
|
5
|
+
type FeedElement = React.ComponentRef<'div'>;
|
|
6
|
+
type PropsType = Pick<Parameters<typeof useFeedList>[number], 'listSize'> & InstanceRefAttributes<FeedElement> & {
|
|
7
|
+
previewElement?: ElementItem;
|
|
8
|
+
};
|
|
9
|
+
export declare function useBaseFeed(props: PropsType): {
|
|
10
|
+
calcStyle: (item: ElementItem, idx: number, currentScrollTop: number) => React.CSSProperties;
|
|
11
|
+
scrollTop: number;
|
|
12
|
+
elementsList: number[];
|
|
13
|
+
getElementFloor: (item: ElementItem) => React.ComponentProps<typeof TimeCell>["floor"];
|
|
14
|
+
getItemLabel: (item: ElementItem) => string;
|
|
15
|
+
feedRef: React.RefObject<HTMLDivElement>;
|
|
16
|
+
};
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InstanceRefAttributes } from '../../../../../../types';
|
|
3
|
+
import { BaseFeed } from '../../../../ui/feeds/time/feed/BaseFeed';
|
|
4
|
+
import { PreviewFeed } from '../../../../ui/feeds/time/feed/PreviewFeed';
|
|
5
|
+
import { ElementItem } from './utils';
|
|
6
|
+
type PreviewFeedProps = React.ComponentProps<typeof PreviewFeed>;
|
|
7
|
+
type ScrollToElement = (item: ElementItem, behavior?: ScrollBehavior) => Promise<void>;
|
|
8
|
+
type RefType = {
|
|
9
|
+
scrollToElement: ScrollToElement;
|
|
10
|
+
};
|
|
11
|
+
type PropsType = Pick<React.ComponentProps<typeof BaseFeed>, 'listSize'> & InstanceRefAttributes<RefType> & {
|
|
12
|
+
initItemView?: ElementItem;
|
|
13
|
+
onChangeElement?: PreviewFeedProps['onChangePreviewElement'];
|
|
14
|
+
};
|
|
15
|
+
export declare function useFeedTracks(props: PropsType): {
|
|
16
|
+
onChangePreviewElement: (item: ElementItem) => void;
|
|
17
|
+
previewElement: number | undefined;
|
|
18
|
+
previewFeedRef: React.RefObject<HTMLDivElement>;
|
|
19
|
+
baseFeedRef: React.RefObject<HTMLDivElement>;
|
|
20
|
+
listSize: number;
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { InstanceRefAttributes } from '../../../../../../types';
|
|
3
|
+
import { ElementItem, useFeedList } from './utils';
|
|
4
|
+
type FeedElement = React.ComponentRef<'div'>;
|
|
5
|
+
type PropsType = Pick<Parameters<typeof useFeedList>[number], 'listSize'> & InstanceRefAttributes<FeedElement> & {
|
|
6
|
+
onChangePreviewElement: (item: ElementItem) => void;
|
|
7
|
+
};
|
|
8
|
+
export declare function usePreviewFeed(props: PropsType): {
|
|
9
|
+
feedRef: React.RefObject<HTMLDivElement>;
|
|
10
|
+
calcStyle: (item: ElementItem, idx: number, currentScrollTop: number) => React.CSSProperties;
|
|
11
|
+
elementsList: number[];
|
|
12
|
+
scrollTop: number;
|
|
13
|
+
getItemLabel: (item: ElementItem) => string;
|
|
14
|
+
updateElement: (key: string | number, element: HTMLElement | null) => void;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/useElementsPositionStyle.d.ts
ADDED
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { useMostViewedElement } from './useMostViewedElement';
|
|
3
|
+
import { ElementItem } from './useFeedList';
|
|
4
|
+
type PropsType = Partial<Pick<ReturnType<typeof useMostViewedElement>, 'previewElement'>>;
|
|
5
|
+
export declare function useElementsPositionStyle(props: PropsType): {
|
|
6
|
+
calcStyle: (item: ElementItem, idx: number, currentScrollTop: number) => CSSProperties;
|
|
7
|
+
};
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { useElementsRefs } from '../../../../../../../hooks';
|
|
3
|
+
type PropsType = Pick<ReturnType<typeof useElementsRefs>, 'getElementsRefsEntries'> & {
|
|
4
|
+
feedRef: React.RefObject<HTMLElement>;
|
|
5
|
+
};
|
|
6
|
+
export declare function useMostViewedElement(props: PropsType): {
|
|
7
|
+
previewElement: number | undefined;
|
|
8
|
+
};
|
|
9
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useTimeFeed';
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ComponentInstanceRef, InstanceRefAttributes } from '../../../../../types';
|
|
2
|
+
import { FeedTracks } from '../../../ui/feeds/time/feed';
|
|
3
|
+
type Minutes = number;
|
|
4
|
+
type Hours = number;
|
|
5
|
+
type FeedTracksRef = ComponentInstanceRef<typeof FeedTracks>;
|
|
6
|
+
type RefType = {
|
|
7
|
+
scrollToHour: FeedTracksRef['scrollToElement'];
|
|
8
|
+
scrollToMinute: FeedTracksRef['scrollToElement'];
|
|
9
|
+
};
|
|
10
|
+
type PropsType = InstanceRefAttributes<RefType> & {
|
|
11
|
+
initHoursValue?: Hours;
|
|
12
|
+
initMinutesValue?: Minutes;
|
|
13
|
+
onChangeHours: (instance: Hours) => void;
|
|
14
|
+
onChangeMinutes: (instance: Minutes) => void;
|
|
15
|
+
};
|
|
16
|
+
export declare function useTimeFeed(props: PropsType): {
|
|
17
|
+
hoursFeedRef: import('react').RefObject<{
|
|
18
|
+
scrollToElement: (item: import('./feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
|
|
19
|
+
}>;
|
|
20
|
+
minutesFeedRef: import('react').RefObject<{
|
|
21
|
+
scrollToElement: (item: import('./feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
|
|
22
|
+
}>;
|
|
23
|
+
initMinutesValue: number | undefined;
|
|
24
|
+
initHoursValue: number | undefined;
|
|
25
|
+
onChangeMinutes: (instance: Minutes) => void;
|
|
26
|
+
onChangeHours: (instance: Hours) => void;
|
|
27
|
+
};
|
|
28
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useYearsFeedProvider';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { useYearsGrid } from './useYearsGrid';
|
|
2
|
+
type PropsType = Pick<ReturnType<typeof useYearsGrid>, 'getCellsElements' | 'getYearByCellElement' | 'feedRef'>;
|
|
3
|
+
export declare function useIntersectionViewYear(props: PropsType): {
|
|
4
|
+
updateCellsObservers: () => void;
|
|
5
|
+
mostIntersectingYear: number | undefined;
|
|
6
|
+
};
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentInstanceRef, InstanceRefAttributes } from '../../../../../types';
|
|
2
|
+
import { FeedWrapper } from '../../../ui/feeds/year/components';
|
|
3
|
+
import { Year } from './useYearsFeed';
|
|
4
|
+
import { useYearsFeedManager } from './useYearsFeedManager';
|
|
5
|
+
type FeedWrapperElement = ComponentInstanceRef<typeof FeedWrapper>;
|
|
6
|
+
type RefType = {
|
|
7
|
+
scrollToYear: (instance: Year) => void;
|
|
8
|
+
element: FeedWrapperElement;
|
|
9
|
+
};
|
|
10
|
+
type PropsType = InstanceRefAttributes<RefType> & Pick<ReturnType<typeof useYearsFeedManager>, 'scrollToYear'>;
|
|
11
|
+
export declare function useYearFeedRef(props: PropsType): {
|
|
12
|
+
feedWrapperRef: import('react').RefObject<HTMLDivElement>;
|
|
13
|
+
};
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { useYearsFeed } from './useYearsFeed';
|
|
2
|
+
import { useYearsGrid } from './useYearsGrid';
|
|
3
|
+
import { useYearsGridManager } from './useYearsGridManager';
|
|
4
|
+
import { useIntersectionViewYear } from './useIntersectionViewYear';
|
|
5
|
+
type PropsType = Pick<ReturnType<typeof useYearsFeed>, 'feedState'> & Pick<ReturnType<typeof useYearsGridManager>, 'isChosenYear' | 'onClickCell'> & Pick<ReturnType<typeof useYearsGrid>, 'addCellRef'> & Pick<ReturnType<typeof useIntersectionViewYear>, 'mostIntersectingYear'>;
|
|
6
|
+
export declare function useYearGridDisplay(props: PropsType): {
|
|
7
|
+
list: import("react/jsx-runtime").JSX.Element[];
|
|
8
|
+
currentViewYear: string;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { InfinityFeedState } from '../../../../../hooks';
|
|
2
|
+
import { useYearsGrid } from './useYearsGrid';
|
|
3
|
+
export type Year = number;
|
|
4
|
+
export declare const YEARS_TARGET_COUNT = 9;
|
|
5
|
+
export declare const YEARS_VIEW_COUNT = 15;
|
|
6
|
+
export declare const YEARS_BATCH_SIZE: number;
|
|
7
|
+
export declare const TARGET_YEAR_INDEX = 7;
|
|
8
|
+
type PropsType = Pick<ReturnType<typeof useYearsGrid>, 'getCellRef'>;
|
|
9
|
+
export declare function useYearsFeed(props: PropsType): {
|
|
10
|
+
getElementByItem: (item: number) => HTMLElement | null;
|
|
11
|
+
getElementsBefore: (instance: number, prev: InfinityFeedState<number>) => InfinityFeedState<number>;
|
|
12
|
+
getElementsAfter: (instance: number, prev: InfinityFeedState<number>) => InfinityFeedState<number>;
|
|
13
|
+
removeElementsAfter: (firstElement: number, prev: InfinityFeedState<number>) => InfinityFeedState<number>;
|
|
14
|
+
removeElementsBefore: (lastElement: number, prev: InfinityFeedState<number>) => InfinityFeedState<number>;
|
|
15
|
+
getElementsAround: (instance: number, prev: InfinityFeedState<number>) => InfinityFeedState<number>;
|
|
16
|
+
feedState: [state: InfinityFeedState<number>, set: {
|
|
17
|
+
asyncEffect: (value: import('react').SetStateAction<InfinityFeedState<number>>) => Promise<InfinityFeedState<number>>;
|
|
18
|
+
asyncLayout: (value: import('react').SetStateAction<InfinityFeedState<number>>) => Promise<InfinityFeedState<number>>;
|
|
19
|
+
asyncDom: (value: import('react').SetStateAction<InfinityFeedState<number>>) => Promise<InfinityFeedState<number>>;
|
|
20
|
+
}, getState: () => InfinityFeedState<number>];
|
|
21
|
+
};
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { useYearsFeed, Year } from './useYearsFeed';
|
|
2
|
+
import { useYearsGrid } from './useYearsGrid';
|
|
3
|
+
import { useIntersectionViewYear } from './useIntersectionViewYear';
|
|
4
|
+
type PropsType = Pick<ReturnType<typeof useYearsFeed>, 'removeElementsAfter' | 'removeElementsBefore' | 'getElementsBefore' | 'getElementsAfter' | 'getElementsAround' | 'getElementByItem' | 'feedState'> & Pick<ReturnType<typeof useYearsGrid>, 'feedRef' | 'clearEmptyCellsRefs'> & Pick<ReturnType<typeof useIntersectionViewYear>, 'updateCellsObservers' | 'mostIntersectingYear'> & {
|
|
5
|
+
initViewYear?: Year;
|
|
6
|
+
};
|
|
7
|
+
export declare function useYearsFeedManager(props: PropsType): {
|
|
8
|
+
onPrevYears: () => void;
|
|
9
|
+
onNextYears: () => void;
|
|
10
|
+
scrollToYear: (year: Year, behavior?: ScrollBehavior) => Promise<void>;
|
|
11
|
+
};
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useYearsGridManager } from './useYearsGridManager';
|
|
2
|
+
import { useYearsFeedManager } from './useYearsFeedManager';
|
|
3
|
+
import { useYearFeedRef } from './useYearFeedRef';
|
|
4
|
+
type PropsType = Pick<Parameters<typeof useYearsGridManager>[number], 'year' | 'onClickYear'> & Pick<Parameters<typeof useYearsFeedManager>[number], 'initViewYear'> & Pick<Parameters<typeof useYearFeedRef>[number], 'instanceRef'>;
|
|
5
|
+
export declare function useYearsFeedProvider(props: PropsType): {
|
|
6
|
+
list: import("react/jsx-runtime").JSX.Element[];
|
|
7
|
+
currentViewYear: string;
|
|
8
|
+
onPrevYears: () => void;
|
|
9
|
+
onNextYears: () => void;
|
|
10
|
+
feedRef: import('react').RefObject<HTMLUListElement>;
|
|
11
|
+
feedWrapperRef: import('react').RefObject<HTMLDivElement>;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { ComponentInstanceRef } from '../../../../../types';
|
|
2
|
+
import { CalendarYear } from '../../../ui/components';
|
|
3
|
+
import { GridWrapper } from '../../../ui/feeds/year/components';
|
|
4
|
+
import { Year } from './useYearsFeed';
|
|
5
|
+
export type YearsCellElement = ComponentInstanceRef<typeof CalendarYear>;
|
|
6
|
+
export type YearsGridElement = ComponentInstanceRef<typeof GridWrapper>;
|
|
7
|
+
export declare function useYearsGrid(): {
|
|
8
|
+
feedRef: import('react').RefObject<HTMLUListElement>;
|
|
9
|
+
getCellRef: (key: string | number) => HTMLLIElement | undefined;
|
|
10
|
+
addCellRef: (key: string | number, element: HTMLLIElement | null) => void;
|
|
11
|
+
clearEmptyCellsRefs: () => void;
|
|
12
|
+
getCellsElements: () => Map<string | number, HTMLLIElement>;
|
|
13
|
+
getYearByCellElement: (instance: Element) => Year | null;
|
|
14
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Year } from './useYearsFeed';
|
|
2
|
+
type PropsType = {
|
|
3
|
+
year?: Year;
|
|
4
|
+
onClickYear: (year: Year) => void;
|
|
5
|
+
};
|
|
6
|
+
export declare function useYearsGridManager(props: PropsType): {
|
|
7
|
+
isChosenYear: (instance: Year) => boolean;
|
|
8
|
+
onClickCell: (year: Year) => void;
|
|
9
|
+
};
|
|
10
|
+
export {};
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './useDatePickerV2Provider';
|