fix: type updates

Author: tugcekucukoglu

packages/@primereact/headless/src/datepicker/useDatePicker.ts

@@ -2976,7 +2976,7 @@ export const useDatePicker = withHeadless<useDatePickerProps, typeof defaultProp
                 role: 'grid' as const,
                 'aria-labelledby': id ? id + '_title' : undefined
             };
-        }, [id]);
+        }, [id, state.currentView]);
 
         const getDayProps = React.useCallback(
             (date: useDatePickerDateMeta, groupIndex: number) => {

packages/@primereact/types/src/primitive/autocomplete/AutoCompleteRoot.types.ts

@@ -9,7 +9,6 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
-import type { BaseComponentProps, PassThroughType } from '../..';
 import type {
     useAutoCompleteCompleteEvent,
     useAutoCompleteExposes,
@@ -19,6 +18,7 @@ import type {
     useAutoCompleteState,
     useAutoCompleteValueChangeEvent
 } from '@primereact/types/headless/autocomplete';
+import type { BaseComponentProps, PassThroughType } from '../..';
 
 /**
  * Defines passthrough(pt) options type in AutoComplete component.
@@ -45,26 +45,18 @@ export interface AutoCompleteRootPassThrough {
      * Used to pass attributes to the value's DOM element (non-editable mode).
      */
     value?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
-    /**
-     * Used to pass attributes to the portal's DOM element.
-     */
-    portal?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the positioner's DOM element.
      */
     positioner?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
-     * Used to pass attributes to the panel's DOM element.
-     */
-    panel?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
-    /**
-     * Used to pass attributes to the pcListbox's DOM element.
+     * Used to pass attributes to the popup's DOM element.
      */
-    pcListbox?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    popup?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
-     * Used to pass attributes to the options' DOM element.
+     * Used to pass attributes to the list's DOM element.
      */
-    options?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
+    list?: AutoCompleteRootPassThroughType<React.HTMLAttributes<HTMLUListElement>>;
     /**
      * Used to pass attributes to the option's DOM element.
      */

packages/@primereact/types/src/primitive/card/CardRoot.types.ts

@@ -25,6 +25,34 @@ export interface CardRootPassThrough {
      * Used to pass attributes to the root's DOM element.
      */
     root?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the body's DOM element.
+     */
+    body?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the title's DOM element.
+     */
+    title?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the subtitle's DOM element.
+     */
+    subtitle?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the caption's DOM element.
+     */
+    caption?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the footer's DOM element.
+     */
+    footer?: CardRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
 }
 
 /**

packages/@primereact/types/src/primitive/carousel/CarouselRoot.types.ts

@@ -25,6 +25,30 @@ export interface CarouselRootPassThrough {
      * Used to pass attributes to the root's DOM element.
      */
     root?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the item's DOM element.
+     */
+    item?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the prev button's DOM element.
+     */
+    prev?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the next button's DOM element.
+     */
+    next?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the indicators' DOM element.
+     */
+    indicators?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the indicator's DOM element.
+     */
+    indicator?: CarouselRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
 }
 
 /**

packages/@primereact/types/src/primitive/compare/CompareRoot.types.ts

@@ -25,6 +25,18 @@ export interface CompareRootPassThrough {
      * Used to pass attributes to the root's DOM element.
      */
     root?: CompareRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the item's DOM element.
+     */
+    item?: CompareRootPassThroughType<React.HTMLAttributes<HTMLImageElement>>;
+    /**
+     * Used to pass attributes to the handle's DOM element.
+     */
+    handle?: CompareRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the indicator's DOM element.
+     */
+    indicator?: CompareRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
 }
 
 /**

packages/@primereact/types/src/primitive/confirmdialog/ConfirmDialogRoot.types.ts

@@ -9,8 +9,8 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
-import type { BaseComponentProps, PassThroughType } from '../..';
 import type { useConfirmDialogChangeEvent, useConfirmDialogExposes, useConfirmDialogProps, useConfirmDialogState } from '@primereact/types/headless/confirmdialog';
+import type { BaseComponentProps, PassThroughType } from '../..';
 
 /**
  * Defines passthrough(pt) options type in ConfirmDialog component.
@@ -41,10 +41,6 @@ export interface ConfirmDialogRootPassThrough {
      * Used to pass attributes to the trigger icon's DOM element.
      */
     triggerIcon?: ConfirmDialogRootPassThroughType<React.HTMLAttributes<HTMLElement>>;
-    /**
-     * Used to pass attributes to the portal's DOM element.
-     */
-    portal?: ConfirmDialogRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the header's DOM element.
      */

packages/@primereact/types/src/primitive/confirmpopup/ConfirmPopupRoot.types.ts

@@ -9,8 +9,8 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
-import type { BaseComponentProps, PassThroughType } from '../..';
 import type { useConfirmPopupExposes, useConfirmPopupProps, useConfirmPopupState } from '@primereact/types/headless/confirmpopup';
+import type { BaseComponentProps, PassThroughType } from '../..';
 
 /**
  * Defines passthrough(pt) options type in ConfirmPopup component.
@@ -29,10 +29,6 @@ export interface ConfirmPopupRootPassThrough {
      * Used to pass attributes to the trigger's DOM element.
      */
     trigger?: ConfirmPopupRootPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
-    /**
-     * Used to pass attributes to the portal's DOM element.
-     */
-    portal?: ConfirmPopupRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the positioner's DOM element.
      */

packages/@primereact/types/src/primitive/datepicker/DatePickerRoot.types.ts

@@ -29,18 +29,14 @@ export interface DatePickerRootPassThrough {
      * Used to pass attributes to the input's DOM element.
      */
     pcInputText?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLInputElement>>;
-    /**
-     * Used to pass attributes to the portal's DOM element.
-     */
-    portal?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the panel's DOM element.
      */
     panel?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
-     * Used to pass attributes to the container's DOM element.
+     * Used to pass attributes to the calendarContainer's DOM element.
      */
-    container?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    calendarContainer?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the calendar's DOM element.
      */
@@ -205,6 +201,34 @@ export interface DatePickerRootPassThrough {
      * Used to pass attributes to the trigger's DOM element.
      */
     trigger?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
+    /**
+     * Used to pass attributes to the positioner's DOM element.
+     */
+    positioner?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the popup's DOM element.
+     */
+    popup?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the arrow's DOM element.
+     */
+    arrow?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
+    /**
+     * Used to pass attributes to the day's DOM element.
+     */
+    day?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Used to pass attributes to the month's DOM element.
+     */
+    month?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Used to pass attributes to the year's DOM element.
+     */
+    year?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
+    /**
+     * Used to pass attributes to the value's DOM element.
+     */
+    value?: DatePickerRootPassThroughType<React.HTMLAttributes<HTMLSpanElement>>;
     /**
      * Used to pass attributes to the footer's DOM element.
      */

packages/@primereact/types/src/primitive/dialog/DialogRoot.types.ts

@@ -9,8 +9,8 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
-import type { BaseComponentProps, PassThroughType } from '../..';
 import type { useDialogChangeEvent, useDialogExposes, useDialogProps, useDialogState } from '@primereact/types/headless/dialog';
+import type { BaseComponentProps, PassThroughType } from '../..';
 
 /**
  * Defines passthrough(pt) options type in Dialog component.
@@ -33,10 +33,6 @@ export interface DialogRootPassThrough {
      * Used to pass attributes to the trigger's DOM element.
      */
     trigger?: DialogRootPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
-    /**
-     * Used to pass attributes to the portal's DOM element.
-     */
-    portal?: DialogRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the header's DOM element.
      */

packages/@primereact/types/src/primitive/drawer/DrawerRoot.types.ts

@@ -9,8 +9,8 @@
  *
  */
 import type { ComponentInstance } from '@primereact/types/core';
-import type { BaseComponentProps, PassThroughType } from '../..';
 import type { useDrawerChangeEvent, useDrawerExposes, useDrawerProps, useDrawerState } from '@primereact/types/headless/drawer';
+import type { BaseComponentProps, PassThroughType } from '../..';
 
 /**
  * Defines passthrough(pt) options type in Drawer component.
@@ -33,10 +33,6 @@ export interface DrawerRootPassThrough {
      * Used to pass attributes to the trigger's DOM element.
      */
     trigger?: DrawerRootPassThroughType<React.HTMLAttributes<HTMLButtonElement>>;
-    /**
-     * Used to pass attributes to the portal's DOM element.
-     */
-    portal?: DrawerRootPassThroughType<React.HTMLAttributes<HTMLDivElement>>;
     /**
      * Used to pass attributes to the header's DOM element.
      */