@beinformed/ui 1.59.22 → 1.60.0

package/lib/react-server/serverUtil.js

@@ -0,0 +1,218 @@
+"use strict";
+
+var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
+var _Object$getOwnPropertyDescriptor = require("@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setServerPreferences = exports.setI18n = exports.setConfigurationTheme = exports.setApplication = exports.handleErrors = exports.dehydrate = exports.createReduxStore = exports.createHead = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _find = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/find"));
+var _filter = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/filter"));
+var _includes = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/includes"));
+var _startsWith = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/starts-with"));
+var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _history = require("history");
+var _objects = require("../utils/helpers/objects");
+var _deepmerge = _interopRequireDefault(require("deepmerge"));
+var _configureStore = _interopRequireDefault(require("../redux/store/configureStore"));
+var _Locales = _interopRequireWildcard(require("../i18n/Locales"));
+var _requestInformation = require("./requestInformation");
+var _I18nActions = require("../redux/_i18n/I18nActions");
+var _Preferences = require("../redux/actions/Preferences");
+var _Settings = require("../constants/Settings");
+var _exceptions = require("../exceptions");
+var _redux = require("../redux");
+var _i18n = require("../redux/selectors/i18n");
+var _ModularUIRequest = _interopRequireDefault(require("../modularui/ModularUIRequest"));
+function _getRequireWildcardCache(e) { if ("function" != typeof _WeakMap) return null; var r = new _WeakMap(), t = new _WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && _Object$getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? _Object$getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+/**
+ */
+const createReduxStore = (requestHref, customReducers, initialState) => {
+  // $FlowExpectedError
+  const history = (0, _history.createMemoryHistory)({
+    initialEntries: [requestHref.toString()]
+  });
+  const {
+    store
+  } = (0, _configureStore.default)(history, customReducers, initialState);
+  return store;
+};
+
+/**
+ */
+exports.createReduxStore = createReduxStore;
+const setI18n = function (store) {
+  let locales = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let request = arguments.length > 2 ? arguments[2] : undefined;
+  if (!Array.isArray(locales)) {
+    throw new _exceptions.IllegalArgumentException("locales must be an array of objects");
+  }
+  if (!request) {
+    throw new _exceptions.IllegalArgumentException("missing request argument");
+  }
+  const mergedLocales = (0, _map.default)(_Locales.availableLocales).call(_Locales.availableLocales, locale => {
+    const code = locale.code;
+    const customLocale = (0, _find.default)(locales).call(locales, custLocale => custLocale.code === code);
+    if (customLocale) {
+      return (0, _deepmerge.default)(locale, customLocale);
+    }
+    return locale;
+  });
+  locales.forEach(customLocale => {
+    if (!mergedLocales.some(locale => locale.code === customLocale.code)) {
+      mergedLocales.push(customLocale);
+    }
+  });
+  const enabledLocales = (0, _filter.default)(mergedLocales).call(mergedLocales, locale => {
+    var _context;
+    return (0, _includes.default)(_context = (0, _Settings.getSetting)("ENABLED_LOCALES")).call(_context, locale.code);
+  });
+  const localesInstance = new _Locales.default(enabledLocales);
+  const preferredLocale = (0, _requestInformation.getPreferredLocale)(request, localesInstance);
+  store.dispatch((0, _I18nActions.setLocales)(localesInstance, preferredLocale ?? "en"));
+};
+exports.setI18n = setI18n;
+const setServerPreferencesFromArray = (store, serverPreferences) => {
+  serverPreferences.forEach(serverPreference => {
+    if (typeof serverPreference === "object") {
+      const {
+        name,
+        defaultValue,
+        type
+      } = serverPreference;
+      store.dispatch((0, _Preferences.setServerPreference)(name, defaultValue, type));
+    } else {
+      store.dispatch((0, _Preferences.setServerPreference)(serverPreference, null));
+    }
+  });
+};
+
+/**
+ * Server preferences can be suplied by an array of preference names,
+ * or an array of objects which has the name, an optional default value and an optional type.<br>
+ * When the type is set to string, a comma separated value is not converted to an array:
+ *
+ * @example
+ * // value becomes an array [default1, default2]
+ * { name: "prefName", defaultValue: "default1, default2" }
+ * // value remains a string "default1, default2"
+ * { name: "prefName", defaultValue: "default1, default2", type: "string" }
+ *
+ * @param store
+ * @param serverPreferences
+ */
+const setServerPreferences = (store, serverPreferences) => {
+  if (Array.isArray(serverPreferences)) {
+    setServerPreferencesFromArray(store, serverPreferences);
+  }
+  store.dispatch((0, _Preferences.setAllContentInDataSetting)());
+  store.dispatch((0, _Preferences.setLoginPreferences)());
+  store.dispatch((0, _Preferences.setDateTimeSettings)());
+  if (preferencesProvider && preferencesProvider.isStudioContext && preferencesProvider.isStudioContext()) {
+    store.dispatch((0, _Preferences.setPreference)("isStudioContext", true));
+  }
+};
+
+/**
+ */
+exports.setServerPreferences = setServerPreferences;
+const setConfigurationTheme = store => {
+  let configTheme = null;
+  const configFileLocation = preferencesProvider.getLayoutConfigFileLocation();
+  if (typeof configFileLocation === "string") {
+    const configFilePath = (0, _startsWith.default)(configFileLocation).call(configFileLocation, "/") ? `/resource${configFileLocation}` : `/resource/${configFileLocation}`;
+    configTheme = dataFetcher.fetch(configFilePath);
+    if (configTheme) {
+      store.dispatch((0, _Preferences.setThemePreference)(configTheme));
+    } else {
+      throw new Error(`Could not read theme configuration file from: ${configFilePath}`);
+    }
+  }
+};
+
+/**
+ */
+exports.setConfigurationTheme = setConfigurationTheme;
+const setApplication = store => {
+  try {
+    const locale = (0, _i18n.getLocale)(store.getState());
+    const application = new _ModularUIRequest.default("/", {
+      locale: locale
+    }).fetchSync();
+    application.connectKey = `application(/)(${locale})`;
+    store.dispatch((0, _redux.initModels)([{
+      key: `application(/)(${locale})`,
+      model: application
+    }]));
+  } catch (e) {
+    // swallow error, in this case we just don't pre-cache the webapplication,
+    // which has not much difference for the end user
+  }
+};
+
+/**
+ */
+exports.setApplication = setApplication;
+const handleErrors = store => {
+  const state = store.getState();
+  if (state.error && (state.error.shouldThrowOnServer || !(0, _objects.has)(state.error, "shouldThrowOnServer"))) {
+    throw state.error;
+  }
+};
+
+/**
+ */
+exports.handleErrors = handleErrors;
+const dehydrate = store => {
+  const state = store.getState();
+  const modularui = {};
+  for (const key in state.modularui) {
+    const {
+      status,
+      model,
+      lastModification
+    } = state.modularui[key];
+    if (model) {
+      modularui[key] = {
+        status,
+        lastModification,
+        model: model.dehydrate()
+      };
+    } else {
+      modularui[key] = {
+        status,
+        lastModification,
+        model: undefined
+      };
+    }
+  }
+  const filteredState = {
+    ...state,
+    modularui
+  };
+  return (0, _stringify.default)(filteredState).replace(/</g, "\\u003c");
+};
+
+/**
+ */
+exports.dehydrate = dehydrate;
+const createHead = (sheet, UUID, helmetContext) => {
+  const style = sheet.getStyleTags();
+  const meta = helmetContext ? [...helmetContext.helmet.meta] : [];
+  if (helmetContext) {
+    return {
+      ...helmetContext.helmet,
+      style,
+      meta
+    };
+  }
+  return {
+    style,
+    meta
+  };
+};
+exports.createHead = createHead;
+//# sourceMappingURL=serverUtil.js.map

package/lib/react-server/serverUtil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"serverUtil.js","names":["_history","require","_objects","_deepmerge","_interopRequireDefault","_configureStore","_Locales","_interopRequireWildcard","_requestInformation","_I18nActions","_Preferences","_Settings","_exceptions","_redux","_i18n","_ModularUIRequest","_getRequireWildcardCache","e","_WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","_Object$getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","createReduxStore","requestHref","customReducers","initialState","history","createMemoryHistory","initialEntries","toString","store","configureStore","exports","setI18n","locales","arguments","length","undefined","request","Array","isArray","IllegalArgumentException","mergedLocales","_map","availableLocales","locale","code","customLocale","_find","custLocale","deepmerge","forEach","some","push","enabledLocales","_filter","_context","_includes","getSetting","localesInstance","Locales","preferredLocale","getPreferredLocale","dispatch","setLocales","setServerPreferencesFromArray","serverPreferences","serverPreference","name","defaultValue","type","setServerPreference","setServerPreferences","setAllContentInDataSetting","setLoginPreferences","setDateTimeSettings","preferencesProvider","isStudioContext","setPreference","setConfigurationTheme","configTheme","configFileLocation","getLayoutConfigFileLocation","configFilePath","_startsWith","dataFetcher","fetch","setThemePreference","Error","setApplication","getLocale","getState","application","ModularUIRequest","fetchSync","connectKey","initModels","key","model","handleErrors","state","error","shouldThrowOnServer","dehydrate","modularui","status","lastModification","filteredState","_stringify","replace","createHead","sheet","UUID","helmetContext","style","getStyleTags","meta","helmet"],"sources":["../../src/react-server/serverUtil.js"],"sourcesContent":["// @flow\nimport { createMemoryHistory } from \"history\";\nimport { has } from \"../utils/helpers/objects\";\nimport deepmerge from \"deepmerge\";\n\nimport configureStore from \"../redux/store/configureStore\";\n\nimport { availableLocales } from \"../i18n/Locales\";\nimport Locales from \"../i18n/Locales\";\n\nimport { getPreferredLocale } from \"./requestInformation\";\nimport { setLocales } from \"../redux/_i18n/I18nActions\";\n\nimport {\n  setServerPreference,\n  setThemePreference,\n  setPreference,\n  setAllContentInDataSetting,\n  setLoginPreferences,\n  setDateTimeSettings,\n} from \"../redux/actions/Preferences\";\n\nimport { getSetting } from \"../constants/Settings\";\n\nimport { IllegalArgumentException } from \"../exceptions\";\n\nimport { initModels } from \"../redux\";\nimport { getLocale } from \"../redux/selectors/i18n\";\n\nimport ModularUIRequest from \"../modularui/ModularUIRequest\";\n\nimport type { LocaleConfiguration } from \"../i18n/types\";\nimport type { ReduxState, ReduxStore } from \"../redux/types\";\nimport type Href from \"../models/href/Href\";\nimport type { RouterHistory } from \"react-router\";\n\nexport type PreferenceValue = {\n  name: string,\n  defaultValue?: string | null,\n  type?: string,\n};\n\n/**\n */\nconst createReduxStore = (\n  requestHref: Href,\n  customReducers: Object,\n  initialState?: $Shape<ReduxState>,\n): ReduxStore => {\n  // $FlowExpectedError\n  const history: RouterHistory = createMemoryHistory({\n    initialEntries: [requestHref.toString()],\n  });\n\n  const { store } = configureStore(history, customReducers, initialState);\n\n  return store;\n};\n\n/**\n */\nconst setI18n = (\n  store: ReduxStore,\n  locales: Array<LocaleConfiguration> = [],\n  request: HttpServletRequestJava,\n) => {\n  if (!Array.isArray(locales)) {\n    throw new IllegalArgumentException(\"locales must be an array of objects\");\n  }\n  if (!request) {\n    throw new IllegalArgumentException(\"missing request argument\");\n  }\n\n  const mergedLocales = availableLocales.map((locale) => {\n    const code = locale.code;\n    const customLocale = locales.find((custLocale) => custLocale.code === code);\n\n    if (customLocale) {\n      return deepmerge(locale, customLocale);\n    }\n\n    return locale;\n  });\n\n  locales.forEach((customLocale) => {\n    if (!mergedLocales.some((locale) => locale.code === customLocale.code)) {\n      mergedLocales.push(customLocale);\n    }\n  });\n\n  const enabledLocales = mergedLocales.filter((locale: LocaleConfiguration) =>\n    getSetting(\"ENABLED_LOCALES\").includes(locale.code),\n  );\n\n  const localesInstance = new Locales(enabledLocales);\n  const preferredLocale = getPreferredLocale(request, localesInstance);\n  store.dispatch(setLocales(localesInstance, preferredLocale ?? \"en\"));\n};\n\nconst setServerPreferencesFromArray = (\n  store: ReduxStore,\n  serverPreferences: Array<string | PreferenceValue>,\n) => {\n  serverPreferences.forEach((serverPreference) => {\n    if (typeof serverPreference === \"object\") {\n      const { name, defaultValue, type } = serverPreference;\n      store.dispatch(setServerPreference(name, defaultValue, type));\n    } else {\n      store.dispatch(setServerPreference(serverPreference, null));\n    }\n  });\n};\n\n/**\n * Server preferences can be suplied by an array of preference names,\n * or an array of objects which has the name, an optional default value and an optional type.<br>\n * When the type is set to string, a comma separated value is not converted to an array:\n *\n * @example\n * // value becomes an array [default1, default2]\n * { name: \"prefName\", defaultValue: \"default1, default2\" }\n * // value remains a string \"default1, default2\"\n * { name: \"prefName\", defaultValue: \"default1, default2\", type: \"string\" }\n *\n * @param store\n * @param serverPreferences\n */\nconst setServerPreferences = (\n  store: ReduxStore,\n  serverPreferences: Array<string | PreferenceValue>,\n) => {\n  if (Array.isArray(serverPreferences)) {\n    setServerPreferencesFromArray(store, serverPreferences);\n  }\n\n  store.dispatch(setAllContentInDataSetting());\n  store.dispatch(setLoginPreferences());\n  store.dispatch(setDateTimeSettings());\n\n  if (\n    preferencesProvider &&\n    preferencesProvider.isStudioContext &&\n    preferencesProvider.isStudioContext()\n  ) {\n    store.dispatch(setPreference(\"isStudioContext\", true));\n  }\n};\n\n/**\n */\nconst setConfigurationTheme = (store: ReduxStore) => {\n  let configTheme = null;\n\n  const configFileLocation = preferencesProvider.getLayoutConfigFileLocation();\n  if (typeof configFileLocation === \"string\") {\n    const configFilePath = configFileLocation.startsWith(\"/\")\n      ? `/resource${configFileLocation}`\n      : `/resource/${configFileLocation}`;\n\n    configTheme = dataFetcher.fetch(configFilePath);\n\n    if (configTheme) {\n      store.dispatch(setThemePreference(configTheme));\n    } else {\n      throw new Error(\n        `Could not read theme configuration file from: ${configFilePath}`,\n      );\n    }\n  }\n};\n\n/**\n */\nconst setApplication = (store: ReduxStore) => {\n  try {\n    const locale = getLocale(store.getState());\n    const application = new ModularUIRequest(\"/\", {\n      locale: locale,\n    }).fetchSync();\n\n    application.connectKey = `application(/)(${locale})`;\n\n    store.dispatch(\n      initModels([\n        {\n          key: `application(/)(${locale})`,\n          model: application,\n        },\n      ]),\n    );\n  } catch (e) {\n    // swallow error, in this case we just don't pre-cache the webapplication,\n    // which has not much difference for the end user\n  }\n};\n\n/**\n */\nconst handleErrors = (store: ReduxStore) => {\n  const state = store.getState();\n\n  if (\n    state.error &&\n    (state.error.shouldThrowOnServer ||\n      !has(state.error, \"shouldThrowOnServer\"))\n  ) {\n    throw state.error;\n  }\n};\n\n/**\n */\nconst dehydrate = (store: ReduxStore): string => {\n  const state = store.getState();\n\n  const modularui: {\n    [key: string]: { status: string, lastModification: number, model: ?Object },\n  } = {};\n\n  for (const key in state.modularui) {\n    const { status, model, lastModification } = state.modularui[key];\n\n    if (model) {\n      modularui[key] = {\n        status,\n        lastModification,\n        model: model.dehydrate(),\n      };\n    } else {\n      modularui[key] = {\n        status,\n        lastModification,\n        model: undefined,\n      };\n    }\n  }\n\n  const filteredState = {\n    ...state,\n    modularui,\n  };\n\n  return JSON.stringify(filteredState).replace(/</g, \"\\\\u003c\");\n};\n\n/**\n */\nconst createHead = (\n  sheet: any,\n  UUID: string,\n  helmetContext?: Object,\n): Object => {\n  const style = sheet.getStyleTags();\n  const meta = helmetContext ? [...helmetContext.helmet.meta] : [];\n\n  if (helmetContext) {\n    return {\n      ...helmetContext.helmet,\n      style,\n      meta,\n    };\n  }\n\n  return {\n    style,\n    meta,\n  };\n};\n\nexport {\n  createReduxStore,\n  setI18n,\n  setApplication,\n  setServerPreferences,\n  setConfigurationTheme,\n  createHead,\n  handleErrors,\n  dehydrate,\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/react-theme/ThemeProvider.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactRedux = require("react-redux");
+var _styledComponents = require("styled-components");
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ */
+const ThemeProvider = _ref => {
+  let {
+    theme,
+    children
+  } = _ref;
+  const storedTheme = (0, _reactRedux.useSelector)(_ref2 => {
+    let {
+      preferences
+    } = _ref2;
+    return preferences.theme;
+  });
+  const finalTheme = (0, _createTheme.default)(storedTheme, theme);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledComponents.ThemeProvider, {
+    theme: finalTheme,
+    children: children
+  });
+};
+ThemeProvider.displayName = "BI.ThemeProvider";
+var _default = exports.default = ThemeProvider;
+//# sourceMappingURL=ThemeProvider.js.map

package/lib/react-theme/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","names":["_reactRedux","require","_styledComponents","_createTheme","_interopRequireDefault","_jsxRuntime","ThemeProvider","_ref","theme","children","storedTheme","useSelector","_ref2","preferences","finalTheme","createTheme","jsx","displayName","_default","exports","default"],"sources":["../../src/react-theme/ThemeProvider.js"],"sourcesContent":["// @flow\nimport { useSelector } from \"react-redux\";\nimport { ThemeProvider as SCThemeProvider } from \"styled-components\";\n\nimport createTheme from \"./createTheme\";\n\nimport type { Node } from \"react\";\nimport type { Theme } from \"./types\";\n\nexport type Props = {\n  +theme?: Theme | Array<Theme>,\n  +children: Node,\n};\n\n/**\n */\nconst ThemeProvider = ({ theme, children }: Props): Node => {\n  const storedTheme = useSelector(({ preferences }) => preferences.theme);\n  const finalTheme = createTheme(storedTheme, theme);\n\n  return <SCThemeProvider theme={finalTheme}>{children}</SCThemeProvider>;\n};\nThemeProvider.displayName = \"BI.ThemeProvider\";\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwC,IAAAI,WAAA,GAAAJ,OAAA;AAUxC;AACA;AACA,MAAMK,aAAa,GAAGC,IAAA,IAAsC;EAAA,IAArC;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EAC/C,MAAMG,WAAW,GAAG,IAAAC,uBAAW,EAACC,KAAA;IAAA,IAAC;MAAEC;IAAY,CAAC,GAAAD,KAAA;IAAA,OAAKC,WAAW,CAACL,KAAK;EAAA,EAAC;EACvE,MAAMM,UAAU,GAAG,IAAAC,oBAAW,EAACL,WAAW,EAAEF,KAAK,CAAC;EAElD,oBAAO,IAAAH,WAAA,CAAAW,GAAA,EAACd,iBAAA,CAAAI,aAAe;IAACE,KAAK,EAAEM,UAAW;IAAAL,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AACzE,CAAC;AACDH,aAAa,CAACW,WAAW,GAAG,kBAAkB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEhCd,aAAa","ignoreList":[]}

package/lib/react-theme/createTheme.js

@@ -0,0 +1,115 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _keys = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/keys"));
+var _entries = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/object/entries"));
+var _flattenDeep = _interopRequireDefault(require("lodash/flattenDeep"));
+var _objects = require("../utils/helpers/objects");
+var _Settings = require("../constants/Settings");
+const replacePlaceholders = inputTheme => {
+  var _context;
+  const possibleKeys = (0, _map.default)(_context = (0, _keys.default)(inputTheme)).call(_context, key => `\\b${key}\\b`).join("|");
+  const re = new RegExp(`\\$(${possibleKeys})`, "g");
+  (0, _entries.default)(inputTheme).forEach(_ref => {
+    let [key, value] = _ref;
+    if (key !== "settings" && typeof value === "string") {
+      inputTheme[key] = value.replace(re,
+      // $FlowIssue[incompatible-call]
+      (match, capture) => inputTheme[capture]);
+    }
+  });
+  return inputTheme;
+};
+const generateTheme = function (storedTheme) {
+  const storedSettings = storedTheme?.settings ?? {};
+  let generatedTheme = {
+    settings: {}
+  };
+  for (var _len = arguments.length, themeElements = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    themeElements[_key - 1] = arguments[_key];
+  }
+  for (const element of themeElements) {
+    if (typeof element === "function") {
+      generatedTheme = element(replacePlaceholders(generatedTheme));
+    } else if ((0, _objects.isPlainObject)(element)) {
+      const generatedSettings = generatedTheme.settings;
+      // $FlowFixMe[cannot-spread-indexer]
+      generatedTheme = {
+        ...generatedTheme,
+        ...element,
+        ...storedTheme
+      };
+      if ("settings" in element) {
+        generatedTheme.settings = {
+          ...generatedSettings,
+          ...element.settings,
+          ...storedSettings
+        };
+      }
+    }
+  }
+
+  // final - replace any assignments inside the theme
+  return replacePlaceholders(generatedTheme);
+};
+
+/**
+ * Create a theme from multiple theme configuration objects.
+ * Properties are overwriten by iterating the configuration objects from left to right.
+ *
+ * The first argument represents a stored theme part, this is optional. The stored theme part will overwrite every part in the collection of theme parts.
+ * Thus a stored configuration is leading as it can be configured by a modeller through the repository.
+ *
+ * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.
+ *
+ * Both objects and function can be used, where a function receives the previous objects as input arguments.
+ * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:
+ *
+ * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))
+ *
+ * @example
+ * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,
+ * but the button bg still uses the yiq function of the default theme:
+ *
+ * const DefaultTheme = {
+ *   PRIMARY_COLOR: "#0000ff",
+ *   SECONDARY_COLOR: "#00ff00",
+ *   BUTTON_COLOR: "$PRIMARY_COLOR"
+ * }
+ *
+ * const createDefaultTheme = (input) => ({
+ *   ...input,
+ *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)
+ * })
+ *
+ * const CustomTheme = {
+ *   PRIMARY_COLOR: "#ff0000"
+ * }
+ *
+ * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);
+ *
+ * // Result:
+ * {
+ *   PRIMARY_COLOR: "#ff0000",
+ *   BUTTON_COLOR: "#ff0000",
+ *   BUTTON_BG: "#fff",
+ *   SECONDARY_COLOR: "#00ff00",
+ * }
+ */
+const createTheme = function (storedTheme) {
+  for (var _len2 = arguments.length, themeConfigs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+    themeConfigs[_key2 - 1] = arguments[_key2];
+  }
+  const customTheme = generateTheme(storedTheme, ...(0, _flattenDeep.default)(themeConfigs));
+  if (customTheme) {
+    (0, _Settings.setSettings)(customTheme.settings);
+  }
+  return customTheme;
+};
+var _default = exports.default = createTheme;
+//# sourceMappingURL=createTheme.js.map

package/lib/react-theme/createTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createTheme.js","names":["_flattenDeep","_interopRequireDefault","require","_objects","_Settings","replacePlaceholders","inputTheme","_context","possibleKeys","_map","default","_keys","call","key","join","re","RegExp","_entries","forEach","_ref","value","replace","match","capture","generateTheme","storedTheme","storedSettings","settings","generatedTheme","_len","arguments","length","themeElements","Array","_key","element","isPlainObject","generatedSettings","createTheme","_len2","themeConfigs","_key2","customTheme","flattenDeep","setSettings","_default","exports"],"sources":["../../src/react-theme/createTheme.js"],"sourcesContent":["// @flow\nimport flattenDeep from \"lodash/flattenDeep\";\n\nimport { isPlainObject } from \"../utils/helpers/objects\";\n\nimport { setSettings } from \"../constants/Settings\";\n\nimport type { Theme } from \"./types\";\n\nconst replacePlaceholders = (inputTheme: Theme) => {\n  const possibleKeys = Object.keys(inputTheme)\n    .map((key) => `\\\\b${key}\\\\b`)\n    .join(\"|\");\n\n  const re = new RegExp(`\\\\$(${possibleKeys})`, \"g\");\n  Object.entries(inputTheme).forEach(([key, value]) => {\n    if (key !== \"settings\" && typeof value === \"string\") {\n      inputTheme[key] = value.replace(\n        re,\n        // $FlowIssue[incompatible-call]\n        (match, capture) => inputTheme[capture],\n      );\n    }\n  });\n\n  return inputTheme;\n};\n\nconst generateTheme = (storedTheme: Theme, ...themeElements: Array<Theme>) => {\n  const storedSettings = storedTheme?.settings ?? {};\n\n  let generatedTheme = { settings: {} };\n  for (const element of themeElements) {\n    if (typeof element === \"function\") {\n      generatedTheme = element(replacePlaceholders(generatedTheme));\n    } else if (isPlainObject(element)) {\n      const generatedSettings = generatedTheme.settings;\n      // $FlowFixMe[cannot-spread-indexer]\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\n      if (\"settings\" in element) {\n        generatedTheme.settings = {\n          ...generatedSettings,\n          ...element.settings,\n          ...storedSettings,\n        };\n      }\n    }\n  }\n\n  // final - replace any assignments inside the theme\n  return replacePlaceholders(generatedTheme);\n};\n\n/**\n * Create a theme from multiple theme configuration objects.\n * Properties are overwriten by iterating the configuration objects from left to right.\n *\n * The first argument represents a stored theme part, this is optional. The stored theme part will overwrite every part in the collection of theme parts.\n * Thus a stored configuration is leading as it can be configured by a modeller through the repository.\n *\n * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.\n *\n * Both objects and function can be used, where a function receives the previous objects as input arguments.\n * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:\n *\n * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))\n *\n * @example\n * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,\n * but the button bg still uses the yiq function of the default theme:\n *\n * const DefaultTheme = {\n *   PRIMARY_COLOR: \"#0000ff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n *   BUTTON_COLOR: \"$PRIMARY_COLOR\"\n * }\n *\n * const createDefaultTheme = (input) => ({\n *   ...input,\n *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)\n * })\n *\n * const CustomTheme = {\n *   PRIMARY_COLOR: \"#ff0000\"\n * }\n *\n * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);\n *\n * // Result:\n * {\n *   PRIMARY_COLOR: \"#ff0000\",\n *   BUTTON_COLOR: \"#ff0000\",\n *   BUTTON_BG: \"#fff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n * }\n */\nconst createTheme = (\n  storedTheme: Theme,\n  ...themeConfigs: Array<Theme | Array<Theme> | void>\n):\n  | any\n  | {}\n  | {\n      INPUT_FOCUS_BORDER_COLOR?: string,\n      LINK_HOVER_COLOR?: string,\n      PAGING_HOVER_COLOR?: string,\n      settings?: { [settingName: string]: string },\n    } => {\n  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));\n\n  if (customTheme) {\n    setSettings(customTheme.settings);\n  }\n\n  return customTheme;\n};\n\nexport default createTheme;\n"],"mappings":"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","ignoreList":[]}

package/lib/react-theme/index.js

@@ -0,0 +1,110 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  createTheme: true,
+  ThemeProvider: true
+};
+Object.defineProperty(exports, "ThemeProvider", {
+  enumerable: true,
+  get: function () {
+    return _ThemeProvider.default;
+  }
+});
+Object.defineProperty(exports, "createTheme", {
+  enumerable: true,
+  get: function () {
+    return _createTheme.default;
+  }
+});
+var _createTheme = _interopRequireDefault(require("./createTheme"));
+var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));
+var _useTheme = require("./useTheme");
+_Object$keys(_useTheme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useTheme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useTheme[key];
+    }
+  });
+});
+var _themeProps = require("./utils/themeProps");
+_Object$keys(_themeProps).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _themeProps[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _themeProps[key];
+    }
+  });
+});
+var _background = require("./utils/background");
+_Object$keys(_background).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _background[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _background[key];
+    }
+  });
+});
+var _colors = require("./utils/colors");
+_Object$keys(_colors).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _colors[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _colors[key];
+    }
+  });
+});
+var _contrast = require("./utils/contrast");
+_Object$keys(_contrast).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _contrast[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _contrast[key];
+    }
+  });
+});
+var _corners = require("./utils/corners");
+_Object$keys(_corners).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _corners[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _corners[key];
+    }
+  });
+});
+var _spacers = require("./utils/spacers");
+_Object$keys(_spacers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _spacers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _spacers[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/react-theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_createTheme","_interopRequireDefault","require","_ThemeProvider","_useTheme","_Object$keys","forEach","key","Object","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_themeProps","_background","_colors","_contrast","_corners","_spacers"],"sources":["../../src/react-theme/index.js"],"sourcesContent":["// @flow\nexport { default as createTheme } from \"./createTheme\";\nexport { default as ThemeProvider } from \"./ThemeProvider\";\n\nexport * from \"./useTheme\";\n\nexport * from \"./utils/themeProps\";\n\nexport * from \"./utils/background\";\nexport * from \"./utils/colors\";\nexport * from \"./utils/contrast\";\nexport * from \"./utils/corners\";\nexport * from \"./utils/spacers\";\n\nexport type * from \"./types\";\n"],"mappings":"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","ignoreList":[]}

package/lib/react-theme/types.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=types.js.map

package/lib/react-theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../src/react-theme/types.js"],"sourcesContent":["// @flow\nexport type ThemePropValue =\n  | string\n  | number\n  | { [key: string]: ThemePropValue, ... };\n\nexport type UtilThemeProps = {\n  theme: Theme,\n  ...\n};\n\nexport type Theme = {\n  settings: { [settingName: string]: string },\n  [key: string]: ThemePropValue,\n  ...\n};\n"],"mappings":"","ignoreList":[]}

package/lib/react-theme/useTheme.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTheme = void 0;
+var _react = require("react");
+var _styledComponents = require("styled-components");
+/**
+ */
+const useTheme = () => {
+  return (0, _react.useContext)(_styledComponents.ThemeContext);
+};
+exports.useTheme = useTheme;
+//# sourceMappingURL=useTheme.js.map

package/lib/react-theme/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","names":["_react","require","_styledComponents","useTheme","useContext","ThemeContext","exports"],"sources":["../../src/react-theme/useTheme.js"],"sourcesContent":["// @flow\nimport { useContext } from \"react\";\nimport { ThemeContext } from \"styled-components\";\n\nimport type { Theme } from \"./types\";\n\n/**\n */\nconst useTheme = (): Theme => {\n  return useContext(ThemeContext);\n};\n\nexport { useTheme };\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAIA;AACA;AACA,MAAME,QAAQ,GAAGA,CAAA,KAAa;EAC5B,OAAO,IAAAC,iBAAU,EAACC,8BAAY,CAAC;AACjC,CAAC;AAACC,OAAA,CAAAH,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/react-theme/utils/background.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderBackground = void 0;
+var _themeProps = require("./themeProps");
+/**
+ */
+const renderBackground = (path, defaultValue) => _ref => {
+  let {
+    theme
+  } = _ref;
+  const value = (0, _themeProps.getThemeProp)(theme, path, defaultValue);
+  if (typeof value === "string") {
+    return `background: ${value}`;
+  }
+  return value;
+};
+exports.renderBackground = renderBackground;
+//# sourceMappingURL=background.js.map

package/lib/react-theme/utils/background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.js","names":["_themeProps","require","renderBackground","path","defaultValue","_ref","theme","value","getThemeProp","exports"],"sources":["../../../src/react-theme/utils/background.js"],"sourcesContent":["// @flow\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { ThemePropValue, UtilThemeProps } from \"../types\";\n\n/**\n */\nconst renderBackground =\n  (path: string, defaultValue?: string): ((UtilThemeProps) => ThemePropValue) =>\n  ({ theme }: UtilThemeProps) => {\n    const value = getThemeProp(theme, path, defaultValue);\n\n    if (typeof value === \"string\") {\n      return `background: ${value}`;\n    }\n\n    return value;\n  };\n\nexport { renderBackground };\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAIA;AACA;AACA,MAAMC,gBAAgB,GACpBA,CAACC,IAAY,EAAEC,YAAqB,KACpCC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACxB,MAAME,KAAK,GAAG,IAAAC,wBAAY,EAACF,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC;EAErD,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,eAAeA,KAAK,EAAE;EAC/B;EAEA,OAAOA,KAAK;AACd,CAAC;AAACE,OAAA,CAAAP,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/lib/react-theme/utils/colors.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.lightenColor = exports.darkenColor = exports.changeHSL = void 0;
+var _polished = require("polished");
+var _themeProps = require("./themeProps");
+/*
+ * Themed color x amount darkened
+ */
+/**
+ */
+const darkenColor = (amount, path, defaultValue) => _ref => {
+  let {
+    theme
+  } = _ref;
+  return (0, _polished.darken)(amount, (0, _themeProps.getThemeProp)(theme, path, defaultValue));
+};
+
+/*
+ * Themed color x amount lightened
+ */
+/**
+ */
+exports.darkenColor = darkenColor;
+const lightenColor = (amount, path, defaultValue) => _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  return (0, _polished.lighten)(amount, (0, _themeProps.getThemeProp)(theme, path, defaultValue));
+};
+
+/*
+ * Make a color lighter or darker in the same color family
+ */
+/**
+ */
+exports.lightenColor = lightenColor;
+const changeHSL = function (color, saturation, lightness) {
+  let hueAdjustment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  return (0, _polished.hsl)((0, _polished.parseToHsl)(color).hue + hueAdjustment, saturation, lightness);
+};
+exports.changeHSL = changeHSL;
+//# sourceMappingURL=colors.js.map