trendmicro-frontend / tonic-ui

Tonic UI is a UI component library for React, built with Emotion and Styled System. It is designed to be easy to use and easy to customize.
https://trendmicro-frontend.github.io/tonic-ui
MIT License
125 stars 29 forks source link

feat(react-icons): refine `generate-icons` script to enhance icon name transformation and support deprecated icons #918

Closed cheton closed 2 months ago

cheton commented 2 months ago

PR Type

enhancement, documentation, bug_fix


Description


Changes walkthrough ๐Ÿ“

Relevant files
Enhancement
46 files
search-icons.js
Display deprecation warnings for icons in UI                         

packages/react-docs/pages/icons/search-icons.js
  • Added Alert component for deprecated icons.
  • Displayed deprecation warning in ModalHeader.
  • Updated import statements for deprecated icons.
  • +36/-3   
    AISecurityIcon.js
    Add new AISecurityIcon component                                                 

    packages/react-icons/src/icons/AISecurityIcon.js - Added new `AISecurityIcon` component.
    +8/-0     
    APIIcon.js
    Rename ApiIcon to APIIcon                                                               

    packages/react-icons/src/icons/APIIcon.js - Renamed `ApiIcon` to `APIIcon`.
    +1/-1     
    APIManagementIcon.js
    Rename ApiManagementIcon to APIManagementIcon                       

    packages/react-icons/src/icons/APIManagementIcon.js - Renamed `ApiManagementIcon` to `APIManagementIcon`.
    +1/-1     
    ConnectNoIPIcon.js
    Rename ConnectNoipIcon to ConnectNoIPIcon                               

    packages/react-icons/src/icons/ConnectNoIPIcon.js - Renamed `ConnectNoipIcon` to `ConnectNoIPIcon`.
    +1/-1     
    FilePDFOIcon.js
    Rename FilePdfOIcon to FilePDFOIcon                                           

    packages/react-icons/src/icons/FilePDFOIcon.js - Renamed `FilePdfOIcon` to `FilePDFOIcon`.
    +1/-1     
    FilePPTOIcon.js
    Rename FilePptOIcon to FilePPTOIcon                                           

    packages/react-icons/src/icons/FilePPTOIcon.js - Renamed `FilePptOIcon` to `FilePPTOIcon`.
    +1/-1     
    FileUnzipOIcon.js
    Add new FileUnzipOIcon component                                                 

    packages/react-icons/src/icons/FileUnzipOIcon.js - Added new `FileUnzipOIcon` component.
    +8/-0     
    IAMIcon.js
    Rename IamIcon to IAMIcon                                                               

    packages/react-icons/src/icons/IAMIcon.js - Renamed `IamIcon` to `IAMIcon`.
    +1/-1     
    IEIcon.js
    Rename IeIcon to IEIcon                                                                   

    packages/react-icons/src/icons/IEIcon.js - Renamed `IeIcon` to `IEIcon`.
    +1/-1     
    IOCIcon.js
    Rename IocIcon to IOCIcon                                                               

    packages/react-icons/src/icons/IOCIcon.js - Renamed `IocIcon` to `IOCIcon`.
    +1/-1     
    IPIcon.js
    Rename IpIcon to IPIcon                                                                   

    packages/react-icons/src/icons/IPIcon.js - Renamed `IpIcon` to `IPIcon`.
    +1/-1     
    ListOLIcon.js
    Rename ListOlIcon to ListOLIcon                                                   

    packages/react-icons/src/icons/ListOLIcon.js - Renamed `ListOlIcon` to `ListOLIcon`.
    +1/-1     
    ListULIcon.js
    Rename ListUlIcon to ListULIcon                                                   

    packages/react-icons/src/icons/ListULIcon.js - Renamed `ListUlIcon` to `ListULIcon`.
    +1/-1     
    NASIcon.js
    Rename NasIcon to NASIcon                                                               

    packages/react-icons/src/icons/NASIcon.js - Renamed `NasIcon` to `NASIcon`.
    +1/-1     
    RCAIcon.js
    Rename RcaIcon to RCAIcon                                                               

    packages/react-icons/src/icons/RCAIcon.js - Renamed `RcaIcon` to `RCAIcon`.
    +1/-1     
    ResizeNESWIcon.js
    Rename ResizeNeswIcon to ResizeNESWIcon                                   

    packages/react-icons/src/icons/ResizeNESWIcon.js - Renamed `ResizeNeswIcon` to `ResizeNESWIcon`.
    +1/-1     
    ResizeNWSEIcon.js
    Rename ResizeNwseIcon to ResizeNWSEIcon                                   

    packages/react-icons/src/icons/ResizeNWSEIcon.js - Renamed `ResizeNwseIcon` to `ResizeNWSEIcon`.
    +1/-1     
    SecurityAIIcon.js
    Add new SecurityAIIcon component                                                 

    packages/react-icons/src/icons/SecurityAIIcon.js - Added new `SecurityAIIcon` component.
    +8/-0     
    TVIcon.js
    Rename TvIcon to TVIcon                                                                   

    packages/react-icons/src/icons/TVIcon.js - Renamed `TvIcon` to `TVIcon`.
    +1/-1     
    URLIcon.js
    Rename UrlIcon to URLIcon                                                               

    packages/react-icons/src/icons/URLIcon.js - Renamed `UrlIcon` to `URLIcon`.
    +1/-1     
    USBIcon.js
    Rename UsbIcon to USBIcon                                                               

    packages/react-icons/src/icons/USBIcon.js - Renamed `UsbIcon` to `USBIcon`.
    +1/-1     
    WMIIcon.js
    Rename WmiIcon to WMIIcon                                                               

    packages/react-icons/src/icons/WMIIcon.js - Renamed `WmiIcon` to `WMIIcon`.
    +1/-1     
    AiSecurityIcon.js
    Add deprecated AiSecurityIcon component                                   

    packages/react-icons/src/icons/deprecated/AiSecurityIcon.js - Added deprecated `AiSecurityIcon` component.
    +19/-0   
    ApiIcon.js
    Add deprecated ApiIcon component                                                 

    packages/react-icons/src/icons/deprecated/ApiIcon.js - Added deprecated `ApiIcon` component.
    +19/-0   
    ApiManagementIcon.js
    Add deprecated ApiManagementIcon component                             

    packages/react-icons/src/icons/deprecated/ApiManagementIcon.js - Added deprecated `ApiManagementIcon` component.
    +19/-0   
    ConnectNoipIcon.js
    Add deprecated ConnectNoipIcon component                                 

    packages/react-icons/src/icons/deprecated/ConnectNoipIcon.js - Added deprecated `ConnectNoipIcon` component.
    +19/-0   
    FilePdfOIcon.js
    Add deprecated FilePdfOIcon component                                       

    packages/react-icons/src/icons/deprecated/FilePdfOIcon.js - Added deprecated `FilePdfOIcon` component.
    +19/-0   
    FilePptOIcon.js
    Add deprecated FilePptOIcon component                                       

    packages/react-icons/src/icons/deprecated/FilePptOIcon.js - Added deprecated `FilePptOIcon` component.
    +19/-0   
    IamIcon.js
    Add deprecated IamIcon component                                                 

    packages/react-icons/src/icons/deprecated/IamIcon.js - Added deprecated `IamIcon` component.
    +19/-0   
    IeIcon.js
    Add deprecated IeIcon component                                                   

    packages/react-icons/src/icons/deprecated/IeIcon.js - Added deprecated `IeIcon` component.
    +19/-0   
    IocIcon.js
    Add deprecated IocIcon component                                                 

    packages/react-icons/src/icons/deprecated/IocIcon.js - Added deprecated `IocIcon` component.
    +19/-0   
    IpIcon.js
    Add deprecated IpIcon component                                                   

    packages/react-icons/src/icons/deprecated/IpIcon.js - Added deprecated `IpIcon` component.
    +19/-0   
    ListOlIcon.js
    Add deprecated ListOlIcon component                                           

    packages/react-icons/src/icons/deprecated/ListOlIcon.js - Added deprecated `ListOlIcon` component.
    +19/-0   
    ListUlIcon.js
    Add deprecated ListUlIcon component                                           

    packages/react-icons/src/icons/deprecated/ListUlIcon.js - Added deprecated `ListUlIcon` component.
    +19/-0   
    NasIcon.js
    Add deprecated NasIcon component                                                 

    packages/react-icons/src/icons/deprecated/NasIcon.js - Added deprecated `NasIcon` component.
    +19/-0   
    RcaIcon.js
    Add deprecated RcaIcon component                                                 

    packages/react-icons/src/icons/deprecated/RcaIcon.js - Added deprecated `RcaIcon` component.
    +19/-0   
    ResizeNeswIcon.js
    Add deprecated ResizeNeswIcon component                                   

    packages/react-icons/src/icons/deprecated/ResizeNeswIcon.js - Added deprecated `ResizeNeswIcon` component.
    +19/-0   
    ResizeNwseIcon.js
    Add deprecated ResizeNwseIcon component                                   

    packages/react-icons/src/icons/deprecated/ResizeNwseIcon.js - Added deprecated `ResizeNwseIcon` component.
    +19/-0   
    SecurityAiIcon.js
    Add deprecated SecurityAiIcon component                                   

    packages/react-icons/src/icons/deprecated/SecurityAiIcon.js - Added deprecated `SecurityAiIcon` component.
    +19/-0   
    TvIcon.js
    Add deprecated TvIcon component                                                   

    packages/react-icons/src/icons/deprecated/TvIcon.js - Added deprecated `TvIcon` component.
    +19/-0   
    UrlIcon.js
    Add deprecated UrlIcon component                                                 

    packages/react-icons/src/icons/deprecated/UrlIcon.js - Added deprecated `UrlIcon` component.
    +19/-0   
    UsbIcon.js
    Add deprecated UsbIcon component                                                 

    packages/react-icons/src/icons/deprecated/UsbIcon.js - Added deprecated `UsbIcon` component.
    +19/-0   
    WmiIcon.js
    Add deprecated WmiIcon component                                                 

    packages/react-icons/src/icons/deprecated/WmiIcon.js - Added deprecated `WmiIcon` component.
    +19/-0   
    index.js
    Update icon exports for new and deprecated icons                 

    packages/react-icons/src/icons/index.js
  • Updated exports for renamed icons.
  • Added exports for new and deprecated icons.
  • +45/-19 
    generate-icons.mjs
    Enhance icon generation script with deprecation support   

    packages/react-icons/scripts/generate-icons.mjs
  • Enhanced icon name transformation logic.
  • Added support for generating deprecated icon components.
  • Improved directory cleanup logic.
  • +97/-8   
    Dependencies
    1 files
    package.json
    Update tmicon dependency version                                                 

    packages/react-icons/package.json - Updated `tmicon` dependency version to `1.41.0`.
    +1/-1     

    ๐Ÿ’ก PR-Agent usage: Comment /help on the PR to get a list of all available PR-Agent tools and their descriptions

    codesandbox[bot] commented 2 months ago

    Review or Edit in CodeSandbox

    Open the branch in Web EditorVS CodeInsiders
    Open Preview

    changeset-bot[bot] commented 2 months ago

    ๐Ÿฆ‹ Changeset detected

    Latest commit: b5e9e966a5fc77a81fc329e566a964618e1646aa

    The changes in this PR will be included in the next version bump.

    Not sure what this means? Click here to learn what changesets are.

    Click here if you're a maintainer who wants to add another changeset to this PR

    codiumai-pr-agent-free[bot] commented 2 months ago

    PR Reviewer Guide ๐Ÿ”

    โฑ๏ธ Estimated effort to review: 3 ๐Ÿ”ต๐Ÿ”ต๐Ÿ”ตโšชโšช
    ๐Ÿงช No relevant tests
    ๐Ÿ”’ No security concerns identified
    โšก Key issues to review

    Code Refactoring
    Significant changes to icon exports, including new icons, renamed icons, and deprecated icons. Ensure all icon imports in the project are updated accordingly. UI Enhancement
    Added deprecation warnings for icons in the UI. Verify that the warnings are displayed correctly and the suggested replacements are accurate. Deprecation Handling
    New pattern for handling deprecated icons. Ensure this pattern is consistently applied to all deprecated icons and that the warning messages are correct.
    codiumai-pr-agent-free[bot] commented 2 months ago

    PR Code Suggestions โœจ

    CategorySuggestion                                                                                                                                    Score
    Enhancement
    Add version information to the deprecation warning message ___ **Consider adding a version number or date to the deprecation warning to provide users
    with a timeline for the removal of the deprecated component.** [packages/react-icons/src/icons/deprecated/FilePptOIcon.js [7-9]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-f233310f0f7c8c2c555ed873d27b88abe43850a6a74024576a4b9ad14a22def9R7-R9) ```diff useOnce(() => { - console.error('Warning: The `FilePptOIcon` component is deprecated and will be removed in the next major release. Use the `FilePPTOIcon` component instead.'); + console.error('Warning: The `FilePptOIcon` component is deprecated as of v1.x.x and will be removed in v2.0.0. Use the `FilePPTOIcon` component instead.'); }); ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 8 Why: Including version information in the deprecation warning provides users with a clear timeline for when the deprecated component will be removed, which is valuable for planning and managing updates.
    8
    Group deprecated icon exports for better code organization ___ **Consider grouping the deprecated icons exports together at the end of the file,
    separated by a comment, to improve code organization and maintainability.** [packages/react-icons/src/icons/index.js [470-492]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-9dcb0181203b71176ded463775263786f479c084ac921acec90c7a86362a7dc1R470-R492) ```diff export { default as ZoomOutIcon } from './ZoomOutIcon'; // DEPRECATED ICONS -export { default as AiSecurityIcon } from './deprecated/AiSecurityIcon'; -export { default as ApiIcon } from './deprecated/ApiIcon'; -export { default as ApiManagementIcon } from './deprecated/ApiManagementIcon'; -export { default as ConnectNoipIcon } from './deprecated/ConnectNoipIcon'; -export { default as FilePdfOIcon } from './deprecated/FilePdfOIcon'; -export { default as FilePptOIcon } from './deprecated/FilePptOIcon'; -export { default as IamIcon } from './deprecated/IamIcon'; -export { default as IeIcon } from './deprecated/IeIcon'; -export { default as IocIcon } from './deprecated/IocIcon'; -export { default as IpIcon } from './deprecated/IpIcon'; -export { default as ListOlIcon } from './deprecated/ListOlIcon'; -export { default as ListUlIcon } from './deprecated/ListUlIcon'; -export { default as NasIcon } from './deprecated/NasIcon'; -export { default as RcaIcon } from './deprecated/RcaIcon'; -export { default as ResizeNeswIcon } from './deprecated/ResizeNeswIcon'; -export { default as ResizeNwseIcon } from './deprecated/ResizeNwseIcon'; -export { default as SecurityAiIcon } from './deprecated/SecurityAiIcon'; -export { default as TvIcon } from './deprecated/TvIcon'; -export { default as UrlIcon } from './deprecated/UrlIcon'; -export { default as UsbIcon } from './deprecated/UsbIcon'; -export { default as WmiIcon } from './deprecated/WmiIcon'; +export { + AiSecurityIcon, + ApiIcon, + ApiManagementIcon, + ConnectNoipIcon, + FilePdfOIcon, + FilePptOIcon, + IamIcon, + IeIcon, + IocIcon, + IpIcon, + ListOlIcon, + ListUlIcon, + NasIcon, + RcaIcon, + ResizeNeswIcon, + ResizeNwseIcon, + SecurityAiIcon, + TvIcon, + UrlIcon, + UsbIcon, + WmiIcon, +} from './deprecated'; ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 7 Why: The suggestion to group deprecated icon exports improves code organization and maintainability by clearly separating active and deprecated exports. This change is not critical but enhances readability and future maintenance.
    7
    Extract repeated text into a constant for better maintainability ___ **Consider using a constant for the deprecation warning message to avoid repetition
    and improve maintainability.** [packages/react-docs/pages/icons/search-icons.js [63]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-980b5ae00d3cf503eec4ddb4e989a4d7c193ac0d894aca18d4304c3def372309R63-R63) ```diff -The {name} component is deprecated and will be removed in the next major release. Use {IconComponent.displayName} instead. +const DEPRECATION_MESSAGE = (name, displayName) => `The ${name} component is deprecated and will be removed in the next major release. Use ${displayName} instead.`; +// In the JSX: +{DEPRECATION_MESSAGE(name, IconComponent.displayName)} + ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 7 Why: This suggestion improves maintainability by reducing repetition of the deprecation message, making it easier to update in the future if needed.
    7
    Improve the deprecation warning message with more specific information ___ **Consider using a more specific error message that includes the exact replacement
    component name to guide users more effectively.** [packages/react-icons/src/icons/deprecated/FilePptOIcon.js [7-9]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-f233310f0f7c8c2c555ed873d27b88abe43850a6a74024576a4b9ad14a22def9R7-R9) ```diff useOnce(() => { - console.error('Warning: The `FilePptOIcon` component is deprecated and will be removed in the next major release. Use the `FilePPTOIcon` component instead.'); + console.error('Warning: The `FilePptOIcon` component is deprecated and will be removed in the next major release. Please use the `FilePPTOIcon` component from "@tonic-ui/react-icons" instead.'); }); ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 7 Why: Improving the deprecation warning message with more specific information can significantly aid users in transitioning to the new component, enhancing usability and reducing potential confusion.
    7
    โœ… Simplify conditional rendering using a ternary operator ___
    Suggestion Impact:The commit simplified the conditional rendering of the icon name using a ternary operator, similar to the suggestion. code diff: ```diff - {IconComponent._isDeprecated + {isDeprecated ? {name} (deprecated) : {name} ```
    ___ **Use a ternary operator to simplify the conditional rendering of the icon name in the
    ModalHeader.** [packages/react-docs/pages/icons/search-icons.js [47-50]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-980b5ae00d3cf503eec4ddb4e989a4d7c193ac0d894aca18d4304c3def372309R47-R50) ```diff - {IconComponent._isDeprecated - ? {name} (deprecated) - : {name} - } + + {name}{IconComponent._isDeprecated ? ' (deprecated)' : ''} + ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 6 Why: The suggestion simplifies the code by using a ternary operator, which enhances readability and reduces redundancy in the JSX structure.
    6
    โœ… Use template literals for cleaner string interpolation ___
    Suggestion Impact:The commit implemented template literals for rendering the icon name and deprecation status, improving readability. code diff: ```diff + + {isDeprecated ? `${name} (deprecated)` : name} + + )} + > {({ ref, style }) => ( - {IconComponent._isDeprecated - ? - {name}
    (deprecated) -
    - : name - } + {isDeprecated ? <>{name}
    (deprecated) : name} ```
    ___ **Use template literals instead of string concatenation for better readability when
    rendering the icon name and deprecation status.** [packages/react-docs/pages/icons/search-icons.js [156-161]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-980b5ae00d3cf503eec4ddb4e989a4d7c193ac0d894aca18d4304c3def372309R156-R161) ```diff -{IconComponent._isDeprecated - ? - {name}
    (deprecated) -
    - : name -} + + {`${name}${IconComponent._isDeprecated ? '\n(deprecated)' : ''}`} + ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 5 Why: Using template literals improves readability and consistency in string interpolation, but the improvement is minor as the existing code is already clear.
    5
    Rename the icon component to better describe its visual representation and purpose ___ **Consider using a more descriptive name for the icon component, such as
    'AISecurityShieldIcon', to better reflect its visual representation and purpose.** [packages/react-icons/src/icons/AISecurityIcon.js [5-8]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-80bbff454e8cab6c35ec62d50981f2a53346502ecbb34749f7b592c4648f8268R5-R8) ```diff export default createSVGIcon( <>, - 'AISecurityIcon', + 'AISecurityShieldIcon', ); ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 5 Why: While the suggestion to rename the icon component to better reflect its visual representation is reasonable, it is not crucial for functionality or performance. It is a minor enhancement for clarity.
    5
    Maintainability
    Add a descriptive comment for the icon's visual representation ___ **Consider adding a descriptive comment for the icon's visual representation to
    improve code readability and maintainability.** [packages/react-icons/src/icons/FileUnzipOIcon.js [5-8]](https://github.com/trendmicro-frontend/tonic-ui/pull/918/files#diff-90aba202505a34de432d5db23d7f47a7d39278aca8e7f08aee575049e633c96aR5-R8) ```diff export default createSVGIcon( + // Icon representing a file being unzipped, with a zipper-like structure <>, 'FileUnzipOIcon', ); ``` - [ ] **Apply this suggestion**
    Suggestion importance[1-10]: 6 Why: Adding a descriptive comment can improve code readability and maintainability, which is beneficial for developers who may work on the code in the future. However, it is not essential for the code's functionality.
    6
    codesandbox-ci[bot] commented 2 months ago

    This pull request is automatically built and testable in CodeSandbox.

    To see build info of the built libraries, click here or the icon next to each commit SHA.

    trendmicro-frontend-bot commented 2 months ago

    Tonic UI Demo

    codecov[bot] commented 2 months ago

    Codecov Report

    Attention: Patch coverage is 50.00000% with 57 lines in your changes missing coverage. Please review.

    Project coverage is 77.21%. Comparing base (7f6fbc5) to head (b5e9e96). Report is 1 commits behind head on v2.

    Files with missing lines Patch % Lines
    ...ckages/react-icons/src/icons/deprecated/ApiIcon.js 50.00% 3 Missing :warning:
    ...ct-icons/src/icons/deprecated/ApiManagementIcon.js 50.00% 3 Missing :warning:
    ...eact-icons/src/icons/deprecated/ConnectNoipIcon.js 50.00% 3 Missing :warning:
    ...s/react-icons/src/icons/deprecated/FilePdfOIcon.js 50.00% 3 Missing :warning:
    ...s/react-icons/src/icons/deprecated/FilePptOIcon.js 50.00% 3 Missing :warning:
    ...ckages/react-icons/src/icons/deprecated/IamIcon.js 50.00% 3 Missing :warning:
    ...ackages/react-icons/src/icons/deprecated/IeIcon.js 50.00% 3 Missing :warning:
    ...ckages/react-icons/src/icons/deprecated/IocIcon.js 50.00% 3 Missing :warning:
    ...ackages/react-icons/src/icons/deprecated/IpIcon.js 50.00% 3 Missing :warning:
    ...ges/react-icons/src/icons/deprecated/ListOlIcon.js 50.00% 3 Missing :warning:
    ... and 9 more
    Additional details and impacted files ```diff @@ Coverage Diff @@ ## v2 #918 +/- ## ========================================== - Coverage 77.74% 77.21% -0.53% ========================================== Files 377 396 +19 Lines 6295 6409 +114 ========================================== + Hits 4894 4949 +55 - Misses 1401 1460 +59 ``` | [Flag](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flags&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | Coverage ฮ” | | |---|---|---| | [-base](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [-github](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [-hooks](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [-icons](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [-system](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [codemod](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [react](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [theme](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | | [utils](https://app.codecov.io/gh/trendmicro-frontend/tonic-ui/pull/918/flags?src=pr&el=flag&utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend) | `77.21% <50.00%> (-0.53%)` | :arrow_down: | Flags with carried forward coverage won't be shown. [Click here](https://docs.codecov.io/docs/carryforward-flags?utm_medium=referral&utm_source=github&utm_content=comment&utm_campaign=pr+comments&utm_term=trendmicro-frontend#carryforward-flags-in-the-pull-request-comment) to find out more.

    :umbrella: View full report in Codecov by Sentry.
    :loudspeaker: Have feedback on the report? Share it here.

    cheton commented 2 months ago

    /ask Identify all the icons that have been renamed and provide a sorted list.

    codiumai-pr-agent-free[bot] commented 2 months ago

    Askโ“

    Identify all the icons that have been renamed and provide a sorted list.

    Answer:

    The following icons have been renamed in the PR:

    1. ApiIcon to APIIcon
    2. ApiManagementIcon to APIManagementIcon
    3. ConnectNoipIcon to ConnectNoIPIcon
    4. FilePdfOIcon to FilePDFOIcon
    5. FilePptOIcon to FilePPTOIcon
    6. IamIcon to IAMIcon
    7. IeIcon to IEIcon
    8. IocIcon to IOCIcon
    9. IpIcon to IPIcon
    10. ListOlIcon to ListOLIcon
    11. ListUlIcon to ListULIcon
    12. NasIcon to NASIcon
    13. RcaIcon to RCAIcon
    14. ResizeNeswIcon to ResizeNESWIcon
    15. ResizeNwseIcon to ResizeNWSEIcon
    16. TvIcon to TVIcon
    17. UrlIcon to URLIcon
    18. UsbIcon to USBIcon
    19. WmiIcon to WMIIcon

    This list is sorted alphabetically by the original icon names.