Update metric-semaphores.js

We recently had a bug on the color picker when used in extensions (QLIK-94131) so I went through all extensions to check their status, this was the only one with a potential problem.
The property notation should be as I changed it now (but after fixing the bug it will work anyway). However, there might be code elsewhere in the extension that mitigates the bug, so make sure this gets tested.

resources/Accounts.csv

@@ -0,0 +1,44 @@
+Accounts;Bold;Background;FontStyle;LetterColor;Align;Size;Comment
+Revenues;;rgb(183, 219, 255);<italic>;;<center>;;<comment>
+Gross sales revenues;;;;;;;
+Less return & allowances;;;;;;;
+Net sales revenues;<bold>;#efefef;;;;;
+Cost of goods sold;<bold>;;;;;;
+Direct materials;;;;;;;
+Direct labor;;;;;;;
+Manufacturing overhead;;#b7dbff;<italic>;;<center>;;<comment>
+Indirect labor;;;;;;;
+Depreciation, manufacturing equip;;;;;;;
+Other mfr overhead;;;;;;;
+Net mfr overhead;<bold>;#CCC0FF;;;;;
+Net costs of goods sold;<bold>;#CCC0FF;;;;;
+Gross profit;<bold>;#C4C4C4;;;<center>;<large>;
+Operating expenses;<bold>;;<italic>;;;;
+Selling expenses;;;;;;;
+Sales salaries;;;;;;;
+Warranty expenses;;;;;;;
+Depreciation, store equipment;;;;;;;
+Other selling expenses3;;;;;;;
+Total selling expenses;<bold>;#CCC0FF;;;;;
+General & administrative expenses;;#b7dbff;<italic>;;<center>;;<comment>
+Administration salaries;;;;;;;
+Rent expenses;;;;;;;
+Depreciation, computers;;;;;;;
+Other general & admin expenses;;;;;;;
+total general & admin expenses;<bold>;#efefef;;;;;
+total operating expenses;<bold>;#CCC0FF;;;;;
+Operating income before taxes;<bold>;#C4C4C4;;<white>;;<large>;
+Financial revenue & expenses;;#b7dbff;<italic>;;<center>;;<comment>
+Revenue from investments;;;;;;;
+Less interest expenses;;;;;;;
+Net financial gain (expense);;;;;;;
+Income before tax & extraordinary items;<bold>;#C4C4C4;;<white>;;<large>;
+Less income tax on operations;;;;;;;
+Income before extraordinary items;;;;;;;
+Extraordinary items;;#b7dbff;<italic>;;<center>;;<comment>
+Sale of land;;;;;;;
+Less initial cost;;;;;;;
+Net gain on sale of land;<bold>;#efefef;;;;;
+Less income tax on gain;;;;;;;
+Extraordinary items after tax;<bold>;#efefef;;;;;
+Net Income (Profit);<bold>;#C4C4C4;;<white>;<center>;<large>;

resources/Accounts2.csv

@@ -0,0 +1,21 @@
+Accounts;Bold;Background;FontStyle;LetterColor;Align;Size;Comment
+Revenues;<bold>;;<italic>;;<center>;;<comment>
+Net sales revenues;<bold>;rgb(128, 191, 255);;;;;
+Cost of goods sold;<bold>;rgb(128, 191, 255);;;;;
+Manufacturing overhead;<bold>;;<italic>;;<center>;;<comment>
+Net mfr overhead;<bold>;rgb(128, 191, 255);;;;;
+Net costs of goods sold;<bold>;rgb(128, 191, 255);;;;;
+Gross profit;<bold>;rgb(0, 102, 204);<white>;;<center>;<large>;
+Operating expenses;<bold>;;<italic>;;;;
+Total selling expenses;<bold>;rgb(128, 191, 255);;;;;
+General & administrative expenses;<bold>;;<italic>;;<center>;;<comment>
+Other general & admin expenses;<bold>;rgb(128, 191, 255);<white>;;<center>;<large>;
+total general & admin expenses;<bold>;#efefef;;;;;
+total operating expenses;<bold>;rgb(128, 191, 255);;;;;
+Operating income before taxes;<bold>;rgb(0, 102, 204);;<white>;;<large>;
+Financial revenue & expenses;<bold>;;<italic>;;<center>;;<comment>
+Income before tax & extraordinary items;<bold>;rgb(0, 102, 204);;<white>;;<large>;
+Extraordinary items;<bold>;;<italic>;;<center>;;<comment>
+Net gain on sale of land;<bold>;rgb(0, 102, 204);<white>;;<center>;<large>;
+Extraordinary items after tax;<bold>;rgb(0, 102, 204);<white>;;<center>;<large>;
+Net Income (Profit);<bold>;#191970;;<white>;<center>;<large>;

resources/QlikLook.csv

@@ -0,0 +1,21 @@
+Accounts;Bold;Background;FontStyle;LetterColor;Align;Size;Comment
+Revenues;<bold>;;<italic>;;<center>;;<comment>
+Net sales revenues;<bold>;RGB(225,226,226);;;;;
+Cost of goods sold;<bold>;RGB(225,226,226);;;;;
+Manufacturing overhead;<bold>;;<italic>;;<center>;;<comment>
+Net mfr overhead;<bold>;RGB(225,226,226);;;;;
+Net costs of goods sold;<bold>;RGB(225,226,226);;;;;
+Gross profit;<bold>;RGB(193,216,47);;;<center>;<large>;
+Operating expenses;<bold>;;<italic>;;;;
+Total selling expenses;<bold>;RGB(225,226,226);;;;;
+General & administrative expenses;<bold>;;<italic>;;<center>;;<comment>
+Other general & admin expenses;<bold>;rgb(128, 191, 255);<white>;;<center>;<large>;
+total general & admin expenses;<bold>;#efefef;;;;;
+total operating expenses;<bold>;rgb(128, 191, 255);<white>;;;;
+Operating income before taxes;<bold>;RGB(193,216,47);;;;<large>;
+Financial revenue & expenses;<bold>;;<italic>;;<center>;;<comment>
+Income before tax & extraordinary items;<bold>;RGB(193,216,47);;;;<large>;
+Extraordinary items;<bold>;;<italic>;;<center>;;<comment>
+Net gain on sale of land;<bold>;RGB(193,216,47);;;<center>;<large>;
+Extraordinary items after tax;<bold>;RGB(193,216,47);;;<center>;<large>;
+Net Income (Profit);<bold>;#191970;;<white>;<center>;<large>;

src/data-table/data-cell.jsx

@@ -108,12 +108,7 @@ DataCell.propTypes = {
   }).isRequired,
   qlik: PropTypes.shape({
     backendApi: PropTypes.shape({
-      selectValues: function (props, propName) {
-        if (props.isSnapshot || typeof props[propName] === 'function') {
-          return null;
-        }
-        return new Error('Missing implementation of qlik.backendApi.selectValues.');
-      }
+      selectValues: PropTypes.func.isRequired
     }).isRequired
   }).isRequired,
   styleBuilder: PropTypes.shape({

src/data-table/header-padding.jsx

@@ -4,8 +4,7 @@ import PropTypes from 'prop-types';
 const HeaderPadding = ({ styleBuilder, styling }) => {
   if (styling.usePadding && !styleBuilder.hasCustomFileStyle()) {
     const paddingStyle = {
-      fontFamily: styling.options.fontFamily,
-      marginLeft: '15px'
+      fontFamily: styling.options.fontFamily
     };
     return (
       <span style={paddingStyle} />

src/data-table/row-header.jsx

@@ -25,14 +25,14 @@ class RowHeader extends React.PureComponent {
         onClick={this.handleSelect}
         style={rowStyle}
       >
+        <HeaderPadding
+          styleBuilder={styleBuilder}
+          styling={styling}
+        />
         <Tooltip
           isTooltipActive={!inEditState}
           tooltipText={entry.displayValue}
         >
-          <HeaderPadding
-            styleBuilder={styleBuilder}
-            styling={styling}
-          />
           {entry.displayValue}
         </Tooltip>
       </td>
@@ -46,12 +46,7 @@ RowHeader.propTypes = {
   }).isRequired,
   qlik: PropTypes.shape({
     backendApi: PropTypes.shape({
-      selectValues: function (props, propName) {
-        if (props.isSnapshot || typeof props[propName] === 'function') {
-          return null;
-        }
-        return new Error('Missing implementation of qlik.backendApi.selectValues.');
-      }
+      selectValues: PropTypes.func.isRequired
     }).isRequired
   }).isRequired,
   rowStyle: PropTypes.shape({}).isRequired,

src/dataset.js

@@ -1,91 +0,0 @@
-import qlik from 'qlik';
-
-function createCube (definition, app) {
-  return new Promise(resolve => {
-    app.createCube(definition, resolve);
-  });
-}
-
-async function buildDataCube (originCubeDefinition, dimensionIndexes, app) {
-  const cubeDefinition = {
-    ...originCubeDefinition,
-    qInitialDataFetch: [
-      {
-        qHeight: 1000,
-        qWidth: 10
-      }
-    ],
-    qDimensions: [originCubeDefinition.qDimensions[dimensionIndexes.dimension1]],
-    qMeasures: originCubeDefinition.qMeasures
-  };
-  if (dimensionIndexes.dimension2) {
-    cubeDefinition.qDimensions.push(originCubeDefinition.qDimensions[dimensionIndexes.dimension2]);
-  }
-  const cube = await createCube(cubeDefinition, app);
-
-  return cube.qHyperCube.qDataPages[0].qMatrix;
-}
-
-async function buildDesignCube (originCubeDefinition, dimensionIndexes, app) {
-  if (!dimensionIndexes.design) {
-    return null;
-  }
-  const cube = await createCube({
-    qInitialDataFetch: [
-      {
-        qHeight: 1000,
-        qWidth: 1
-      }
-    ],
-    qDimensions: [originCubeDefinition.qDimensions[dimensionIndexes.design]]
-  }, app);
-
-  return cube.qHyperCube.qDataPages[0].qMatrix;
-}
-
-const STYLE_SEPARATOR_COUNT = 7;
-function findDesignDimension (qMatrix) {
-  return qMatrix[0].map(entry => (entry.qText.match(/;/g) || []).length).indexOf(STYLE_SEPARATOR_COUNT);
-}
-
-function getDimensionIndexes (dimensionsInformation, designDimensionIndex) {
-  const hasDesign = designDimensionIndex !== -1;
-  const nonDesignDimensionCount = hasDesign ? dimensionsInformation.length - 1 : dimensionsInformation.length;
-  const dimension1 = designDimensionIndex === 0 ? 1 : 0;
-  let dimension2 = false;
-  if (nonDesignDimensionCount === 2) {
-    dimension2 = hasDesign && designDimensionIndex < 2 ? 2 : 1;
-  }
-  const design = hasDesign && designDimensionIndex;
-  const firstMeasurementIndex = dimensionsInformation.length;
-  return {
-    design,
-    dimension1,
-    dimension2,
-    firstMeasurementIndex
-  };
-}
-
-export async function initializeCubes ({ component, layout }) {
-  const app = qlik.currApp(component);
-  const designDimensionIndex = findDesignDimension(layout.qHyperCube.qDataPages[0].qMatrix);
-  const dimensionsInformation = layout.qHyperCube.qDimensionInfo;
-  const dimensionIndexes = getDimensionIndexes(dimensionsInformation, designDimensionIndex);
-
-  let properties;
-  if (component.backendApi.isSnapshot) {
-    // Fetch properties of source
-    properties = (await app.getObjectProperties(layout.sourceObjectId)).properties;
-  } else {
-    properties = await component.backendApi.getProperties();
-  }
-
-  const originCubeDefinition = properties.qHyperCubeDef;
-  const designCube = await buildDesignCube(originCubeDefinition, dimensionIndexes, app);
-  const dataCube = await buildDataCube(originCubeDefinition, dimensionIndexes, app);
-
-  return {
-    design: designCube,
-    data: dataCube
-  };
-}

src/definition/metric-semaphores.js

@@ -23,7 +23,7 @@ const metricSemaphores = {
       ref: 'metricssemaphore',
       translation: 'Metrics affected (1,2,4,...)',
       type: 'string',
-      defaultValue: '-',
+      defaultValue: '0',
       show (data) {
         return !data.allmetrics;
       }
@@ -39,6 +39,7 @@ const metricSemaphores = {
       label: 'Critic Color Fill',
       type: 'object',
       component: 'color-picker',
+      dualOutput: true,
       defaultValue: {
         index: 8,
         color: '#f93f17'
@@ -49,6 +50,7 @@ const metricSemaphores = {
       label: 'Critic Color Text',
       type: 'object',
       component: 'color-picker',
+      dualOutput: true,
       defaultValue: {
         index: 11,
         color: '#ffffff'
@@ -65,6 +67,7 @@ const metricSemaphores = {
       label: 'Medium Color Fill',
       type: 'object',
       component: 'color-picker',
+      dualOutput: true,
       defaultValue: {
         index: 9,
         color: '#ffcf02'
@@ -75,6 +78,7 @@ const metricSemaphores = {
       label: 'Medium Color Text',
       type: 'object',
       component: 'color-picker',
+      dualOutput: true,
       defaultValue: {
         index: 12,
         color: '#000000'
@@ -85,6 +89,7 @@ const metricSemaphores = {
       label: 'Success Color Fill',
       type: 'object',
       component: 'color-picker',
+      dualOutput: true,
       defaultValue: {
         index: 10,
         color: '#276e27'
@@ -95,6 +100,7 @@ const metricSemaphores = {
       label: 'Success Color Text',
       type: 'object',
       component: 'color-picker',
+      dualOutput: true,
       defaultValue: {
         index: 11,
         color: '#ffffff'

src/definition/table-format.js

@@ -1,8 +1,3 @@
-// fixes case for when there are 3 dimensions, missies the case with 1 design dimension and 1 data dimension
-function hasDesignDimension (data) {
-  return data.qHyperCubeDef.qDimensions.length > 2;
-}
-
 const tableFormat = {
   type: 'items',
   label: 'Table Format',
@@ -11,8 +6,7 @@ const tableFormat = {
       ref: 'indentbool',
       type: 'boolean',
       label: 'Indent',
-      defaultValue: false,
-      show: data => !hasDesignDimension(data)
+      defaultValue: true
     },
     SeparatorColumns: {
       ref: 'separatorcols',
@@ -20,6 +14,21 @@ const tableFormat = {
       label: 'Separator Columns',
       defaultValue: false
     },
+    CustomFileBool: {
+      ref: 'customfilebool',
+      type: 'boolean',
+      label: 'Include External File',
+      defaultValue: false
+    },
+    CustomFile: {
+      ref: 'customfile',
+      label: 'Name of CSV file (; separated)',
+      type: 'string',
+      defaultValue: '',
+      show (data) {
+        return data.customfilebool;
+      }
+    },
     rowEvenBGColor: {
       component: 'color-picker',
       defaultValue: {
@@ -29,8 +38,7 @@ const tableFormat = {
       label: 'Even row background color',
       ref: 'rowEvenBGColor',
       type: 'object',
-      dualOutput: true,
-      show: data => !hasDesignDimension(data)
+      dualOutput: true
     },
     rowOddBGColor: {
       component: 'color-picker',
@@ -41,8 +49,7 @@ const tableFormat = {
       label: 'Odd row background color',
       ref: 'rowOddBGColor',
       type: 'object',
-      dualOutput: true,
-      show: data => !hasDesignDimension(data)
+      dualOutput: true
     },
     BodyTextColor: {
       ref: 'BodyTextColorSchema',
@@ -92,7 +99,9 @@ const tableFormat = {
         }
       ],
       defaultValue: 'Black',
-      show: data => !hasDesignDimension(data)
+      show (data) {
+        return !data.customfilebool;
+      }
     },
     FontFamily: {
       ref: 'FontFamily',

src/headers-table/column-header.jsx

@@ -57,12 +57,7 @@ ColumnHeader.propTypes = {
   }).isRequired,
   qlik: PropTypes.shape({
     backendApi: PropTypes.shape({
-      selectValues: function (props, propName) {
-        if (props.isSnapshot || typeof props[propName] === 'function') {
-          return null;
-        }
-        return new Error('Missing implementation of qlik.backendApi.selectValues.');
-      }
+      selectValues: PropTypes.func.isRequired
     }).isRequired
   }).isRequired,
   styling: PropTypes.shape({

src/headers-table/index.jsx

@@ -126,12 +126,7 @@ HeadersTable.propTypes = {
   general: PropTypes.shape({}).isRequired,
   qlik: PropTypes.shape({
     backendApi: PropTypes.shape({
-      selectValues: function (props, propName) {
-        if (props.isSnapshot || typeof props[propName] === 'function') {
-          return null;
-        }
-        return new Error('Missing implementation of qlik.backendApi.selectValues.');
-      }
+      selectValues: PropTypes.func.isRequired
     }).isRequired
   }).isRequired,
   styling: PropTypes.shape({

src/index.js

@@ -10,34 +10,27 @@ export default {
   controller: [
     '$scope',
     '$timeout',
-    function controller () {}
+    function () { }
   ],
-  design: {
-    dimensions: {
-      max: 1,
-      min: 0
-    }
-  },
   data: {
     dimensions: {
-      max: 3,
+      max: 2,
       min: 1,
       uses: 'dimensions'
     },
     measures: {
-      max: 8,
+      max: 9,
       min: 1,
       uses: 'measures'
     }
   },
   definition,
   initialProperties: {
-    version: 1.0,
     qHyperCubeDef: {
       qDimensions: [],
       qInitialDataFetch: [
         {
-          qHeight: 1,
+          qHeight: 1000,
           qWidth: 10
         }
       ],

src/initialize-transformed.js

@@ -1,3 +1,4 @@
+import jQuery from 'jquery';
 import { distinctArray } from './utilities';
 
 export const HEADER_FONT_SIZE = {
@@ -107,16 +108,15 @@ function generateMatrixCell ({ cell, dimension1Information, dimension2Informatio
 }
 
 let lastRow = 0;
-function generateDataSet (component, dimensionsInformation, measurementsInformation, cubes) {
+function generateDataSet (component, dimensionsInformation, measurementsInformation) {
   const dimension1 = [];
   const dimension2 = [];
   const measurements = generateMeasurements(measurementsInformation);
   let matrix = [];
 
   let previousDim1Entry;
-  const hasDesignDimension = cubes.design;
-  const hasSecondDimension = hasDesignDimension ? dimensionsInformation.length > 2 : dimensionsInformation.length > 1;
-  cubes.data.forEach(row => {
+  const hasSecondDimension = dimensionsInformation.length > 1;
+  component.backendApi.eachDataRow((rowIndex, row) => {
     lastRow += 1;
     const dimension1Entry = generateDimensionEntry(dimensionsInformation[0], row[0]);
     dimension1.push(dimension1Entry);
@@ -172,7 +172,7 @@ function generateDataSet (component, dimensionsInformation, measurementsInformat
   };
 }
 
-function initializeTransformed ({ $element, component, cubes, layout }) {
+async function initializeTransformed ({ $element, layout, component }) {
   const dimensionsInformation = component.backendApi.getDimensionInfos();
   const measurementsInformation = component.backendApi.getMeasureInfos();
   const dimensionCount = layout.qHyperCube.qDimensionInfo.length;
@@ -183,29 +183,37 @@ function initializeTransformed ({ $element, component, cubes, layout }) {
     dimension2,
     measurements,
     matrix
-  } = generateDataSet(component, dimensionsInformation, measurementsInformation, cubes);
+  } = generateDataSet(component, dimensionsInformation, measurementsInformation);
 
   const customSchemaBasic = [];
   const customSchemaFull = [];
   let customHeadersCount = 0;
 
-  if (cubes.design) {
-    const allTextLines = cubes.design.map(entry => entry[0].qText);
-    const headers = allTextLines[0].split(';');
-    customHeadersCount = headers.length;
-    for (let lineNumber = 0; lineNumber < allTextLines.length; lineNumber += 1) {
-      customSchemaFull[lineNumber] = new Array(headers.length);
-      const data = allTextLines[lineNumber].split(';');
+  function readCustomSchema () {
+    const url = `/Extensions/qlik-smart-pivot/${layout.customfile}`;
 
-      if (data.length === headers.length) {
-        for (let headerIndex = 0; headerIndex < headers.length; headerIndex += 1) {
-          [customSchemaBasic[lineNumber]] = data;
-          customSchemaFull[lineNumber][headerIndex] = data[headerIndex];
+    return jQuery.get(url).then(response => {
+      const allTextLines = response.split(/\r\n|\n/);
+      const headers = allTextLines[0].split(';');
+      customHeadersCount = headers.length;
+      for (let lineNumber = 0; lineNumber < allTextLines.length; lineNumber += 1) {
+        customSchemaFull[lineNumber] = new Array(headers.length);
+        const data = allTextLines[lineNumber].split(';');
+
+        if (data.length === headers.length) {
+          for (let headerIndex = 0; headerIndex < headers.length; headerIndex += 1) {
+            customSchemaBasic[lineNumber] = data[0];
+            customSchemaFull[lineNumber][headerIndex] = data[headerIndex];
+          }
         }
       }
-    }
+    });
   }
 
+  const hasCustomSchema = (layout.customfilebool && layout.customfile.length > 4);
+  const schemaPromise = hasCustomSchema ? readCustomSchema() : Promise.resolve();
+  await schemaPromise;
+
   // top level properties could be reducers and then components connect to grab what they want,
   // possibly with reselect for some presentational transforms (moving some of the presentational logic like formatting and such)
   const transformedProperties = {
@@ -239,7 +247,7 @@ function initializeTransformed ({ $element, component, cubes, layout }) {
         count: customHeadersCount,
         full: customSchemaFull
       },
-      hasCustomFileStyle: Boolean(cubes.design),
+      hasCustomFileStyle: layout.customfilebool,
       headerOptions: {
         alignment: getAlignment(layout.HeaderAlign),
         colorSchema: layout.HeaderColorSchema.color,
@@ -310,6 +318,7 @@ function initializeTransformed ({ $element, component, cubes, layout }) {
     });
   }
 
+
   return transformedProperties;
 }
 

src/paint.jsx

@@ -2,17 +2,11 @@ import initializeStore from './store';
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Root from './root.jsx';
-import { initializeCubes } from './dataset';
 
 export default async function paint ($element, layout, component) {
-  const cubes = await initializeCubes({
-    component,
-    layout
-  });
   const state = await initializeStore({
     $element,
     component,
-    cubes,
     layout
   });
   const editmodeClass = component.inAnalysisState() ? '' : 'edit-mode';

src/store.js

@@ -1,10 +1,9 @@
 import initializeTransformed from './initialize-transformed';
 
-async function initialize ({ $element, layout, component, cubes }) {
+async function initialize ({ $element, layout, component }) {
   const transformedProperties = await initializeTransformed({
     $element,
     component,
-    cubes,
     layout
   });
 

src/tooltip/index.jsx

@@ -9,8 +9,7 @@ const handleCalculateTooltipPosition = (event) => {
   tooltip.style.left = `${event.clientX}px`;
   tooltip.style.top = `${event.clientY}px`;
 };
-
-class Tooltip extends React.PureComponent {
+class Tooltip extends React.Component {
   constructor (props) {
     super(props);
     this.state = {
@@ -19,11 +18,20 @@ class Tooltip extends React.PureComponent {
     this.handleRenderTooltip = this.handleRenderTooltip.bind(this);
   }
 
+  shouldComponentUpdate (nextProps, nextState) {
+    const { showTooltip } = this.state;
+    if (nextState.showTooltip === showTooltip) {
+      return false;
+    }
+    return true;
+  }
+
   handleRenderTooltip () {
     const { showTooltip } = this.state;
     this.setState({ showTooltip: !showTooltip });
   }
 
+
   render () {
     const { children, tooltipText } = this.props;
     const { showTooltip } = this.state;
@@ -52,11 +60,7 @@ class Tooltip extends React.PureComponent {
 }
 
 Tooltip.propTypes = {
-  children: PropTypes.oneOfType([
-    PropTypes.arrayOf(PropTypes.node),
-    PropTypes.node
-  ]).isRequired,
+  children: PropTypes.string.isRequired,
   tooltipText: PropTypes.string.isRequired
 };
-
 export default Tooltip;

webpack.config.js

@@ -13,15 +13,13 @@ const config = {
       commonjs: 'jquery',
       commonjs2: 'jquery',
       root: '_'
-    },
-    qlik: {
-      amd: 'qlik',
-      commonjs: 'qlik',
-      commonjs2: 'qlik',
-      root: '_'
     }
   },
   mode: settings.mode,
+  // TODO: breaks core-js for some reason
+  // resolve: {
+  //   extensions: ['js', 'jsx']
+  // },
   module: {
     rules: [
       {
@@ -70,7 +68,12 @@ const config = {
       `assets/${settings.name}.qext`,
       `assets/${settings.name}.png`,
       'assets/wbfolder.wbl',
-      'resources/Excel.png'
+      'resources/Excel.png',
+
+      // TODO: remove entries below this line
+      'resources/Accounts.csv',
+      'resources/Accounts2.csv',
+      'resources/QlikLook.csv'
     ], {}),
     new StyleLintPlugin({
       files: '**/*.less'