chore: update changelog for new components in version 11.0.0-alpha.8

mertsincan · mertsincan · commit 2112084de588 · 2025-12-01T16:50:21.000Z
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,17 @@
 # Changelog
 
+## [11.0.0-alpha.8](https://github.com/primefaces/primereact/tree/11.0.0-alpha.8) (2025-12-01)
+
+[Full Changelog](https://github.com/primefaces/primereact/compare/11.0.0-alpha.7...11.0.0-alpha.8)
+
+**Implemented New Features and Enhancements:**
+
+- New Component: Listbox [\#8347](https://github.com/primefaces/primereact/issues/8347)
+- New Component: DatePicker [\#8363](https://github.com/primefaces/primereact/issues/8363)
+- New Component: Password [\#8380](https://github.com/primefaces/primereact/issues/8380)
+- New Component: ColorPicker [\#8373](https://github.com/primefaces/primereact/issues/8373)
+- New Component: OrgChart [\#8400](https://github.com/primefaces/primereact/issues/8400)
+
 ## [11.0.0-alpha.7](https://github.com/primefaces/primereact/tree/11.0.0-alpha.7) (2025-10-16)
 
 [Full Changelog](https://github.com/primefaces/primereact/compare/11.0.0-alpha.6...11.0.0-alpha.7)
diff --git a/apps/showcase/package.json b/apps/showcase/package.json
@@ -1,6 +1,6 @@
 {
     "name": "showcase",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "scripts": {
         "dev": "npm run dev:init && next dev --turbopack",
         "dev2": "npm run dev:init && cross-env DEV_ENV=hot next dev --port 3001",
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/monorepo",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "homepage": "https://primereact.org/",
     "repository": {
diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/core",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/headless/package.json b/packages/headless/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/headless",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/hooks",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/icons/package.json b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/icons",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/primereact/package.json b/packages/primereact/package.json
@@ -1,6 +1,6 @@
 {
     "name": "primereact",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/styles/package.json b/packages/styles/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/styles",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
diff --git a/packages/types/package.json b/packages/types/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@primereact/types",
-    "version": "11.0.0-alpha.7",
+    "version": "11.0.0-alpha.8",
     "author": "PrimeTek Informatics",
     "description": "",
     "homepage": "https://primereact.org/",
@@ -44,7 +44,8 @@
         "type:check": "tsc --noEmit",
         "dev:link": "pnpm link --global && npm link"
     },
-    "dependencies": {
-        "@primeuix/styled": "catalog:"
+    "peerDependencies": {
+        "@primeuix/styled": "catalog:",
+        "@primeuix/motion": "catalog:"
     }
 }
diff --git a/packages/types/src/shared/motion/useMotion.types.ts b/packages/types/src/shared/motion/useMotion.types.ts
@@ -9,32 +9,137 @@
  *
  */
 import type { HeadlessInstance } from '@primereact/types/core';
+import type { ClassNameOptions, MotionEvent, MotionOptions } from '@primeuix/motion';
 
 /**
  * Defines valid properties in useMotion.
  */
 export interface useMotionProps {
-    name?: string;
-    type?: 'transition' | 'animation' | undefined;
-    safe?: boolean | undefined;
-    appear?: boolean | undefined;
-    enter?: boolean | undefined;
-    leave?: boolean | undefined;
-    duration?: number | undefined;
-    enterFromClassName?: string | undefined;
-    enterToClassName?: string | undefined;
-    enterActiveClassName?: string | undefined;
-    leaveFromClassName?: string | undefined;
-    leaveToClassName?: string | undefined;
-    leaveActiveClassName?: string | undefined;
-    onBeforeEnter?: (el?: Element) => void;
-    onEnter?: (el?: Element) => void;
-    onAfterEnter?: (el?: Element) => void;
-    onEnterCancelled?: (el?: Element) => void;
-    onBeforeLeave?: (el?: Element) => void;
-    onLeave?: (el?: Element) => void;
-    onAfterLeave?: (el?: Element) => void;
-    onLeaveCancelled?: (el?: Element) => void;
+    /**
+     * The name of the motion. It can be a predefined motion name or a custom one.
+     * phases:
+     *     [name]-enter
+     *     [name]-enter-active
+     *     [name]-enter-to
+     *     [name]-leave
+     *     [name]-leave-active
+     *     [name]-leave-to
+     */
+    name?: MotionOptions['name'] | undefined;
+    /**
+     * The type of the motion, valid values 'transition' and 'animation'.
+     */
+    type?: MotionOptions['type'] | undefined;
+    /**
+     * Whether the motion is safe.
+     * @group Props
+     */
+    safe?: MotionOptions['safe'] | undefined;
+    /**
+     * Whether the motion is disabled.
+     * @default false
+     */
+    disabled?: MotionOptions['disabled'] | undefined;
+    /**
+     * Whether the motion should appear.
+     * @default false
+     */
+    appear?: MotionOptions['appear'] | undefined;
+    /**
+     * Whether the motion should enter.
+     * @default true
+     */
+    enter?: MotionOptions['enter'] | undefined;
+    /**
+     * Whether the motion should leave.
+     * @default true
+     */
+    leave?: MotionOptions['leave'] | undefined;
+    /**
+     * The duration of the motion.
+     */
+    duration?: MotionOptions['duration'] | undefined;
+    /**
+     * The hide strategy of the motion, valid values 'display' and 'visibility'.
+     * @default 'display'
+     */
+    hideStrategy?: 'display' | 'visibility' | undefined;
+    /**
+     * The enter from class of the motion.
+     */
+    enterFromClassName?: ClassNameOptions['from'] | undefined;
+    /**
+     * The enter to class of the motion.
+     */
+    enterToClassName?: ClassNameOptions['to'] | undefined;
+    /**
+     * The enter active class of the motion.
+     */
+    enterActiveClassName?: ClassNameOptions['active'] | undefined;
+    /**
+     * The leave from class of the motion.
+     */
+    leaveFromClassName?: ClassNameOptions['from'] | undefined;
+    /**
+     * The leave to class of the motion.
+     */
+    leaveToClassName?: ClassNameOptions['to'] | undefined;
+    /**
+     * The leave active class of the motion.
+     */
+    leaveActiveClassName?: ClassNameOptions['active'] | undefined;
+    /**
+     * The motion options. Shortcut to customize all options of MotionOptions.
+     */
+    options?: MotionOptions | undefined;
+    /**
+     * Callback fired before the enter transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onBeforeEnter?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired when the enter transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onEnter?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired after the enter transition/animation ends.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onAfterEnter?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired when the enter transition/animation is cancelled.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onEnterCancelled?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired before the leave transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onBeforeLeave?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired when the leave transition/animation starts.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onLeave?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired after the leave transition/animation ends.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onAfterLeave?: (event?: MotionEvent) => void;
+    /**
+     * Callback fired when the leave transition/animation is cancelled.
+     * @param {MotionEvent} [event] - The event object containing details about the motion.
+     * @param {Element} event.element - The element being transitioned/animated.
+     */
+    onLeaveCancelled?: (event?: MotionEvent) => void;
 }
 
 /**
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "showcase",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"scripts": {`
`5`	`5`	`"dev": "npm run dev:init && next dev --turbopack",`
`6`	`6`	`"dev2": "npm run dev:init && cross-env DEV_ENV=hot next dev --port 3001",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/monorepo",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"homepage": "https://primereact.org/",`
`6`	`6`	`"repository": {`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/core",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/headless",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/hooks",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/icons",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "primereact",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/styles",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@primereact/types",`
`3`		`- "version": "11.0.0-alpha.7",`
	`3`	`+ "version": "11.0.0-alpha.8",`
`4`	`4`	`"author": "PrimeTek Informatics",`
`5`	`5`	`"description": "",`
`6`	`6`	`"homepage": "https://primereact.org/",`
`@@ -44,7 +44,8 @@`
`44`	`44`	`"type:check": "tsc --noEmit",`
`45`	`45`	`"dev:link": "pnpm link --global && npm link"`
`46`	`46`	`},`
`47`		`- "dependencies": {`
`48`		`- "@primeuix/styled": "catalog:"`
	`47`	`+ "peerDependencies": {`
	`48`	`+ "@primeuix/styled": "catalog:",`
	`49`	`+ "@primeuix/motion": "catalog:"`
`49`	`50`	`}`
`50`	`51`	`}`