chore(ffe-tables-react): use ffe-icons-react instad og ffe-symbols-react

Author: Peter Hellstrand

packages/ffe-tables-react/package.json

@@ -25,7 +25,7 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-symbols-react": "^3.0.2",
+        "@sb1/ffe-icons-react": "^9.0.0",
         "@sb1/ffe-tables": "^14.0.4",
         "classnames": "^2.3.1",
         "deep-equal": "^1.0.1",

packages/ffe-tables-react/src/SortableTable/SortableTable.js

@@ -1,4 +1,4 @@
-import Symbol from '@sb1/ffe-symbols-react';
+import { Icon } from '@sb1/ffe-icons-react';
 import classNames from 'classnames';
 import equal from 'deep-equal';
 import PropTypes from 'prop-types';
@@ -91,7 +91,7 @@ class SortableTable extends Component {
                 onClick={this.tableHeaderClicked.bind(this, column.key)}
             >
                 {column.header}
-                <Symbol
+                <Icon
                     className={classNames(
                         'icon',
                         'ffe-sortable-table__sort-arrow',
@@ -101,7 +101,7 @@ class SortableTable extends Component {
                                 this.state.descending,
                         },
                     )}
-                    icon="arrow_drop_down"
+                    fileUrl="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00NjAuODA4LTM5My4wNCAzMzQuNzYzLTUxOS4wODRxLTIuNjA4LTIuNjA4LTQuMTA4LTUuODI0LTEuNS0zLjIxNy0xLjUtNi44OTMgMC03LjM1MiA0Ljk3Mi0xMi43NzUgNC45NzEtNS40MjMgMTMuMTA1LTUuNDIzaDI2NS41MzZxOC4xMzQgMCAxMy4xMDUgNS40NzUgNC45NzIgNS40NzYgNC45NzIgMTIuNzc2IDAgMS44MjYtNS42MTYgMTIuNjcyTDQ5OS4xOTItMzkzLjAzOXEtNC4zNDYgNC4zNDYtOC45ODUgNi4zNDYtNC42NCAyLTEwLjIwNyAyLTUuNTY3IDAtMTAuMjA3LTItNC42MzktMi04Ljk4NS02LjM0N1oiLz48L3N2Zz4="
                     size="md"
                 />
             </span>

packages/ffe-tables-react/src/TableParts/TableRowExpandable.js

@@ -1,4 +1,4 @@
-import Symbol from '@sb1/ffe-symbols-react';
+import { Icon } from '@sb1/ffe-icons-react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
@@ -64,15 +64,15 @@ class TableRowExpandable extends Component {
                         expandIcon: unexpandable ? (
                             ' '
                         ) : (
-                            <Symbol
+                            <Icon
                                 className={classNames(
                                     'ffe-table__expand-icon',
                                     {
                                         'ffe-table__expand-icon--expanded': this
                                             .state.expanded,
                                     },
                                 )}
-                                icon="expand_more"
+                                fileUrl="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgLTk2MCA5NjAgOTYwIiB3aWR0aD0iMjQiPjxwYXRoIGQ9Ik00ODAtMzczLjUzOXEtNy4yMzEgMC0xMy40NjEtMi4zMDgtNi4yMzEtMi4zMDgtMTEuODQ2LTcuOTIzTDI3NC45MjQtNTYzLjUzOXEtOC4zMDgtOC4zMDctOC41LTIwLjg4NC0uMTkzLTEyLjU3NyA4LjUtMjEuMjY5IDguNjkyLTguNjkyIDIxLjA3Ni04LjY5MnQyMS4wNzYgOC42OTJMNDgwLTQ0Mi43NjhsMTYyLjkyNC0xNjIuOTI0cTguMzA3LTguMzA3IDIwLjg4NC04LjUgMTIuNTc2LS4xOTIgMjEuMjY4IDguNSA4LjY5MyA4LjY5MiA4LjY5MyAyMS4wNzcgMCAxMi4zODQtOC42OTMgMjEuMDc2TDUwNS4zMDctMzgzLjc3cS01LjYxNSA1LjYxNS0xMS44NDYgNy45MjMtNi4yMyAyLjMwOC0xMy40NjEgMi4zMDhaIi8+PC9zdmc+"
                                 size="md"
                             />
                         ),