@beinformed/ui 1.59.22 → 1.60.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","names":["_polished","require","_themeProps","darkenColor","amount","path","defaultValue","_ref","theme","darken","getThemeProp","exports","lightenColor","_ref2","lighten","changeHSL","color","saturation","lightness","hueAdjustment","arguments","length","undefined","hsl","parseToHsl","hue"],"sources":["../../../src/react-theme/utils/colors.js"],"sourcesContent":["// @flow\nimport { darken, hsl, lighten, parseToHsl } from \"polished\";\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { UtilThemeProps } from \"../types\";\n\n/*\n * Themed color x amount darkened\n */\n/**\n */\nconst darkenColor =\n  (\n    amount: number | string,\n    path: string,\n    defaultValue?: string,\n  ): ((UtilThemeProps) => string) =>\n  ({ theme }: UtilThemeProps) =>\n    darken(amount, getThemeProp(theme, path, defaultValue));\n\n/*\n * Themed color x amount lightened\n */\n/**\n */\nconst lightenColor =\n  (\n    amount: number | string,\n    path: string,\n    defaultValue?: string,\n  ): ((UtilThemeProps) => string) =>\n  ({ theme }: UtilThemeProps) =>\n    lighten(amount, getThemeProp(theme, path, defaultValue));\n\n/*\n * Make a color lighter or darker in the same color family\n */\n/**\n */\nconst changeHSL = (\n  color: string,\n  saturation?: number,\n  lightness?: number,\n  hueAdjustment: number = 0,\n): string => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);\n\nexport { darkenColor, lightenColor, changeHSL };\n"],"mappings":";;;;;;AACA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAIA;AACA;AACA;AACA;AACA;AACA,MAAME,WAAW,GACfA,CACEC,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvBC,IAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EAAA,OACxB,IAAAE,gBAAM,EAACL,MAAM,EAAE,IAAAM,wBAAY,EAACF,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE3D;AACA;AACA;AACA;AACA;AADAK,OAAA,CAAAR,WAAA,GAAAA,WAAA;AAEA,MAAMS,YAAY,GAChBA,CACER,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvBO,KAAA;EAAA,IAAC;IAAEL;EAAsB,CAAC,GAAAK,KAAA;EAAA,OACxB,IAAAC,iBAAO,EAACV,MAAM,EAAE,IAAAM,wBAAY,EAACF,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE5D;AACA;AACA;AACA;AACA;AADAK,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEA,MAAMG,SAAS,GAAG,SAAAA,CAChBC,KAAa,EACbC,UAAmB,EACnBC,SAAkB;EAAA,IAClBC,aAAqB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAAA,OACd,IAAAG,aAAG,EAAC,IAAAC,oBAAU,EAACR,KAAK,CAAC,CAACS,GAAG,GAAGN,aAAa,EAAEF,UAAU,EAAEC,SAAS,CAAC;AAAA;AAACP,OAAA,CAAAI,SAAA,GAAAA,SAAA","ignoreList":[]}

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

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.renderContrastColor = exports.getYIQ = exports.getContrastYIQ = exports.getColorContrast = void 0;
+var _polished = require("polished");
+var _themeProps = require("./themeProps");
+var _exceptions = require("../../exceptions");
+/**
+ * calculate the contrast ratio of two colors
+ */
+const getColorContrast = (color1, color2) => {
+  const luminance1 = (0, _polished.getLuminance)(color1);
+  const luminance2 = (0, _polished.getLuminance)(color2);
+  return parseFloat((luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05)).toFixed(2));
+};
+
+/*
+ * The YIQ equation converts the RGB color (0 to 255) into a YIQ color space.
+ * YIQ is the standard formula for calculating the perceived brightness of a color,
+ * and is recommended by the World Wide Web Consortium (W3C).
+ */
+/**
+ */
+exports.getColorContrast = getColorContrast;
+const getYIQ = color => {
+  const rgb = (0, _polished.parseToRgb)(color);
+  return (rgb.red * 299 + rgb.green * 587 + rgb.blue * 114) / 1000;
+};
+
+/**
+ * Get dark or light color, depending on the given color
+ * When the contrast between the color and the light or dark color is too low,
+ * the preferred color is returned
+ */
+exports.getYIQ = getYIQ;
+const getContrastYIQ = function (color) {
+  let dark = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "#212529";
+  let light = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "#fff";
+  let preferredColor = arguments.length > 3 ? arguments[3] : undefined;
+  const yiqColor = getYIQ(color);
+  if (preferredColor && getColorContrast(color, preferredColor) >= 4.5) {
+    return preferredColor;
+  }
+  const darkColor = getYIQ(dark) < 127.5 ? dark : "#212529";
+  const lightColor = getYIQ(light) > 127.5 ? light : "#fff";
+  if (yiqColor > 127.5) {
+    if (getColorContrast(color, darkColor) < 3) {
+      return "#212529";
+    }
+    return darkColor;
+  }
+  if (getColorContrast(color, lightColor) < 3) {
+    return "#fff";
+  }
+  return lightColor;
+};
+
+/**
+ */
+exports.getContrastYIQ = getContrastYIQ;
+const getBackgroundColor = (theme, bgColorProperty, defaultValue) => {
+  let bgColor = (0, _themeProps.getProp)(theme, bgColorProperty, defaultValue);
+  if (typeof bgColor === "object") {
+    bgColor = bgColor?.backgroundColor ?? defaultValue;
+  }
+  if (typeof bgColor === "string") {
+    return bgColor;
+  }
+  throw new _exceptions.ThemePropertyException(`${bgColorProperty} is not a string, but: ${typeof bgColor}`);
+};
+
+/**
+ * Retrieve the contrast color for the given background property,
+ * based on theme properties
+ */
+const renderContrastColor = function (bgColorProperty, preferredColorProperty) {
+  let standardDarkProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "YIQ_DARK_COLOR";
+  let standardLightProperty = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "YIQ_LIGHT_COLOR";
+  return _ref => {
+    let {
+      theme = {
+        settings: {}
+      }
+    } = _ref;
+    const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
+    const preferredColor = (0, _themeProps.getThemeStringProp)(theme, preferredColorProperty);
+    const darkColor = (0, _themeProps.getThemeStringProp)(theme, standardDarkProperty, "#212529");
+    const lightColor = (0, _themeProps.getThemeStringProp)(theme, standardLightProperty, "#fff");
+    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
+  };
+};
+exports.renderContrastColor = renderContrastColor;
+//# sourceMappingURL=contrast.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"contrast.js","names":["_polished","require","_themeProps","_exceptions","getColorContrast","color1","color2","luminance1","getLuminance","luminance2","parseFloat","toFixed","exports","getYIQ","color","rgb","parseToRgb","red","green","blue","getContrastYIQ","dark","arguments","length","undefined","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","getProp","backgroundColor","ThemePropertyException","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty","_ref","settings","getThemeStringProp"],"sources":["../../../src/react-theme/utils/contrast.js"],"sourcesContent":["// @flow\nimport { getLuminance, parseToRgb } from \"polished\";\n\nimport { getThemeStringProp, getProp } from \"./themeProps\";\n\nimport { ThemePropertyException } from \"../../exceptions\";\n\nimport type { Theme, UtilThemeProps } from \"../types\";\n\n/**\n * calculate the contrast ratio of two colors\n */\nconst getColorContrast = (color1: string, color2: string): number => {\n  const luminance1 = getLuminance(color1);\n  const luminance2 = getLuminance(color2);\n  return parseFloat(\n    (luminance1 > luminance2\n      ? (luminance1 + 0.05) / (luminance2 + 0.05)\n      : (luminance2 + 0.05) / (luminance1 + 0.05)\n    ).toFixed(2),\n  );\n};\n\n/*\n * The YIQ equation converts the RGB color (0 to 255) into a YIQ color space.\n * YIQ is the standard formula for calculating the perceived brightness of a color,\n * and is recommended by the World Wide Web Consortium (W3C).\n */\n/**\n */\nconst getYIQ = (color: string): number => {\n  const rgb = parseToRgb(color);\n\n  return (rgb.red * 299 + rgb.green * 587 + rgb.blue * 114) / 1000;\n};\n\n/**\n * Get dark or light color, depending on the given color\n * When the contrast between the color and the light or dark color is too low,\n * the preferred color is returned\n */\nconst getContrastYIQ = (\n  color: string,\n  dark: string = \"#212529\",\n  light: string = \"#fff\",\n  preferredColor?: string,\n): string => {\n  const yiqColor = getYIQ(color);\n\n  if (preferredColor && getColorContrast(color, preferredColor) >= 4.5) {\n    return preferredColor;\n  }\n\n  const darkColor = getYIQ(dark) < 127.5 ? dark : \"#212529\";\n  const lightColor = getYIQ(light) > 127.5 ? light : \"#fff\";\n\n  if (yiqColor > 127.5) {\n    if (getColorContrast(color, darkColor) < 3) {\n      return \"#212529\";\n    }\n\n    return darkColor;\n  }\n\n  if (getColorContrast(color, lightColor) < 3) {\n    return \"#fff\";\n  }\n  return lightColor;\n};\n\n/**\n */\nconst getBackgroundColor = (\n  theme: Theme,\n  bgColorProperty: string,\n  defaultValue: string,\n) => {\n  let bgColor = getProp(theme, bgColorProperty, defaultValue);\n\n  if (typeof bgColor === \"object\") {\n    bgColor = bgColor?.backgroundColor ?? defaultValue;\n  }\n\n  if (typeof bgColor === \"string\") {\n    return bgColor;\n  }\n\n  throw new ThemePropertyException(\n    `${bgColorProperty} is not a string, but: ${typeof bgColor}`,\n  );\n};\n\n/**\n * Retrieve the contrast color for the given background property,\n * based on theme properties\n */\nconst renderContrastColor =\n  (\n    bgColorProperty: string,\n    preferredColorProperty?: string,\n    standardDarkProperty: string = \"YIQ_DARK_COLOR\",\n    standardLightProperty: string = \"YIQ_LIGHT_COLOR\",\n  ): ((UtilThemeProps) => string) =>\n  ({ theme = { settings: {} } }: UtilThemeProps) => {\n    const bgColor = getBackgroundColor(theme, bgColorProperty, \"#ffffff\");\n    const preferredColor = getThemeStringProp(theme, preferredColorProperty);\n    const darkColor = getThemeStringProp(\n      theme,\n      standardDarkProperty,\n      \"#212529\",\n    );\n    const lightColor = getThemeStringProp(theme, standardLightProperty, \"#fff\");\n\n    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);\n  };\n\nexport { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.roundedCorners = void 0;
+var _themeProps = require("./themeProps");
+const DEFAULT_CORNER_PROPERTY = "border-radius";
+
+/*
+ * Border radius based on the theme setting for rounded corners
+ * When ROUNDED_CORNERS is not true in the theme, no rounded corners are returned
+ */
+/**
+ */
+const roundedCorners = function () {
+  let property = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_CORNER_PROPERTY;
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "BORDER_RADIUS";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "0.25rem";
+  return _ref => {
+    let {
+      theme = {
+        settings: {}
+      }
+    } = _ref;
+    if (theme.ROUNDED_CORNERS) {
+      const propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? `border-${property}-radius` : DEFAULT_CORNER_PROPERTY;
+      return `${propertyName}: ${(0, _themeProps.getThemeStringProp)(theme, path, defaultValue)}`;
+    }
+    return "";
+  };
+};
+exports.roundedCorners = roundedCorners;
+//# sourceMappingURL=corners.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"corners.js","names":["_themeProps","require","DEFAULT_CORNER_PROPERTY","roundedCorners","property","arguments","length","undefined","path","defaultValue","_ref","theme","settings","ROUNDED_CORNERS","propertyName","getThemeStringProp","exports"],"sources":["../../../src/react-theme/utils/corners.js"],"sourcesContent":["// @flow\nimport { getThemeStringProp } from \"./themeProps\";\n\nimport type { UtilThemeProps } from \"../types\";\n\nconst DEFAULT_CORNER_PROPERTY = \"border-radius\";\n\n/*\n * Border radius based on the theme setting for rounded corners\n * When ROUNDED_CORNERS is not true in the theme, no rounded corners are returned\n */\n/**\n */\nconst roundedCorners =\n  (\n    property: string = DEFAULT_CORNER_PROPERTY,\n    path: string = \"BORDER_RADIUS\",\n    defaultValue: string = \"0.25rem\",\n  ): ((UtilThemeProps) => string) =>\n  ({ theme = { settings: {} } }: UtilThemeProps) => {\n    if (theme.ROUNDED_CORNERS) {\n      const propertyName =\n        property && property !== DEFAULT_CORNER_PROPERTY\n          ? `border-${property}-radius`\n          : DEFAULT_CORNER_PROPERTY;\n\n      return `${propertyName}: ${getThemeStringProp(\n        theme,\n        path,\n        defaultValue,\n      )}`;\n    }\n\n    return \"\";\n  };\n\nexport { roundedCorners };\n"],"mappings":";;;;;;AACA,IAAAA,WAAA,GAAAC,OAAA;AAIA,MAAMC,uBAAuB,GAAG,eAAe;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAClB,SAAAA,CAAA;EAAA,IACEC,QAAgB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,uBAAuB;EAAA,IAC1CM,IAAY,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,eAAe;EAAA,IAC9BI,YAAoB,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,SAAS;EAAA,OAElCK,IAAA,IAAkD;IAAA,IAAjD;MAAEC,KAAK,GAAG;QAAEC,QAAQ,EAAE,CAAC;MAAE;IAAkB,CAAC,GAAAF,IAAA;IAC3C,IAAIC,KAAK,CAACE,eAAe,EAAE;MACzB,MAAMC,YAAY,GAChBV,QAAQ,IAAIA,QAAQ,KAAKF,uBAAuB,GAC5C,UAAUE,QAAQ,SAAS,GAC3BF,uBAAuB;MAE7B,OAAO,GAAGY,YAAY,KAAK,IAAAC,8BAAkB,EAC3CJ,KAAK,EACLH,IAAI,EACJC,YACF,CAAC,EAAE;IACL;IAEA,OAAO,EAAE;EACX,CAAC;AAAA;AAACO,OAAA,CAAAb,cAAA,GAAAA,cAAA","ignoreList":[]}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.spacers = exports.spacer = exports.gutter = void 0;
+var _stringify = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/json/stringify"));
+var _map = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/instance/map"));
+var _big = _interopRequireDefault(require("big.js"));
+var _IllegalArgumentException = _interopRequireDefault(require("../../exceptions/IllegalArgumentException"));
+var _IllegalStateException = _interopRequireDefault(require("../../exceptions/IllegalStateException"));
+/**
+ */
+const getSize = function (theme) {
+  let ratio = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "SPACER";
+  let unit = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : "rem";
+  if (typeof ratio === "string") {
+    return ratio;
+  }
+  if (typeof ratio === "number") {
+    if (typeof theme[path] === "number") {
+      const size = (0, _big.default)(ratio).times(theme[path]);
+      return `${size}${unit}`;
+    }
+    throw new _IllegalStateException.default(`Size ${path} must be a number`);
+  }
+  throw new _IllegalArgumentException.default(`Ratio ${(0, _stringify.default)(ratio)} must be a string or number`);
+};
+
+/*
+ * Render spacers based on the given ratio * theme SPACER
+ */
+/**
+ */
+const spacer = function () {
+  let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return _ref => {
+    let {
+      theme = {
+        settings: {}
+      }
+    } = _ref;
+    return getSize(theme, ratio);
+  };
+};
+
+/*
+ * Render spacers based on the given ratio * theme SPACER
+ * Ratio's can be given clockwise with shorthand,
+ * spacers(0.5, 1) with a spacer of 0.8 will give "0.4rem 1rem";
+ */
+/**
+ */
+exports.spacer = spacer;
+const spacers = function () {
+  for (var _len = arguments.length, ratios = new Array(_len), _key = 0; _key < _len; _key++) {
+    ratios[_key] = arguments[_key];
+  }
+  return _ref2 => {
+    let {
+      theme = {
+        settings: {}
+      }
+    } = _ref2;
+    return (0, _map.default)(ratios).call(ratios, ratio => getSize(theme, ratio)).join(" ");
+  };
+};
+
+/*
+ * Render a gutter based on GUTTER property
+ */
+/**
+ */
+exports.spacers = spacers;
+const gutter = function () {
+  let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return _ref3 => {
+    let {
+      theme = {
+        settings: {}
+      }
+    } = _ref3;
+    return getSize(theme, ratio, "GRID_GUTTER", "px");
+  };
+};
+exports.gutter = gutter;
+//# sourceMappingURL=spacers.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spacers.js","names":["_big","_interopRequireDefault","require","_IllegalArgumentException","_IllegalStateException","getSize","theme","ratio","arguments","length","undefined","path","unit","size","Big","times","IllegalStateException","IllegalArgumentException","_stringify","default","spacer","_ref","settings","exports","spacers","_len","ratios","Array","_key","_ref2","_map","call","join","gutter","_ref3"],"sources":["../../../src/react-theme/utils/spacers.js"],"sourcesContent":["// @flow\nimport Big from \"big.js\";\n\nimport type { Theme, UtilThemeProps } from \"../types\";\nimport IllegalArgumentException from \"../../exceptions/IllegalArgumentException\";\nimport IllegalStateException from \"../../exceptions/IllegalStateException\";\n\n/**\n */\nconst getSize = (\n  theme: Theme,\n  ratio: number | string = 1,\n  path: string = \"SPACER\",\n  unit: string = \"rem\",\n) => {\n  if (typeof ratio === \"string\") {\n    return ratio;\n  }\n\n  if (typeof ratio === \"number\") {\n    if (typeof theme[path] === \"number\") {\n      const size = Big(ratio).times(theme[path]);\n      return `${size}${unit}`;\n    }\n    throw new IllegalStateException(`Size ${path} must be a number`);\n  }\n\n  throw new IllegalArgumentException(\n    `Ratio ${JSON.stringify(ratio)} must be a string or number`,\n  );\n};\n\n/*\n * Render spacers based on the given ratio * theme SPACER\n */\n/**\n */\nconst spacer =\n  (ratio: number = 1): ((UtilThemeProps) => string) =>\n  ({ theme = { settings: {} } }: UtilThemeProps) =>\n    getSize(theme, ratio);\n\n/*\n * Render spacers based on the given ratio * theme SPACER\n * Ratio's can be given clockwise with shorthand,\n * spacers(0.5, 1) with a spacer of 0.8 will give \"0.4rem 1rem\";\n */\n/**\n */\nconst spacers =\n  (...ratios: Array<number | \"auto\">): ((UtilThemeProps) => string) =>\n  ({ theme = { settings: {} } }: UtilThemeProps) =>\n    ratios.map((ratio) => getSize(theme, ratio)).join(\" \");\n\n/*\n * Render a gutter based on GUTTER property\n */\n/**\n */\nconst gutter =\n  (ratio: number = 1): ((UtilThemeProps) => string) =>\n  ({ theme = { settings: {} } }: UtilThemeProps) =>\n    getSize(theme, ratio, \"GRID_GUTTER\", \"px\");\n\nexport { spacer, spacers, gutter };\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.themeProp = exports.getThemeStringProp = exports.getThemeProp = exports.getThemeNumberProp = exports.getProp = void 0;
+var _objects = require("../../utils/helpers/objects");
+var _exceptions = require("../../exceptions");
+/**
+ */
+const getProp = function () {
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  return path === "" ? defaultValue : (0, _objects.get)(theme, path, defaultValue);
+};
+
+/**
+ */
+exports.getProp = getProp;
+const getThemeProp = function () {
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  const value = getProp(theme, path, defaultValue);
+  if (value != null && (typeof value === "string" || typeof value === "number" || typeof value === "object")) {
+    return value;
+  }
+  throw new _exceptions.ThemePropertyException(`${path} is not a string, number or plain object, but: ${typeof value}`);
+};
+
+/**
+ */
+exports.getThemeProp = getThemeProp;
+const getThemeStringProp = function () {
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : "";
+  const value = getProp(theme, path, defaultValue);
+  if (typeof value === "string") {
+    return value;
+  } else if (typeof value === "number") {
+    return value.toString();
+  }
+  throw new _exceptions.ThemePropertyException(`${path} is not a string, but: ${typeof value}`);
+};
+
+/**
+ */
+exports.getThemeStringProp = getThemeStringProp;
+const getThemeNumberProp = function () {
+  let theme = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let path = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  let defaultValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const value = getProp(theme, path, defaultValue);
+  if (typeof value === "number") {
+    return value;
+  }
+  throw new _exceptions.ThemePropertyException(`${path} is not a number, but: ${typeof value}`);
+};
+
+/*
+ * Retrieve property value from theme property of styled component
+ */
+/**
+ */
+exports.getThemeNumberProp = getThemeNumberProp;
+const themeProp = (path, defaultValue) => _ref => {
+  let {
+    theme
+  } = _ref;
+  return getThemeProp(theme, path, defaultValue);
+};
+exports.themeProp = themeProp;
+//# sourceMappingURL=themeProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"themeProps.js","names":["_objects","require","_exceptions","getProp","theme","arguments","length","undefined","path","defaultValue","get","exports","getThemeProp","value","ThemePropertyException","getThemeStringProp","toString","getThemeNumberProp","themeProp","_ref"],"sources":["../../../src/react-theme/utils/themeProps.js"],"sourcesContent":["// @flow\nimport { get } from \"../../utils/helpers/objects\";\n\nimport { ThemePropertyException } from \"../../exceptions\";\n\nimport type { Theme, ThemePropValue } from \"../types\";\n\n/**\n */\nexport const getProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: ThemePropValue = \"\",\n): ?ThemePropValue => {\n  return path === \"\" ? defaultValue : get(theme, path, defaultValue);\n};\n\n/**\n */\nexport const getThemeProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: ThemePropValue = \"\",\n): ThemePropValue => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (\n    value != null &&\n    (typeof value === \"string\" ||\n      typeof value === \"number\" ||\n      typeof value === \"object\")\n  ) {\n    return value;\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a string, number or plain object, but: ${typeof value}`,\n  );\n};\n\n/**\n */\nexport const getThemeStringProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: string = \"\",\n): string => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (typeof value === \"string\") {\n    return value;\n  } else if (typeof value === \"number\") {\n    return value.toString();\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a string, but: ${typeof value}`,\n  );\n};\n\n/**\n */\nexport const getThemeNumberProp = (\n  theme: $Shape<Theme> = {},\n  path: string = \"\",\n  defaultValue: number = 0,\n): number => {\n  const value = getProp(theme, path, defaultValue);\n\n  if (typeof value === \"number\") {\n    return value;\n  }\n\n  throw new ThemePropertyException(\n    `${path} is not a number, but: ${typeof value}`,\n  );\n};\n\n/*\n * Retrieve property value from theme property of styled component\n */\n/**\n */\nexport const themeProp =\n  (\n    path: string,\n    defaultValue?: ThemePropValue,\n  ): (({ theme: Theme }) => ThemePropValue) =>\n  ({ theme }: { theme: Theme }) =>\n    getThemeProp(theme, path, defaultValue);\n"],"mappings":"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","ignoreList":[]}

package/lib/redux/_i18n/I18nActions.js

@@ -0,0 +1,37 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.updateLocale = exports.setLocales = exports.receiveLocale = void 0;
+var _ProgressIndicator = require("../actions/ProgressIndicator");
+/**
+ * Update current locale
+ */
+const receiveLocale = locale => ({
+  type: "UPDATE_LOCALE",
+  payload: locale
+});
+
+/**
+ * Change locale of application and redirect
+ */
+exports.receiveLocale = receiveLocale;
+const updateLocale = locale => dispatch => {
+  dispatch((0, _ProgressIndicator.startProgress)());
+  dispatch(receiveLocale(locale));
+  dispatch((0, _ProgressIndicator.finishProgress)());
+};
+
+/**
+ */
+exports.updateLocale = updateLocale;
+const setLocales = (locales, locale) => ({
+  type: "SET_LOCALES",
+  payload: {
+    locales,
+    locale
+  }
+});
+exports.setLocales = setLocales;
+//# sourceMappingURL=I18nActions.js.map

package/lib/redux/_i18n/I18nActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nActions.js","names":["_ProgressIndicator","require","receiveLocale","locale","type","payload","exports","updateLocale","dispatch","startProgress","finishProgress","setLocales","locales"],"sources":["../../../src/redux/_i18n/I18nActions.js"],"sourcesContent":["// @flow\nimport { startProgress, finishProgress } from \"../actions/ProgressIndicator\";\n\nimport type Locales from \"../../i18n/Locales\";\nimport type { SetLocalesAction, UpdateLocaleAction } from \"./types\";\nimport type { ThunkAction } from \"../types\";\n\n/**\n * Update current locale\n */\nexport const receiveLocale = (locale: string): UpdateLocaleAction => ({\n  type: \"UPDATE_LOCALE\",\n  payload: locale,\n});\n\n/**\n * Change locale of application and redirect\n */\nexport const updateLocale =\n  (locale: string): ThunkAction =>\n  (dispatch) => {\n    dispatch(startProgress());\n    dispatch(receiveLocale(locale));\n\n    dispatch(finishProgress());\n  };\n\n/**\n */\nexport const setLocales = (\n  locales: Locales,\n  locale: string,\n): SetLocalesAction => ({\n  type: \"SET_LOCALES\",\n  payload: {\n    locales,\n    locale,\n  },\n});\n"],"mappings":";;;;;;AACA,IAAAA,kBAAA,GAAAC,OAAA;AAMA;AACA;AACA;AACO,MAAMC,aAAa,GAAIC,MAAc,KAA0B;EACpEC,IAAI,EAAE,eAAe;EACrBC,OAAO,EAAEF;AACX,CAAC,CAAC;;AAEF;AACA;AACA;AAFAG,OAAA,CAAAJ,aAAA,GAAAA,aAAA;AAGO,MAAMK,YAAY,GACtBJ,MAAc,IACdK,QAAQ,IAAK;EACZA,QAAQ,CAAC,IAAAC,gCAAa,EAAC,CAAC,CAAC;EACzBD,QAAQ,CAACN,aAAa,CAACC,MAAM,CAAC,CAAC;EAE/BK,QAAQ,CAAC,IAAAE,iCAAc,EAAC,CAAC,CAAC;AAC5B,CAAC;;AAEH;AACA;AADAJ,OAAA,CAAAC,YAAA,GAAAA,YAAA;AAEO,MAAMI,UAAU,GAAGA,CACxBC,OAAgB,EAChBT,MAAc,MACQ;EACtBC,IAAI,EAAE,aAAa;EACnBC,OAAO,EAAE;IACPO,OAAO;IACPT;EACF;AACF,CAAC,CAAC;AAACG,OAAA,CAAAK,UAAA,GAAAA,UAAA","ignoreList":[]}

package/lib/redux/_i18n/I18nReducer.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.I18nReducer = void 0;
+var _Cache = _interopRequireDefault(require("../../utils/browser/Cache"));
+var _Cookies = require("../../utils/browser/Cookies");
+var _Locales = _interopRequireDefault(require("../../i18n/Locales"));
+/**
+ */
+const updateLocale = (state, locale) => {
+  // set locale in cookie
+  (0, _Cookies.setCookie)("locale", locale);
+
+  // clear cache because of cached contributions
+  _Cache.default.clear();
+  return {
+    ...state,
+    locale
+  };
+};
+
+/**
+ */
+const setLocales = (state, _ref) => {
+  let {
+    locale,
+    locales
+  } = _ref;
+  // set locale in cookie
+  (0, _Cookies.setCookie)("locale", locale);
+  if (locale) {
+    return {
+      ...state,
+      locales,
+      locale
+    };
+  }
+  return {
+    ...state,
+    locales
+  };
+};
+const getDefaultLocale = () => {
+  if (typeof navigator !== "undefined" && navigator?.language) {
+    return navigator?.language.split("-")[0] || "en";
+  }
+  return "en";
+};
+
+// REDUCER
+const initialState = {
+  locales: new _Locales.default(),
+  locale: getDefaultLocale()
+};
+
+/**
+ * Form reducer
+ */
+const I18nReducer = function () {
+  let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : initialState;
+  let action = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : void 0;
+  if (!action) {
+    return state;
+  }
+  switch (action.type) {
+    case "SET_LOCALES":
+      return setLocales(state, action.payload);
+    case "UPDATE_LOCALE":
+      return updateLocale(state, action.payload);
+    default:
+      return state;
+  }
+};
+exports.I18nReducer = I18nReducer;
+//# sourceMappingURL=I18nReducer.js.map

package/lib/redux/_i18n/I18nReducer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"I18nReducer.js","names":["_Cache","_interopRequireDefault","require","_Cookies","_Locales","updateLocale","state","locale","setCookie","Cache","clear","setLocales","_ref","locales","getDefaultLocale","navigator","language","split","initialState","Locales","I18nReducer","arguments","length","undefined","action","type","payload","exports"],"sources":["../../../src/redux/_i18n/I18nReducer.js"],"sourcesContent":["// @flow\nimport Cache from \"../../utils/browser/Cache\";\nimport { setCookie } from \"../../utils/browser/Cookies\";\n\nimport Locales from \"../../i18n/Locales\";\n\nimport type { Reducer } from \"redux\";\nimport type { I18nState } from \"./types\";\nimport type { ReduxAction } from \"../types\";\n\n/**\n */\nconst updateLocale = (state: I18nState, locale: string) => {\n  // set locale in cookie\n  setCookie(\"locale\", locale);\n\n  // clear cache because of cached contributions\n  Cache.clear();\n\n  return {\n    ...state,\n    locale,\n  };\n};\n\n/**\n */\nconst setLocales = (\n  state: I18nState,\n  { locale, locales }: { locale: string, locales: Locales },\n) => {\n  // set locale in cookie\n  setCookie(\"locale\", locale);\n\n  if (locale) {\n    return {\n      ...state,\n      locales,\n      locale,\n    };\n  }\n\n  return {\n    ...state,\n    locales,\n  };\n};\n\nconst getDefaultLocale = () => {\n  if (typeof navigator !== \"undefined\" && navigator?.language) {\n    return navigator?.language.split(\"-\")[0] || \"en\";\n  }\n  return \"en\";\n};\n\n// REDUCER\nconst initialState: I18nState = {\n  locales: new Locales(),\n  locale: getDefaultLocale(),\n};\n\n/**\n * Form reducer\n */\nexport const I18nReducer: Reducer<I18nState, ReduxAction> = (\n  state = initialState,\n  action = void 0,\n) => {\n  if (!action) {\n    return state;\n  }\n\n  switch (action.type) {\n    case \"SET_LOCALES\":\n      return setLocales(state, action.payload);\n\n    case \"UPDATE_LOCALE\":\n      return updateLocale(state, action.payload);\n\n    default:\n      return state;\n  }\n};\n"],"mappings":";;;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAMA;AACA;AACA,MAAMG,YAAY,GAAGA,CAACC,KAAgB,EAAEC,MAAc,KAAK;EACzD;EACA,IAAAC,kBAAS,EAAC,QAAQ,EAAED,MAAM,CAAC;;EAE3B;EACAE,cAAK,CAACC,KAAK,CAAC,CAAC;EAEb,OAAO;IACL,GAAGJ,KAAK;IACRC;EACF,CAAC;AACH,CAAC;;AAED;AACA;AACA,MAAMI,UAAU,GAAGA,CACjBL,KAAgB,EAAAM,IAAA,KAEb;EAAA,IADH;IAAEL,MAAM;IAAEM;EAA8C,CAAC,GAAAD,IAAA;EAEzD;EACA,IAAAJ,kBAAS,EAAC,QAAQ,EAAED,MAAM,CAAC;EAE3B,IAAIA,MAAM,EAAE;IACV,OAAO;MACL,GAAGD,KAAK;MACRO,OAAO;MACPN;IACF,CAAC;EACH;EAEA,OAAO;IACL,GAAGD,KAAK;IACRO;EACF,CAAC;AACH,CAAC;AAED,MAAMC,gBAAgB,GAAGA,CAAA,KAAM;EAC7B,IAAI,OAAOC,SAAS,KAAK,WAAW,IAAIA,SAAS,EAAEC,QAAQ,EAAE;IAC3D,OAAOD,SAAS,EAAEC,QAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI;EAClD;EACA,OAAO,IAAI;AACb,CAAC;;AAED;AACA,MAAMC,YAAuB,GAAG;EAC9BL,OAAO,EAAE,IAAIM,gBAAO,CAAC,CAAC;EACtBZ,MAAM,EAAEO,gBAAgB,CAAC;AAC3B,CAAC;;AAED;AACA;AACA;AACO,MAAMM,WAA4C,GAAG,SAAAA,CAAA,EAGvD;EAAA,IAFHd,KAAK,GAAAe,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAGH,YAAY;EAAA,IACpBM,MAAM,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK,CAAC;EAEf,IAAI,CAACG,MAAM,EAAE;IACX,OAAOlB,KAAK;EACd;EAEA,QAAQkB,MAAM,CAACC,IAAI;IACjB,KAAK,aAAa;MAChB,OAAOd,UAAU,CAACL,KAAK,EAAEkB,MAAM,CAACE,OAAO,CAAC;IAE1C,KAAK,eAAe;MAClB,OAAOrB,YAAY,CAACC,KAAK,EAAEkB,MAAM,CAACE,OAAO,CAAC;IAE5C;MACE,OAAOpB,KAAK;EAChB;AACF,CAAC;AAACqB,OAAA,CAAAP,WAAA,GAAAA,WAAA","ignoreList":[]}

package/lib/redux/_i18n/index.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _I18nReducer = require("./I18nReducer");
+_Object$keys(_I18nReducer).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _I18nReducer[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _I18nReducer[key];
+    }
+  });
+});
+var _I18nActions = require("./I18nActions");
+_Object$keys(_I18nActions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _I18nActions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _I18nActions[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/redux/_i18n/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_I18nReducer","require","_Object$keys","forEach","key","exports","Object","defineProperty","enumerable","get","_I18nActions"],"sources":["../../../src/redux/_i18n/index.js"],"sourcesContent":["// @flow\nexport * from \"./I18nReducer\";\n\nexport * from \"./I18nActions\";\n\nexport type * from \"./types\";\n"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,YAAA,CAAAF,YAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAJ,YAAA,CAAAI,GAAA;EAAAE,MAAA,CAAAC,cAAA,CAAAF,OAAA,EAAAD,GAAA;IAAAI,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AAEA,IAAAM,YAAA,GAAAT,OAAA;AAAAC,YAAA,CAAAQ,YAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,YAAA,CAAAN,GAAA;EAAAE,MAAA,CAAAC,cAAA,CAAAF,OAAA,EAAAD,GAAA;IAAAI,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,YAAA,CAAAN,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/redux/_i18n/types.js

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

package/lib/redux/_i18n/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/redux/_i18n/types.js"],"sourcesContent":["// @flow\nimport type Locales from \"../../i18n/Locales\";\n\nexport type I18nState = {\n  +locales: Locales,\n  +locale: string,\n};\n\nexport type UpdateLocaleAction = {\n  type: \"UPDATE_LOCALE\",\n  payload: string,\n};\n\nexport type SetLocalesAction = {\n  type: \"SET_LOCALES\",\n  payload: {\n    locales: Locales,\n    locale: string,\n  },\n};\n"],"mappings":"","ignoreList":[]}