indicator-ui 1.1.11 → 1.1.13

package/dist/types/src/hooks/elementsRefsAdapteers/useElementRefAdapter.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-export type ElementRefAdapter<T extends HTMLElement> = React.RefObject<T> | T | null;
+export type ElementRefAdapter<T extends HTMLElement> = React.RefObject<T | null> | T | null;
 export declare function useElementRefAdapter(): <T extends HTMLElement>(instance: ElementRefAdapter<T>) => T | null;

package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useKeyboardScroll.d.ts

@@ -4,4 +4,4 @@ export type KeyboardScrollOptions = {
     step?: number;
     pageStep?: number;
 };
-export declare function useKeyboardScroll(ref: React.RefObject<HTMLElement>, callback: MasterScrollCallback, options?: KeyboardScrollOptions): void;
+export declare function useKeyboardScroll(ref: React.RefObject<HTMLElement | null>, callback: MasterScrollCallback, options?: KeyboardScrollOptions): void;

package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useTouchScroll.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { MasterScrollCallback } from '../types';
-export declare function useTouchScroll(ref: React.RefObject<HTMLElement>, callback: MasterScrollCallback): void;
+export declare function useTouchScroll(ref: React.RefObject<HTMLElement | null>, callback: MasterScrollCallback): void;

package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useUserScrollMaster.d.ts

@@ -2,4 +2,4 @@ import { default as React } from 'react';
 import { MasterScrollCallback } from '../types';
 import { KeyboardScrollOptions } from './useKeyboardScroll';
 export type UserScrollMasterOptions = KeyboardScrollOptions;
-export declare function useUserScrollMaster<T extends HTMLElement>(ref: React.RefObject<T>, callback: MasterScrollCallback, options?: UserScrollMasterOptions): void;
+export declare function useUserScrollMaster<T extends HTMLElement>(ref: React.RefObject<T | null>, callback: MasterScrollCallback, options?: UserScrollMasterOptions): void;

package/dist/types/src/hooks/scroll/hooks/scrollMaster/hooks/useWheelScroll.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
 import { MasterScrollCallback } from '../types';
-export declare function useWheelScroll(ref: React.RefObject<HTMLElement>, callback: MasterScrollCallback): void;
+export declare function useWheelScroll(ref: React.RefObject<HTMLElement | null>, callback: MasterScrollCallback): void;

package/dist/types/src/hooks/scroll/hooks/scrollToAsync/useAsyncScrollToRef.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare function useAsyncScrollToRef<T extends HTMLElement>(ref: React.RefObject<T>): (options: ScrollToOptions) => Promise<void>;
+export declare function useAsyncScrollToRef<T extends HTMLElement>(ref: React.RefObject<T | null>): (options: ScrollToOptions) => Promise<void>;

package/dist/types/src/hooks/scroll/hooks/useScrollOffsetState.d.ts

@@ -3,5 +3,5 @@ type ScrollOffsetState = {
     scrollTop: number;
     scrollLeft: number;
 };
-export declare function useScrollOffsetState(ref: React.RefObject<HTMLElement>): readonly [ScrollOffsetState, () => ScrollOffsetState];
+export declare function useScrollOffsetState(ref: React.RefObject<HTMLElement | null>): readonly [ScrollOffsetState, () => ScrollOffsetState];
 export {};

package/dist/types/src/hooks/ui-animations/useCollapsible.d.ts

@@ -2,8 +2,8 @@ import { default as React, CSSProperties } from 'react';
 export type CollapseState = 'open' | 'close';
 type PropsType<W extends HTMLElement, C extends HTMLElement> = {
     initElState?: CollapseState;
-    wrapperRef: React.RefObject<W>;
-    contentRef: React.RefObject<C>;
+    wrapperRef: React.RefObject<W | null>;
+    contentRef: React.RefObject<C | null>;
 };
 type FunReturnType = {
     elState: CollapseState;

package/dist/types/src/hooks/utils/useIntersectionObserver.d.ts

@@ -1,8 +1,8 @@
 import { default as React } from 'react';
 type Options = Omit<IntersectionObserverInit, 'root'> & {
-    root?: React.RefObject<HTMLElement>;
+    root?: React.RefObject<HTMLElement | null>;
 };
-export declare function useIntersectionObserve(callback: IntersectionObserverCallback, options: Options): {
+export declare function useIntersectionObserve(callback: IntersectionObserverCallback, options?: Options): {
     observe: (target: Element) => void;
     unobserve: (target: Element) => void;
     reinitObserver: () => void;

package/dist/types/src/lib/asserts/index.d.ts

@@ -1 +1,2 @@
 export * from './html';
+export * from './utils';

package/dist/types/src/lib/asserts/utils.d.ts

@@ -0,0 +1 @@
+export declare function assertExitInstance<T>(instance: T, name?: string): asserts instance is NonNullable<T>;

package/dist/types/src/lib/reactComponents/index.d.ts

@@ -1 +1,2 @@
 export * from './isCustomComponent';
+export * from './setRef';

package/dist/types/src/lib/reactComponents/setRef.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare function setRef<T>(ref: React.Ref<T> | undefined | null, instance: T | null): void;

package/dist/types/src/ui/Buttons/types/ButtonTypes.d.ts

@@ -41,7 +41,8 @@ export type ButtonPropsType<T extends React.ElementType> = AsProps<T, {
      * @deprecated
      * */
     theme?: "light" | "dark" | undefined;
+    disabled?: boolean;
     isLoading?: boolean;
     counter?: React.ReactNode;
     className?: string;
-}, React.ComponentProps<'button'>>;
+}, React.ComponentRef<T>>;

package/dist/types/src/ui/Buttons/ui/Button.d.ts

@@ -1,3 +1,3 @@
-import { default as React } from 'react';
+import { default as React, JSX } from 'react';
 import { ButtonPropsType } from '../types';
-export declare const Button: <T extends React.ElementType = "button">(props: ButtonPropsType<T> & React.RefAttributes<React.ElementRef<T>>) => JSX.Element;
+export declare const Button: <T extends React.ElementType = "button">(props: ButtonPropsType<T> & React.RefAttributes<React.ComponentRef<T>>) => JSX.Element;

package/dist/types/src/ui/CascadeSelector/ui/CascadeBlock.d.ts

@@ -14,5 +14,5 @@ type PropsType<T extends unknown> = {
     optionsFilled: boolean;
     disabled?: boolean;
 };
-export declare function CascadeBlock<T extends unknown = unknown>({ options, changeValue, addValues, removeValues, label, supportingText, optionsFilled, noWrapper, defaultAllHidden, value, isTopLevel, disabled, }: PropsType<T>): JSX.Element;
+export declare function CascadeBlock<T extends unknown = unknown>({ options, changeValue, addValues, removeValues, label, supportingText, optionsFilled, noWrapper, defaultAllHidden, value, isTopLevel, disabled, }: PropsType<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/ui/Checkbox/ui/Checkbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxPropsType } from '../types';
-export declare function Checkbox({ checked, type, error, subtype, disabled, text, supportingText, indeterminate, onClick, width, height, onCheckboxMarkClick, additionStyle, beforeElement, afterElement, textBeforeElement, textAfterElement, theme }: CheckboxPropsType): JSX.Element;
+export declare function Checkbox({ checked, type, error, subtype, disabled, text, supportingText, indeterminate, onClick, width, height, onCheckboxMarkClick, additionStyle, beforeElement, afterElement, textBeforeElement, textAfterElement, theme }: CheckboxPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/Collapse/hooks/useCollapse.d.ts

@@ -13,7 +13,7 @@ export declare function useCollapse<WEl extends HTMLElement, CEl extends HTMLEle
         getContentInitStyle: () => import('react').CSSProperties;
         getWrapperInitStyle: () => import('react').CSSProperties;
     };
-    wrapperRef: import('react').MutableRefObject<WEl | null>;
-    contentRef: import('react').MutableRefObject<CEl | null>;
+    wrapperRef: import('react').RefObject<WEl | null>;
+    contentRef: import('react').RefObject<CEl | null>;
 };
 export {};

package/dist/types/src/ui/Collapse/ui/Collapse.d.ts

@@ -56,5 +56,5 @@ type RefType = Omit<CollapsibleReturnType, 'getWrapperInitStyle' | 'getContentIn
  * // apiRef.current?.toggle();
  * ```
  */
-export declare const Collapse: <C extends ElementType, W extends ElementType, WEl extends HTMLElement = React.ElementRef<W> extends HTMLElement ? React.ElementRef<W> : never, CEl extends HTMLElement = React.ElementRef<C> extends HTMLElement ? React.ElementRef<C> : never>(props: PropsType<C, W> & React.RefAttributes<RefType>) => React.ReactElement | null;
+export declare const Collapse: <C extends ElementType, W extends ElementType, WEl extends HTMLElement = React.ComponentRef<W> extends HTMLElement ? React.ComponentRef<W> : never, CEl extends HTMLElement = React.ComponentRef<C> extends HTMLElement ? React.ComponentRef<C> : never>(props: PropsType<C, W> & React.RefAttributes<RefType>) => React.ReactElement | null;
 export {};

package/dist/types/src/ui/InputFields/InputField/ui/InputField.d.ts

@@ -1,2 +1,2 @@
 import { InputFieldPropsType } from '../../../InputFields';
-export declare function InputField<FieldData = unknown, Multiple extends boolean = boolean>({ type, offWrapper, ...props }: InputFieldPropsType<FieldData, Multiple>): JSX.Element;
+export declare function InputField<FieldData = unknown, Multiple extends boolean = boolean>({ type, offWrapper, ...props }: InputFieldPropsType<FieldData, Multiple>): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/InputFieldWrapper/ui/InputFieldWrapper.d.ts

@@ -1,2 +1,2 @@
 import { InputFieldWrapperPropsType } from '../types';
-export default function InputFieldWrapper({ children, labelText, hintText, name, isErrorHintText, helperLink, isError, viewRequired, additionStyle, display, theme, }: InputFieldWrapperPropsType): JSX.Element;
+export default function InputFieldWrapper({ children, labelText, hintText, name, isErrorHintText, helperLink, isError, viewRequired, additionStyle, display, theme, }: InputFieldWrapperPropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/InputFields/RadioField/ui/RadioField.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RadioFieldPropsType } from '../types';
 export declare function RadioField<DataType = unknown>(props: RadioFieldPropsType<DataType, true>): JSX.Element;
 export declare function RadioField<DataType = unknown>(props: RadioFieldPropsType<DataType, false>): JSX.Element;

package/dist/types/src/ui/InputFields/RadioField/ui/RadioFieldItem.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'react';
 import { RadioFieldItemPropsType } from '../types';
 export default function RadioFieldItem({ type, option, onClick, active, disabled, width, theme }: RadioFieldItemPropsType): JSX.Element;

package/dist/types/src/ui/InputFields/SelectField/ui/SelectField.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { SelectFieldPropsType } from '../types';
 export declare function SelectField<DataType = unknown>(props: SelectFieldPropsType<DataType, true>): JSX.Element;
 export declare function SelectField<DataType = unknown>(props: SelectFieldPropsType<DataType, false>): JSX.Element;

package/dist/types/src/ui/InputFields/SwitcherField/ui/SwitcherField.d.ts

@@ -1,2 +1,3 @@
+import { JSX } from 'react';
 import { SwitcherFieldPropsType } from '../types';
 export default function SwitcherField({ value, onChange, disabled, switcherWrapper, ...props }: SwitcherFieldPropsType): JSX.Element;

package/dist/types/src/ui/Loaders/types/LoadingIndicatorTypes.d.ts

@@ -14,4 +14,9 @@ export type LoadingIndicatorPropsType = {
     supportingText?: boolean | React.ReactNode;
     additionStyles?: string | string[];
     theme?: 'dark' | 'light';
+    /**
+     * Прогресс загрузки от 0 до 100. При передаче отображает дугу прогресса
+     * вместо бесконечной анимации вращения.
+     */
+    progress?: number;
 };

package/dist/types/src/ui/Loaders/ui/LoadingIndicator.d.ts

@@ -2,7 +2,7 @@ import { default as React } from 'react';
 type BasePropsType = {
     width?: 'fill' | 'hug';
     height?: 'fill' | 'hug';
-    style?: 'line-simple' | 'line-spinner' | 'dot-circle';
+    loaderStyle?: 'line-simple' | 'line-spinner' | 'dot-circle';
     size?: 'small' | 'medium' | 'large' | 'ultra';
     /**
      * При `true` показывает `'Загрузка'`. При `false` - ничего не показывает.
@@ -12,6 +12,11 @@ type BasePropsType = {
     supportingText?: boolean | React.ReactNode;
     additionStyles?: string | string[];
     theme?: 'dark' | 'light';
+    /**
+     * Прогресс загрузки от 0 до 100. При передаче отображает дугу прогресса
+     * вместо бесконечной анимации вращения.
+     */
+    progress?: number;
 };
 type PropsType = Omit<React.ComponentProps<'div'>, keyof BasePropsType> & BasePropsType;
 export declare function LoadingIndicator(props: PropsType): import("react/jsx-runtime").JSX.Element;

package/dist/types/src/ui/Tag/ui/FilterTag.d.ts

@@ -1,6 +1,6 @@
-import { default as React } from 'react';
+import { default as React, JSX } from 'react';
 import { AsProps } from '../../../types';
-type RefType<T extends React.ElementType> = React.ElementRef<T>;
+type RefType<T extends React.ElementType> = React.ComponentRef<T>;
 type PropsType<T extends React.ElementType> = AsProps<T, {
     size?: 'small' | 'large';
     count?: React.ReactNode;

package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeedProvider.d.ts

@@ -10,7 +10,7 @@ export declare function useDaysFeedProvider(props: PropsType): {
     currentViewYear: string | undefined;
     onPrevMonth: () => void;
     onNextMonth: () => void;
-    feedRef: React.RefObject<HTMLUListElement>;
-    feedWrapperRef: React.RefObject<HTMLDivElement>;
+    feedRef: React.RefObject<HTMLUListElement | null>;
+    feedWrapperRef: React.RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysFeedRef.d.ts

@@ -9,6 +9,6 @@ type RefType = {
 };
 type PropsType = InstanceRefAttributes<RefType> & Pick<ReturnType<typeof useDaysFeedManager>, 'scrollToDayMonth'>;
 export declare function useDaysFeedRef(props: PropsType): {
-    feedWrapperRef: import('react').RefObject<HTMLDivElement>;
+    feedWrapperRef: import('react').RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/days/useDaysGrid.d.ts

@@ -5,7 +5,7 @@ import { Day } from './useDaysFeed';
 export type MonthsCellElement = ComponentInstanceRef<typeof CalendarDay>;
 export type MonthsGridElement = ComponentInstanceRef<typeof GridWrapper>;
 export declare function useDaysGrid(): {
-    feedRef: import('react').RefObject<HTMLUListElement>;
+    feedRef: import('react').RefObject<HTMLUListElement | null>;
     getCellRef: (key: string | number) => HTMLLIElement | undefined;
     addCellRef: (key: string | number, element: HTMLLIElement | null) => void;
     clearEmptyCellsRefs: () => void;

package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthGrid.d.ts

@@ -5,7 +5,7 @@ import { Month } from './useMonthsFeed';
 export type MonthsCellElement = ComponentInstanceRef<typeof CalendarMonth>;
 export type MonthsGridElement = ComponentInstanceRef<typeof GridWrapper>;
 export declare function useMonthGrid(): {
-    feedRef: import('react').RefObject<HTMLUListElement>;
+    feedRef: import('react').RefObject<HTMLUListElement | null>;
     getCellRef: (key: string | number) => HTMLLIElement | undefined;
     addCellRef: (key: string | number, element: HTMLLIElement | null) => void;
     clearEmptyCellsRefs: () => void;

package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsFeedProvider.d.ts

@@ -9,7 +9,7 @@ export declare function useMonthsFeedProvider(props: PropsType): {
     currentViewYear: number | undefined;
     onPrevYears: () => void;
     onNextYears: () => void;
-    feedRef: React.RefObject<HTMLUListElement>;
-    feedWrapperRef: React.RefObject<HTMLDivElement>;
+    feedRef: React.RefObject<HTMLUListElement | null>;
+    feedWrapperRef: React.RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/month/useMonthsFeedRef.d.ts

@@ -9,6 +9,6 @@ type RefType = {
 };
 type PropsType = InstanceRefAttributes<RefType> & Pick<ReturnType<typeof useMonthsFeedManager>, 'scrollToMonth'>;
 export declare function useMonthsFeedRef(props: PropsType): {
-    feedWrapperRef: import('react').RefObject<HTMLDivElement>;
+    feedWrapperRef: import('react').RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/useBaseFeed.d.ts

@@ -12,6 +12,6 @@ export declare function useBaseFeed(props: PropsType): {
     elementsList: number[];
     getElementFloor: (item: ElementItem) => React.ComponentProps<typeof TimeCell>["floor"];
     getItemLabel: (item: ElementItem) => string;
-    feedRef: React.RefObject<HTMLDivElement>;
+    feedRef: React.RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/useFeedTracks.d.ts

@@ -15,8 +15,8 @@ type PropsType = Pick<React.ComponentProps<typeof BaseFeed>, 'listSize'> & Insta
 export declare function useFeedTracks(props: PropsType): {
     onChangePreviewElement: (item: ElementItem) => void;
     previewElement: number | undefined;
-    previewFeedRef: React.RefObject<HTMLDivElement>;
-    baseFeedRef: React.RefObject<HTMLDivElement>;
+    previewFeedRef: React.RefObject<HTMLDivElement | null>;
+    baseFeedRef: React.RefObject<HTMLDivElement | null>;
     listSize: number;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/usePreviewFeed.d.ts

@@ -6,7 +6,7 @@ type PropsType = Pick<Parameters<typeof useFeedList>[number], 'listSize'> & Inst
     onChangePreviewElement: (item: ElementItem) => void;
 };
 export declare function usePreviewFeed(props: PropsType): {
-    feedRef: React.RefObject<HTMLDivElement>;
+    feedRef: React.RefObject<HTMLDivElement | null>;
     calcStyle: (item: ElementItem, idx: number, currentScrollTop: number) => React.CSSProperties;
     elementsList: number[];
     scrollTop: number;

package/dist/types/src/ui/datePickersV2/hooks/feeds/time/feed/utils/useMostViewedElement.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { useElementsRefs } from '../../../../../../../hooks';
 type PropsType = Pick<ReturnType<typeof useElementsRefs>, 'getElementsRefsEntries'> & {
-    feedRef: React.RefObject<HTMLElement>;
+    feedRef: React.RefObject<HTMLElement | null>;
 };
 export declare function useMostViewedElement(props: PropsType): {
     previewElement: number | undefined;

package/dist/types/src/ui/datePickersV2/hooks/feeds/time/useTimeFeed.d.ts

@@ -16,10 +16,10 @@ type PropsType = InstanceRefAttributes<RefType> & {
 export declare function useTimeFeed(props: PropsType): {
     hoursFeedRef: import('react').RefObject<{
         scrollToElement: (item: import('./feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
-    }>;
+    } | null>;
     minutesFeedRef: import('react').RefObject<{
         scrollToElement: (item: import('./feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
-    }>;
+    } | null>;
     initMinutesValue: number | undefined;
     initHoursValue: number | undefined;
     onChangeMinutes: (instance: Minutes) => void;

package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearFeedRef.d.ts

@@ -9,6 +9,6 @@ type RefType = {
 };
 type PropsType = InstanceRefAttributes<RefType> & Pick<ReturnType<typeof useYearsFeedManager>, 'scrollToYear'>;
 export declare function useYearFeedRef(props: PropsType): {
-    feedWrapperRef: import('react').RefObject<HTMLDivElement>;
+    feedWrapperRef: import('react').RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsFeedProvider.d.ts

@@ -7,7 +7,7 @@ export declare function useYearsFeedProvider(props: PropsType): {
     currentViewYear: string;
     onPrevYears: () => void;
     onNextYears: () => void;
-    feedRef: import('react').RefObject<HTMLUListElement>;
-    feedWrapperRef: import('react').RefObject<HTMLDivElement>;
+    feedRef: import('react').RefObject<HTMLUListElement | null>;
+    feedWrapperRef: import('react').RefObject<HTMLDivElement | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/feeds/year/useYearsGrid.d.ts

@@ -5,7 +5,7 @@ import { Year } from './useYearsFeed';
 export type YearsCellElement = ComponentInstanceRef<typeof CalendarYear>;
 export type YearsGridElement = ComponentInstanceRef<typeof GridWrapper>;
 export declare function useYearsGrid(): {
-    feedRef: import('react').RefObject<HTMLUListElement>;
+    feedRef: import('react').RefObject<HTMLUListElement | null>;
     getCellRef: (key: string | number) => HTMLLIElement | undefined;
     addCellRef: (key: string | number, element: HTMLLIElement | null) => void;
     clearEmptyCellsRefs: () => void;

package/dist/types/src/ui/datePickersV2/hooks/pickers/date/useDatePickerV2Provider.d.ts

@@ -6,7 +6,7 @@ import { useDateManager } from '../../dateManagers';
 type DateBaseRef = ComponentInstanceRef<typeof DateBase>;
 type DateValue = string;
 type RefType = Pick<ReturnType<typeof useDateManager>, 'createCommitDate' | 'setInput' | 'clearDateInput'> & {
-    dateBaseRef: React.RefObject<DateBaseRef>;
+    dateBaseRef: React.RefObject<DateBaseRef | null>;
 };
 type PropsType = Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof DateBase>, 'requestedDaysData' | 'requestDaysData'> & InstanceRefAttributes<RefType> & {
     wrapperRef?: React.Ref<ComponentInstanceRef<typeof Wrapper>>;
@@ -27,15 +27,15 @@ export declare function useDatePickerV2Provider(props: PropsType): {
         daysFeedRef: React.RefObject<{
             scrollToDayMonth: (instance: import('../../feeds/days/useDaysFeed').Day) => Promise<void>;
             element: HTMLDivElement;
-        }>;
+        } | null>;
         monthsFeedRef: React.RefObject<{
             scrollToMonth: (instance: import('../../feeds/month/useMonthsFeed').Month) => void;
             element: HTMLDivElement;
-        }>;
+        } | null>;
         yearsFeedRef: React.RefObject<{
             scrollToYear: (instance: import('../../feeds/year/useYearsFeed').Year) => void;
             element: HTMLDivElement;
-        }>;
-    }>;
+        } | null>;
+    } | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateBaseProvider.d.ts

@@ -20,14 +20,14 @@ export declare function useDateBaseProvider(props: PropsType): {
     daysFeedRef: React.RefObject<{
         scrollToDayMonth: (instance: import('../../feeds/days/useDaysFeed').Day) => Promise<void>;
         element: HTMLDivElement;
-    }>;
+    } | null>;
     yearsFeedRef: React.RefObject<{
         scrollToYear: (instance: import('../../feeds/year/useYearsFeed').Year) => void;
         element: HTMLDivElement;
-    }>;
+    } | null>;
     monthsFeedRef: React.RefObject<{
         scrollToMonth: (instance: import('../../feeds/month/useMonthsFeed').Month) => void;
         element: HTMLDivElement;
-    }>;
+    } | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/pickers/dateBase/useDateBaseRef.d.ts

@@ -5,9 +5,9 @@ type DaysFeedRef = ComponentInstanceRef<typeof DaysFeed>;
 type MonthsFeedRef = ComponentInstanceRef<typeof MonthsFeed>;
 type YearsFeedRef = ComponentInstanceRef<typeof YearsFeed>;
 type ScrollToServices = {
-    daysFeedRef: RefObject<DaysFeedRef>;
-    monthsFeedRef: RefObject<MonthsFeedRef>;
-    yearsFeedRef: RefObject<YearsFeedRef>;
+    daysFeedRef: RefObject<DaysFeedRef | null>;
+    monthsFeedRef: RefObject<MonthsFeedRef | null>;
+    yearsFeedRef: RefObject<YearsFeedRef | null>;
 };
 type RefType = ScrollToServices;
 type PropsType = InstanceRefAttributes<RefType>;
@@ -15,14 +15,14 @@ export declare function useDateBaseRef(props: PropsType): {
     daysFeedRef: RefObject<{
         scrollToDayMonth: (instance: import('../../feeds/days/useDaysFeed').Day) => Promise<void>;
         element: HTMLDivElement;
-    }>;
+    } | null>;
     monthsFeedRef: RefObject<{
         scrollToMonth: (instance: import('../../feeds/month/useMonthsFeed').Month) => void;
         element: HTMLDivElement;
-    }>;
+    } | null>;
     yearsFeedRef: RefObject<{
         scrollToYear: (instance: import('../../feeds/year/useYearsFeed').Year) => void;
         element: HTMLDivElement;
-    }>;
+    } | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/pickers/dateRange/useDateRangePickerV2Provider.d.ts

@@ -8,7 +8,7 @@ type DateRangeValue = DateRangeValueItem[];
 type DateBaseProps = React.ComponentProps<typeof DateBase>;
 type DateBaseRef = ComponentInstanceRef<typeof DateBase>;
 type RefType = Pick<ReturnType<typeof useDateRangeManager>, 'setInput' | 'createCommitDateRange' | 'clearDateInput'> & {
-    dateBaseRef: React.RefObject<DateBaseRef>;
+    dateBaseRef: React.RefObject<DateBaseRef | null>;
 };
 type PropsType = Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<DateBaseProps, 'requestDaysData' | 'requestedDaysData'> & InstanceRefAttributes<RefType> & {
     wrapperRef?: React.Ref<ComponentInstanceRef<typeof Wrapper>>;
@@ -32,15 +32,15 @@ export declare function useDateRangePickerV2Provider(props: PropsType): {
         daysFeedRef: React.RefObject<{
             scrollToDayMonth: (instance: import('../../feeds/days/useDaysFeed').Day) => Promise<void>;
             element: HTMLDivElement;
-        }>;
+        } | null>;
         monthsFeedRef: React.RefObject<{
             scrollToMonth: (instance: import('../../feeds/month/useMonthsFeed').Month) => void;
             element: HTMLDivElement;
-        }>;
+        } | null>;
         yearsFeedRef: React.RefObject<{
             scrollToYear: (instance: import('../../feeds/year/useYearsFeed').Year) => void;
             element: HTMLDivElement;
-        }>;
-    }>;
+        } | null>;
+    } | null>;
 };
 export {};

package/dist/types/src/ui/datePickersV2/hooks/pickers/dateTime/useDateTimePickerV2Provider.d.ts

@@ -11,11 +11,11 @@ type DateBaseRef = ComponentInstanceRef<typeof DateBase>;
 type TimeFeedRef = ComponentInstanceRef<typeof TimeFeed>;
 type DateTimeValue = string;
 type RefType = Pick<ReturnType<typeof usePickerState>, 'switchToDateMainPicker' | 'switchToTimePicker' | 'getPickerState'> & Pick<ReturnType<typeof useDateTimeManager>, 'createCommitDateTimeWithoutClearing' | 'createCommitDateTime' | 'clearDateInput' | 'setInput'> & {
-    timeFeedRef: React.RefObject<TimeFeedRef>;
-    dateBaseRef: React.RefObject<DateBaseRef>;
+    timeFeedRef: React.RefObject<TimeFeedRef | null>;
+    dateBaseRef: React.RefObject<DateBaseRef | null>;
 };
 type PropsType = Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & Pick<DateBaseProps, 'requestDaysData' | 'requestedDaysData'> & InstanceRefAttributes<RefType> & {
-    wrapperRef?: React.RefObject<WrapperRef>;
+    wrapperRef?: React.RefObject<WrapperRef | null>;
     dateTime?: DateTimeValue;
     onSubmitDate?: (dateTime: DateTimeValue) => void;
     onSubmitDateTime?: (dateTime: DateTimeValue) => void;
@@ -40,21 +40,21 @@ export declare function useDateTimePickerV2Provider(props: PropsType): {
     timeFeedRef: React.RefObject<{
         scrollToHour: (item: import('../../feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
         scrollToMinute: (item: import('../../feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
-    }>;
+    } | null>;
     dateBaseRef: React.RefObject<{
         daysFeedRef: React.RefObject<{
             scrollToDayMonth: (instance: import('../../feeds/days/useDaysFeed').Day) => Promise<void>;
             element: HTMLDivElement;
-        }>;
+        } | null>;
         monthsFeedRef: React.RefObject<{
             scrollToMonth: (instance: import('../../feeds/month/useMonthsFeed').Month) => void;
             element: HTMLDivElement;
-        }>;
+        } | null>;
         yearsFeedRef: React.RefObject<{
             scrollToYear: (instance: import('../../feeds/year/useYearsFeed').Year) => void;
             element: HTMLDivElement;
-        }>;
-    }>;
+        } | null>;
+    } | null>;
     previewDate: string | undefined;
     previewTime: string | undefined;
 };

package/dist/types/src/ui/datePickersV2/hooks/pickers/time/useTimePickerV2Provider.d.ts

@@ -7,10 +7,10 @@ type WrapperRef = ComponentInstanceRef<typeof Wrapper>;
 type TimeFeedRef = ComponentInstanceRef<typeof TimeFeed>;
 type TimeValue = string;
 type RefType = Pick<ReturnType<typeof useTimeManager>, 'createCommitTimeWithoutClearing' | 'createCommitTime' | 'clearDateInput' | 'setInput'> & {
-    timeFeedRef: React.RefObject<TimeFeedRef>;
+    timeFeedRef: React.RefObject<TimeFeedRef | null>;
 };
 type PropsType = Pick<React.ComponentProps<typeof Wrapper>, 'style'> & Pick<React.ComponentProps<typeof Header>, 'title' | 'subtitle'> & Pick<React.ComponentProps<typeof Footer>, 'isShowFooter' | 'onClose'> & InstanceRefAttributes<RefType> & {
-    wrapperRef?: React.RefObject<WrapperRef>;
+    wrapperRef?: React.RefObject<WrapperRef | null>;
     time?: TimeValue;
     onSubmitTime?: (dateTime: TimeValue) => void;
 };
@@ -25,7 +25,7 @@ export declare function useTimePickerV2Provider(props: PropsType): {
     timeFeedRef: React.RefObject<{
         scrollToHour: (item: import('../../feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
         scrollToMinute: (item: import('../../feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
-    }>;
+    } | null>;
     previewTime: string | undefined;
 };
 export {};

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useInputServices.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 export declare function useInputServices(): {
-    inputRef: React.RefObject<HTMLInputElement>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
     focusInput: () => void;
 };

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useModalServices.d.ts

@@ -5,6 +5,6 @@ export declare function useModalServices(): {
     open: () => void;
     close: () => void;
     modalStyle: CSSProperties;
-    modalRef: import('react').RefObject<HTMLUListElement>;
-    targetRef: import('react').RefObject<HTMLDivElement>;
+    modalRef: import('react').RefObject<HTMLUListElement | null>;
+    targetRef: import('react').RefObject<HTMLDivElement | null>;
 };

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectField.d.ts

@@ -21,10 +21,10 @@ export declare function useSelectField<D, M extends boolean = false>(props: Prop
     onChangeSearchString: React.Dispatch<React.SetStateAction<string | null | undefined>>;
     onFocus: React.FocusEventHandler<HTMLElement>;
     onBlur: React.FocusEventHandler<HTMLElement>;
-    modalRef: React.RefObject<HTMLUListElement>;
-    inputRef: React.RefObject<HTMLInputElement>;
-    wrapperRef: React.RefObject<HTMLDivElement>;
-    targetRef: React.RefObject<HTMLDivElement>;
+    modalRef: React.RefObject<HTMLUListElement | null>;
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
+    targetRef: React.RefObject<HTMLDivElement | null>;
     modalStyle: React.CSSProperties;
     isShow: boolean;
     isLoading: boolean;

package/dist/types/src/ui/formFields/FormPaginatedSelectField/hooks/useWrapperServices.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
 export declare function useWrapperServices(): {
-    wrapperRef: React.RefObject<HTMLDivElement>;
+    wrapperRef: React.RefObject<HTMLDivElement | null>;
     blurWrapper: () => void;
 };

package/dist/types/src/ui/formFields/FormSwitcherField/ui/FormSwitcherField.d.ts

@@ -2,5 +2,5 @@ import { TogglePropsType } from '../../..';
 import { FieldPropsType } from '../../../../hooks';
 type BasePropsType = FieldPropsType<boolean>;
 type PropsType = Omit<TogglePropsType, keyof BasePropsType> & BasePropsType;
-export declare function FormSwitcherField(props: PropsType): JSX.Element;
+export declare function FormSwitcherField(props: PropsType): import("react/jsx-runtime").JSX.Element;
 export {};