@beinformed/ui 1.31.0 → 1.31.3

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

@@ -44,7 +44,7 @@ export type PreferenceValue = {
 const createReduxStore = (
   requestHref: Href,
   customReducers: Object,
-  initialState?: $Shape<ReduxState>
+  initialState?: $Shape<ReduxState>,
 ): ReduxStore => {
   // $FlowExpectedError
   const history: RouterHistory = createMemoryHistory({
@@ -61,7 +61,7 @@ const createReduxStore = (
 const setI18n = (
   store: ReduxStore,
   locales: Array<LocaleConfiguration> = [],
-  request: HttpServletRequestJava
+  request: HttpServletRequestJava,
 ) => {
   if (!Array.isArray(locales)) {
     throw new IllegalArgumentException("locales must be an array of objects");
@@ -88,7 +88,7 @@ const setI18n = (
   });
 
   const enabledLocales = mergedLocales.filter((locale: LocaleConfiguration) =>
-    getSetting("ENABLED_LOCALES").includes(locale.code)
+    getSetting("ENABLED_LOCALES").includes(locale.code),
   );
 
   const localesInstance = new Locales(enabledLocales);
@@ -98,7 +98,7 @@ const setI18n = (
 
 const setServerPreferencesFromArray = (
   store: ReduxStore,
-  serverPreferences: Array<string | PreferenceValue>
+  serverPreferences: Array<string | PreferenceValue>,
 ) => {
   serverPreferences.forEach((serverPreference) => {
     if (typeof serverPreference === "object") {
@@ -126,7 +126,7 @@ const setServerPreferencesFromArray = (
  */
 const setServerPreferences = (
   store: ReduxStore,
-  serverPreferences: Array<string | PreferenceValue>
+  serverPreferences: Array<string | PreferenceValue>,
 ) => {
   if (Array.isArray(serverPreferences)) {
     setServerPreferencesFromArray(store, serverPreferences);
@@ -161,7 +161,7 @@ const setConfigurationTheme = (store: ReduxStore) => {
       store.dispatch(setThemePreference(configTheme));
     } else {
       throw new Error(
-        `Could not read theme configuration file from: ${configFilePath}`
+        `Could not read theme configuration file from: ${configFilePath}`,
       );
     }
   }
@@ -184,7 +184,7 @@ const setApplication = (store: ReduxStore) => {
           key: `application(/)(${locale})`,
           model: application,
         },
-      ])
+      ]),
     );
   } catch (e) {
     // swallow error, in this case we just don't pre-cache the webapplication,
@@ -246,7 +246,7 @@ const dehydrate = (store: ReduxStore): string => {
 const createHead = (
   sheet: any,
   UUID: string,
-  helmetContext?: Object
+  helmetContext?: Object,
 ): Object => {
   const style = sheet.getStyleTags();
   const meta = helmetContext ? [...helmetContext.helmet.meta] : [];

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

@@ -1 +1 @@
-{"version":3,"file":"serverUtil.js","names":["_history","require","_objects","_deepmerge","_interopRequireDefault","_configureStore","_Locales","_interopRequireWildcard","_requestInformation","_I18nActions","_Preferences","_Settings","_exceptions","_redux","_i18n","_ModularUIRequest","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","_Object$getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","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","preferencesProvider","isStudioContext","setPreference","setConfigurationTheme","configTheme","configFileLocation","getLayoutConfigFileLocation","configFilePath","_startsWith","dataFetcher","fetch","setThemePreference","Error","setApplication","getLocale","getState","application","ModularUIRequest","fetchSync","connectKey","initModels","model","e","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} 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\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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"}
+{"version":3,"file":"serverUtil.js","names":["_history","require","_objects","_deepmerge","_interopRequireDefault","_configureStore","_Locales","_interopRequireWildcard","_requestInformation","_I18nActions","_Preferences","_Settings","_exceptions","_redux","_i18n","_ModularUIRequest","_getRequireWildcardCache","nodeInterop","_WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","_Object$getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","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","preferencesProvider","isStudioContext","setPreference","setConfigurationTheme","configTheme","configFileLocation","getLayoutConfigFileLocation","configFilePath","_startsWith","dataFetcher","fetch","setThemePreference","Error","setApplication","getLocale","getState","application","ModularUIRequest","fetchSync","connectKey","initModels","model","e","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} 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\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":";;;;;;;;;;;;;;;AACA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAC,sBAAA,CAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAD,sBAAA,CAAAH,OAAA;AAEA,IAAAK,QAAA,GAAAC,uBAAA,CAAAN,OAAA;AAGA,IAAAO,mBAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAEA,IAAAS,YAAA,GAAAT,OAAA;AAQA,IAAAU,SAAA,GAAAV,OAAA;AAEA,IAAAW,WAAA,GAAAX,OAAA;AAEA,IAAAY,MAAA,GAAAZ,OAAA;AACA,IAAAa,KAAA,GAAAb,OAAA;AAEA,IAAAc,iBAAA,GAAAX,sBAAA,CAAAH,OAAA;AAA6D,SAAAe,yBAAAC,WAAA,eAAAC,QAAA,kCAAAC,iBAAA,OAAAD,QAAA,QAAAE,gBAAA,OAAAF,QAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAC,gCAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAG,gCAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAa7D;AACA;AACA,MAAMW,gBAAgB,GAAGA,CACvBC,WAAiB,EACjBC,cAAsB,EACtBC,YAAiC,KAClB;EACf;EACA,MAAMC,OAAsB,GAAG,IAAAC,4BAAmB,EAAC;IACjDC,cAAc,EAAE,CAACL,WAAW,CAACM,QAAQ,CAAC,CAAC;EACzC,CAAC,CAAC;EAEF,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,uBAAc,EAACL,OAAO,EAAEF,cAAc,EAAEC,YAAY,CAAC;EAEvE,OAAOK,KAAK;AACd,CAAC;;AAED;AACA;AADAE,OAAA,CAAAV,gBAAA,GAAAA,gBAAA;AAEA,MAAMW,OAAO,GAAG,SAAAA,CACdH,KAAiB,EAGd;EAAA,IAFHI,OAAmC,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,EAAE;EAAA,IACxCG,OAA+B,GAAAH,SAAA,CAAAC,MAAA,OAAAD,SAAA,MAAAE,SAAA;EAE/B,IAAI,CAACE,KAAK,CAACC,OAAO,CAACN,OAAO,CAAC,EAAE;IAC3B,MAAM,IAAIO,oCAAwB,CAAC,qCAAqC,CAAC;EAC3E;EACA,IAAI,CAACH,OAAO,EAAE;IACZ,MAAM,IAAIG,oCAAwB,CAAC,0BAA0B,CAAC;EAChE;EAEA,MAAMC,aAAa,GAAG,IAAAC,IAAA,CAAApC,OAAA,EAAAqC,yBAAgB,EAAAzB,IAAA,CAAhByB,yBAAgB,EAAMC,MAAM,IAAK;IACrD,MAAMC,IAAI,GAAGD,MAAM,CAACC,IAAI;IACxB,MAAMC,YAAY,GAAG,IAAAC,KAAA,CAAAzC,OAAA,EAAA2B,OAAO,EAAAf,IAAA,CAAPe,OAAO,EAAOe,UAAU,IAAKA,UAAU,CAACH,IAAI,KAAKA,IAAI,CAAC;IAE3E,IAAIC,YAAY,EAAE;MAChB,OAAO,IAAAG,kBAAS,EAACL,MAAM,EAAEE,YAAY,CAAC;IACxC;IAEA,OAAOF,MAAM;EACf,CAAC,CAAC;EAEFX,OAAO,CAACiB,OAAO,CAAEJ,YAAY,IAAK;IAChC,IAAI,CAACL,aAAa,CAACU,IAAI,CAAEP,MAAM,IAAKA,MAAM,CAACC,IAAI,KAAKC,YAAY,CAACD,IAAI,CAAC,EAAE;MACtEJ,aAAa,CAACW,IAAI,CAACN,YAAY,CAAC;IAClC;EACF,CAAC,CAAC;EAEF,MAAMO,cAAc,GAAG,IAAAC,OAAA,CAAAhD,OAAA,EAAAmC,aAAa,EAAAvB,IAAA,CAAbuB,aAAa,EAASG,MAA2B;IAAA,IAAAW,QAAA;IAAA,OACtE,IAAAC,SAAA,CAAAlD,OAAA,EAAAiD,QAAA,OAAAE,oBAAU,EAAC,iBAAiB,CAAC,EAAAvC,IAAA,CAAAqC,QAAA,EAAUX,MAAM,CAACC,IAAI,CAAC;EAAA,CACrD,CAAC;EAED,MAAMa,eAAe,GAAG,IAAIC,gBAAO,CAACN,cAAc,CAAC;EACnD,MAAMO,eAAe,GAAG,IAAAC,sCAAkB,EAACxB,OAAO,EAAEqB,eAAe,CAAC;EACpE7B,KAAK,CAACiC,QAAQ,CAAC,IAAAC,uBAAU,EAACL,eAAe,EAAEE,eAAe,IAAI,IAAI,CAAC,CAAC;AACtE,CAAC;AAAC7B,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAEF,MAAMgC,6BAA6B,GAAGA,CACpCnC,KAAiB,EACjBoC,iBAAkD,KAC/C;EACHA,iBAAiB,CAACf,OAAO,CAAEgB,gBAAgB,IAAK;IAC9C,IAAI,OAAOA,gBAAgB,KAAK,QAAQ,EAAE;MACxC,MAAM;QAAEC,IAAI;QAAEC,YAAY;QAAEC;MAAK,CAAC,GAAGH,gBAAgB;MACrDrC,KAAK,CAACiC,QAAQ,CAAC,IAAAQ,gCAAmB,EAACH,IAAI,EAAEC,YAAY,EAAEC,IAAI,CAAC,CAAC;IAC/D,CAAC,MAAM;MACLxC,KAAK,CAACiC,QAAQ,CAAC,IAAAQ,gCAAmB,EAACJ,gBAAgB,EAAE,IAAI,CAAC,CAAC;IAC7D;EACF,CAAC,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMK,oBAAoB,GAAGA,CAC3B1C,KAAiB,EACjBoC,iBAAkD,KAC/C;EACH,IAAI3B,KAAK,CAACC,OAAO,CAAC0B,iBAAiB,CAAC,EAAE;IACpCD,6BAA6B,CAACnC,KAAK,EAAEoC,iBAAiB,CAAC;EACzD;EAEApC,KAAK,CAACiC,QAAQ,CAAC,IAAAU,uCAA0B,EAAC,CAAC,CAAC;EAC5C3C,KAAK,CAACiC,QAAQ,CAAC,IAAAW,gCAAmB,EAAC,CAAC,CAAC;EAErC,IACEC,mBAAmB,IACnBA,mBAAmB,CAACC,eAAe,IACnCD,mBAAmB,CAACC,eAAe,CAAC,CAAC,EACrC;IACA9C,KAAK,CAACiC,QAAQ,CAAC,IAAAc,0BAAa,EAAC,iBAAiB,EAAE,IAAI,CAAC,CAAC;EACxD;AACF,CAAC;;AAED;AACA;AADA7C,OAAA,CAAAwC,oBAAA,GAAAA,oBAAA;AAEA,MAAMM,qBAAqB,GAAIhD,KAAiB,IAAK;EACnD,IAAIiD,WAAW,GAAG,IAAI;EAEtB,MAAMC,kBAAkB,GAAGL,mBAAmB,CAACM,2BAA2B,CAAC,CAAC;EAC5E,IAAI,OAAOD,kBAAkB,KAAK,QAAQ,EAAE;IAC1C,MAAME,cAAc,GAAG,IAAAC,WAAA,CAAA5E,OAAA,EAAAyE,kBAAkB,EAAA7D,IAAA,CAAlB6D,kBAAkB,EAAY,GAAG,CAAC,GACpD,YAAWA,kBAAmB,EAAC,GAC/B,aAAYA,kBAAmB,EAAC;IAErCD,WAAW,GAAGK,WAAW,CAACC,KAAK,CAACH,cAAc,CAAC;IAE/C,IAAIH,WAAW,EAAE;MACfjD,KAAK,CAACiC,QAAQ,CAAC,IAAAuB,+BAAkB,EAACP,WAAW,CAAC,CAAC;IACjD,CAAC,MAAM;MACL,MAAM,IAAIQ,KAAK,CACZ,iDAAgDL,cAAe,EAClE,CAAC;IACH;EACF;AACF,CAAC;;AAED;AACA;AADAlD,OAAA,CAAA8C,qBAAA,GAAAA,qBAAA;AAEA,MAAMU,cAAc,GAAI1D,KAAiB,IAAK;EAC5C,IAAI;IACF,MAAMe,MAAM,GAAG,IAAA4C,eAAS,EAAC3D,KAAK,CAAC4D,QAAQ,CAAC,CAAC,CAAC;IAC1C,MAAMC,WAAW,GAAG,IAAIC,yBAAgB,CAAC,GAAG,EAAE;MAC5C/C,MAAM,EAAEA;IACV,CAAC,CAAC,CAACgD,SAAS,CAAC,CAAC;IAEdF,WAAW,CAACG,UAAU,GAAI,kBAAiBjD,MAAO,GAAE;IAEpDf,KAAK,CAACiC,QAAQ,CACZ,IAAAgC,iBAAU,EAAC,CACT;MACE/E,GAAG,EAAG,kBAAiB6B,MAAO,GAAE;MAChCmD,KAAK,EAAEL;IACT,CAAC,CACF,CACH,CAAC;EACH,CAAC,CAAC,OAAOM,CAAC,EAAE;IACV;IACA;EAAA;AAEJ,CAAC;;AAED;AACA;AADAjE,OAAA,CAAAwD,cAAA,GAAAA,cAAA;AAEA,MAAMU,YAAY,GAAIpE,KAAiB,IAAK;EAC1C,MAAMqE,KAAK,GAAGrE,KAAK,CAAC4D,QAAQ,CAAC,CAAC;EAE9B,IACES,KAAK,CAACC,KAAK,KACVD,KAAK,CAACC,KAAK,CAACC,mBAAmB,IAC9B,CAAC,IAAA5F,YAAG,EAAC0F,KAAK,CAACC,KAAK,EAAE,qBAAqB,CAAC,CAAC,EAC3C;IACA,MAAMD,KAAK,CAACC,KAAK;EACnB;AACF,CAAC;;AAED;AACA;AADApE,OAAA,CAAAkE,YAAA,GAAAA,YAAA;AAEA,MAAMI,SAAS,GAAIxE,KAAiB,IAAa;EAC/C,MAAMqE,KAAK,GAAGrE,KAAK,CAAC4D,QAAQ,CAAC,CAAC;EAE9B,MAAMa,SAEL,GAAG,CAAC,CAAC;EAEN,KAAK,MAAMvF,GAAG,IAAImF,KAAK,CAACI,SAAS,EAAE;IACjC,MAAM;MAAEC,MAAM;MAAER,KAAK;MAAES;IAAiB,CAAC,GAAGN,KAAK,CAACI,SAAS,CAACvF,GAAG,CAAC;IAEhE,IAAIgF,KAAK,EAAE;MACTO,SAAS,CAACvF,GAAG,CAAC,GAAG;QACfwF,MAAM;QACNC,gBAAgB;QAChBT,KAAK,EAAEA,KAAK,CAACM,SAAS,CAAC;MACzB,CAAC;IACH,CAAC,MAAM;MACLC,SAAS,CAACvF,GAAG,CAAC,GAAG;QACfwF,MAAM;QACNC,gBAAgB;QAChBT,KAAK,EAAE3D;MACT,CAAC;IACH;EACF;EAEA,MAAMqE,aAAa,GAAG;IACpB,GAAGP,KAAK;IACRI;EACF,CAAC;EAED,OAAO,IAAAI,UAAA,CAAApG,OAAA,EAAemG,aAAa,CAAC,CAACE,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC;AAC/D,CAAC;;AAED;AACA;AADA5E,OAAA,CAAAsE,SAAA,GAAAA,SAAA;AAEA,MAAMO,UAAU,GAAGA,CACjBC,KAAU,EACVC,IAAY,EACZC,aAAsB,KACX;EACX,MAAMC,KAAK,GAAGH,KAAK,CAACI,YAAY,CAAC,CAAC;EAClC,MAAMC,IAAI,GAAGH,aAAa,GAAG,CAAC,GAAGA,aAAa,CAACI,MAAM,CAACD,IAAI,CAAC,GAAG,EAAE;EAEhE,IAAIH,aAAa,EAAE;IACjB,OAAO;MACL,GAAGA,aAAa,CAACI,MAAM;MACvBH,KAAK;MACLE;IACF,CAAC;EACH;EAEA,OAAO;IACLF,KAAK;IACLE;EACF,CAAC;AACH,CAAC;AAACnF,OAAA,CAAA6E,UAAA,GAAAA,UAAA"}

package/lib/react-theme/__tests__/createTheme.spec.js.flow

@@ -35,7 +35,7 @@ describe("createTheme", () => {
       {},
       [config, themeFn],
       secondConfig,
-      secondFn
+      secondFn,
     );
 
     expect(finalTheme).toStrictEqual(
@@ -47,7 +47,7 @@ describe("createTheme", () => {
         PROP5: "Value 5",
         PROP6: "Value 6",
         PROP7: "Value 6",
-      })
+      }),
     );
   });
 
@@ -65,7 +65,7 @@ describe("createTheme", () => {
     const themeFn = (
       input = {
         PRIMARY_COLOR: "#0065d1",
-      }
+      },
     ) => ({
       ...input,
       ...getButtonColor("BUTTON_PRIMARY", input.PRIMARY_COLOR),
@@ -132,7 +132,7 @@ describe("createTheme", () => {
       null,
       DefaultTheme,
       CustomTheme,
-      createDefaultTheme
+      createDefaultTheme,
     );
 
     expect(theme).toStrictEqual({

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

@@ -18,7 +18,7 @@ const replacePlaceholders = (inputTheme: Theme) => {
       inputTheme[key] = value.replace(
         re,
         // $FlowIssue[incompatible-call]
-        (match, capture) => inputTheme[capture]
+        (match, capture) => inputTheme[capture],
       );
     }
   });

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

@@ -1 +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","generatedTheme","settings","_len","arguments","length","themeElements","Array","_key","element","isPlainObject","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  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      // $FlowFixMe[cannot-spread-indexer]\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\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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"}
+{"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","generatedTheme","settings","_len","arguments","length","themeElements","Array","_key","element","isPlainObject","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  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      // $FlowFixMe[cannot-spread-indexer]\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\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":";;;;;;;;;;AACA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAIA,MAAMG,mBAAmB,GAAIC,UAAiB,IAAK;EAAA,IAAAC,QAAA;EACjD,MAAMC,YAAY,GAAG,IAAAC,IAAA,CAAAC,OAAA,EAAAH,QAAA,OAAAI,KAAA,CAAAD,OAAA,EAAYJ,UAAU,CAAC,EAAAM,IAAA,CAAAL,QAAA,EACpCM,GAAG,IAAM,MAAKA,GAAI,KAAI,CAAC,CAC5BC,IAAI,CAAC,GAAG,CAAC;EAEZ,MAAMC,EAAE,GAAG,IAAIC,MAAM,CAAE,OAAMR,YAAa,GAAE,EAAE,GAAG,CAAC;EAClD,IAAAS,QAAA,CAAAP,OAAA,EAAeJ,UAAU,CAAC,CAACY,OAAO,CAACC,IAAA,IAAkB;IAAA,IAAjB,CAACN,GAAG,EAAEO,KAAK,CAAC,GAAAD,IAAA;IAC9C,IAAIN,GAAG,KAAK,UAAU,IAAI,OAAOO,KAAK,KAAK,QAAQ,EAAE;MACnDd,UAAU,CAACO,GAAG,CAAC,GAAGO,KAAK,CAACC,OAAO,CAC7BN,EAAE;MACF;MACA,CAACO,KAAK,EAAEC,OAAO,KAAKjB,UAAU,CAACiB,OAAO,CACxC,CAAC;IACH;EACF,CAAC,CAAC;EAEF,OAAOjB,UAAU;AACnB,CAAC;AAED,MAAMkB,aAAa,GAAG,SAAAA,CAACC,WAAkB,EAAqC;EAC5E,IAAIC,cAAc,GAAG;IAAEC,QAAQ,EAAE,CAAC;EAAE,CAAC;EAAC,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EADMC,aAAa,OAAAC,KAAA,CAAAJ,IAAA,OAAAA,IAAA,WAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;IAAbF,aAAa,CAAAE,IAAA,QAAAJ,SAAA,CAAAI,IAAA;EAAA;EAEzD,KAAK,MAAMC,OAAO,IAAIH,aAAa,EAAE;IACnC,IAAI,OAAOG,OAAO,KAAK,UAAU,EAAE;MACjCR,cAAc,GAAGQ,OAAO,CAAC7B,mBAAmB,CAACqB,cAAc,CAAC,CAAC;IAC/D,CAAC,MAAM,IAAI,IAAAS,sBAAa,EAACD,OAAO,CAAC,EAAE;MACjC;MACAR,cAAc,GAAG;QAAE,GAAGA,cAAc;QAAE,GAAGQ,OAAO;QAAE,GAAGT;MAAY,CAAC;IACpE;EACF;;EAEA;EACA,OAAOpB,mBAAmB,CAACqB,cAAc,CAAC;AAC5C,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMU,WAAW,GAAG,SAAAA,CAClBX,WAAkB,EAUX;EAAA,SAAAY,KAAA,GAAAR,SAAA,CAAAC,MAAA,EATJQ,YAAY,OAAAN,KAAA,CAAAK,KAAA,OAAAA,KAAA,WAAAE,KAAA,MAAAA,KAAA,GAAAF,KAAA,EAAAE,KAAA;IAAZD,YAAY,CAAAC,KAAA,QAAAV,SAAA,CAAAU,KAAA;EAAA;EAUf,MAAMC,WAAW,GAAGhB,aAAa,CAACC,WAAW,EAAE,GAAG,IAAAgB,oBAAW,EAACH,YAAY,CAAC,CAAC;EAE5E,IAAIE,WAAW,EAAE;IACf,IAAAE,qBAAW,EAACF,WAAW,CAACb,QAAQ,CAAC;EACnC;EAEA,OAAOa,WAAW;AACpB,CAAC;AAAC,IAAAG,QAAA,GAEaP,WAAW;AAAAQ,OAAA,CAAAlC,OAAA,GAAAiC,QAAA"}

package/lib/react-theme/utils/__tests__/background.spec.js.flow

@@ -17,14 +17,14 @@ describe("background", () => {
 
   it("renderBackground", () => {
     expect(renderBackground("SIMPLE_BG", "DEFAULT")({ theme })).toBe(
-      "background: #000000"
+      "background: #000000",
     );
     expect(renderBackground("GRADIENT_BG", "DEFAULT")({ theme })).toStrictEqual(
       {
         backgroundColor: "#000000",
         backgroundImage:
           "linear-gradient(to bottom, #000000 95%, #000000 100%)",
-      }
+      },
     );
   });
 });

package/lib/react-theme/utils/__tests__/contrast.spec.js.flow

@@ -38,7 +38,7 @@ describe("contrast", () => {
 
   it("renderContrastColor", () => {
     expect(
-      renderContrastColor("RED", "GREEN", "BLUE", "YELLOW")({ theme })
+      renderContrastColor("RED", "GREEN", "BLUE", "YELLOW")({ theme }),
     ).toBe("#ffff00");
   });
 });

package/lib/react-theme/utils/__tests__/corners.spec.js.flow

@@ -14,14 +14,14 @@ describe("corners", () => {
   it("roundedCorners", () => {
     expect(roundedCorners()({ theme: { ROUNDED_CORNERS: false } })).toBe("");
     expect(roundedCorners()({ theme: { ROUNDED_CORNERS: true } })).toBe(
-      "border-radius: 0.25rem"
+      "border-radius: 0.25rem",
     );
     expect(roundedCorners()({ theme })).toBe("border-radius: 0.2rem");
     expect(
-      roundedCorners("border-radius", "SECOND_BORDER_RADIUS")({ theme })
+      roundedCorners("border-radius", "SECOND_BORDER_RADIUS")({ theme }),
     ).toBe("border-radius: 0.4rem");
     expect(
-      roundedCorners("left", "THIRD_BORDER_RADIUS", "0.3rem")({ theme })
+      roundedCorners("left", "THIRD_BORDER_RADIUS", "0.3rem")({ theme }),
     ).toBe("border-left-radius: 0.3rem");
   });
 });

package/lib/react-theme/utils/__tests__/spacers.spec.js.flow

@@ -24,7 +24,7 @@ describe("spacers", () => {
 
   it("throws on illegal SPACER in theme", () => {
     expect(() => spacer(2)({ theme: { SPACER: "auto" } })).toThrow(
-      IllegalStateException
+      IllegalStateException,
     );
   });
 

package/lib/react-theme/utils/__tests__/themeProps.spec.js.flow

@@ -22,7 +22,7 @@ describe("createTheme", () => {
 
   it("getThemeProp", () => {
     expect(getThemeProp(theme, "STRING_PROP", "DEFAULT")).toBe(
-      STRING_PROP_VALUE
+      STRING_PROP_VALUE,
     );
     expect(getThemeProp(theme, "NUMBER_PROP", "DEFAULT")).toBe(12345);
     expect(getThemeProp(theme, "OBJECT_PROP", "DEFAULT")).toStrictEqual({
@@ -30,7 +30,7 @@ describe("createTheme", () => {
     });
 
     expect(() => getThemeProp(theme, "FUNCTION_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeProp(theme, "NULL_PROP", "DEFAULT")).toBe("DEFAULT");
     expect(getThemeProp(theme, "NOT_EXISTING", "DEFAULT")).toBe("DEFAULT");
@@ -38,33 +38,33 @@ describe("createTheme", () => {
 
   it("getThemeStringProp", () => {
     expect(getThemeStringProp(theme, "STRING_PROP", "DEFAULT")).toBe(
-      STRING_PROP_VALUE
+      STRING_PROP_VALUE,
     );
     expect(getThemeStringProp(theme, "NUMBER_PROP", "DEFAULT")).toBe("12345");
     expect(() => getThemeStringProp(theme, "OBJECT_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
 
     expect(() => getThemeStringProp(theme, "FUNCTION_PROP", "DEFAULT")).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeStringProp(theme, "NULL_PROP", "DEFAULT")).toBe("DEFAULT");
     expect(getThemeStringProp(theme, "NOT_EXISTING", "DEFAULT")).toBe(
-      "DEFAULT"
+      "DEFAULT",
     );
   });
 
   it("getThemeNumberProp", () => {
     expect(() => getThemeNumberProp(theme, "STRING_PROP", 123)).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeNumberProp(theme, "NUMBER_PROP", 123)).toBe(12345);
     expect(() => getThemeNumberProp(theme, "OBJECT_PROP", 123)).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
 
     expect(() => getThemeNumberProp(theme, "FUNCTION_PROP", 123)).toThrow(
-      ThemePropertyException
+      ThemePropertyException,
     );
     expect(getThemeNumberProp(theme, "NULL_PROP", 123)).toBe(123);
     expect(getThemeNumberProp(theme, "NOT_EXISTING", 123)).toBe(123);

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

@@ -13,7 +13,7 @@ const darkenColor =
   (
     amount: number | string,
     path: string,
-    defaultValue?: string
+    defaultValue?: string,
   ): ((UtilThemeProps) => string) =>
   ({ theme }: UtilThemeProps) =>
     darken(amount, getThemeProp(theme, path, defaultValue));
@@ -27,7 +27,7 @@ const lightenColor =
   (
     amount: number | string,
     path: string,
-    defaultValue?: string
+    defaultValue?: string,
   ): ((UtilThemeProps) => string) =>
   ({ theme }: UtilThemeProps) =>
     lighten(amount, getThemeProp(theme, path, defaultValue));
@@ -41,7 +41,7 @@ const changeHSL = (
   color: string,
   saturation?: number,
   lightness?: number,
-  hueAdjustment: number = 0
+  hueAdjustment: number = 0,
 ): string => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
 
 export { darkenColor, lightenColor, changeHSL };

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

@@ -1 +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"}
+{"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"}

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

@@ -17,7 +17,7 @@ const getColorContrast = (color1: string, color2: string): number => {
     (luminance1 > luminance2
       ? (luminance1 + 0.05) / (luminance2 + 0.05)
       : (luminance2 + 0.05) / (luminance1 + 0.05)
-    ).toFixed(2)
+    ).toFixed(2),
   );
 };
 
@@ -43,7 +43,7 @@ const getContrastYIQ = (
   color: string,
   dark: string = "#212529",
   light: string = "#fff",
-  preferredColor?: string
+  preferredColor?: string,
 ): string => {
   const yiqColor = getYIQ(color);
 
@@ -73,7 +73,7 @@ const getContrastYIQ = (
 const getBackgroundColor = (
   theme: Theme,
   bgColorProperty: string,
-  defaultValue: string
+  defaultValue: string,
 ) => {
   let bgColor = getProp(theme, bgColorProperty, defaultValue);
 
@@ -86,7 +86,7 @@ const getBackgroundColor = (
   }
 
   throw new ThemePropertyException(
-    `${bgColorProperty} is not a string, but: ${typeof bgColor}`
+    `${bgColorProperty} is not a string, but: ${typeof bgColor}`,
   );
 };
 
@@ -99,7 +99,7 @@ const renderContrastColor =
     bgColorProperty: string,
     preferredColorProperty?: string,
     standardDarkProperty: string = "YIQ_DARK_COLOR",
-    standardLightProperty: string = "YIQ_LIGHT_COLOR"
+    standardLightProperty: string = "YIQ_LIGHT_COLOR",
   ): ((UtilThemeProps) => string) =>
   ({ theme = { settings: {} } }: UtilThemeProps) => {
     const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
@@ -107,7 +107,7 @@ const renderContrastColor =
     const darkColor = getThemeStringProp(
       theme,
       standardDarkProperty,
-      "#212529"
+      "#212529",
     );
     const lightColor = getThemeStringProp(theme, standardLightProperty, "#fff");
 

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

@@ -1 +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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"}
+{"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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"}

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

@@ -15,7 +15,7 @@ const roundedCorners =
   (
     property: string = DEFAULT_CORNER_PROPERTY,
     path: string = "BORDER_RADIUS",
-    defaultValue: string = "0.25rem"
+    defaultValue: string = "0.25rem",
   ): ((UtilThemeProps) => string) =>
   ({ theme = { settings: {} } }: UtilThemeProps) => {
     if (theme.ROUNDED_CORNERS) {
@@ -27,7 +27,7 @@ const roundedCorners =
       return `${propertyName}: ${getThemeStringProp(
         theme,
         path,
-        defaultValue
+        defaultValue,
       )}`;
     }
 

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

@@ -1 +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,GAC3C,UAASE,QAAS,SAAQ,GAC3BF,uBAAuB;MAE7B,OAAQ,GAAEY,YAAa,KAAI,IAAAC,8BAAkB,EAC3CJ,KAAK,EACLH,IAAI,EACJC,YACF,CAAE,EAAC;IACL;IAEA,OAAO,EAAE;EACX,CAAC;AAAA;AAACO,OAAA,CAAAb,cAAA,GAAAA,cAAA"}
+{"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,GAC3C,UAASE,QAAS,SAAQ,GAC3BF,uBAAuB;MAE7B,OAAQ,GAAEY,YAAa,KAAI,IAAAC,8BAAkB,EAC3CJ,KAAK,EACLH,IAAI,EACJC,YACF,CAAE,EAAC;IACL;IAEA,OAAO,EAAE;EACX,CAAC;AAAA;AAACO,OAAA,CAAAb,cAAA,GAAAA,cAAA"}

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

@@ -11,7 +11,7 @@ const getSize = (
   theme: Theme,
   ratio: number | string = 1,
   path: string = "SPACER",
-  unit: string = "rem"
+  unit: string = "rem",
 ) => {
   if (typeof ratio === "string") {
     return ratio;
@@ -26,7 +26,7 @@ const getSize = (
   }
 
   throw new IllegalArgumentException(
-    `Ratio ${JSON.stringify(ratio)} must be a string or number`
+    `Ratio ${JSON.stringify(ratio)} must be a string or number`,
   );
 };
 

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

@@ -1 +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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"}
+{"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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"}

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

@@ -10,7 +10,7 @@ import type { Theme, ThemePropValue } from "../types";
 export const getProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: ThemePropValue = ""
+  defaultValue: ThemePropValue = "",
 ): ?ThemePropValue => {
   return path === "" ? defaultValue : get(theme, path, defaultValue);
 };
@@ -20,7 +20,7 @@ export const getProp = (
 export const getThemeProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: ThemePropValue = ""
+  defaultValue: ThemePropValue = "",
 ): ThemePropValue => {
   const value = getProp(theme, path, defaultValue);
 
@@ -34,7 +34,7 @@ export const getThemeProp = (
   }
 
   throw new ThemePropertyException(
-    `${path} is not a string, number or plain object, but: ${typeof value}`
+    `${path} is not a string, number or plain object, but: ${typeof value}`,
   );
 };
 
@@ -43,7 +43,7 @@ export const getThemeProp = (
 export const getThemeStringProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: string = ""
+  defaultValue: string = "",
 ): string => {
   const value = getProp(theme, path, defaultValue);
 
@@ -54,7 +54,7 @@ export const getThemeStringProp = (
   }
 
   throw new ThemePropertyException(
-    `${path} is not a string, but: ${typeof value}`
+    `${path} is not a string, but: ${typeof value}`,
   );
 };
 
@@ -63,7 +63,7 @@ export const getThemeStringProp = (
 export const getThemeNumberProp = (
   theme: $Shape<Theme> = {},
   path: string = "",
-  defaultValue: number = 0
+  defaultValue: number = 0,
 ): number => {
   const value = getProp(theme, path, defaultValue);
 
@@ -72,7 +72,7 @@ export const getThemeNumberProp = (
   }
 
   throw new ThemePropertyException(
-    `${path} is not a number, but: ${typeof value}`
+    `${path} is not a number, but: ${typeof value}`,
   );
 };
 
@@ -84,7 +84,7 @@ export const getThemeNumberProp = (
 export const themeProp =
   (
     path: string,
-    defaultValue?: ThemePropValue
+    defaultValue?: ThemePropValue,
   ): (({ theme: Theme }) => ThemePropValue) =>
   ({ theme }: { theme: Theme }) =>
     getThemeProp(theme, path, defaultValue);