dev

.storybook/webpack.config.js

@@ -25,12 +25,36 @@ module.exports = ({ config }) => {
     ]
   })
   config.module.rules.push({
-    test: /\.(svg|gif|jpe?g|png)$/,
-    use: [
+    test: /\.(svg)$/i,
+    oneOf: [
       {
-        loader: require.resolve('url-loader'),
+        loader: 'file-loader',
+        query: { name: 'static/[name].[ext]' },
       },
-    ]
+      {
+        loader: 'url-loader',
+        query: {
+          limit: 10000,
+          name: 'static/[name].[ext]',
+        },
+      },
+    ],
+  })
+  config.module.rules.push({
+    test: /\.(jpe?g|png|gif)$/i,
+    oneOf: [
+      {
+        loader: 'file-loader',
+        query: { name: 'static/[name].[ext]' },
+      },
+      {
+        loader: 'url-loader',
+        query: {
+          limit: 10000,
+          name: 'static/[name].[ext]',
+        },
+      },
+    ],
   })
   config.module.rules.push({
     test: /\.(eot|woff|woff2|ttf)$/,

package.json

@@ -11,7 +11,7 @@
     "dev": "yarn install && NODE_ENV=development ts-node -r tsconfig-paths/register ./devServer.ts",
     "tslint-fix": "npx tslint --fix './src/**/*.{ts,tsx}'",
     "tslint": "npx tslint './src/**/*.{ts,tsx}'",
-    "storybook": "start-storybook -p 6006",
+    "storybook": "npm run build && start-storybook -s dist -p 6006",
     "build": "NODE_ENV=production npm run clean && npm run build:js",
     "build:js": "webpack -p --hide-modules --config config/webpack/prod.ts",
     "clean": "rimraf dist/",

src/components/molecules/EODataTable/index.tsx

@@ -7,7 +7,13 @@ import Icon from '@salesforce/design-system-react/components/icon'
 
 export default function EODataTable(props: any) {
   return (
-    <IconSettings iconPath="/assets/icons">
+    <IconSettings
+      standardSprite={'static/symbols.svg'}
+      utilitySprite={'static/symbols.svg'}
+      actionSprite={'static/symbols.svg'}
+      doctypeSprite={'static/symbols.svg'}
+      customSprite={'static/symbols.svg'}
+    >
       <div style={{ overflow: 'auto' }}>
         <h3 className="slds-text-heading_medium slds-m-vertical_medium">
           {props.tableTitle}