Move icon rotation class to container so it acts on custom icons too

Author: CarlosNZ

demo/src/App.tsx

@@ -366,6 +366,7 @@ function App() {
               stringTruncate={90}
               customNodeDefinitions={dataDefinition?.customNodeDefinitions}
               customText={dataDefinition?.customTextDefinitions}
+              // icons={{ chevron: <IconCancel size="1.2em" /> }}
               // customButtons={[
               //   {
               //     Element: () => (

src/CollectionNode.tsx

@@ -384,7 +384,10 @@ export const CollectionNode: React.FC<CollectionNodeProps> = (props) => {
       {showCollectionWrapper ? (
         <div className="jer-collection-header-row" style={{ position: 'relative' }}>
           <div className="jer-collection-name">
-            <div className="jer-collapse-icon" onClick={(e) => handleCollapse(e)}>
+            <div
+              className={`jer-collapse-icon jer-accordion-icon${collapsed ? ' jer-rotate-90' : ''}`}
+              onClick={(e) => handleCollapse(e)}
+            >
               <Icon name="chevron" rotate={collapsed} nodeData={nodeData} />
             </div>
             {KeyDisplay}

src/Icons.tsx

@@ -170,13 +170,7 @@ export const Icon: React.FC<IconSharedProps> = ({ name, nodeData, rotate }): JSX
       )
     case 'chevron':
       return (
-        icons?.chevron ?? (
-          <IconChevron
-            className={`jer-accordion-icon${rotate ? ' jer-rotate-90' : ''}`}
-            size="1em"
-            style={getStyles('iconCollection', nodeData)}
-          />
-        )
+        icons?.chevron ?? <IconChevron size="1em" style={getStyles('iconCollection', nodeData)} />
       )
     default:
       return <></>