Merge branch 'master' into v4

assets/menu/menu.json

@@ -514,7 +514,8 @@
             "children": [
                 {
                     "name": "Prime Icons",
-                    "to": "/icons"
+                    "to": "/icons",
+                    "badge": "UPDATED"
                 },
                 {
                     "name": "Custom Icons",

components/lib/dropdown/Dropdown.d.ts

@@ -251,6 +251,14 @@ export interface DropdownState {
  * Defines current options in Dropdown component.
  */
 export interface DropdownContext {
+    /**
+     * Current item option.
+     */
+    option: any;
+    /**
+     * Current item index.
+     */
+    index: number;
     /**
      * Current selection state of the item as a boolean.
      * @defaultValue false

components/lib/dropdown/Dropdown.vue

@@ -277,6 +277,8 @@ export default {
         getPTItemOptions(option, itemOptions, index, key) {
             return this.ptm(key, {
                 context: {
+                    option,
+                    index,
                     selected: this.isSelected(option),
                     focused: this.focusedOptionIndex === this.getOptionIndex(index, itemOptions),
                     disabled: this.isOptionDisabled(option)

components/lib/multiselect/MultiSelect.vue

@@ -272,8 +272,8 @@ export default {
         getOptionValue(option) {
             return this.optionValue ? ObjectUtils.resolveFieldData(option, this.optionValue) : option;
         },
-        getOptionRenderKey(option) {
+        getOptionRenderKey(option, index) {
-            return this.dataKey ? ObjectUtils.resolveFieldData(option, this.dataKey) : this.getOptionLabel(option);
+            return this.dataKey ? ObjectUtils.resolveFieldData(option, this.dataKey) : this.getOptionLabel(option) + `_${index}`;
         },
         getHeaderCheckboxPTOptions(key) {
             return this.ptm(key, {

doc/common/apidoc/index.json

@@ -23775,6 +23775,22 @@
                     "description": "Defines current options in Dropdown component.",
                     "relatedProp": "",
                     "props": [
+                        {
+                            "name": "option",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "any",
+                            "default": "",
+                            "description": "Current item option."
+                        },
+                        {
+                            "name": "index",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "number",
+                            "default": "",
+                            "description": "Current item index."
+                        },
                         {
                             "name": "selected",
                             "optional": false,

doc/dropdown/theming/StyledDoc.vue

@@ -51,6 +51,10 @@
                     <td>p-overlay-open</td>
                     <td>Container element when overlay is visible.</td>
                 </tr>
+                <tr>
+                    <td>p-focus</td>
+                    <td>Container element when it is in focus.</td>
+                </tr>
             </tbody>
         </table>
     </div>

doc/icons/FigmaDoc.vue

@@ -0,0 +1,8 @@
+<template>
+    <DocSectionText v-bind="$attrs">
+        <p>
+            PrimeIcons library is now available on <a href="https://www.figma.com/community/file/1354343849355792252/primeicons" target="_blank" rel="noopener noreferrer">Figma Community</a>. By adding them as a library, you can easily use these
+            icons in your designs.
+        </p>
+    </DocSectionText>
+</template>

doc/icons/ListDoc.vue

@@ -43,7 +43,24 @@ export default {
     },
     computed: {
         filteredIcons() {
-            if (this.filter) return this.icons.filter((icon) => icon.properties.name.indexOf(this.filter.toLowerCase()) > -1);
+            let sanitizedInput = this.filter?.replace(/[^\w\s]/gi, '').replace(/\s/g, '');
+
+            if (this.filter)
+                return this.icons.filter((icon) => {
+                    return (
+                        icon.icon.tags.some((tag) =>
+                            tag
+                                .replace(/[^\w\s]/gi, '')
+                                .replace(/\s/g, '')
+                                .includes(sanitizedInput.toLowerCase())
+                        ) ||
+                        icon.properties.name
+                            .replace(/[^\w\s]/gi, '')
+                            .replace(/\s/g, '')
+                            .toLowerCase()
+                            .includes(sanitizedInput.toLowerCase())
+                    );
+                });
             else return this.icons;
         }
     }

package-lock.json

@@ -32,7 +32,7 @@
                 "nuxt": "3.3.2",
                 "prettier": "2.7.1",
                 "primeflex": "^3.3.1",
-                "primeicons": "^6.0.1",
+                "primeicons": "^7.0.0",
                 "quill": "^1.3.7",
                 "rollup-plugin-postcss": "^4.0.0",
                 "rollup-plugin-terser": "^7.0.2",
@@ -10924,9 +10924,9 @@
             "dev": true
         },
         "node_modules/primeicons": {
-            "version": "6.0.1",
+            "version": "7.0.0",
-            "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-6.0.1.tgz",
+            "resolved": "https://registry.npmjs.org/primeicons/-/primeicons-7.0.0.tgz",
-            "integrity": "sha512-KDeO94CbWI4pKsPnYpA1FPjo79EsY9I+M8ywoPBSf9XMXoe/0crjbUK7jcQEDHuc0ZMRIZsxH3TYLv4TUtHmAA==",
+            "integrity": "sha512-jK3Et9UzwzTsd6tzl2RmwrVY/b8raJ3QZLzoDACj+oTJ0oX7L9Hy+XnVwgo4QVKlKpnP/Ur13SXV/pVh4LzaDw==",
             "dev": true
         },
         "node_modules/process-nextick-args": {

package.json

@@ -60,7 +60,7 @@
         "nuxt": "3.3.2",
         "prettier": "2.7.1",
         "primeflex": "^3.3.1",
-        "primeicons": "^6.0.1",
+        "primeicons": "^7.0.0",
         "quill": "^1.3.7",
         "rollup-plugin-postcss": "^4.0.0",
         "rollup-plugin-terser": "^7.0.2",

pages/icons/index.vue

@@ -26,6 +26,7 @@ import BasicDoc from '@/doc/icons/BasicDoc.vue';
 import ColorDoc from '@/doc/icons/ColorDoc.vue';
 import ConstantsDoc from '@/doc/icons/ConstantsDoc.vue';
 import DownloadDoc from '@/doc/icons/DownloadDoc.vue';
+import FigmaDoc from '@/doc/icons/FigmaDoc.vue';
 import ImportDoc from '@/doc/icons/ImportDoc.vue';
 import ListDoc from '@/doc/icons/ListDoc.vue';
 import SizeDoc from '@/doc/icons/SizeDoc.vue';
@@ -45,6 +46,11 @@ export default {
                     label: 'Import',
                     component: ImportDoc
                 },
+                {
+                    id: 'figma',
+                    label: 'Figma',
+                    component: FigmaDoc
+                },
                 {
                     id: 'basic',
                     label: 'Basic',