Merge branch 'master' of https://github.com/primefaces/primevue

primefaces · Nov 12, 2023 · d5ef623 · d5ef623
2 parents 334a7e4 + 5e34136
commit d5ef623
Show file tree

Hide file tree

Showing 407 changed files with 12,396 additions and 12,282 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,11 +1,74 @@
 # Changelog
 
+## [3.40.1](https://github.com/primefaces/primevue/tree/3.40.1) (2023-11-09)
+
+[Full Changelog](https://github.com/primefaces/primevue/compare/3.40.0...3.40.1)
+
+**Fixed bugs:**
+
+-   InputGroupAddon esm broken [\#4788](https://github.com/primefaces/primevue/issues/4788)
+
+## [3.40.0](https://github.com/primefaces/primevue/tree/3.40.0) (2023-11-09)
+
+[Full Changelog](https://github.com/primefaces/primevue/compare/3.39.0...3.40.0)
+
+**Breaking Changes:**
+
+-   AccordionTab: isTabActive property is deprecated [\#4783](https://github.com/primefaces/primevue/issues/4783)
+-   Remove vue-router support from Menu components [\#4739](https://github.com/primefaces/primevue/issues/4739)
+-   Tooltip: escape should be false by default [\#4738](https://github.com/primefaces/primevue/issues/4738)
+
+**Fixed bugs:**
+
+-   DataTable/TreeTable: Frozen column improvements [\#4786](https://github.com/primefaces/primevue/issues/4786)
+-   Table row is not highlighted with context menu [\#4785](https://github.com/primefaces/primevue/issues/4785)
+-   core: Error BaseStyle\_\_default.default is undefined [\#4648](https://github.com/primefaces/primevue/issues/4648)
+-   DataTable: editingRows watcher implementation defect [\#4757](https://github.com/primefaces/primevue/issues/4757)
+-   MultiSelect Name: prop overshadowing [\#4743](https://github.com/primefaces/primevue/issues/4743)
+-   SpeedDial: unstyled implementation defect breaks the calculations [\#4740](https://github.com/primefaces/primevue/issues/4740)
+-   Tooltip: autoHide does not work properly [\#4737](https://github.com/primefaces/primevue/issues/4737)
+-   Calendar: Console.Error/Crash when pressing Escape key using Inline Calendar [\#4732](https://github.com/primefaces/primevue/issues/4732)
+-   Calendar does not show the right month (for the minimal departure date) when it's dynamically set [\#4157](https://github.com/primefaces/primevue/issues/4157)
+
+**Implemented New Features and Enhancements:**
+
+-   Collision Enhancements [\#4784](https://github.com/primefaces/primevue/issues/4784)
+-   TabMenu/Steps: active option for item templating [\#4780](https://github.com/primefaces/primevue/issues/4780)
+-   PanelMenu: root option for item templating [\#4779](https://github.com/primefaces/primevue/issues/4779)
+-   Steps: new activeStep property [\#4778](https://github.com/primefaces/primevue/issues/4778)
+-   ContextMenu: hasSubmenu options for item templating [\#4764](https://github.com/primefaces/primevue/issues/4764)
+-   TieredMenu: New start and end templating [\#4760](https://github.com/primefaces/primevue/issues/4760)
+-   PanelMenu: active options for item templating [\#4750](https://github.com/primefaces/primevue/issues/4750)
+-   New InputGroup Component [\#4742](https://github.com/primefaces/primevue/issues/4742)
+
+## [3.39.0](https://github.com/primefaces/primevue/tree/3.39.0) (2023-11-01)
+
+[Full Changelog](https://github.com/primefaces/primevue/compare/3.38.1...3.39.0)
+
+**Breaking Changes:**
+
+-   Change slot parameter function name on* to *CallBack [\#4728](https://github.com/primefaces/primevue/issues/4728)
+
+**Fixed bugs:**
+
+-   ConfirmPopup: arrow defect [\#4730](https://github.com/primefaces/primevue/issues/4730)
+-   Overlaypanel: Overlaypanel closes when any key is pressed [\#4712](https://github.com/primefaces/primevue/issues/4712)
+-   Steps: Property 'step' does not exist on type 'StepsRouterBindProps'. [\#4703](https://github.com/primefaces/primevue/issues/4703)
+-   Datatable: Cannot set properties of null (setting 'tabIndex') [\#4498](https://github.com/primefaces/primevue/issues/4498)
+-   Menubar: Custom locale config overwriting default untouched config properties [\#4270](https://github.com/primefaces/primevue/issues/4270)
+
+**Implemented New Features and Enhancements:**
+
+-   SplitButton: new buttoncontent and item slots [\#4729](https://github.com/primefaces/primevue/issues/4729)
+-   Datatable: Lara Dark Theme Color Inconsistencies [\#4714](https://github.com/primefaces/primevue/issues/4714)
+
 ## [3.38.1](https://github.com/primefaces/primevue/tree/3.38.1) (2023-10-26)
 
 [Full Changelog](https://github.com/primefaces/primevue/compare/3.38.0...3.38.1)
 
 **Fixed bugs:**
-- The package was not published correctly [\#4697](https://github.com/primefaces/primevue/issues/4697)
+
+-   The package was not published correctly [\#4697](https://github.com/primefaces/primevue/issues/4697)
 
 ## [3.38.0](https://github.com/primefaces/primevue/tree/3.38.0) (2023-10-26)
 

diff --git a/api-generator/build-apidoc.js b/api-generator/build-apidoc.js
@@ -398,7 +398,11 @@ if (project) {
                                                             functionParameters += `<span class="text-primary-700">${param.name}</span>: ${param.type?.name}`;
                                                         });
 
-                                                        type += `\t <span class="ml-3 text-primary-700">${child.name}</span>: <span class="text-primary-500">(${functionParameters}) &rArr; ${child.type?.declaration?.signatures[0]?.type?.name}</span>, <span class="text-primary-300">// ${child.type?.declaration?.signatures[0]?.comment.summary[0]?.text}</span>\n`;
+                                                        if (child.type?.declaration?.signatures[0]?.comment?.getTag('@deprecated')?.content[0]?.text) {
+                                                            type += `\t <span class="ml-3 text-primary-700 line-through">${child.name}</span>: <span class="text-primary-500 line-through">(${functionParameters}) &rArr; ${child.type?.declaration?.signatures[0]?.type?.name}</span>, <span class="text-primary-300 line-through">// ${child.type?.declaration?.signatures[0]?.comment.summary[0]?.text}</span>\n`;
+                                                        } else {
+                                                            type += `\t <span class="ml-3 text-primary-700">${child.name}</span>: <span class="text-primary-500">(${functionParameters}) &rArr; ${child.type?.declaration?.signatures[0]?.type?.name}</span>, <span class="text-primary-300">// ${child.type?.declaration?.signatures[0]?.comment.summary[0]?.text}</span>\n`;
+                                                        }
                                                     } else {
                                                         const childType = child.type.elementType ? child.type.elementType.name : child.type.name;
 

diff --git a/api-generator/components/breadcrumb.js b/api-generator/components/breadcrumb.js
@@ -11,12 +11,6 @@ const BreadcrumbProps = [
         default: 'null',
         description: 'Configuration for the home icon.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',

diff --git a/api-generator/components/contextmenu.js b/api-generator/components/contextmenu.js
@@ -29,12 +29,6 @@ const ContextMenuProps = [
         default: 'false',
         description: 'Attaches the menu to document instead of a particular item.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',

diff --git a/api-generator/components/dock.js b/api-generator/components/dock.js
@@ -23,12 +23,6 @@ const DockProps = [
         default: 'null',
         description: 'Inline style of the element.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'tooltipOptions',
         type: 'object',

diff --git a/api-generator/components/megamenu.js b/api-generator/components/megamenu.js
@@ -11,12 +11,6 @@ const MegaMenuProps = [
         default: 'horizontal',
         description: 'Defines the orientation, valid values are horizontal and vertical.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',

diff --git a/api-generator/components/menu.js b/api-generator/components/menu.js
@@ -29,12 +29,6 @@ const MenuProps = [
         default: 'true',
         description: 'Whether to automatically manage layering.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',
@@ -63,11 +57,11 @@ const MenuEvents = [
 const MenuSlots = [
     {
         name: 'start',
-        description: 'Custom content before the content'
+        description: 'Custom start content.'
     },
     {
         name: 'end',
-        description: 'Custom content after the content'
+        description: 'Custom end content.'
     },
     {
         name: 'item',
@@ -79,7 +73,7 @@ const MenuSlots = [
     },
     {
         name: 'submenuheader',
-        description: 'Custom submenuheader template.'
+        description: 'Custom submenu header template.'
     }
 ];
 

diff --git a/api-generator/components/menubar.js b/api-generator/components/menubar.js
@@ -5,12 +5,6 @@ const MenubarProps = [
         default: 'null',
         description: 'An array of menuitems.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',

diff --git a/api-generator/components/panelmenu.js b/api-generator/components/panelmenu.js
@@ -11,12 +11,6 @@ const PanelMenuProps = [
         default: 'null',
         description: 'A map of keys to represent the expansion state in controlled mode.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',

diff --git a/api-generator/components/steps.js b/api-generator/components/steps.js
@@ -12,16 +12,16 @@ const StepsProps = [
         description: 'An array of menuitems.'
     },
     {
-        name: 'readonly',
-        type: 'boolean',
-        default: 'true',
-        description: 'Whether the items are clickable or not.'
+        name: 'activeStep',
+        type: 'number',
+        default: '0',
+        description: 'Active step index of menuitem.'
     },
     {
-        name: 'exact',
+        name: 'readonly',
         type: 'boolean',
         default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
+        description: 'Whether the items are clickable or not.'
     },
     {
         name: 'pt',

diff --git a/api-generator/components/tabmenu.js b/api-generator/components/tabmenu.js
@@ -5,12 +5,6 @@ const TabMenuProps = [
         default: 'null',
         description: 'An array of menuitems.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: 'Defines if active route highlight should match the exact route path.'
-    },
     {
         name: 'activeIndex',
         type: 'number',

diff --git a/api-generator/components/tieredmenu.js b/api-generator/components/tieredmenu.js
@@ -29,12 +29,6 @@ const TieredMenuProps = [
         default: 'true',
         description: 'Whether to automatically manage layering.'
     },
-    {
-        name: 'exact',
-        type: 'boolean',
-        default: 'true',
-        description: "Whether to apply 'router-link-active-exact' class if route exactly matches the item path."
-    },
     {
         name: 'pt',
         type: 'any',
@@ -50,6 +44,14 @@ const TieredMenuProps = [
 ];
 
 const TieredMenuSlots = [
+    {
+        name: 'start',
+        description: 'Custom start content.'
+    },
+    {
+        name: 'end',
+        description: 'Custom end content.'
+    },
     {
         name: 'item',
         description: 'Template of a menuitem.'

diff --git a/assets/styles/layout/_code.scss b/assets/styles/layout/_code.scss
@@ -119,10 +119,6 @@ pre[class*="language-"] {
         .token.entity {
             cursor: help;
         }
-
-        .token.namespace {
-            opacity: .7;
-        }
     }
 }
 

diff --git a/components/doc/DocApiTable.vue b/components/doc/DocApiTable.vue
@@ -107,7 +107,7 @@ export default {
             }
 
             return value?.split('|').map((item) => {
-                return item.replace(/(\[|\]|<|>).*$/gm, '').trim();
+                return item.replace(/(\|\|<|>).*$/gm, '').trim();
             });
         },
         isLinkType(value) {

diff --git a/components/doc/codeeditor/templates.js b/components/doc/codeeditor/templates.js
@@ -2,7 +2,7 @@ import pkg from '../../../package.json';
 import { services } from './services';
 
 const PrimeVue = {
-    version: '^3.38.0',
+    version: '^3.40.0',
     description:
         'PrimeVue is an open source UI library for Vue featuring a rich set of 80+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with PrimeBlock, which has 400+ ready to use UI blocks to build spectacular applications in no time.'
 };
@@ -148,6 +148,7 @@ import PrimeVue from "primevue/config";
 import AutoComplete from 'primevue/autocomplete';
 import Accordion from 'primevue/accordion';
 import AccordionTab from 'primevue/accordiontab';
+import AnimateOnScroll from 'primevue/animateonscroll';
 import Avatar from 'primevue/avatar';
 import AvatarGroup from 'primevue/avatargroup';
 import Badge from 'primevue/badge';
@@ -256,6 +257,7 @@ app.directive('badge', BadgeDirective);
 app.directive('ripple', Ripple);
 app.directive('styleclass', StyleClass);
 app.directive('focustrap', FocusTrap);
+app.directive('animateonscroll', AnimateOnScroll);
 
 app.component('Accordion', Accordion);
 app.component('AccordionTab', AccordionTab);

diff --git a/components/lib/accordion/Accordion.d.ts b/components/lib/accordion/Accordion.d.ts
@@ -85,7 +85,7 @@ export interface AccordionPassThroughOptions {
      */
     accordiontab?: AccordionTabPassThroughOptionType;
     /**
-     * Used to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;

diff --git a/components/lib/accordion/Accordion.vue b/components/lib/accordion/Accordion.vue
@@ -20,7 +20,7 @@
                     @keydown="onTabKeyDown($event, tab, i)"
                     v-bind="{ ...getTabProp(tab, 'headeractionprops'), ...getTabPT(tab, 'headeraction', i) }"
                 >
-                    <component v-if="tab.children && tab.children.headericon" :is="tab.children.headericon" :isTabActive="isTabActive(i)" :index="i"></component>
+                    <component v-if="tab.children && tab.children.headericon" :is="tab.children.headericon" :isTabActive="isTabActive(i)" :active="isTabActive(i)" :index="i"></component>
                     <component
                         v-else-if="isTabActive(i)"
                         :is="$slots.collapseicon ? $slots.collapseicon : collapseIcon ? 'span' : 'ChevronDownIcon'"

diff --git a/components/lib/accordiontab/AccordionTab.d.ts b/components/lib/accordiontab/AccordionTab.d.ts
@@ -194,8 +194,14 @@ export interface AccordionTabSlots {
         /**
          * Whether the tab is active
          * @param {number} index - Index of the tab
+         * @deprecated since v3.40.0. Use 'active' property instead.
          */
         isTabActive: (index: number) => void;
+        /**
+         * Whether the tab is active
+         * @param {number} index - Index of the tab
+         */
+        active: (index: number) => void;
     }): VNode[];
 }
 

diff --git a/components/lib/animateonscroll/AnimateOnScroll.d.ts b/components/lib/animateonscroll/AnimateOnScroll.d.ts
@@ -40,7 +40,7 @@ export interface AnimateOnScrollOptions {
  */
 export interface AnimateOnScrollDirectivePassThroughOptions {
     /**
-     * Used to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks.
      * @see {@link BaseDirective.DirectiveHooks}
      */
     hooks?: DirectiveHooks;
@@ -66,7 +66,7 @@ export interface AnimateOnScrollDirectiveBinding extends Omit<DirectiveBinding,
      */
     value?: AnimateOnScrollOptions | undefined;
     /**
-     * Modifiers of the tooltip.
+     * Modifiers of the AnimateOnScroll.
      * @type {AnimateOnScrollDirectiveModifiers}
      */
     modifiers?: AnimateOnScrollDirectiveModifiers | undefined;

diff --git a/components/lib/autocomplete/AutoComplete.d.ts b/components/lib/autocomplete/AutoComplete.d.ts
@@ -186,7 +186,7 @@ export interface AutoCompletePassThroughOptions {
      */
     selectedMessage?: AutoCompletePassThroughOptionType;
     /**
-     * Used to manage all lifecycle hooks
+     * Used to manage all lifecycle hooks.
      * @see {@link BaseComponent.ComponentHooks}
      */
     hooks?: ComponentHooks;
@@ -631,8 +631,14 @@ export interface AutoCompleteSlots {
         /**
          * Remove token icon function.
          * @param {Event} event - Browser event
+         * @deprecated since v3.39.0. Use 'removeCallback' property instead.
          */
         onClick: (event: Event, index: number) => void;
+        /**
+         * Remove token icon function.
+         * @param {Event} event - Browser event
+         */
+        removeCallback: (event: Event, index: number) => void;
     }): VNode[];
     /**
      * Custom loading icon template.

diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
@@ -55,7 +55,7 @@
                 <slot name="chip" :value="option">
                     <span :class="cx('tokenLabel')" v-bind="ptm('tokenLabel')">{{ getOptionLabel(option) }}</span>
                 </slot>
-                <slot name="removetokenicon" :class="cx('removeTokenIcon')" :index="i" :onClick="(event) => removeOption(event, i)">
+                <slot name="removetokenicon" :class="cx('removeTokenIcon')" :index="i" :onClick="(event) => removeOption(event, i)" :removeCallback="(event) => removeOption(event, i)">
                     <component :is="removeTokenIcon ? 'span' : 'TimesCircleIcon'" :class="[cx('removeTokenIcon'), removeTokenIcon]" @click="removeOption($event, i)" aria-hidden="true" v-bind="ptm('removeTokenIcon')" />
                 </slot>
             </li>