Merge pull request #5958 from gucal/master

New port from PrimeVue
primefaces · Feb 14, 2024 · 9178285 · 9178285
2 parents 9ea8344 + 6d65741
commit 9178285
Show file tree

Hide file tree

Showing 36 changed files with 247 additions and 625 deletions.
diff --git a/components/lib/datatable/DataTableBase.js b/components/lib/datatable/DataTableBase.js
@@ -485,7 +485,7 @@ export const DataTableBase = ComponentBase.extend({
         lazy: false,
         loading: false,
         loadingIcon: null,
-        metaKeySelection: true,
+        metaKeySelection: false,
         multiSortMeta: null,
         onAllRowsSelect: null,
         onAllRowsUnselect: null,

diff --git a/components/lib/icons/arrowdown/index.js b/components/lib/icons/arrowdown/index.js
@@ -1,33 +1,18 @@
 import * as React from 'react';
 import { IconBase } from '../../iconbase/IconBase';
-import { ObjectUtils, UniqueComponentId } from '../../utils/Utils';
 
 export const ArrowDownIcon = React.memo(
     React.forwardRef((inProps, ref) => {
         const pti = IconBase.getPTI(inProps);
-        const [pathId, setPathId] = React.useState(inProps.id);
-
-        React.useEffect(() => {
-            if (ObjectUtils.isEmpty(pathId)) {
-                setPathId(UniqueComponentId('pr_icon_clip_'));
-            }
-        }, [pathId]);
 
         return (
             <svg ref={ref} width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...pti}>
-                <g clipPath={`url(#${pathId})`}>
-                    <path
-                        fillRule="evenodd"
-                        clipRule="evenodd"
-                        d="M6.99994 14C6.91097 14.0004 6.82281 13.983 6.74064 13.9489C6.65843 13.9148 6.58387 13.8646 6.52133 13.8013L1.10198 8.38193C0.982318 8.25351 0.917175 8.08367 0.920272 7.90817C0.923368 7.73267 0.994462 7.56523 1.11858 7.44111C1.24269 7.317 1.41014 7.2459 1.58563 7.2428C1.76113 7.23971 1.93098 7.30485 2.0594 7.42451L6.32263 11.6877V0.677419C6.32263 0.497756 6.394 0.325452 6.52104 0.198411C6.64808 0.0713706 6.82039 0 7.00005 0C7.17971 0 7.35202 0.0713706 7.47906 0.198411C7.6061 0.325452 7.67747 0.497756 7.67747 0.677419V11.6877L11.9407 7.42451C12.0691 7.30485 12.2389 7.23971 12.4144 7.2428C12.5899 7.2459 12.7574 7.317 12.8815 7.44111C13.0056 7.56523 13.0767 7.73267 13.0798 7.90817C13.0829 8.08367 13.0178 8.25351 12.8981 8.38193L7.47875 13.8013C7.41621 13.8646 7.34164 13.9148 7.25944 13.9489C7.17727 13.983 7.08912 14.0004 7.00015 14C7.00012 14 7.00009 14 7.00005 14C7.00001 14 6.99998 14 6.99994 14Z"
-                        fill="currentColor"
-                    />
-                </g>
-                <defs>
-                    <clipPath id={pathId}>
-                        <rect width="14" height="14" fill="white" />
-                    </clipPath>
-                </defs>
+                <path
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                    d="M6.99994 14C6.91097 14.0004 6.82281 13.983 6.74064 13.9489C6.65843 13.9148 6.58387 13.8646 6.52133 13.8013L1.10198 8.38193C0.982318 8.25351 0.917175 8.08367 0.920272 7.90817C0.923368 7.73267 0.994462 7.56523 1.11858 7.44111C1.24269 7.317 1.41014 7.2459 1.58563 7.2428C1.76113 7.23971 1.93098 7.30485 2.0594 7.42451L6.32263 11.6877V0.677419C6.32263 0.497756 6.394 0.325452 6.52104 0.198411C6.64808 0.0713706 6.82039 0 7.00005 0C7.17971 0 7.35202 0.0713706 7.47906 0.198411C7.6061 0.325452 7.67747 0.497756 7.67747 0.677419V11.6877L11.9407 7.42451C12.0691 7.30485 12.2389 7.23971 12.4144 7.2428C12.5899 7.2459 12.7574 7.317 12.8815 7.44111C13.0056 7.56523 13.0767 7.73267 13.0798 7.90817C13.0829 8.08367 13.0178 8.25351 12.8981 8.38193L7.47875 13.8013C7.41621 13.8646 7.34164 13.9148 7.25944 13.9489C7.17727 13.983 7.08912 14.0004 7.00015 14C7.00012 14 7.00009 14 7.00005 14C7.00001 14 6.99998 14 6.99994 14Z"
+                    fill="currentColor"
+                />
             </svg>
         );
     })

diff --git a/components/lib/icons/arrowup/index.js b/components/lib/icons/arrowup/index.js
@@ -1,33 +1,18 @@
 import * as React from 'react';
 import { IconBase } from '../../iconbase/IconBase';
-import { ObjectUtils, UniqueComponentId } from '../../utils/Utils';
 
 export const ArrowUpIcon = React.memo(
     React.forwardRef((inProps, ref) => {
         const pti = IconBase.getPTI(inProps);
-        const [pathId, setPathId] = React.useState(inProps.id);
-
-        React.useEffect(() => {
-            if (ObjectUtils.isEmpty(pathId)) {
-                setPathId(UniqueComponentId('pr_icon_clip_'));
-            }
-        }, [pathId]);
 
         return (
             <svg ref={ref} width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...pti}>
-                <g clipPath={`url(#${pathId})`}>
-                    <path
-                        fillRule="evenodd"
-                        clipRule="evenodd"
-                        d="M6.51551 13.799C6.64205 13.9255 6.813 13.9977 6.99193 14C7.17087 13.9977 7.34182 13.9255 7.46835 13.799C7.59489 13.6725 7.66701 13.5015 7.66935 13.3226V2.31233L11.9326 6.57554C11.9951 6.63887 12.0697 6.68907 12.1519 6.72319C12.2341 6.75731 12.3223 6.77467 12.4113 6.77425C12.5003 6.77467 12.5885 6.75731 12.6707 6.72319C12.7529 6.68907 12.8274 6.63887 12.89 6.57554C13.0168 6.44853 13.0881 6.27635 13.0881 6.09683C13.0881 5.91732 13.0168 5.74514 12.89 5.61812L7.48846 0.216594C7.48274 0.210436 7.4769 0.204374 7.47094 0.198411C7.3439 0.0713707 7.1716 0 6.99193 0C6.81227 0 6.63997 0.0713707 6.51293 0.198411C6.50704 0.204296 6.50128 0.210278 6.49563 0.216354L1.09386 5.61812C0.974201 5.74654 0.909057 5.91639 0.912154 6.09189C0.91525 6.26738 0.986345 6.43483 1.11046 6.55894C1.23457 6.68306 1.40202 6.75415 1.57752 6.75725C1.75302 6.76035 1.92286 6.6952 2.05128 6.57554L6.31451 2.31231V13.3226C6.31685 13.5015 6.38898 13.6725 6.51551 13.799Z"
-                        fill="currentColor"
-                    />
-                </g>
-                <defs>
-                    <clipPath id={pathId}>
-                        <rect width="14" height="14" fill="white" />
-                    </clipPath>
-                </defs>
+                <path
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                    d="M6.51551 13.799C6.64205 13.9255 6.813 13.9977 6.99193 14C7.17087 13.9977 7.34182 13.9255 7.46835 13.799C7.59489 13.6725 7.66701 13.5015 7.66935 13.3226V2.31233L11.9326 6.57554C11.9951 6.63887 12.0697 6.68907 12.1519 6.72319C12.2341 6.75731 12.3223 6.77467 12.4113 6.77425C12.5003 6.77467 12.5885 6.75731 12.6707 6.72319C12.7529 6.68907 12.8274 6.63887 12.89 6.57554C13.0168 6.44853 13.0881 6.27635 13.0881 6.09683C13.0881 5.91732 13.0168 5.74514 12.89 5.61812L7.48846 0.216594C7.48274 0.210436 7.4769 0.204374 7.47094 0.198411C7.3439 0.0713707 7.1716 0 6.99193 0C6.81227 0 6.63997 0.0713707 6.51293 0.198411C6.50704 0.204296 6.50128 0.210278 6.49563 0.216354L1.09386 5.61812C0.974201 5.74654 0.909057 5.91639 0.912154 6.09189C0.91525 6.26738 0.986345 6.43483 1.11046 6.55894C1.23457 6.68306 1.40202 6.75415 1.57752 6.75725C1.75302 6.76035 1.92286 6.6952 2.05128 6.57554L6.31451 2.31231V13.3226C6.31685 13.5015 6.38898 13.6725 6.51551 13.799Z"
+                    fill="currentColor"
+                />
             </svg>
         );
     })

diff --git a/components/lib/icons/ban/index.js b/components/lib/icons/ban/index.js
@@ -1,31 +1,16 @@
 import * as React from 'react';
 import { IconBase } from '../../iconbase/IconBase';
-import { ObjectUtils, UniqueComponentId } from '../../utils/Utils';
 
 export const BanIcon = React.memo(
     React.forwardRef((inProps, ref) => {
         const pti = IconBase.getPTI(inProps);
-        const [pathId, setPathId] = React.useState(inProps.id);
-
-        React.useEffect(() => {
-            if (ObjectUtils.isEmpty(pathId)) {
-                setPathId(UniqueComponentId('pr_icon_clip_'));
-            }
-        }, [pathId]);
 
         return (
             <svg ref={ref} width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...pti}>
-                <g clipPath={`url(#${pathId})`}>
-                    <path
-                        d="M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303296 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM1.16667 7C1.16549 5.65478 1.63303 4.35118 2.48889 3.31333L10.6867 11.5111C9.83309 12.2112 8.79816 12.6544 7.70243 12.789C6.60669 12.9236 5.49527 12.744 4.49764 12.2713C3.50001 11.7986 2.65724 11.0521 2.06751 10.1188C1.47778 9.18558 1.16537 8.10397 1.16667 7ZM11.5111 10.6867L3.31334 2.48889C4.43144 1.57388 5.84966 1.10701 7.29265 1.1789C8.73565 1.2508 10.1004 1.85633 11.1221 2.87795C12.1437 3.89956 12.7492 5.26435 12.8211 6.70735C12.893 8.15034 12.4261 9.56856 11.5111 10.6867Z"
-                        fill="currentColor"
-                    />
-                </g>
-                <defs>
-                    <clipPath id={pathId}>
-                        <rect width="14" height="14" fill="white" />
-                    </clipPath>
-                </defs>
+                <path
+                    d="M7 0C5.61553 0 4.26215 0.410543 3.11101 1.17971C1.95987 1.94888 1.06266 3.04213 0.532846 4.32122C0.00303296 5.6003 -0.13559 7.00776 0.134506 8.36563C0.404603 9.7235 1.07129 10.9708 2.05026 11.9497C3.02922 12.9287 4.2765 13.5954 5.63437 13.8655C6.99224 14.1356 8.3997 13.997 9.67879 13.4672C10.9579 12.9373 12.0511 12.0401 12.8203 10.889C13.5895 9.73785 14 8.38447 14 7C14 5.14348 13.2625 3.36301 11.9497 2.05025C10.637 0.737498 8.85652 0 7 0ZM1.16667 7C1.16549 5.65478 1.63303 4.35118 2.48889 3.31333L10.6867 11.5111C9.83309 12.2112 8.79816 12.6544 7.70243 12.789C6.60669 12.9236 5.49527 12.744 4.49764 12.2713C3.50001 11.7986 2.65724 11.0521 2.06751 10.1188C1.47778 9.18558 1.16537 8.10397 1.16667 7ZM11.5111 10.6867L3.31334 2.48889C4.43144 1.57388 5.84966 1.10701 7.29265 1.1789C8.73565 1.2508 10.1004 1.85633 11.1221 2.87795C12.1437 3.89956 12.7492 5.26435 12.8211 6.70735C12.893 8.15034 12.4261 9.56856 11.5111 10.6867Z"
+                    fill="currentColor"
+                />
             </svg>
         );
     })

diff --git a/components/lib/icons/blank/index.d.ts b/components/lib/icons/blank/index.d.ts
@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { IconBaseProps } from '../../iconbase';
+
+/**
+ * Defines valid properties in BlankIcon component. In addition to these, all properties of SVGSVGElement can be used in this component.
+ * @group Properties
+ */
+export interface BlankIconProps extends IconBaseProps {}
+
+/**
+ * **PrimeReact - BlankIcon**
+ *
+ * [Live Demo](https://www.primereact.org/icons/)
+ * --- ---
+ * ![PrimeReact](https://primefaces.org/cdn/primereact/images/logo-100.png)
+ *
+ * @group Component
+ */
+export declare class BlankIcon extends React.Component<BlankIconProps, any> {}
diff --git a/components/lib/icons/blank/index.js b/components/lib/icons/blank/index.js
@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { IconBase } from '../../iconbase/IconBase';
+
+export const BlankIcon = React.memo(
+    React.forwardRef((inProps, ref) => {
+        const pti = IconBase.getPTI(inProps);
+
+        return (
+            <svg ref={ref} width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...pti}>
+                <rect width="1" height="1" fill="currentColor" fillOpacity="0" />
+            </svg>
+        );
+    })
+);
+
+BlankIcon.displayName = 'BlankIcon';
diff --git a/components/lib/icons/blank/package.json b/components/lib/icons/blank/package.json
@@ -0,0 +1,7 @@
+{
+    "main": "./index.cjs.js",
+    "module": "./index.esm.js",
+    "unpkg": "./index.min.js",
+    "types": "./index.d.ts",
+    "sideEffects": false
+}
diff --git a/components/lib/icons/download/index.js b/components/lib/icons/download/index.js
@@ -1,33 +1,18 @@
 import * as React from 'react';
 import { IconBase } from '../../iconbase/IconBase';
-import { ObjectUtils, UniqueComponentId } from '../../utils/Utils';
 
 export const DownloadIcon = React.memo(
     React.forwardRef((inProps, ref) => {
         const pti = IconBase.getPTI(inProps);
-        const [pathId, setPathId] = React.useState(inProps.id);
-
-        React.useEffect(() => {
-            if (ObjectUtils.isEmpty(pathId)) {
-                setPathId(UniqueComponentId('pr_icon_clip_'));
-            }
-        }, [pathId]);
 
         return (
             <svg ref={ref} width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" {...pti}>
-                <g clipPath={`url(#${pathId})`}>
-                    <path
-                        fillRule="evenodd"
-                        clipRule="evenodd"
-                        d="M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z"
-                        fill="currentColor"
-                    />
-                </g>
-                <defs>
-                    <clipPath id={pathId}>
-                        <rect width="14" height="14" fill="white" />
-                    </clipPath>
-                </defs>
+                <path
+                    fillRule="evenodd"
+                    clipRule="evenodd"
+                    d="M7.0118 10C6.93296 10.0003 6.85484 9.98495 6.78202 9.95477C6.7091 9.92454 6.64297 9.88008 6.58749 9.82399L3.38288 6.62399C3.27675 6.51025 3.21897 6.35982 3.22171 6.20438C3.22446 6.04893 3.28752 5.90063 3.39761 5.7907C3.5077 5.68077 3.65622 5.6178 3.81188 5.61505C3.96755 5.61231 4.1182 5.67001 4.23211 5.77599L6.41125 7.95201V0.6C6.41125 0.44087 6.47456 0.288258 6.58724 0.175736C6.69993 0.063214 6.85276 0 7.01212 0C7.17148 0 7.32431 0.063214 7.43699 0.175736C7.54968 0.288258 7.61298 0.44087 7.61298 0.6V7.95198L9.7921 5.77599C9.90601 5.67001 10.0567 5.61231 10.2123 5.61505C10.368 5.6178 10.5165 5.68077 10.6266 5.7907C10.7367 5.90063 10.7997 6.04893 10.8025 6.20438C10.8052 6.35982 10.7475 6.51025 10.6413 6.62399L7.43671 9.82399C7.38124 9.88008 7.3151 9.92454 7.24219 9.95477C7.16938 9.98495 7.09127 10.0003 7.01244 10C7.01233 10 7.01223 10 7.01212 10C7.01201 10 7.0119 10 7.0118 10ZM13.45 13.3115C13.0749 13.7235 12.5521 13.971 11.9952 14H2.02889C1.75106 13.9887 1.47819 13.9228 1.2259 13.806C0.973606 13.6893 0.74684 13.524 0.558578 13.3197C0.370316 13.1153 0.224251 12.8759 0.128742 12.6152C0.0332333 12.3544 -0.00984502 12.0774 0.00197194 11.8V9.39999C0.00197194 9.24086 0.065277 9.08825 0.177961 8.97572C0.290645 8.8632 0.443477 8.79999 0.602836 8.79999C0.762195 8.79999 0.915027 8.8632 1.02771 8.97572C1.1404 9.08825 1.2037 9.24086 1.2037 9.39999V11.8C1.18301 12.0375 1.25469 12.2739 1.40385 12.4601C1.55302 12.6463 1.76823 12.768 2.00485 12.8H11.9952C12.2318 12.768 12.4471 12.6463 12.5962 12.4601C12.7454 12.2739 12.8171 12.0375 12.7964 11.8V9.39999C12.7964 9.24086 12.8597 9.08825 12.9724 8.97572C13.085 8.8632 13.2379 8.79999 13.3972 8.79999C13.5566 8.79999 13.7094 8.8632 13.8221 8.97572C13.9348 9.08825 13.9981 9.24086 13.9981 9.39999V11.8C14.0221 12.3563 13.8251 12.8995 13.45 13.3115Z"
+                    fill="currentColor"
+                />
             </svg>
         );
     })