@aic-kits/react 0.34.9 → 0.34.11
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/components/DatePicker/DatePickerPopup.d.ts +1 -1
- package/dist/components/DatePicker/types.d.ts +8 -0
- package/dist/components/TimePicker/TimePickerPopup.d.ts +1 -1
- package/dist/components/TimePicker/types.d.ts +8 -0
- package/dist/hooks/usePopupPosition.d.ts +3 -1
- package/dist/index.cjs +144 -144
- package/dist/index.js +4930 -4908
- package/package.json +2 -2
|
@@ -2,5 +2,5 @@ import { DatePickerPopupProps, DatePickerSize } from './types';
|
|
|
2
2
|
interface DatePickerPopupInternalProps extends DatePickerPopupProps {
|
|
3
3
|
size: DatePickerSize;
|
|
4
4
|
}
|
|
5
|
-
export declare const DatePickerPopup: ({ isOpen, anchorRef, onClose, children, size: _size, }: DatePickerPopupInternalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
export declare const DatePickerPopup: ({ isOpen, anchorRef, onClose, children, size: _size, isFixedPosition, }: DatePickerPopupInternalProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
6
6
|
export {};
|
|
@@ -194,6 +194,12 @@ export interface DatePickerProps extends Omit<BoxProps, 'onChange'> {
|
|
|
194
194
|
* @default false
|
|
195
195
|
*/
|
|
196
196
|
loading?: boolean;
|
|
197
|
+
/**
|
|
198
|
+
* Use fixed positioning for popup (renders via portal to document.body).
|
|
199
|
+
* Useful when DatePicker is inside a container with overflow: hidden (e.g., Accordion).
|
|
200
|
+
* @default false
|
|
201
|
+
*/
|
|
202
|
+
isFixedPosition?: boolean;
|
|
197
203
|
}
|
|
198
204
|
export interface DatePickerCalendarProps {
|
|
199
205
|
/** Currently displayed month */
|
|
@@ -302,6 +308,8 @@ export interface DatePickerPopupProps {
|
|
|
302
308
|
onClose: () => void;
|
|
303
309
|
/** Popup content */
|
|
304
310
|
children: React.ReactNode;
|
|
311
|
+
/** Use fixed positioning for popup (portal to document.body) */
|
|
312
|
+
isFixedPosition?: boolean;
|
|
305
313
|
}
|
|
306
314
|
export interface DatePickerHandle {
|
|
307
315
|
/** Open the picker (popup mode) */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { TimePickerPopupProps } from './types';
|
|
2
|
-
export declare const TimePickerPopup: ({ isOpen, anchorRef, onClose, children, size, }: TimePickerPopupProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
2
|
+
export declare const TimePickerPopup: ({ isOpen, anchorRef, onClose, children, size, isFixedPosition, }: TimePickerPopupProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -81,6 +81,12 @@ export interface TimePickerProps extends Omit<BoxProps, 'onChange'> {
|
|
|
81
81
|
* Error message (takes precedence over helperText)
|
|
82
82
|
*/
|
|
83
83
|
error?: string;
|
|
84
|
+
/**
|
|
85
|
+
* Use fixed positioning for popup (renders via portal to document.body).
|
|
86
|
+
* Useful when TimePicker is inside a container with overflow: hidden (e.g., Accordion).
|
|
87
|
+
* @default false
|
|
88
|
+
*/
|
|
89
|
+
isFixedPosition?: boolean;
|
|
84
90
|
}
|
|
85
91
|
/**
|
|
86
92
|
* Props for TimePickerInput sub-component
|
|
@@ -125,6 +131,8 @@ export interface TimePickerPopupProps {
|
|
|
125
131
|
children: React.ReactNode;
|
|
126
132
|
/** Size variant */
|
|
127
133
|
size: TimePickerSize;
|
|
134
|
+
/** Use fixed positioning for popup (portal to document.body) */
|
|
135
|
+
isFixedPosition?: boolean;
|
|
128
136
|
}
|
|
129
137
|
/**
|
|
130
138
|
* Props for TimePickerWheel sub-component
|
|
@@ -3,11 +3,13 @@ interface UsePopupPositionProps<TAnchor extends HTMLElement = HTMLElement, TPopu
|
|
|
3
3
|
popupRef: React.RefObject<TPopup | null>;
|
|
4
4
|
offsetValue: number;
|
|
5
5
|
isOpen: boolean;
|
|
6
|
+
/** Use fixed positioning relative to viewport (for portal popups) */
|
|
7
|
+
useFixedPosition?: boolean;
|
|
6
8
|
}
|
|
7
9
|
/**
|
|
8
10
|
* Hook to calculate and update popup position relative to anchor element
|
|
9
11
|
* Position is calculated relative to container (using position: absolute)
|
|
10
12
|
* Automatically handles initial positioning and resize events
|
|
11
13
|
*/
|
|
12
|
-
export declare function usePopupPosition<TAnchor extends HTMLElement = HTMLElement, TPopup extends HTMLElement = HTMLElement>({ anchorRef, popupRef, offsetValue, isOpen, }: UsePopupPositionProps<TAnchor, TPopup>): void;
|
|
14
|
+
export declare function usePopupPosition<TAnchor extends HTMLElement = HTMLElement, TPopup extends HTMLElement = HTMLElement>({ anchorRef, popupRef, offsetValue, isOpen, useFixedPosition, }: UsePopupPositionProps<TAnchor, TPopup>): void;
|
|
13
15
|
export {};
|