feat: add Divider rootProps

Author: tugcekucukoglu

packages/@primereact/headless/src/divider/useDivider.ts

@@ -3,5 +3,19 @@ import { defaultProps } from './useDivider.props';
 
 export const useDivider = withHeadless({
     name: 'useDivider',
-    defaultProps
+    defaultProps,
+    setup({ props }) {
+        // prop getters
+        const rootProps = {
+            'data-scope': 'divider',
+            'data-part': 'root',
+            'aria-orientation': props.orientation,
+            'data-orientation': props.orientation,
+            'data-align': props.align
+        };
+
+        return {
+            rootProps
+        };
+    }
 });

packages/@primereact/types/src/shared/divider/DividerRoot.types.ts

@@ -34,22 +34,7 @@ export interface DividerRootPassThrough {
 /**
  * Defines valid properties in Divider component.
  */
-export interface DividerRootProps extends BaseComponentProps<DividerRootInstance, useDividerProps, DividerRootPassThrough> {
-    /**
-     * Alignment of the content.
-     */
-    align?: 'left' | 'center' | 'right' | 'top' | 'center' | 'bottom' | undefined;
-    /**
-     * Specifies the orientation, valid values are 'horizontal' and 'vertical'.
-     * @default horizontal
-     */
-    orientation?: 'horizontal' | 'vertical' | undefined;
-    /**
-     * Border style type.
-     * @default solid
-     */
-    type?: 'solid' | 'dashed' | 'dotted' | undefined;
-}
+export interface DividerRootProps extends BaseComponentProps<DividerRootInstance, useDividerProps, DividerRootPassThrough> {}
 
 /**
  * Defines valid state in Divider component.

packages/@primereact/types/src/shared/divider/useDivider.types.ts

@@ -13,7 +13,22 @@ import type { HeadlessInstance } from '@primereact/types/core';
 /**
  * Defines valid properties in useDivider.
  */
-export interface useDividerProps {}
+export interface useDividerProps {
+    /**
+     * Alignment of the content.
+     */
+    align?: 'left' | 'center' | 'right' | 'top' | 'center' | 'bottom' | undefined;
+    /**
+     * Specifies the orientation, valid values are 'horizontal' and 'vertical'.
+     * @default horizontal
+     */
+    orientation?: 'horizontal' | 'vertical' | undefined;
+    /**
+     * Border style type.
+     * @default solid
+     */
+    type?: 'solid' | 'dashed' | 'dotted' | undefined;
+}
 
 /**
  * Defines valid state in useDivider.

packages/primereact/src/divider/root/DividerRoot.tsx

@@ -15,17 +15,15 @@ export const DividerRoot = withComponent({
         return divider;
     },
     render(instance) {
-        const { id, props, ptmi, cx, sx } = instance;
+        const { id, props, ptmi, cx, sx, rootProps: headlessRootProps } = instance;
 
         const rootProps = mergeProps(
+            headlessRootProps,
             {
                 id,
                 className: cx('root'),
                 style: sx('root'),
-                role: 'separator',
-                'aria-orientation': props.orientation,
-                'data-orientation': props.orientation,
-                'data-align': props.align
+                role: 'separator'
             },
             ptmi('root')
         );

packages/primereact/src/inplace/root/InplaceRoot.tsx

@@ -15,7 +15,7 @@ export const InplaceRoot = withComponent({
         return inplace;
     },
     render(instance) {
-        const { id, ptmi, cx, rootProps: headlessRootProps } = instance;
+        const { id, props, ptmi, cx, rootProps: headlessRootProps } = instance;
 
         const rootProps = mergeProps(
             headlessRootProps,