Merge branch 'master' into PR1661-2

.github/ISSUE_TEMPLATE/bug_report.yml

@@ -0,0 +1,97 @@
+name: Bug report
+description: Create a report to help us improve
+title: "Component: Title"
+labels: "defect"
+body:
+  - type: markdown
+    attributes:
+      # yamllint disable rule:line-length
+      value: >
+        ### There is no guarantee in receiving an immediate response in GitHub Issue Tracker, If you'd like to secure our response, you may consider *PrimeReact PRO Support* where support is provided within 4 business hours
+      # yamllint enable rule:line-length
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the bug
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: input
+    id: reproducer
+    attributes:
+      label: Reproducer
+      placeholder: https://codesandbox.io/s/primereact-test-forked-bbns8k
+      description: |
+        Please fork the [CodeSandbox project](https://codesandbox.io/s/primereact-test-forked-bbns8k) and create a case demonstrating your bug report. Issues **without** a CodeSandbox have much less possibility to be reviewed.
+    validations:
+      required: false
+  - type: input
+    id: pr-version
+    attributes:
+      label: PrimeReact version
+      placeholder: x.x.x
+    validations:
+      required: true
+  - type: dropdown
+    id: react-version
+    attributes:
+      label: React version
+      multiple: false
+      options:
+        - 17.x
+        - 18.x
+    validations:
+      required: true
+  - type: dropdown
+    id: language
+    attributes:
+      label: Language
+      multiple: false
+      options:
+        - TypeScript
+        - ES5
+        - ES6
+        - ALL
+    validations:
+      required: true
+  - type: dropdown
+    id: engine
+    attributes:
+      label: Build / Runtime
+      multiple: false
+      options:
+        - Create React App (CRA)
+        - Next.js
+        - Remix
+        - Vite
+        - Hydrogen
+        - Relay
+        - Preact
+    validations:
+      required: true
+  - type: input
+    id: browsers
+    attributes:
+      label: Browser(s)
+      description: List specific browser(s) the problem occurs on or leave blank if ALL browsers
+      placeholder: >
+        e.g. Safari 15, iOS 15.4, Chrome 90
+  - type: textarea
+    id: reproduce-steps
+    attributes:
+      label: Steps to reproduce the behavior
+      description: A clear and concise description of how to make the issue happen.
+      placeholder: >
+        1. Go to '...'
+        2. Click on '....'
+        3. Scroll down to '....'
+        4. See error
+    validations:
+      required: false
+  - type: textarea
+    id: expected-behavior
+    attributes:
+      label: Expected behavior
+      description: A clear and concise description of what you expected to happen.
+    validations:
+      required: false

.github/ISSUE_TEMPLATE/feature_request.yml

@@ -0,0 +1,39 @@
+name: Feature request
+description: Suggest an idea for this project
+title: "Component: Title"
+labels: ["enhancement"]
+body:
+  - type: textarea
+    id: description
+    attributes:
+      label: Describe the feature you would like to see added
+    validations:
+      required: true
+  - type: textarea
+    id: problem-related
+    attributes:
+      label: Is your feature request related to a problem?
+      description: A clear and concise description of what the problem is. Ex. I'm always frustrated when?
+    validations:
+      required: false
+  - type: textarea
+    id: solution
+    attributes:
+      label: Describe the solution you'd like
+      description: A clear and concise description of what you want to happen.
+    validations:
+      required: false
+  - type: textarea
+    id: alternatives
+    attributes:
+      label: Describe alternatives you have considered
+      description: A clear and concise description of any alternative solutions or features you've considered.
+    validations:
+      required: false
+  - type: textarea
+    id: additional-context
+    attributes:
+      label: Additional context
+      description: Add any other context or screenshots about the feature request here.
+    validations:
+      required: false

.github/workflows/node.js.yml

@@ -30,5 +30,6 @@ jobs:
       run: |
         npm install
         npm run lint
+        npm run security-check
         npm run build-lib
 

CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## [8.0.1](https://github.com/primefaces/primereact/tree/8.0.1) (2022-04-26)
+
+[Full Changelog](https://github.com/primefaces/primereact/compare/8.0.0...8.0.1)
+
+**Fixed bugs:**
+
+- Datatable: reorderableColumns isn't working [\#2784](https://github.com/primefaces/primereact/issues/2784)
+
+## [8.0.0](https://github.com/primefaces/primereact/tree/8.0.0)
+
+[Full Changelog](https://github.com/primefaces/primereact/compare/8.0.0-rc.2...8.0.0)
+
+**Implemented New Features and Enhancements:**
+
+- Hooks: add useStorage hook [\#2773](https://github.com/primefaces/primereact/issues/2773)
+- Chips onAdd should check Input before added to value list [\#2232](https://github.com/primefaces/primereact/issues/2232)
+
+**Fixed bugs:**
+
+- Carousel v8.0.0-rc.2 Data and Navigation Unusable [\#2769](https://github.com/primefaces/primereact/issues/2769)
+- Calendar: onMonthChange is marked as required [\#2767](https://github.com/primefaces/primereact/issues/2767)
+- TreeSelect onSelect/onNodeUnselect wrong types and not firing [\#2768](https://github.com/primefaces/primereact/issues/2768)
+
 ## [8.0.0-rc.2](https://github.com/primefaces/primereact/tree/8.0.0-rc.2) (2022-04-18)
 
 [Full Changelog](https://github.com/primefaces/primereact/compare/8.0.0-rc.1...8.0.0-rc.2)

README.md

@@ -16,10 +16,10 @@ PrimeReact is available at npm, if you have an existing application run the foll
 
 ```
 // with npm
-npm install primereact
+npm install primereact primeicons
 
 // with yarn
-yarn add primereact
+yarn add primereact primeicons
 ```
 Please note that react >= 17.0.0 and react-dom >= 17.0.0 are peer dependencies and some components have optional dependencies.
 
@@ -54,12 +54,13 @@ Import all components and structures
 
 Majority of PrimeReact components (95%) are native and there are some exceptions having 3rd party dependencies such as Google Maps for GMap.
 
-In addition, components require PrimeIcons for icons and react-transition-group for animations. They are available as dependencies in the npm package of PrimeReact.
+In addition, components require PrimeIcons for icons and react-transition-group for animations. The react-transition-group is available as dependencies in the npm package of PrimeReact.
 
 ```javascript
 dependencies: {
     "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "react-dom": "^17.0.0 || ^18.0.0",
+    "primeicons": "^5.0.0"
 }
 ```
 

api-generator/components/checkbox.js

@@ -69,7 +69,7 @@ const CheckboxProps = [
         name: 'readOnly',
         type: 'boolean',
         default: 'false',
-        description: 'When present, it specifies that the element cannot be typed.'
+        description: 'When present, it specifies that the value cannot be changed.'
     },
     {
         name: 'tabIndex',

api-generator/components/fileupload.js

@@ -214,6 +214,17 @@ const FileUploadEvents = [
             }
         ]
     },
+    {
+        name: 'onBeforeDrop',
+        description: 'Callback to invoke before files dropped. Return false from callback to prevent drop.',
+        arguments: [
+            {
+                name: 'event.originalEvent',
+                type: 'object',
+                description: 'Original browser event.'
+            },
+        ]
+    },
     {
         name: 'onUpload',
         description: 'Callback to invoke when file upload is complete.',

api-generator/components/listbox.js

@@ -143,6 +143,12 @@ const ListBoxProps = [
         default: 'undefined',
         description: "Locale to use in filtering. The default locale is the host environment's current locale."
     },
+    {
+        name: 'filterInputProps',
+        type: 'object',
+        default: 'undefined',
+        description: "Props for the filter input, any prop is passed implicity to the filter input element."
+    },
     {
         name: 'tabIndex',
         type: 'number',

api-generator/components/multistatecheckbox.js

@@ -5,12 +5,6 @@ const MultiStateCheckboxProps = [
         default: 'null',
         description: 'Unique identifier of the element.'
     },
-    {
-        name: 'inputId',
-        type: 'string',
-        default: 'null',
-        description: 'Unique identifier of the native checkbox element.'
-    },
     {
         name: 'value',
         type: 'any',
@@ -29,17 +23,23 @@ const MultiStateCheckboxProps = [
         default: 'null',
         description: 'Property name to use as the value of an option, defaults to the option itself when not defined.'
     },
+    {
+        name: 'optionLabel',
+        type: 'string',
+        default: 'null',
+        description: 'Property name to refer to the option label, used by screen readers only. Defaults to optionValue.'
+    },
     {
         name: 'iconTemplate',
         type: 'any',
         default: 'null',
         description: 'Template of icon for the selected option.'
     },
     {
-        name: 'name',
+        name: 'dataKey',
         type: 'string',
         default: 'null',
-        description: 'Name of the checkbox element .'
+        description: 'A property to uniquely match the value in options for better performance.'
     },
     {
         name: 'style',
@@ -63,7 +63,7 @@ const MultiStateCheckboxProps = [
         name: 'readOnly',
         type: 'boolean',
         default: 'false',
-        description: 'When present, it specifies that the element value cannot be altered.'
+        description: 'When present, it specifies that the value cannot be changed.'
     },
     {
         name: 'empty',
@@ -82,18 +82,6 @@ const MultiStateCheckboxProps = [
         type: 'object',
         default: 'null',
         description: 'Configuration of the tooltip, refer to the tooltip documentation for more information.'
-    },
-    {
-        name: 'ariaLabelledBy',
-        type: 'string',
-        default: 'null',
-        description: 'Establishes relationships between the component and label(s) where its value should be one or more element IDs.'
-    },
-    {
-        name: 'dataKey',
-        type: 'string',
-        default: 'null',
-        description: 'A property to uniquely match the value in options for better performance.'
     }
 ];
 

api-generator/components/picklist.js

@@ -81,7 +81,19 @@ const PickListProps = [
         name: 'itemTemplate',
         type: 'function',
         default: 'null',
-        description: 'Function that gets the option and returns the content for it.'
+        description: 'Template function that gets the options for both source and target items and returns the content for it.'
+    },
+    {
+        name: 'sourceItemTemplate',
+        type: 'function',
+        default: 'null',
+        description: 'Template function that gets the options for the source items and returns the content for it.'
+    },
+    {
+        name: 'targetItemTemplate',
+        type: 'function',
+        default: 'null',
+        description: 'Template function that gets the options for the target items and returns the content for it.'
     },
     {
         name: 'metaKeySelection',

api-generator/components/radiobutton.js

@@ -64,12 +64,6 @@ const RadioButtonProps = [
         type: 'object',
         default: 'null',
         description: 'Configuration of the tooltip, refer to the tooltip documentation for more information.'
-    },
-    {
-        name: 'ariaLabelledBy',
-        type: 'string',
-        default: 'null',
-        description: 'Establishes relationships between the component and label(s) where its value should be one or more element IDs.'
     }
 ];
 

api-generator/components/selectbutton.js

@@ -89,12 +89,6 @@ const SelectButtonProps = [
         default: 'null',
         description: 'Configuration of the tooltip, refer to the tooltip documentation for more information.'
     },
-    {
-        name: 'ariaLabelledBy',
-        type: 'string',
-        default: 'null',
-        description: 'Establishes relationships between the component and label(s) where its value should be one or more element IDs.'
-    },
     {
         name: 'itemTemplate',
         type: 'function',