@aarhus-university/au-lib-react-components 9.11.17 → 9.12.0

package/src/config/webpack.umd.config.js

@@ -1,85 +1,86 @@
-const ESLintPlugin = require('eslint-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const path = require('path');
-
-// https://github.com/webpack/webpack/issues/4453
-
-const entries = {
-  all: './src/all',
-  alphabox: './src/lib/au-alphabox',
-  databox: './src/lib/au-databox',
-  diagramme: './src/lib/au-diagramme',
-  flowbox: './src/lib/au-flowbox',
-  news: './src/lib/au-news',
-  universe: './src/lib/universe',
-  auAuth: './src/lib/au-auth',
-};
-
-module.exports = Object.entries(entries).map(entry => ({
-  mode: 'production',
-  devtool: 'source-map',
-  entry: {
-    [entry[0]]: entry[1],
-  },
-  output: {
-    path: path.resolve(__dirname, '../../build/umd'),
-    filename: '[name].js',
-    libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
-  },
-  plugins: [
-    new ESLintPlugin({
-      fix: true,
-    }),
-    new MiniCssExtractPlugin({
-      filename: 'all.css',
-      chunkFilename: '[id].css',
-    }),
-  ],
-  module: {
-    rules: [
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '..'),
-        use: {
-          loader: 'babel-loader',
-        },
-      },
-      {
-        test: /\.js$/,
-        include: path.resolve(__dirname, '../../node_modules/@aarhus-university/au-designsystem-delphinus/source'),
-        use: {
-          loader: 'babel-loader',
-        },
-      },
-      {
-        test: /\.scss/,
-        include: path.resolve(__dirname, '..'),
-        sideEffects: true,
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: 'css-loader' },
-          { loader: 'sass-loader' },
-        ],
-      },
-    ],
-  },
-  externals: {
-    axios: 'axios',
-    moment: 'moment',
-    react: {
-      root: 'React',
-      commonjs2: 'react',
-      commonjs: 'react',
-      amd: 'react',
-      umd: 'react',
-    },
-    'react-dom': {
-      root: 'ReactDOM',
-      commonjs2: 'react-dom',
-      commonjs: 'react-dom',
-      amd: 'react-dom',
-      umd: 'react-dom',
-    },
-    DISQUS: 'DISQUS',
-  },
-}));
+/* eslint-disable import/no-extraneous-dependencies */
+const ESLintPlugin = require('eslint-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const path = require('path');
+
+// https://github.com/webpack/webpack/issues/4453
+
+const entries = {
+  all: './src/all',
+  alphabox: './src/lib/au-alphabox',
+  databox: './src/lib/au-databox',
+  diagramme: './src/lib/au-diagramme',
+  flowbox: './src/lib/au-flowbox',
+  news: './src/lib/au-news',
+  universe: './src/lib/universe',
+  auAuth: './src/lib/au-auth',
+};
+
+module.exports = Object.entries(entries).map((entry) => ({
+  mode: 'production',
+  devtool: 'source-map',
+  entry: {
+    [entry[0]]: entry[1],
+  },
+  output: {
+    path: path.resolve(__dirname, '../../build/umd'),
+    filename: '[name].js',
+    libraryTarget: 'umd', // https://webpack.js.org/configuration/output/#output-librarytarget
+  },
+  plugins: [
+    new ESLintPlugin({
+      fix: true,
+    }),
+    new MiniCssExtractPlugin({
+      filename: 'all.css',
+      chunkFilename: '[id].css',
+    }),
+  ],
+  module: {
+    rules: [
+      {
+        test: /\.js$/,
+        include: path.resolve(__dirname, '..'),
+        use: {
+          loader: 'babel-loader',
+        },
+      },
+      {
+        test: /\.js$/,
+        include: path.resolve(__dirname, '../../node_modules/@aarhus-university/au-designsystem-delphinus/source'),
+        use: {
+          loader: 'babel-loader',
+        },
+      },
+      {
+        test: /\.scss/,
+        include: path.resolve(__dirname, '..'),
+        sideEffects: true,
+        use: [
+          MiniCssExtractPlugin.loader,
+          { loader: 'css-loader' },
+          { loader: 'sass-loader' },
+        ],
+      },
+    ],
+  },
+  externals: {
+    axios: 'axios',
+    moment: 'moment',
+    react: {
+      root: 'React',
+      commonjs2: 'react',
+      commonjs: 'react',
+      amd: 'react',
+      umd: 'react',
+    },
+    'react-dom': {
+      root: 'ReactDOM',
+      commonjs2: 'react-dom',
+      commonjs: 'react-dom',
+      amd: 'react-dom',
+      umd: 'react-dom',
+    },
+    DISQUS: 'DISQUS',
+  },
+}));

package/src/index.js

@@ -1,6 +1,6 @@
-/* eslint-env browser */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import App from './app';
-
-ReactDOM.render(<App />, document.getElementById('components'));
+/* eslint-env browser */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import App from './app';
+
+ReactDOM.render(<App />, document.getElementById('components'));

package/src/lib/au-alphabox.js

@@ -1,102 +1,102 @@
-/* eslint no-prototype-builtins: 0 */
-/* eslint no-restricted-syntax: 0 */
-/* eslint no-unused-vars: 0 */
-/* eslint-env browser */
-import React from 'react';
-import ReactDOM from 'react-dom';
-import AlphaBoxComponent from '../components/alphabox/AlphaBoxComponent';
-
-const defaultOptions = {
-  config: {
-    title: '',
-    url: '',
-    description: '',
-    container: '.au_alphabox',
-    tracking: '/virtual/alphabox/',
-    links: [
-      { title: 'Link 1', url: 'http://www.au.dk' },
-      { title: 'Link 2', url: 'http://www.au.dk' },
-    ],
-  },
-  search: {
-    minLength: 1,
-    placeHolder: '',
-  },
-  background: {
-    color: '#003e5c',
-    linkColor: '#379fcb',
-  },
-  data: {
-    mode: 'json',
-    itemsOnly: false,
-  },
-};
-
-class AUAlphabox {
-  constructor(boxes) {
-    this.boxes = boxes;
-  }
-
-  static mergeOptions(_box) {
-    const box = _box;
-    if (!box.hasOwnProperty('config')) {
-      box.config = {};
-    }
-
-    for (const conf in defaultOptions.config) {
-      if (!box.config.hasOwnProperty(conf)) {
-        box.config[conf] = defaultOptions.config[conf];
-      }
-    }
-
-    if (!box.hasOwnProperty('background')) {
-      box.background = {};
-    }
-
-    for (const bg in defaultOptions.background) {
-      if (!box.background.hasOwnProperty(bg)) {
-        box.background[bg] = defaultOptions.background[bg];
-      }
-    }
-
-    if (!box.hasOwnProperty('search')) {
-      box.search = {};
-    }
-
-    for (const sch in defaultOptions.search) {
-      if (!box.search.hasOwnProperty(sch)) {
-        box.search[sch] = defaultOptions.search[sch];
-      }
-    }
-
-    if (!box.hasOwnProperty('data')) {
-      box.data = {};
-    }
-
-    for (const data in defaultOptions.data) {
-      if (!box.data.hasOwnProperty(data)) {
-        box.data[data] = defaultOptions.data[data];
-      }
-    }
-  }
-
-  init() {
-    for (let i = 0; i < this.boxes.length; i += 1) {
-      const box = this.boxes[i];
-      if (!box.loaded) {
-        box.id = i;
-        AUAlphabox.mergeOptions(box);
-        const mountNode = document.querySelector(box.config.container);
-        const visible = mountNode && getComputedStyle(mountNode).visibility !== 'hidden';
-        if (visible) {
-          ReactDOM.render(
-            <AlphaBoxComponent box={box} />, mountNode,
-          );
-          box.loaded = true;
-        }
-      }
-    }
-  }
-}
-
-window.AUAlphabox = AUAlphabox;
+/* eslint no-prototype-builtins: 0 */
+/* eslint no-restricted-syntax: 0 */
+/* eslint no-unused-vars: 0 */
+/* eslint-env browser */
+import React from 'react';
+import ReactDOM from 'react-dom';
+import AlphaBoxComponent from '../components/alphabox/AlphaBoxComponent';
+
+const defaultOptions = {
+  config: {
+    title: '',
+    url: '',
+    description: '',
+    container: '.au_alphabox',
+    tracking: '/virtual/alphabox/',
+    links: [
+      { title: 'Link 1', url: 'http://www.au.dk' },
+      { title: 'Link 2', url: 'http://www.au.dk' },
+    ],
+  },
+  search: {
+    minLength: 1,
+    placeHolder: '',
+  },
+  background: {
+    color: '#003e5c',
+    linkColor: '#379fcb',
+  },
+  data: {
+    mode: 'json',
+    itemsOnly: false,
+  },
+};
+
+class AUAlphabox {
+  constructor(boxes) {
+    this.boxes = boxes;
+  }
+
+  static mergeOptions(_box) {
+    const box = _box;
+    if (!box.hasOwnProperty('config')) {
+      box.config = {};
+    }
+
+    for (const conf in defaultOptions.config) {
+      if (!box.config.hasOwnProperty(conf)) {
+        box.config[conf] = defaultOptions.config[conf];
+      }
+    }
+
+    if (!box.hasOwnProperty('background')) {
+      box.background = {};
+    }
+
+    for (const bg in defaultOptions.background) {
+      if (!box.background.hasOwnProperty(bg)) {
+        box.background[bg] = defaultOptions.background[bg];
+      }
+    }
+
+    if (!box.hasOwnProperty('search')) {
+      box.search = {};
+    }
+
+    for (const sch in defaultOptions.search) {
+      if (!box.search.hasOwnProperty(sch)) {
+        box.search[sch] = defaultOptions.search[sch];
+      }
+    }
+
+    if (!box.hasOwnProperty('data')) {
+      box.data = {};
+    }
+
+    for (const data in defaultOptions.data) {
+      if (!box.data.hasOwnProperty(data)) {
+        box.data[data] = defaultOptions.data[data];
+      }
+    }
+  }
+
+  init() {
+    for (let i = 0; i < this.boxes.length; i += 1) {
+      const box = this.boxes[i];
+      if (!box.loaded) {
+        box.id = i;
+        AUAlphabox.mergeOptions(box);
+        const mountNode = document.querySelector(box.config.container);
+        const visible = mountNode && getComputedStyle(mountNode).visibility !== 'hidden';
+        if (visible) {
+          ReactDOM.render(
+            <AlphaBoxComponent box={box} />, mountNode,
+          );
+          box.loaded = true;
+        }
+      }
+    }
+  }
+}
+
+window.AUAlphabox = AUAlphabox;