@aarhus-university/au-lib-react-components 10.1.0 → 10.2.2

package/types/common/props.d.ts

@@ -1,165 +1,166 @@
-interface AUAlertComponentProps {
-  message: string,
-  children: JSX.Element,
-  alert: boolean,
-  buttons?: IAlertButton[],
-}
-
-interface AUCalendarComponentProps {
-  lang?: string,
-  day: number,
-  month: number,
-  year: number,
-  hour: number,
-  minute: number,
-  selected?: Date,
-  onSelected: (selected: Date) => void,
-  highlightWeekend?: boolean,
-  highlightHolidays?: boolean,
-  yearSpanMinus?: number,
-  yearSpanPlus?: number,
-  minuteInterval?: number,
-  showTime?: boolean,
-  closeable?: boolean,
-  onClose?: () => void,
-  limitStart?: Date | null,
-  limitEnd?: Date | null,
-  controls: string,
-}
-
-interface AUContentToggleComponentProps {
-  toggled: boolean,
-  classNames?: string | undefined,
-  children: JSX.Element,
-}
-
-interface AUDatepickerComponentProps {
-  id: string;
-  lang?: string;
-  date?: Date;
-  onDateChange: (date: Date, formatted: string) => void;
-  onHide: (date: Date, dateFormatted: string) => void;
-  format?: string;
-  showTime?: boolean;
-  showLabel?: boolean;
-  labelInline?: boolean;
-  labelText?: string;
-  fullWidth?: boolean;
-  yearSpanMinus?: number;
-  yearSpanPlus?: number;
-  limitStart?: Date | null;
-  limitEnd?: Date | null;
-  disabled?: boolean;
-}
-
-interface AUModalComponentProps {
-  domId: string,
-  children?: JSX.Element,
-  onClose?: () => void,
-  closeButton?: boolean,
-  closeButtonDisabled?: boolean,
-  lang?: string,
-  sender: HTMLElement | null,
-  className?: string,
-}
-
-interface AUSpinnerComponentProps {
-  domID?: string,
-  className?: string,
-  children: JSX.Element,
-  visible?: boolean,
-  loaded: boolean,
-  loadingCondition: boolean,
-  height?: string,
-  init?: string,
-  onLoad: () => void,
-}
-
-interface AUSubNavComponentProps {
-  children: JSX.Element,
-  className: string,
-  dataIcon: string,
-  text: string,
-  ariaLabel: string,
-  id: string,
-}
-
-interface AUTableComponentProps {
-  children: JSX.Element,
-  className: string,
-}
-
-interface TabRoutesProps {
-  onRouteChange: (location: any) => void, // Noget react-router-dom halløj her der ikke spiller...
-  content: JSX.Element[],
-}
-
-interface AUTabbedContentComponentProps {
-  tabKey?: number,
-  tabs: ITabbedTab[],
-  tabContent?: ITabbedObject[] | null,
-  children?: JSX.Element | null,
-  focus?: boolean,
-  initial?: number,
-  lang?: string,
-  callback?: () => void,
-  withRouter?: boolean,
-  classNames?: string,
-}
-
-interface AUToastComponentProps {
-  message: IToastMessage,
-  dismiss?: () => void,
-  onOpen?: () => void,
-}
-
-interface AUToolbarComponentProps {
-  lang: string,
-  elements: JSX.Element[],
-}
-
-interface AUSubmitButtonContainerComponentProps {
-  lang: string,
-  disabled: boolean,
-  onSubmit: () => void,
-  onCancel: () => void,
-}
-
-interface AUMobilePrefixComponentProps {
-  countryCodes: AU.ICountryCode[],
-  important: boolean,
-}
-
-interface AUReceiptComponentProps {
-  receiptText: string,
-  helpText: JSX.Element | null,
-  showGoTo: boolean,
-  buttons: IReceiptButton[],
-}
-
-interface AUProfileWidgetComponentProps {
-  lang: string,
-  name: string,
-  auId: number,
-  studentNumber?: string,
-  settings: IProfileSettings[],
-  changeLanguageUri: string,
-  logoutUri: string,
-  profileLabels: any, // Noget med labels her?
-}
-
-interface AUProfileAvatarComponentProps {
-  user: AU.IUserContext,
-  settings: IProfileSettings[],
-  profileLabels: any, // Noget med labels her?
-  logoutUri: string,
-  changeLanguageUri?: string,
-  lang: string,
-}
-
-interface AUProfileLoginComponentProps {
-  loggedIn: boolean,
-  loginUri: string,
-  children: JSX.Element,
-  text: string,
-}
+interface AUAlertComponentProps {
+  message: string,
+  children: JSX.Element,
+  alert: boolean,
+  buttons?: IAlertButton[],
+}
+
+interface AUCalendarComponentProps {
+  lang?: string,
+  day: number,
+  month: number,
+  year: number,
+  hour: number,
+  minute: number,
+  selected?: Date,
+  onSelected: (selected: Date) => void,
+  highlightWeekend?: boolean,
+  highlightHolidays?: boolean,
+  yearSpanMinus?: number,
+  yearSpanPlus?: number,
+  minuteInterval?: number,
+  showTime?: boolean,
+  closeable?: boolean,
+  onClose?: () => void,
+  limitStart?: Date | null,
+  limitEnd?: Date | null,
+  controls: string,
+}
+
+interface AUContentToggleComponentProps {
+  toggled: boolean,
+  classNames?: string | undefined,
+  children: JSX.Element,
+}
+
+interface AUDatepickerComponentProps {
+  id: string;
+  lang?: string;
+  date?: Date;
+  onDateChange: (date: Date, formatted: string) => void;
+  onHide: (date: Date, dateFormatted: string) => void;
+  format?: string;
+  showTime?: boolean;
+  showLabel?: boolean;
+  labelInline?: boolean;
+  labelText?: string;
+  fullWidth?: boolean;
+  yearSpanMinus?: number;
+  yearSpanPlus?: number;
+  limitStart?: Date | null;
+  limitEnd?: Date | null;
+  disabled?: boolean;
+}
+
+interface AUModalComponentProps {
+  domId: string,
+  children?: JSX.Element,
+  onClose?: () => void,
+  closeButton?: boolean,
+  closeButtonDisabled?: boolean,
+  lang?: string,
+  sender: HTMLElement | null,
+  className?: string,
+}
+
+interface AUSpinnerComponentProps {
+  domID?: string,
+  className?: string,
+  children: JSX.Element,
+  visible?: boolean,
+  loaded: boolean,
+  loadingCondition: boolean,
+  height?: string,
+  init?: string,
+  onLoad: () => void,
+}
+
+interface AUSubNavComponentProps {
+  children: JSX.Element,
+  className: string,
+  dataIcon: string,
+  text: string,
+  ariaLabel: string,
+  id: string,
+}
+
+interface AUTableComponentProps {
+  children: JSX.Element,
+  className: string,
+}
+
+interface TabRoutesProps {
+  onRouteChange: (location: any) => void, // Noget react-router-dom halløj her der ikke spiller...
+  content: JSX.Element[],
+}
+
+interface AUTabbedContentComponentProps {
+  tabKey?: number,
+  tabs: ITabbedTab[],
+  tabContent?: ITabbedObject[] | null,
+  children?: JSX.Element | null,
+  focus?: boolean,
+  initial?: number,
+  lang?: string,
+  callback?: () => void,
+  withRouter?: boolean,
+  classNames?: string,
+}
+
+interface AUToastComponentProps {
+  message: IToastMessage,
+  buttonText?: string,
+  dismiss?: () => void,
+  onOpen?: () => void,
+}
+
+interface AUToolbarComponentProps {
+  lang: string,
+  elements: JSX.Element[],
+}
+
+interface AUSubmitButtonContainerComponentProps {
+  lang: string,
+  disabled: boolean,
+  onSubmit: () => void,
+  onCancel: () => void,
+}
+
+interface AUMobilePrefixComponentProps {
+  countryCodes: AU.ICountryCode[],
+  important: boolean,
+}
+
+interface AUReceiptComponentProps {
+  receiptText: string,
+  helpText: JSX.Element | null,
+  showGoTo: boolean,
+  buttons: IReceiptButton[],
+}
+
+interface AUProfileWidgetComponentProps {
+  lang: string,
+  name: string,
+  auId: number,
+  studentNumber?: string,
+  settings: IProfileSettings[],
+  changeLanguageUri: string,
+  logoutUri: string,
+  profileLabels: any, // Noget med labels her?
+}
+
+interface AUProfileAvatarComponentProps {
+  user: AU.IUserContext,
+  settings: IProfileSettings[],
+  profileLabels: any, // Noget med labels her?
+  logoutUri: string,
+  changeLanguageUri?: string,
+  lang: string,
+}
+
+interface AUProfileLoginComponentProps {
+  loggedIn: boolean,
+  loginUri: string,
+  children: JSX.Element,
+  text: string,
+}

package/webpack.config.js

@@ -1,89 +1,89 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-disable import/no-extraneous-dependencies */
-const ESLintPlugin = require('eslint-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
-const path = require('path');
-
-// https://github.com/webpack/webpack/issues/4453
-
-const entries = {
-  all: './src/layout-2016/lib/all',
-  alphabox: './src/layout-2016/lib/au-alphabox',
-  databox: './src/layout-2016/lib/au-databox',
-  diagramme: './src/layout-2016/lib/au-diagramme',
-  flowbox: './src/layout-2016/lib/au-flowbox',
-  universe: './src/layout-2016/lib/universe',
-};
-
-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',
-    }),
-    new ForkTsCheckerWebpackPlugin(),
-  ],
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js', '.jsx'],
-  },
-  module: {
-    rules: [
-      {
-        test: /\.(ts|js)x?$/,
-        include: path.resolve(__dirname, '.'),
-        exclude: /(node_modules)/,
-        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, './src/styles'),
-        sideEffects: true,
-        use: [
-          MiniCssExtractPlugin.loader,
-          { loader: 'css-loader' },
-          { loader: 'sass-loader' },
-        ],
-      },
-    ],
-  },
-  externals: {
-    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',
-    },
-  },
-}));
+/* eslint-disable @typescript-eslint/no-var-requires */
+/* eslint-disable import/no-extraneous-dependencies */
+const ESLintPlugin = require('eslint-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
+const path = require('path');
+
+// https://github.com/webpack/webpack/issues/4453
+
+const entries = {
+  all: './src/layout-2016/lib/all',
+  alphabox: './src/layout-2016/lib/au-alphabox',
+  databox: './src/layout-2016/lib/au-databox',
+  diagramme: './src/layout-2016/lib/au-diagramme',
+  flowbox: './src/layout-2016/lib/au-flowbox',
+  universe: './src/layout-2016/lib/universe',
+};
+
+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',
+    }),
+    new ForkTsCheckerWebpackPlugin(),
+  ],
+  resolve: {
+    extensions: ['.ts', '.tsx', '.js', '.jsx'],
+  },
+  module: {
+    rules: [
+      {
+        test: /\.(ts|js)x?$/,
+        include: path.resolve(__dirname, '.'),
+        exclude: /(node_modules)/,
+        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, './src/styles'),
+        sideEffects: true,
+        use: [
+          MiniCssExtractPlugin.loader,
+          { loader: 'css-loader' },
+          { loader: 'sass-loader' },
+        ],
+      },
+    ],
+  },
+  externals: {
+    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',
+    },
+  },
+}));