Refactor #4220 - Replace primereact/icon/* with primereact/icons/*

components/lib/accordion/Accordion.js

@@ -4,8 +4,8 @@ import { CSSTransition } from '../csstransition/CSSTransition';
 import { useMountEffect } from '../hooks/Hooks';
 import { classNames, IconUtils, ObjectUtils, UniqueComponentId } from '../utils/Utils';
 import { AccordionBase, AccordionTabBase } from './AccordionBase';
-import { ChevronRightIcon } from '../icon/chevronright';
-import { ChevronDownIcon } from '../icon/chevrondown';
+import { ChevronRightIcon } from '../icons/chevronright';
+import { ChevronDownIcon } from '../icons/chevrondown';
 
 export const AccordionTab = () => {};
 

components/lib/autocomplete/AutoComplete.js

@@ -8,9 +8,9 @@ import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, DomHandler, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils } from '../utils/Utils';
 import { AutoCompleteBase } from './AutoCompleteBase';
 import { AutoCompletePanel } from './AutoCompletePanel';
-import { ChevronDownIcon } from '../icon/chevrondown';
-import { TimesCircleIcon } from '../icon/timescircle';
-import { SpinnerIcon } from '../icon/spinner';
+import { ChevronDownIcon } from '../icons/chevrondown';
+import { TimesCircleIcon } from '../icons/timescircle';
+import { SpinnerIcon } from '../icons/spinner';
 
 export const AutoComplete = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/breadcrumb/BreadCrumb.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { classNames, IconUtils, ObjectUtils } from '../utils/Utils';
 import { BreadCrumbBase } from './BreadCrumbBase';
-import { ChevronRightIcon } from '../icon/chevronright';
+import { ChevronRightIcon } from '../icons/chevronright';
 
 export const BreadCrumb = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/button/Button.js

@@ -3,7 +3,7 @@ import { Ripple } from '../ripple/Ripple';
 import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, IconUtils, ObjectUtils } from '../utils/Utils';
 import { ButtonBase } from './ButtonBase';
-import { SpinnerIcon } from '../icon/spinner';
+import { SpinnerIcon } from '../icons/spinner';
 
 export const Button = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/calendar/Calendar.js

@@ -8,11 +8,11 @@ import { Ripple } from '../ripple/Ripple';
 import { DomHandler, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils, classNames, mask } from '../utils/Utils';
 import { CalendarBase } from './CalendarBase';
 import { CalendarPanel } from './CalendarPanel';
-import { CalendarIcon } from '../icon/calendar';
-import { ChevronLeftIcon } from '../icon/chevronleft';
-import { ChevronRightIcon } from '../icon/chevronright';
-import { ChevronUpIcon } from '../icon/chevronup';
-import { ChevronDownIcon } from '../icon/chevrondown';
+import { CalendarIcon } from '../icons/calendar';
+import { ChevronLeftIcon } from '../icons/chevronleft';
+import { ChevronRightIcon } from '../icons/chevronright';
+import { ChevronUpIcon } from '../icons/chevronup';
+import { ChevronDownIcon } from '../icons/chevrondown';
 export const Calendar = React.memo(
     React.forwardRef((inProps, ref) => {
         const props = CalendarBase.getProps(inProps);

components/lib/carousel/Carousel.js

@@ -4,10 +4,10 @@ import { useMountEffect, usePrevious, useResizeListener, useUnmountEffect, useUp
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils, UniqueComponentId } from '../utils/Utils';
 import { CarouselBase } from './CarouselBase';
-import { ChevronUpIcon } from '../icon/chevronup';
-import { ChevronRightIcon } from '../icon/chevronright';
-import { ChevronDownIcon } from '../icon/chevrondown';
-import { ChevronLeftIcon } from '../icon/chevronleft';
+import { ChevronUpIcon } from '../icons/chevronup';
+import { ChevronRightIcon } from '../icons/chevronright';
+import { ChevronDownIcon } from '../icons/chevrondown';
+import { ChevronLeftIcon } from '../icons/chevronleft';
 
 const CarouselItem = React.memo((props) => {
     const content = props.template(props.item);

components/lib/cascadeselect/CascadeSelect.js

@@ -7,7 +7,7 @@ import { Portal } from '../portal/Portal';
 import { classNames, DomHandler, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils } from '../utils/Utils';
 import { CascadeSelectBase } from './CascadeSelectBase';
 import { CascadeSelectSub } from './CascadeSelectSub';
-import { ChevronDownIcon } from '../icon/chevrondown';
+import { ChevronDownIcon } from '../icons/chevrondown';
 export const CascadeSelect = React.memo(
     React.forwardRef((inProps, ref) => {
         const props = CascadeSelectBase.getProps(inProps);

components/lib/cascadeselect/CascadeSelectSub.js

@@ -3,7 +3,7 @@ import PrimeReact from '../api/Api';
 import { useMountEffect, useUpdateEffect } from '../hooks/Hooks';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
-import { AngleRightIcon } from '../icon/angleright';
+import { AngleRightIcon } from '../icons/angleright';
 export const CascadeSelectSub = React.memo((props) => {
     const [activeOptionState, setActiveOptionState] = React.useState(null);
     const elementRef = React.useRef(null);

components/lib/checkbox/Checkbox.js

@@ -3,7 +3,7 @@ import { useUpdateEffect } from '../hooks/Hooks';
 import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
 import { CheckboxBase } from './CheckboxBase';
-import { CheckIcon } from '../icon/check';
+import { CheckIcon } from '../icons/check';
 export const Checkbox = React.memo(
     React.forwardRef((inProps, ref) => {
         const props = CheckboxBase.getProps(inProps);

components/lib/chip/Chip.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { classNames, IconUtils, ObjectUtils } from '../utils/Utils';
 import { ChipBase } from './ChipBase';
-import { TimesCircleIcon } from '../icon/timescircle';
+import { TimesCircleIcon } from '../icons/timescircle';
 export const Chip = React.memo(
     React.forwardRef((inProps, ref) => {
         const props = ChipBase.getProps(inProps);

components/lib/chips/Chips.js

@@ -3,7 +3,7 @@ import { KeyFilter } from '../keyfilter/KeyFilter';
 import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
 import { ChipsBase } from './ChipsBase';
-import { TimesCircleIcon } from '../icon/timescircle';
+import { TimesCircleIcon } from '../icons/timescircle';
 
 export const Chips = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/contextmenu/ContextMenuSub.js

@@ -3,7 +3,7 @@ import { CSSTransition } from '../csstransition/CSSTransition';
 import { useUpdateEffect } from '../hooks/Hooks';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils } from '../utils/Utils';
-import { AngleRightIcon } from '../icon/angleright';
+import { AngleRightIcon } from '../icons/angleright';
 
 export const ContextMenuSub = React.memo((props) => {
     const [activeItemState, setActiveItemState] = React.useState(null);

components/lib/datatable/BodyCell.js

@@ -7,12 +7,12 @@ import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
 import { RowCheckbox } from './RowCheckbox';
 import { RowRadioButton } from './RowRadioButton';
-import { CheckIcon } from '../icon/check';
-import { TimesIcon } from '../icon/times';
-import { PencilIcon } from '../icon/pencil';
-import { ChevronDownIcon } from '../icon/chevrondown';
-import { ChevronRightIcon } from '../icon/chevronright';
-import { BarsIcon } from '../icon/bars';
+import { CheckIcon } from '../icons/check';
+import { TimesIcon } from '../icons/times';
+import { PencilIcon } from '../icons/pencil';
+import { ChevronDownIcon } from '../icons/chevrondown';
+import { ChevronRightIcon } from '../icons/chevronright';
+import { BarsIcon } from '../icons/bars';
 
 export const BodyCell = React.memo((props) => {
     const [editingState, setEditingState] = React.useState(props.editing);

components/lib/datatable/ColumnFilter.js

@@ -10,10 +10,10 @@ import { OverlayService } from '../overlayservice/OverlayService';
 import { Portal } from '../portal/Portal';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from '../utils/Utils';
-import { FilterIcon } from '../icon/filter';
-import { FilterSlashIcon } from '../icon/filterslash';
-import { TrashIcon } from '../icon/trash';
-import { PlusIcon } from '../icon/plus';
+import { FilterIcon } from '../icons/filter';
+import { FilterSlashIcon } from '../icons/filterslash';
+import { TrashIcon } from '../icons/trash';
+import { PlusIcon } from '../icons/plus';
 
 export const ColumnFilter = React.memo((props) => {
     const [overlayVisibleState, setOverlayVisibleState] = React.useState(false);

components/lib/datatable/DataTable.js

@@ -9,9 +9,9 @@ import { DataTableBase } from './DataTableBase';
 import { TableBody } from './TableBody';
 import { TableFooter } from './TableFooter';
 import { TableHeader } from './TableHeader';
-import { SpinnerIcon } from '../icon/spinner';
-import { ArrowDownIcon } from '../icon/arrowdown';
-import { ArrowUpIcon } from '../icon/arrowup';
+import { SpinnerIcon } from '../icons/spinner';
+import { ArrowDownIcon } from '../icons/arrowdown';
+import { ArrowUpIcon } from '../icons/arrowup';
 
 export const DataTable = React.forwardRef((inProps, ref) => {
     const props = DataTableBase.getProps(inProps);

components/lib/datatable/HeaderCell.js

@@ -5,9 +5,9 @@ import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
 import { ColumnFilter } from './ColumnFilter';
 import { HeaderCheckbox } from './HeaderCheckbox';
-import { SortAltIcon } from '../icon/sortalt';
-import { SortAmountDownIcon } from '../icon/sortamountdown';
-import { SortAmountUpAltIcon } from '../icon/sortamountupalt';
+import { SortAltIcon } from '../icons/sortalt';
+import { SortAmountDownIcon } from '../icons/sortamountdown';
+import { SortAmountUpAltIcon } from '../icons/sortamountupalt';
 
 export const HeaderCell = React.memo((props) => {
     const [styleObjectState, setStyleObjectState] = React.useState({});

components/lib/datatable/HeaderCheckbox.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconUtils, classNames } from '../utils/Utils';
-import { CheckIcon } from '../icon/check';
+import { CheckIcon } from '../icons/check';
 
 export const HeaderCheckbox = React.memo((props) => {
     const [focusedState, setFocusedState] = React.useState(false);

components/lib/datatable/RowCheckbox.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { IconUtils, classNames } from '../utils/Utils';
-import { CheckIcon } from '../icon/check';
+import { CheckIcon } from '../icons/check';
 
 export const RowCheckbox = React.memo((props) => {
     const [focusedState, setFocusedState] = React.useState(false);

components/lib/datatable/RowTogglerButton.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { ariaLabel } from '../api/Api';
 import { Ripple } from '../ripple/Ripple';
 import { IconUtils } from '../utils/Utils';
-import { ChevronDownIcon } from '../icon/chevrondown';
-import { ChevronRightIcon } from '../icon/chevronright';
+import { ChevronDownIcon } from '../icons/chevrondown';
+import { ChevronRightIcon } from '../icons/chevronright';
 
 export const RowTogglerButton = React.memo((props) => {
     const onClick = (event) => {

components/lib/dataview/DataView.js

@@ -4,9 +4,9 @@ import { Paginator } from '../paginator/Paginator';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, IconUtils, ObjectUtils } from '../utils/Utils';
 import { DataViewBase, DataViewLayoutOptionsBase } from './DataViewBase';
-import { BarsIcon } from '../icon/bars';
-import { ThLargeIcon } from '../icon/thlarge';
-import { SpinnerIcon } from '../icon/spinner';
+import { BarsIcon } from '../icons/bars';
+import { ThLargeIcon } from '../icons/thlarge';
+import { SpinnerIcon } from '../icons/spinner';
 
 export const DataViewLayoutOptions = React.memo((inProps) => {
     const props = DataViewLayoutOptionsBase.getProps(inProps);

components/lib/dialog/Dialog.js

@@ -6,9 +6,9 @@ import { Portal } from '../portal/Portal';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils, UniqueComponentId, ZIndexUtils } from '../utils/Utils';
 import { DialogBase } from './DialogBase';
-import { TimesIcon } from '../icon/times';
-import { WindowMaximizeIcon } from '../icon/windowmaximize';
-import { WindowMinimizeIcon } from '../icon/windowminimize';
+import { TimesIcon } from '../icons/times';
+import { WindowMaximizeIcon } from '../icons/windowmaximize';
+import { WindowMinimizeIcon } from '../icons/windowminimize';
 
 export const Dialog = React.forwardRef((inProps, ref) => {
     const props = DialogBase.getProps(inProps);

components/lib/dropdown/Dropdown.js

@@ -6,8 +6,8 @@ import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from '../utils/Utils';
 import { DropdownBase } from './DropdownBase';
 import { DropdownPanel } from './DropdownPanel';
-import { ChevronDownIcon } from '../icon/chevrondown';
-import { TimesIcon } from '../icon/times';
+import { ChevronDownIcon } from '../icons/chevrondown';
+import { TimesIcon } from '../icons/times';
 
 export const Dropdown = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/dropdown/DropdownPanel.js

@@ -5,8 +5,8 @@ import { Portal } from '../portal/Portal';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
 import { VirtualScroller } from '../virtualscroller/VirtualScroller';
 import { DropdownItem } from './DropdownItem';
-import { TimesIcon } from '../icon/times';
-import { SearchIcon } from '../icon/search';
+import { TimesIcon } from '../icons/times';
+import { SearchIcon } from '../icons/search';
 
 export const DropdownPanel = React.memo(
     React.forwardRef((props, ref) => {

components/lib/fieldset/Fieldset.js

@@ -4,8 +4,8 @@ import { useMountEffect } from '../hooks/Hooks';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, IconUtils, UniqueComponentId } from '../utils/Utils';
 import { FieldsetBase } from './FieldsetBase';
-import { PlusIcon } from '../icon/plus';
-import { MinusIcon } from '../icon/minus';
+import { PlusIcon } from '../icons/plus';
+import { MinusIcon } from '../icons/minus';
 
 export const Fieldset = React.forwardRef((inProps, ref) => {
     const props = FieldsetBase.getProps(inProps);

components/lib/fileupload/FileUpload.js

@@ -7,9 +7,9 @@ import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils } from '../utils/Utils';
 import { FileUploadBase } from './FileUploadBase';
 import { Badge } from '../badge/Badge';
-import { PlusIcon } from '../icon/plus';
-import { UploadIcon } from '../icon/upload';
-import { TimesIcon } from '../icon/times';
+import { PlusIcon } from '../icons/plus';
+import { UploadIcon } from '../icons/upload';
+import { TimesIcon } from '../icons/times';
 
 export const FileUpload = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/galleria/Galleria.js

@@ -8,7 +8,7 @@ import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from '../
 import { GalleriaBase } from './GalleriaBase';
 import { GalleriaItem } from './GalleriaItem';
 import { GalleriaThumbnails } from './GalleriaThumbnails';
-import { TimesIcon } from '../icon/times';
+import { TimesIcon } from '../icons/times';
 
 export const Galleria = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/galleria/GalleriaItem.js

@@ -2,8 +2,8 @@ import * as React from 'react';
 import { useMountEffect } from '../hooks/Hooks';
 import { Ripple } from '../ripple/Ripple';
 import { IconUtils, classNames } from '../utils/Utils';
-import { ChevronLeftIcon } from '../icon/chevronleft';
-import { ChevronRightIcon } from '../icon/chevronright';
+import { ChevronLeftIcon } from '../icons/chevronleft';
+import { ChevronRightIcon } from '../icons/chevronright';
 
 export const GalleriaItem = React.memo(
     React.forwardRef((props, ref) => {

components/lib/galleria/GalleriaThumbnails.js

@@ -3,10 +3,10 @@ import PrimeReact from '../api/Api';
 import { useMountEffect, usePrevious, useResizeListener, useUpdateEffect } from '../hooks/Hooks';
 import { Ripple } from '../ripple/Ripple';
 import { classNames, DomHandler, IconUtils, ObjectUtils, UniqueComponentId } from '../utils/Utils';
-import { ChevronLeftIcon } from '../icon/chevronleft';
-import { ChevronUpIcon } from '../icon/chevronup';
-import { ChevronRightIcon } from '../icon/chevronright';
-import { ChevronDownIcon } from '../icon/chevrondown';
+import { ChevronLeftIcon } from '../icons/chevronleft';
+import { ChevronUpIcon } from '../icons/chevronup';
+import { ChevronRightIcon } from '../icons/chevronright';
+import { ChevronDownIcon } from '../icons/chevrondown';
 
 const GalleriaThumbnailItem = React.memo((props) => {
     const onItemClick = (event) => {

components/lib/iconbase/IconBase.css

@@ -1,8 +1,5 @@
-/* Theme */
 .p-icon {
     display: inline-block;
-    width: 1rem;
-    height: 1rem;
 }
 
 .p-icon-spin {

components/lib/icon/angledoubledown/index.d.ts → components/lib/icons/angledoubledown/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { IconBaseProps } from '../../iconbase';
+import { IconBaseProps } from '../../iconbase/iconbase';
 
 /**
  * Defines valid properties in AngleDoubleDownIcon component. In addition to these, all properties of SVGSVGElement can be used in this component.

components/lib/image/Image.js

@@ -5,13 +5,13 @@ import { useUnmountEffect } from '../hooks/Hooks';
 import { Portal } from '../portal/Portal';
 import { classNames, DomHandler, IconUtils, ObjectUtils, ZIndexUtils } from '../utils/Utils';
 import { ImageBase } from './ImageBase';
-import { DownloadIcon } from '../icon/download';
-import { RefreshIcon } from '../icon/refresh';
-import { EyeIcon } from '../icon/eye';
-import { UndoIcon } from '../icon/undo';
-import { SearchMinusIcon } from '../icon/searchminus';
-import { SearchPlusIcon } from '../icon/searchplus';
-import { TimesIcon } from '../icon/times';
+import { DownloadIcon } from '../icons/download';
+import { RefreshIcon } from '../icons/refresh';
+import { EyeIcon } from '../icons/eye';
+import { UndoIcon } from '../icons/undo';
+import { SearchMinusIcon } from '../icons/searchminus';
+import { SearchPlusIcon } from '../icons/searchplus';
+import { TimesIcon } from '../icons/times';
 
 export const Image = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/inplace/Inplace.js

@@ -3,7 +3,7 @@ import { localeOption } from '../api/Api';
 import { Button } from '../button/Button';
 import { classNames, IconUtils, ObjectUtils } from '../utils/Utils';
 import { InplaceBase, InplaceContentBase, InplaceDisplayBase } from './InplaceBase';
-import { TimesIcon } from '../icon/times';
+import { TimesIcon } from '../icons/times';
 
 export const InplaceDisplay = (props) => props.children;
 export const InplaceContent = (props) => props.children;

components/lib/inputnumber/InputNumber.js

@@ -5,8 +5,8 @@ import { Ripple } from '../ripple/Ripple';
 import { Tooltip } from '../tooltip/Tooltip';
 import { classNames, DomHandler, ObjectUtils, IconUtils } from '../utils/Utils';
 import { InputNumberBase } from './InputNumberBase';
-import { AngleUpIcon } from '../icon/angleup';
-import { AngleDownIcon } from '../icon/angledown';
+import { AngleUpIcon } from '../icons/angleup';
+import { AngleDownIcon } from '../icons/angledown';
 
 export const InputNumber = React.memo(
     React.forwardRef((inProps, ref) => {

components/lib/listbox/ListBoxHeader.js

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { InputText } from '../inputtext/InputText';
 import { IconUtils, ObjectUtils } from '../utils/Utils';
-import { SearchIcon } from '../icon/search';
+import { SearchIcon } from '../icons/search';
 
 export const ListBoxHeader = React.memo((props) => {
     const filterOptions = {