indicator-ui 1.1.108 → 1.1.110

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useFormDateTimeFieldProvider.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { FieldPropsType } from '../../../../../hooks';
 import { DateTimePickerV2 } from '../../../..';
 import { DoubleInputItemProps } from './useInputFieldProps';
-import { PositionSetting } from './useDateTimePickerController';
 type DateTimePickerV2Props = React.ComponentProps<typeof DateTimePickerV2>;
 type ValueBaseType = string;
 type FieldProps = FieldPropsType<ValueBaseType>;
@@ -38,7 +37,6 @@ type PropsType = FieldProps & Pick<DateTimePickerV2Props, 'requestDaysData' | 'r
     onDismissClick?: DoubleInputItemProps['onDismissClick'] | false;
     pickerSubtitle?: DateTimePickerV2Props['subtitle'];
     disablePicker?: boolean;
-    pickerPosition?: PositionSetting;
 };
 export declare function useFormDateTimeFieldProvider(props: PropsType): {
     dateInputValue: import('./useDateTimeDraft').DateInputValue;
@@ -282,8 +280,6 @@ export declare function useFormDateTimeFieldProvider(props: PropsType): {
             } | null>;
         } | null>;
     }) | null>;
-    dateTimePickerWrapperRef: React.RefObject<HTMLDivElement | null>;
-    doubleInputRef: React.RefObject<HTMLDivElement | null>;
     dateInputRef: React.RefObject<HTMLInputElement | null>;
     timeInputRef: React.RefObject<HTMLInputElement | null>;
     inputDateFormat: string;
@@ -296,8 +292,16 @@ export declare function useFormDateTimeFieldProvider(props: PropsType): {
     clearDateTime: () => void;
     isErrorInputFields: boolean | undefined;
     isDisabledInputFields: boolean | undefined;
-    pickerInitStyle: React.CSSProperties;
-    register: import('../../../../../hooks/modalsFederation/federation/modalInstanceContext').RegisterModal;
     canPickDateRange: [import('date-fns').DateArg<Date> | null, import('date-fns').DateArg<Date> | null] | undefined;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    refs: {
+        reference: React.MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    pickerStyle: React.CSSProperties;
+    isOpenPicker: boolean;
 };
 export {};

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldController.d.ts

@@ -1,5 +1,4 @@
 export declare function useInputFieldController(): {
-    doubleInputRef: import('react').RefObject<HTMLDivElement | null>;
     dateInputRef: import('react').RefObject<HTMLInputElement | null>;
     timeInputRef: import('react').RefObject<HTMLInputElement | null>;
     focusOnDateField: () => void;

package/dist/types/src/ui/formFields/dates/FormDateTimeField/hooks/useInputFieldProps.d.ts

@@ -6,7 +6,7 @@ import { useFormDateTimeFieldProvider } from './useFormDateTimeFieldProvider';
 import { useInputFieldController } from './useInputFieldController';
 import { useDateUtils } from './useDateUtils';
 export type DoubleInputItemProps = React.ComponentProps<typeof DoubleInputItem>;
-type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'moveToInputtedTimeInPicker' | 'clearDateTimeInputInPicker' | 'openPicker' | 'closePicker' | 'switchingPicker' | 'isOpenRef' | 'showTimePicker' | 'showDatePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnTimeField' | 'focusOnDateField' | 'checkFocusedDateInput' | 'checkFocusedTimeInput'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setTimeInputValue' | 'setDateInputValue' | 'clearDateTimeValue' | 'isFullDateInput'> & Pick<ReturnType<typeof useDateUtils>, 'isValidTimeInput' | 'isValidDateInput'>;
+type PropsType = Pick<Parameters<typeof useFormDateTimeFieldProvider>[number], 'error' | 'disabled'> & Pick<ReturnType<typeof useDateTimePickerController>, 'moveToInputtedDateInPicker' | 'moveToInputtedTimeInPicker' | 'clearDateTimeInputInPicker' | 'openPicker' | 'closePicker' | 'switchingPicker' | 'isOpenPicker' | 'showTimePicker' | 'showDatePicker'> & Pick<ReturnType<typeof useInputFieldController>, 'focusOnTimeField' | 'focusOnDateField' | 'checkFocusedDateInput' | 'checkFocusedTimeInput'> & Pick<ReturnType<typeof useDateTimeDraft>, 'setTimeInputValue' | 'setDateInputValue' | 'clearDateTimeValue' | 'isFullDateInput'> & Pick<ReturnType<typeof useDateUtils>, 'isValidTimeInput' | 'isValidDateInput'>;
 export declare function useInputFieldProps(props: PropsType): {
     onCompleteDate: NonNullable<((value: string, maskRef: import('imask').InputMask<{
         [x: string]: unknown;

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useFormTimeFieldProvider.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 import { FieldPropsType } from '../../../../../hooks';
 import { TimePickerV2 } from '../../../..';
 import { DoubleInputItemProps } from './useInputFieldProps';
-import { PositionSetting } from './useTimePickerController';
 type TimePickerV2Props = React.ComponentProps<typeof TimePickerV2>;
 type ValueBaseType = string;
 type FieldProps = FieldPropsType<ValueBaseType>;
@@ -28,7 +27,6 @@ type PropsType = FieldProps & {
     onTimeDismissClick?: DoubleInputItemProps['onDismissClick'] | false;
     pickerSubtitle?: TimePickerV2Props['subtitle'];
     disablePicker?: boolean;
-    pickerPosition?: PositionSetting;
 };
 export declare function useFormTimeFieldProvider(props: PropsType): {
     timeInputValue: import('./useTimeDraft').TimeInputValue;
@@ -147,8 +145,6 @@ export declare function useFormTimeFieldProvider(props: PropsType): {
             scrollToMinute: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
         } | null>;
     }) | null>;
-    timePickerWrapperRef: React.RefObject<null>;
-    doubleInputRef: React.RefObject<HTMLDivElement | null>;
     inputTimeFormat: string;
     time: string | undefined;
     onSubmitTime: (dateTime: string) => void;
@@ -156,7 +152,15 @@ export declare function useFormTimeFieldProvider(props: PropsType): {
     clearTime: () => void;
     isErrorInputFields: boolean | undefined;
     isDisabledInputFields: boolean | undefined;
-    pickerInitStyle: React.CSSProperties;
-    register: import('../../../../../hooks/modalsFederation/federation/modalInstanceContext').RegisterModal;
+    refs: {
+        reference: React.MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    isOpenPicker: boolean;
+    pickerStyle: React.CSSProperties;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
 };
 export {};

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useTimePickerController.d.ts

@@ -1,15 +1,10 @@
-import { default as React } from 'react';
-import { useModal } from '../../../../../hooks';
 import { TimeInputValue } from './useTimeDraft';
-import { useInputFieldController } from './useInputFieldController';
 import { useDateUtils } from './useDateUtils';
-export type PositionSetting = NonNullable<Parameters<typeof useModal>[1]>['position'];
-type PropsType = Pick<ReturnType<typeof useInputFieldController>, 'doubleInputRef'> & Pick<ReturnType<typeof useDateUtils>, 'extractTimeInput'> & {
+type PropsType = Pick<ReturnType<typeof useDateUtils>, 'extractTimeInput'> & {
     disablePicker?: boolean;
-    pickerPosition?: PositionSetting;
 };
 export declare function useTimePickerController(props: PropsType): {
-    timePickerRef: React.RefObject<(Pick<{
+    timePickerRef: import('react').RefObject<(Pick<{
         setInput: <K extends "hours" | "minutes">(key: K, instance: Partial<Partial<{
             hours: number;
             minutes: number;
@@ -26,12 +21,19 @@ export declare function useTimePickerController(props: PropsType): {
             scrollToMinute: (item: import('../../../../datePickersV2/hooks/feeds/time/feed/utils').ElementItem, behavior?: ScrollBehavior) => Promise<void>;
         } | null>;
     }) | null>;
-    timePickerWrapperRef: React.RefObject<null>;
     moveToInputtedTimeInPicker: (instance: TimeInputValue) => Promise<(void | undefined)[]> | undefined;
     clearTimeInputInPicker: () => void;
     closePicker: () => void;
     switchingPicker: () => void;
-    pickerInitStyle: React.CSSProperties;
-    register: import('../../../../../hooks/modalsFederation/federation/modalInstanceContext').RegisterModal;
+    getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+    getReferenceProps: (userProps?: React.HTMLProps<Element>) => Record<string, unknown>;
+    refs: {
+        reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<import('@floating-ui/react').ReferenceType>;
+    isOpenPicker: boolean;
+    pickerStyle: import('react').CSSProperties;
 };
 export {};

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

@@ -26,6 +26,7 @@ export * from './DateTimePicker';
 export * from './Tooltip';
 export * from './Dropdown';
 export * from './Breadcrumbs';
+export * from './ConditionalFallback';
 export * from './Drawer';
 export * from './formFields';
 export * from './DropdownV2';

package/package.json

@@ -11,7 +11,7 @@
     "react-components",
     "ui-kit"
   ],
-  "version": "1.1.108",
+  "version": "1.1.110",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
@@ -80,6 +80,7 @@
     "react-dom": ">=18.0.0"
   },
   "dependencies": {
+    "@floating-ui/react": "^0.27.20",
     "lodash": "^4.18.1"
   }
 }

package/dist/types/src/ui/formFields/dates/FormTimeField/hooks/useInputFieldController.d.ts

@@ -1,4 +0,0 @@
-export declare function useInputFieldController(): {
-    doubleInputRef: import('react').RefObject<HTMLDivElement | null>;
-    timeInputRef: import('react').RefObject<HTMLInputElement | null>;
-};