@beinformed/ui 1.63.1 → 1.63.3

package/esm/react-server/serverSSR.js.map

@@ -1 +1 @@
-{"version":3,"file":"serverSSR.js","names":["createUUID","getFullRequestHref","createReduxStore","setI18n","setServerPreferences","setConfigurationTheme","handleBeforeRenderHooks","renderSSRComplete","serverSSR","_ref","request","locales","customReducers","serverPreferences","theme","render","ErrorPage","template","beforeRenderHooks","UUID","__webpack_nonce__","requestHref","store"],"sources":["../../src/react-server/serverSSR.js"],"sourcesContent":["// @flow\nimport \"./contextPath\";\n\nimport createUUID from \"../utils/helpers/createUUID\";\nimport { getFullRequestHref } from \"./requestInformation\";\n\nimport {\n  createReduxStore,\n  setI18n,\n  setServerPreferences,\n  setConfigurationTheme,\n} from \"./serverUtil\";\n\nimport { handleBeforeRenderHooks } from \"../redux/store/beforeRenderHooks\";\n\nimport renderSSRComplete from \"./renderSSRComplete\";\n\nimport type { TemplateProps } from \"./htmlpage\";\nimport type { BeforeRenderHook } from \"../redux/store/beforeRenderHooks\";\nimport type { PreferenceValue } from \"./serverUtil\";\nimport type { LocaleConfiguration } from \"../i18n/types\";\ntype serverProps = {\n  request: HttpServletRequestJava,\n  locales?: Array<LocaleConfiguration>,\n  customReducers?: Object,\n  theme?: Object,\n  serverPreferences?: Array<string | PreferenceValue>,\n  render: Function,\n  ErrorPage?: any,\n  template?: (TemplateProps) => string,\n  beforeRenderHooks?: Array<BeforeRenderHook>,\n};\n\n/**\n */\nconst serverSSR = ({\n  request,\n  locales,\n  customReducers,\n  serverPreferences = [],\n  theme = null,\n  render,\n  ErrorPage,\n  template,\n  beforeRenderHooks,\n}: serverProps): Promise<string> => {\n  const UUID = createUUID();\n  __webpack_nonce__ = UUID; // NOSONAR\n\n  const requestHref = getFullRequestHref(request);\n  const store = createReduxStore(requestHref, customReducers);\n\n  setServerPreferences(store, serverPreferences);\n  setConfigurationTheme(store);\n  setI18n(store, locales, request);\n\n  handleBeforeRenderHooks(beforeRenderHooks, { request, store });\n\n  return renderSSRComplete({\n    store,\n    theme,\n    UUID,\n    requestHref,\n    render,\n    ErrorPage,\n    template,\n  });\n};\n\nexport default serverSSR;\n"],"mappings":"AACA,OAAO,eAAe;AAEtB,OAAOA,UAAU,MAAM,6BAA6B;AACpD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SACEC,gBAAgB,EAChBC,OAAO,EACPC,oBAAoB,EACpBC,qBAAqB,QAChB,cAAc;AAErB,SAASC,uBAAuB,QAAQ,kCAAkC;AAE1E,OAAOC,iBAAiB,MAAM,qBAAqB;AAkBnD;AACA;AACA,MAAMC,SAAS,GAAGC,IAAA,IAUkB;EAAA,IAVjB;IACjBC,OAAO;IACPC,OAAO;IACPC,cAAc;IACdC,iBAAiB,GAAG,EAAE;IACtBC,KAAK,GAAG,IAAI;IACZC,MAAM;IACNC,SAAS;IACTC,QAAQ;IACRC;EACW,CAAC,GAAAT,IAAA;EACZ,MAAMU,IAAI,GAAGnB,UAAU,CAAC,CAAC;EACzBoB,iBAAiB,GAAGD,IAAI,CAAC,CAAC;;EAE1B,MAAME,WAAW,GAAGpB,kBAAkB,CAACS,OAAO,CAAC;EAC/C,MAAMY,KAAK,GAAGpB,gBAAgB,CAACmB,WAAW,EAAET,cAAc,CAAC;EAE3DR,oBAAoB,CAACkB,KAAK,EAAET,iBAAiB,CAAC;EAC9CR,qBAAqB,CAACiB,KAAK,CAAC;EAC5BnB,OAAO,CAACmB,KAAK,EAAEX,OAAO,EAAED,OAAO,CAAC;EAEhCJ,uBAAuB,CAACY,iBAAiB,EAAE;IAAER,OAAO;IAAEY;EAAM,CAAC,CAAC;EAE9D,OAAOf,iBAAiB,CAAC;IACvBe,KAAK;IACLR,KAAK;IACLK,IAAI;IACJE,WAAW;IACXN,MAAM;IACNC,SAAS;IACTC;EACF,CAAC,CAAC;AACJ,CAAC;AAED,eAAeT,SAAS","ignoreList":[]}
+{"version":3,"file":"serverSSR.js","names":["createUUID","getFullRequestHref","createReduxStore","setI18n","setServerPreferences","setConfigurationTheme","handleBeforeRenderHooks","renderSSRComplete","serverSSR","request","locales","customReducers","serverPreferences","theme","render","ErrorPage","template","beforeRenderHooks","UUID","__webpack_nonce__","requestHref","store"],"sources":["../../src/react-server/serverSSR.js"],"sourcesContent":["// @flow\nimport \"./contextPath\";\n\nimport createUUID from \"../utils/helpers/createUUID\";\nimport { getFullRequestHref } from \"./requestInformation\";\n\nimport {\n  createReduxStore,\n  setI18n,\n  setServerPreferences,\n  setConfigurationTheme,\n} from \"./serverUtil\";\n\nimport { handleBeforeRenderHooks } from \"../redux/store/beforeRenderHooks\";\n\nimport renderSSRComplete from \"./renderSSRComplete\";\n\nimport type { TemplateProps } from \"./htmlpage\";\nimport type { BeforeRenderHook } from \"../redux/store/beforeRenderHooks\";\nimport type { PreferenceValue } from \"./serverUtil\";\nimport type { LocaleConfiguration } from \"../i18n/types\";\ntype serverProps = {\n  request: HttpServletRequestJava,\n  locales?: Array<LocaleConfiguration>,\n  customReducers?: Object,\n  theme?: Object,\n  serverPreferences?: Array<string | PreferenceValue>,\n  render: Function,\n  ErrorPage?: any,\n  template?: (TemplateProps) => string,\n  beforeRenderHooks?: Array<BeforeRenderHook>,\n};\n\n/**\n */\nconst serverSSR = ({\n  request,\n  locales,\n  customReducers,\n  serverPreferences = [],\n  theme = null,\n  render,\n  ErrorPage,\n  template,\n  beforeRenderHooks,\n}: serverProps): Promise<string> => {\n  const UUID = createUUID();\n  __webpack_nonce__ = UUID; // NOSONAR\n\n  const requestHref = getFullRequestHref(request);\n  const store = createReduxStore(requestHref, customReducers);\n\n  setServerPreferences(store, serverPreferences);\n  setConfigurationTheme(store);\n  setI18n(store, locales, request);\n\n  handleBeforeRenderHooks(beforeRenderHooks, { request, store });\n\n  return renderSSRComplete({\n    store,\n    theme,\n    UUID,\n    requestHref,\n    render,\n    ErrorPage,\n    template,\n  });\n};\n\nexport default serverSSR;\n"],"mappings":"AACA,OAAO,eAAe;AAEtB,OAAOA,UAAU,MAAM,6BAA6B;AACpD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,SACEC,gBAAgB,EAChBC,OAAO,EACPC,oBAAoB,EACpBC,qBAAqB,QAChB,cAAc;AAErB,SAASC,uBAAuB,QAAQ,kCAAkC;AAE1E,OAAOC,iBAAiB,MAAM,qBAAqB;AAkBnD;AACA;AACA,MAAMC,SAAS,GAAGA,CAAC;EACjBC,OAAO;EACPC,OAAO;EACPC,cAAc;EACdC,iBAAiB,GAAG,EAAE;EACtBC,KAAK,GAAG,IAAI;EACZC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC;AACW,CAAC,KAAsB;EAClC,MAAMC,IAAI,GAAGlB,UAAU,CAAC,CAAC;EACzBmB,iBAAiB,GAAGD,IAAI,CAAC,CAAC;;EAE1B,MAAME,WAAW,GAAGnB,kBAAkB,CAACQ,OAAO,CAAC;EAC/C,MAAMY,KAAK,GAAGnB,gBAAgB,CAACkB,WAAW,EAAET,cAAc,CAAC;EAE3DP,oBAAoB,CAACiB,KAAK,EAAET,iBAAiB,CAAC;EAC9CP,qBAAqB,CAACgB,KAAK,CAAC;EAC5BlB,OAAO,CAACkB,KAAK,EAAEX,OAAO,EAAED,OAAO,CAAC;EAEhCH,uBAAuB,CAACW,iBAAiB,EAAE;IAAER,OAAO;IAAEY;EAAM,CAAC,CAAC;EAE9D,OAAOd,iBAAiB,CAAC;IACvBc,KAAK;IACLR,KAAK;IACLK,IAAI;IACJE,WAAW;IACXN,MAAM;IACNC,SAAS;IACTC;EACF,CAAC,CAAC;AACJ,CAAC;AAED,eAAeR,SAAS","ignoreList":[]}

package/esm/react-server/serverUtil.js

@@ -33,9 +33,7 @@ const createReduxStore = (requestHref, customReducers, initialState) => {
 
 /**
  */
-const setI18n = function (store) {
-  let locales = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  let request = arguments.length > 2 ? arguments[2] : undefined;
+const setI18n = (store, locales = [], request) => {
   if (!Array.isArray(locales)) {
     throw new IllegalArgumentException("locales must be an array of objects");
   }

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

@@ -1 +1 @@
-{"version":3,"file":"serverUtil.js","names":["createMemoryHistory","has","deepmerge","configureStore","availableLocales","Locales","getPreferredLocale","setLocales","setServerPreference","setThemePreference","setPreference","setAllContentInDataSetting","setLoginPreferences","setDateTimeSettings","getEnabledLocales","IllegalArgumentException","initModels","getLocale","ModularUIRequest","createReduxStore","requestHref","customReducers","initialState","history","initialEntries","toString","store","setI18n","locales","arguments","length","undefined","request","Array","isArray","mergedLocales","_mapInstanceProperty","call","locale","code","customLocale","_findInstanceProperty","custLocale","forEach","some","push","enabledLocales","_filterInstanceProperty","_context","_includesInstanceProperty","localesInstance","preferredLocale","dispatch","setServerPreferencesFromArray","serverPreferences","serverPreference","name","defaultValue","type","setServerPreferences","preferencesProvider","isStudioContext","setConfigurationTheme","configTheme","configFileLocation","getLayoutConfigFileLocation","configFilePath","_startsWithInstanceProperty","dataFetcher","fetch","Error","setApplication","getState","application","fetchSync","connectKey","key","model","e","handleErrors","state","error","shouldThrowOnServer","dehydrate","modularui","status","lastModification","filteredState","_JSON$stringify","replace","createHead","sheet","UUID","helmetContext","style","getStyleTags","meta","helmet"],"sources":["../../src/react-server/serverUtil.js"],"sourcesContent":["// @flow\nimport { createMemoryHistory } from \"history\";\nimport { has } from \"../utils/helpers/objects\";\nimport deepmerge from \"deepmerge\";\n\nimport configureStore from \"../redux/store/configureStore\";\n\nimport { availableLocales } from \"../i18n/Locales\";\nimport Locales from \"../i18n/Locales\";\n\nimport { getPreferredLocale } from \"./requestInformation\";\nimport { setLocales } from \"../redux/_i18n/I18nActions\";\n\nimport {\n  setServerPreference,\n  setThemePreference,\n  setPreference,\n  setAllContentInDataSetting,\n  setLoginPreferences,\n  setDateTimeSettings,\n} from \"../redux/actions/Preferences\";\n\nimport { getEnabledLocales } 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    getEnabledLocales().includes(locale.code),\n  );\n\n  const localesInstance = new Locales(enabledLocales);\n  const preferredLocale = getPreferredLocale(request, localesInstance);\n  store.dispatch(setLocales(localesInstance, preferredLocale ?? \"en\"));\n};\n\nconst setServerPreferencesFromArray = (\n  store: ReduxStore,\n  serverPreferences: Array<string | PreferenceValue>,\n) => {\n  serverPreferences.forEach((serverPreference) => {\n    if (typeof serverPreference === \"object\") {\n      const { name, defaultValue, type } = serverPreference;\n      store.dispatch(setServerPreference(name, defaultValue, type));\n    } else {\n      store.dispatch(setServerPreference(serverPreference, null));\n    }\n  });\n};\n\n/**\n * Server preferences can be suplied by an array of preference names,\n * or an array of objects which has the name, an optional default value and an optional type.<br>\n * When the type is set to string, a comma separated value is not converted to an array:\n *\n * @example\n * // value becomes an array [default1, default2]\n * { name: \"prefName\", defaultValue: \"default1, default2\" }\n * // value remains a string \"default1, default2\"\n * { name: \"prefName\", defaultValue: \"default1, default2\", type: \"string\" }\n *\n * @param store\n * @param serverPreferences\n */\nconst setServerPreferences = (\n  store: ReduxStore,\n  serverPreferences: Array<string | PreferenceValue>,\n) => {\n  if (Array.isArray(serverPreferences)) {\n    setServerPreferencesFromArray(store, serverPreferences);\n  }\n\n  store.dispatch(setAllContentInDataSetting());\n  store.dispatch(setLoginPreferences());\n  store.dispatch(setDateTimeSettings());\n\n  if (\n    preferencesProvider &&\n    preferencesProvider.isStudioContext &&\n    preferencesProvider.isStudioContext()\n  ) {\n    store.dispatch(setPreference(\"isStudioContext\", true));\n  }\n};\n\n/**\n */\nconst setConfigurationTheme = (store: ReduxStore) => {\n  let configTheme = null;\n\n  const configFileLocation = preferencesProvider.getLayoutConfigFileLocation();\n  if (typeof configFileLocation === \"string\") {\n    const configFilePath = configFileLocation.startsWith(\"/\")\n      ? `/resource${configFileLocation}`\n      : `/resource/${configFileLocation}`;\n\n    configTheme = dataFetcher.fetch(configFilePath);\n\n    if (configTheme) {\n      store.dispatch(setThemePreference(configTheme));\n    } else {\n      throw new Error(\n        `Could not read theme configuration file from: ${configFilePath}`,\n      );\n    }\n  }\n};\n\n/**\n */\nconst setApplication = (store: ReduxStore) => {\n  try {\n    const locale = getLocale(store.getState());\n    const application = new ModularUIRequest(\"/\", {\n      locale: locale,\n    }).fetchSync();\n\n    application.connectKey = `application(/)(${locale})`;\n\n    store.dispatch(\n      initModels([\n        {\n          key: `application(/)(${locale})`,\n          model: application,\n        },\n      ]),\n    );\n  } catch (e) {\n    // swallow error, in this case we just don't pre-cache the webapplication,\n    // which has not much difference for the end user\n  }\n};\n\n/**\n */\nconst handleErrors = (store: ReduxStore) => {\n  const state = store.getState();\n\n  if (\n    state.error &&\n    (state.error.shouldThrowOnServer ||\n      !has(state.error, \"shouldThrowOnServer\"))\n  ) {\n    throw state.error;\n  }\n};\n\n/**\n */\nconst dehydrate = (store: ReduxStore): string => {\n  const state = store.getState();\n\n  const modularui: {\n    [key: string]: { status: string, lastModification: number, model: ?Object },\n  } = {};\n\n  for (const key in state.modularui) {\n    const { status, model, lastModification } = state.modularui[key];\n\n    if (model) {\n      modularui[key] = {\n        status,\n        lastModification,\n        model: model.dehydrate(),\n      };\n    } else {\n      modularui[key] = {\n        status,\n        lastModification,\n        model: undefined,\n      };\n    }\n  }\n\n  const filteredState = {\n    ...state,\n    modularui,\n  };\n\n  return JSON.stringify(filteredState).replace(/</g, \"\\\\u003c\");\n};\n\n/**\n */\nconst createHead = (\n  sheet: any,\n  UUID: string,\n  helmetContext?: Object,\n): Object => {\n  const style = sheet.getStyleTags();\n  const meta = helmetContext ? [...helmetContext.helmet.meta] : [];\n\n  if (helmetContext) {\n    return {\n      ...helmetContext.helmet,\n      style,\n      meta,\n    };\n  }\n\n  return {\n    style,\n    meta,\n  };\n};\n\nexport {\n  createReduxStore,\n  setI18n,\n  setApplication,\n  setServerPreferences,\n  setConfigurationTheme,\n  createHead,\n  handleErrors,\n  dehydrate,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"serverUtil.js","names":["createMemoryHistory","has","deepmerge","configureStore","availableLocales","Locales","getPreferredLocale","setLocales","setServerPreference","setThemePreference","setPreference","setAllContentInDataSetting","setLoginPreferences","setDateTimeSettings","getEnabledLocales","IllegalArgumentException","initModels","getLocale","ModularUIRequest","createReduxStore","requestHref","customReducers","initialState","history","initialEntries","toString","store","setI18n","locales","request","Array","isArray","mergedLocales","_mapInstanceProperty","call","locale","code","customLocale","_findInstanceProperty","custLocale","forEach","some","push","enabledLocales","_filterInstanceProperty","_context","_includesInstanceProperty","localesInstance","preferredLocale","dispatch","setServerPreferencesFromArray","serverPreferences","serverPreference","name","defaultValue","type","setServerPreferences","preferencesProvider","isStudioContext","setConfigurationTheme","configTheme","configFileLocation","getLayoutConfigFileLocation","configFilePath","_startsWithInstanceProperty","dataFetcher","fetch","Error","setApplication","getState","application","fetchSync","connectKey","key","model","e","handleErrors","state","error","shouldThrowOnServer","dehydrate","modularui","status","lastModification","undefined","filteredState","_JSON$stringify","replace","createHead","sheet","UUID","helmetContext","style","getStyleTags","meta","helmet"],"sources":["../../src/react-server/serverUtil.js"],"sourcesContent":["// @flow\nimport { createMemoryHistory } from \"history\";\nimport { has } from \"../utils/helpers/objects\";\nimport deepmerge from \"deepmerge\";\n\nimport configureStore from \"../redux/store/configureStore\";\n\nimport { availableLocales } from \"../i18n/Locales\";\nimport Locales from \"../i18n/Locales\";\n\nimport { getPreferredLocale } from \"./requestInformation\";\nimport { setLocales } from \"../redux/_i18n/I18nActions\";\n\nimport {\n  setServerPreference,\n  setThemePreference,\n  setPreference,\n  setAllContentInDataSetting,\n  setLoginPreferences,\n  setDateTimeSettings,\n} from \"../redux/actions/Preferences\";\n\nimport { getEnabledLocales } 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    getEnabledLocales().includes(locale.code),\n  );\n\n  const localesInstance = new Locales(enabledLocales);\n  const preferredLocale = getPreferredLocale(request, localesInstance);\n  store.dispatch(setLocales(localesInstance, preferredLocale ?? \"en\"));\n};\n\nconst setServerPreferencesFromArray = (\n  store: ReduxStore,\n  serverPreferences: Array<string | PreferenceValue>,\n) => {\n  serverPreferences.forEach((serverPreference) => {\n    if (typeof serverPreference === \"object\") {\n      const { name, defaultValue, type } = serverPreference;\n      store.dispatch(setServerPreference(name, defaultValue, type));\n    } else {\n      store.dispatch(setServerPreference(serverPreference, null));\n    }\n  });\n};\n\n/**\n * Server preferences can be suplied by an array of preference names,\n * or an array of objects which has the name, an optional default value and an optional type.<br>\n * When the type is set to string, a comma separated value is not converted to an array:\n *\n * @example\n * // value becomes an array [default1, default2]\n * { name: \"prefName\", defaultValue: \"default1, default2\" }\n * // value remains a string \"default1, default2\"\n * { name: \"prefName\", defaultValue: \"default1, default2\", type: \"string\" }\n *\n * @param store\n * @param serverPreferences\n */\nconst setServerPreferences = (\n  store: ReduxStore,\n  serverPreferences: Array<string | PreferenceValue>,\n) => {\n  if (Array.isArray(serverPreferences)) {\n    setServerPreferencesFromArray(store, serverPreferences);\n  }\n\n  store.dispatch(setAllContentInDataSetting());\n  store.dispatch(setLoginPreferences());\n  store.dispatch(setDateTimeSettings());\n\n  if (\n    preferencesProvider &&\n    preferencesProvider.isStudioContext &&\n    preferencesProvider.isStudioContext()\n  ) {\n    store.dispatch(setPreference(\"isStudioContext\", true));\n  }\n};\n\n/**\n */\nconst setConfigurationTheme = (store: ReduxStore) => {\n  let configTheme = null;\n\n  const configFileLocation = preferencesProvider.getLayoutConfigFileLocation();\n  if (typeof configFileLocation === \"string\") {\n    const configFilePath = configFileLocation.startsWith(\"/\")\n      ? `/resource${configFileLocation}`\n      : `/resource/${configFileLocation}`;\n\n    configTheme = dataFetcher.fetch(configFilePath);\n\n    if (configTheme) {\n      store.dispatch(setThemePreference(configTheme));\n    } else {\n      throw new Error(\n        `Could not read theme configuration file from: ${configFilePath}`,\n      );\n    }\n  }\n};\n\n/**\n */\nconst setApplication = (store: ReduxStore) => {\n  try {\n    const locale = getLocale(store.getState());\n    const application = new ModularUIRequest(\"/\", {\n      locale: locale,\n    }).fetchSync();\n\n    application.connectKey = `application(/)(${locale})`;\n\n    store.dispatch(\n      initModels([\n        {\n          key: `application(/)(${locale})`,\n          model: application,\n        },\n      ]),\n    );\n  } catch (e) {\n    // swallow error, in this case we just don't pre-cache the webapplication,\n    // which has not much difference for the end user\n  }\n};\n\n/**\n */\nconst handleErrors = (store: ReduxStore) => {\n  const state = store.getState();\n\n  if (\n    state.error &&\n    (state.error.shouldThrowOnServer ||\n      !has(state.error, \"shouldThrowOnServer\"))\n  ) {\n    throw state.error;\n  }\n};\n\n/**\n */\nconst dehydrate = (store: ReduxStore): string => {\n  const state = store.getState();\n\n  const modularui: {\n    [key: string]: { status: string, lastModification: number, model: ?Object },\n  } = {};\n\n  for (const key in state.modularui) {\n    const { status, model, lastModification } = state.modularui[key];\n\n    if (model) {\n      modularui[key] = {\n        status,\n        lastModification,\n        model: model.dehydrate(),\n      };\n    } else {\n      modularui[key] = {\n        status,\n        lastModification,\n        model: undefined,\n      };\n    }\n  }\n\n  const filteredState = {\n    ...state,\n    modularui,\n  };\n\n  return JSON.stringify(filteredState).replace(/</g, \"\\\\u003c\");\n};\n\n/**\n */\nconst createHead = (\n  sheet: any,\n  UUID: string,\n  helmetContext?: Object,\n): Object => {\n  const style = sheet.getStyleTags();\n  const meta = helmetContext ? [...helmetContext.helmet.meta] : [];\n\n  if (helmetContext) {\n    return {\n      ...helmetContext.helmet,\n      style,\n      meta,\n    };\n  }\n\n  return {\n    style,\n    meta,\n  };\n};\n\nexport {\n  createReduxStore,\n  setI18n,\n  setApplication,\n  setServerPreferences,\n  setConfigurationTheme,\n  createHead,\n  handleErrors,\n  dehydrate,\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/react-theme/ThemeProvider.js

@@ -4,17 +4,13 @@ import createTheme from "./createTheme";
 import { jsx as _jsx } from "react/jsx-runtime";
 /**
  */
-const ThemeProvider = _ref => {
-  let {
-    theme,
-    children
-  } = _ref;
-  const storedTheme = useSelector(_ref2 => {
-    let {
-      preferences
-    } = _ref2;
-    return preferences.theme;
-  });
+const ThemeProvider = ({
+  theme,
+  children
+}) => {
+  const storedTheme = useSelector(({
+    preferences
+  }) => preferences.theme);
   const finalTheme = createTheme(storedTheme, theme);
   return /*#__PURE__*/_jsx(SCThemeProvider, {
     theme: finalTheme,

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

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":["useSelector","ThemeProvider","SCThemeProvider","createTheme","jsx","_jsx","_ref","theme","children","storedTheme","_ref2","preferences","finalTheme","displayName"],"sources":["../../src/react-theme/ThemeProvider.js"],"sourcesContent":["// @flow\nimport { useSelector } from \"react-redux\";\nimport { ThemeProvider as SCThemeProvider } from \"styled-components\";\n\nimport createTheme from \"./createTheme\";\n\nimport type { Node } from \"react\";\nimport type { Theme } from \"./types\";\n\nexport type Props = {\n  +theme?: Theme | Array<Theme>,\n  +children: Node,\n};\n\n/**\n */\nconst ThemeProvider = ({ theme, children }: Props): Node => {\n  const storedTheme = useSelector(({ preferences }) => preferences.theme);\n  const finalTheme = createTheme(storedTheme, theme);\n\n  return <SCThemeProvider theme={finalTheme}>{children}</SCThemeProvider>;\n};\nThemeProvider.displayName = \"BI.ThemeProvider\";\n\nexport default ThemeProvider;\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,aAAa;AACzC,SAASC,aAAa,IAAIC,eAAe,QAAQ,mBAAmB;AAEpE,OAAOC,WAAW,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUxC;AACA;AACA,MAAMJ,aAAa,GAAGK,IAAA,IAAsC;EAAA,IAArC;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAAF,IAAA;EAC/C,MAAMG,WAAW,GAAGT,WAAW,CAACU,KAAA;IAAA,IAAC;MAAEC;IAAY,CAAC,GAAAD,KAAA;IAAA,OAAKC,WAAW,CAACJ,KAAK;EAAA,EAAC;EACvE,MAAMK,UAAU,GAAGT,WAAW,CAACM,WAAW,EAAEF,KAAK,CAAC;EAElD,oBAAOF,IAAA,CAACH,eAAe;IAACK,KAAK,EAAEK,UAAW;IAAAJ,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AACzE,CAAC;AACDP,aAAa,CAACY,WAAW,GAAG,kBAAkB;AAE9C,eAAeZ,aAAa","ignoreList":[]}
+{"version":3,"file":"ThemeProvider.js","names":["useSelector","ThemeProvider","SCThemeProvider","createTheme","jsx","_jsx","theme","children","storedTheme","preferences","finalTheme","displayName"],"sources":["../../src/react-theme/ThemeProvider.js"],"sourcesContent":["// @flow\nimport { useSelector } from \"react-redux\";\nimport { ThemeProvider as SCThemeProvider } from \"styled-components\";\n\nimport createTheme from \"./createTheme\";\n\nimport type { Node } from \"react\";\nimport type { Theme } from \"./types\";\n\nexport type Props = {\n  +theme?: Theme | Array<Theme>,\n  +children: Node,\n};\n\n/**\n */\nconst ThemeProvider = ({ theme, children }: Props): Node => {\n  const storedTheme = useSelector(({ preferences }) => preferences.theme);\n  const finalTheme = createTheme(storedTheme, theme);\n\n  return <SCThemeProvider theme={finalTheme}>{children}</SCThemeProvider>;\n};\nThemeProvider.displayName = \"BI.ThemeProvider\";\n\nexport default ThemeProvider;\n"],"mappings":"AACA,SAASA,WAAW,QAAQ,aAAa;AACzC,SAASC,aAAa,IAAIC,eAAe,QAAQ,mBAAmB;AAEpE,OAAOC,WAAW,MAAM,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUxC;AACA;AACA,MAAMJ,aAAa,GAAGA,CAAC;EAAEK,KAAK;EAAEC;AAAgB,CAAC,KAAW;EAC1D,MAAMC,WAAW,GAAGR,WAAW,CAAC,CAAC;IAAES;EAAY,CAAC,KAAKA,WAAW,CAACH,KAAK,CAAC;EACvE,MAAMI,UAAU,GAAGP,WAAW,CAACK,WAAW,EAAEF,KAAK,CAAC;EAElD,oBAAOD,IAAA,CAACH,eAAe;IAACI,KAAK,EAAEI,UAAW;IAAAH,QAAA,EAAEA;EAAQ,CAAkB,CAAC;AACzE,CAAC;AACDN,aAAa,CAACU,WAAW,GAAG,kBAAkB;AAE9C,eAAeV,aAAa","ignoreList":[]}

package/esm/react-theme/createTheme.js

@@ -8,8 +8,7 @@ const replacePlaceholders = inputTheme => {
   var _context;
   const possibleKeys = _mapInstanceProperty(_context = _Object$keys(inputTheme)).call(_context, key => `\\b${key}\\b`).join("|");
   const re = new RegExp(`\\$(${possibleKeys})`, "g");
-  _Object$entries(inputTheme).forEach(_ref => {
-    let [key, value] = _ref;
+  _Object$entries(inputTheme).forEach(([key, value]) => {
     if (key !== "settings" && typeof value === "string") {
       inputTheme[key] = value.replace(re,
       // $FlowIssue[incompatible-call]
@@ -18,14 +17,11 @@ const replacePlaceholders = inputTheme => {
   });
   return inputTheme;
 };
-const generateTheme = function (storedTheme) {
+const generateTheme = (storedTheme, ...themeElements) => {
   const storedSettings = storedTheme?.settings ?? {};
   let generatedTheme = {
     settings: {}
   };
-  for (var _len = arguments.length, themeElements = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    themeElements[_key - 1] = arguments[_key];
-  }
   for (const element of themeElements) {
     if (typeof element === "function") {
       generatedTheme = element(replacePlaceholders(generatedTheme));
@@ -94,10 +90,7 @@ const generateTheme = function (storedTheme) {
  *   SECONDARY_COLOR: "#00ff00",
  * }
  */
-const createTheme = function (storedTheme) {
-  for (var _len2 = arguments.length, themeConfigs = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
-    themeConfigs[_key2 - 1] = arguments[_key2];
-  }
+const createTheme = (storedTheme, ...themeConfigs) => {
   const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));
   if (customTheme) {
     setSettings(customTheme.settings);

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

@@ -1 +1 @@
-{"version":3,"file":"createTheme.js","names":["flattenDeep","isPlainObject","setSettings","replacePlaceholders","inputTheme","_context","possibleKeys","_mapInstanceProperty","_Object$keys","call","key","join","re","RegExp","_Object$entries","forEach","_ref","value","replace","match","capture","generateTheme","storedTheme","storedSettings","settings","generatedTheme","_len","arguments","length","themeElements","Array","_key","element","generatedSettings","createTheme","_len2","themeConfigs","_key2","customTheme"],"sources":["../../src/react-theme/createTheme.js"],"sourcesContent":["// @flow\nimport flattenDeep from \"lodash/flattenDeep\";\n\nimport { isPlainObject } from \"../utils/helpers/objects\";\n\nimport { setSettings } from \"../constants/Settings\";\n\nimport type { Theme } from \"./types\";\n\nconst replacePlaceholders = (inputTheme: Theme) => {\n  const possibleKeys = Object.keys(inputTheme)\n    .map((key) => `\\\\b${key}\\\\b`)\n    .join(\"|\");\n\n  const re = new RegExp(`\\\\$(${possibleKeys})`, \"g\");\n  Object.entries(inputTheme).forEach(([key, value]) => {\n    if (key !== \"settings\" && typeof value === \"string\") {\n      inputTheme[key] = value.replace(\n        re,\n        // $FlowIssue[incompatible-call]\n        (match, capture) => inputTheme[capture],\n      );\n    }\n  });\n\n  return inputTheme;\n};\n\nconst generateTheme = (storedTheme: Theme, ...themeElements: Array<Theme>) => {\n  const storedSettings = storedTheme?.settings ?? {};\n\n  let generatedTheme = { settings: {} };\n  for (const element of themeElements) {\n    if (typeof element === \"function\") {\n      generatedTheme = element(replacePlaceholders(generatedTheme));\n    } else if (isPlainObject(element)) {\n      const generatedSettings = generatedTheme.settings;\n      // $FlowFixMe[cannot-spread-indexer]\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\n      if (\"settings\" in element) {\n        generatedTheme.settings = {\n          ...generatedSettings,\n          ...element.settings,\n          ...storedSettings,\n        };\n      }\n    }\n  }\n\n  // final - replace any assignments inside the theme\n  return replacePlaceholders(generatedTheme);\n};\n\n/**\n * Create a theme from multiple theme configuration objects.\n * Properties are overwriten by iterating the configuration objects from left to right.\n *\n * The first argument represents a stored theme part, this is optional. The stored theme part will overwrite every part in the collection of theme parts.\n * Thus a stored configuration is leading as it can be configured by a modeller through the repository.\n *\n * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.\n *\n * Both objects and function can be used, where a function receives the previous objects as input arguments.\n * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:\n *\n * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))\n *\n * @example\n * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,\n * but the button bg still uses the yiq function of the default theme:\n *\n * const DefaultTheme = {\n *   PRIMARY_COLOR: \"#0000ff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n *   BUTTON_COLOR: \"$PRIMARY_COLOR\"\n * }\n *\n * const createDefaultTheme = (input) => ({\n *   ...input,\n *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)\n * })\n *\n * const CustomTheme = {\n *   PRIMARY_COLOR: \"#ff0000\"\n * }\n *\n * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);\n *\n * // Result:\n * {\n *   PRIMARY_COLOR: \"#ff0000\",\n *   BUTTON_COLOR: \"#ff0000\",\n *   BUTTON_BG: \"#fff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n * }\n */\nconst createTheme = (\n  storedTheme: Theme,\n  ...themeConfigs: Array<Theme | Array<Theme> | void>\n):\n  | any\n  | {}\n  | {\n      INPUT_FOCUS_BORDER_COLOR?: string,\n      LINK_HOVER_COLOR?: string,\n      PAGING_HOVER_COLOR?: string,\n      settings?: { [settingName: string]: string },\n    } => {\n  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));\n\n  if (customTheme) {\n    setSettings(customTheme.settings);\n  }\n\n  return customTheme;\n};\n\nexport default createTheme;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"createTheme.js","names":["flattenDeep","isPlainObject","setSettings","replacePlaceholders","inputTheme","_context","possibleKeys","_mapInstanceProperty","_Object$keys","call","key","join","re","RegExp","_Object$entries","forEach","value","replace","match","capture","generateTheme","storedTheme","themeElements","storedSettings","settings","generatedTheme","element","generatedSettings","createTheme","themeConfigs","customTheme"],"sources":["../../src/react-theme/createTheme.js"],"sourcesContent":["// @flow\nimport flattenDeep from \"lodash/flattenDeep\";\n\nimport { isPlainObject } from \"../utils/helpers/objects\";\n\nimport { setSettings } from \"../constants/Settings\";\n\nimport type { Theme } from \"./types\";\n\nconst replacePlaceholders = (inputTheme: Theme) => {\n  const possibleKeys = Object.keys(inputTheme)\n    .map((key) => `\\\\b${key}\\\\b`)\n    .join(\"|\");\n\n  const re = new RegExp(`\\\\$(${possibleKeys})`, \"g\");\n  Object.entries(inputTheme).forEach(([key, value]) => {\n    if (key !== \"settings\" && typeof value === \"string\") {\n      inputTheme[key] = value.replace(\n        re,\n        // $FlowIssue[incompatible-call]\n        (match, capture) => inputTheme[capture],\n      );\n    }\n  });\n\n  return inputTheme;\n};\n\nconst generateTheme = (storedTheme: Theme, ...themeElements: Array<Theme>) => {\n  const storedSettings = storedTheme?.settings ?? {};\n\n  let generatedTheme = { settings: {} };\n  for (const element of themeElements) {\n    if (typeof element === \"function\") {\n      generatedTheme = element(replacePlaceholders(generatedTheme));\n    } else if (isPlainObject(element)) {\n      const generatedSettings = generatedTheme.settings;\n      // $FlowFixMe[cannot-spread-indexer]\n      generatedTheme = { ...generatedTheme, ...element, ...storedTheme };\n      if (\"settings\" in element) {\n        generatedTheme.settings = {\n          ...generatedSettings,\n          ...element.settings,\n          ...storedSettings,\n        };\n      }\n    }\n  }\n\n  // final - replace any assignments inside the theme\n  return replacePlaceholders(generatedTheme);\n};\n\n/**\n * Create a theme from multiple theme configuration objects.\n * Properties are overwriten by iterating the configuration objects from left to right.\n *\n * The first argument represents a stored theme part, this is optional. The stored theme part will overwrite every part in the collection of theme parts.\n * Thus a stored configuration is leading as it can be configured by a modeller through the repository.\n *\n * Placeholders can be used, they are replaced before calling a function theme part or at the end of the theme creation.\n *\n * Both objects and function can be used, where a function receives the previous objects as input arguments.\n * For example using the method createTheme(ThemeObject, ThemeObject2, ThemeFunction, ThemeFunction2), will be handled as:\n *\n * ThemeFunction2(ThemeFunction1({ ...ThemeObject, ...ThemeObject2 }))\n *\n * @example\n * Example where the primary color of the default theme is overwritten with a primary color of the custom theme,\n * but the button bg still uses the yiq function of the default theme:\n *\n * const DefaultTheme = {\n *   PRIMARY_COLOR: \"#0000ff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n *   BUTTON_COLOR: \"$PRIMARY_COLOR\"\n * }\n *\n * const createDefaultTheme = (input) => ({\n *   ...input,\n *   BUTTON_BG: getContrastYIQ(input.BUTTON_COLOR)\n * })\n *\n * const CustomTheme = {\n *   PRIMARY_COLOR: \"#ff0000\"\n * }\n *\n * createTheme(null, DefaultTheme, CustomTheme, createDefaultTheme);\n *\n * // Result:\n * {\n *   PRIMARY_COLOR: \"#ff0000\",\n *   BUTTON_COLOR: \"#ff0000\",\n *   BUTTON_BG: \"#fff\",\n *   SECONDARY_COLOR: \"#00ff00\",\n * }\n */\nconst createTheme = (\n  storedTheme: Theme,\n  ...themeConfigs: Array<Theme | Array<Theme> | void>\n):\n  | any\n  | {}\n  | {\n      INPUT_FOCUS_BORDER_COLOR?: string,\n      LINK_HOVER_COLOR?: string,\n      PAGING_HOVER_COLOR?: string,\n      settings?: { [settingName: string]: string },\n    } => {\n  const customTheme = generateTheme(storedTheme, ...flattenDeep(themeConfigs));\n\n  if (customTheme) {\n    setSettings(customTheme.settings);\n  }\n\n  return customTheme;\n};\n\nexport default createTheme;\n"],"mappings":";;;AACA,OAAOA,WAAW,MAAM,oBAAoB;AAE5C,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,WAAW,QAAQ,uBAAuB;AAInD,MAAMC,mBAAmB,GAAIC,UAAiB,IAAK;EAAA,IAAAC,QAAA;EACjD,MAAMC,YAAY,GAAGC,oBAAA,CAAAF,QAAA,GAAAG,YAAA,CAAYJ,UAAU,CAAC,EAAAK,IAAA,CAAAJ,QAAA,EACpCK,GAAG,IAAK,MAAMA,GAAG,KAAK,CAAC,CAC5BC,IAAI,CAAC,GAAG,CAAC;EAEZ,MAAMC,EAAE,GAAG,IAAIC,MAAM,CAAC,OAAOP,YAAY,GAAG,EAAE,GAAG,CAAC;EAClDQ,eAAA,CAAeV,UAAU,CAAC,CAACW,OAAO,CAAC,CAAC,CAACL,GAAG,EAAEM,KAAK,CAAC,KAAK;IACnD,IAAIN,GAAG,KAAK,UAAU,IAAI,OAAOM,KAAK,KAAK,QAAQ,EAAE;MACnDZ,UAAU,CAACM,GAAG,CAAC,GAAGM,KAAK,CAACC,OAAO,CAC7BL,EAAE;MACF;MACA,CAACM,KAAK,EAAEC,OAAO,KAAKf,UAAU,CAACe,OAAO,CACxC,CAAC;IACH;EACF,CAAC,CAAC;EAEF,OAAOf,UAAU;AACnB,CAAC;AAED,MAAMgB,aAAa,GAAGA,CAACC,WAAkB,EAAE,GAAGC,aAA2B,KAAK;EAC5E,MAAMC,cAAc,GAAGF,WAAW,EAAEG,QAAQ,IAAI,CAAC,CAAC;EAElD,IAAIC,cAAc,GAAG;IAAED,QAAQ,EAAE,CAAC;EAAE,CAAC;EACrC,KAAK,MAAME,OAAO,IAAIJ,aAAa,EAAE;IACnC,IAAI,OAAOI,OAAO,KAAK,UAAU,EAAE;MACjCD,cAAc,GAAGC,OAAO,CAACvB,mBAAmB,CAACsB,cAAc,CAAC,CAAC;IAC/D,CAAC,MAAM,IAAIxB,aAAa,CAACyB,OAAO,CAAC,EAAE;MACjC,MAAMC,iBAAiB,GAAGF,cAAc,CAACD,QAAQ;MACjD;MACAC,cAAc,GAAG;QAAE,GAAGA,cAAc;QAAE,GAAGC,OAAO;QAAE,GAAGL;MAAY,CAAC;MAClE,IAAI,UAAU,IAAIK,OAAO,EAAE;QACzBD,cAAc,CAACD,QAAQ,GAAG;UACxB,GAAGG,iBAAiB;UACpB,GAAGD,OAAO,CAACF,QAAQ;UACnB,GAAGD;QACL,CAAC;MACH;IACF;EACF;;EAEA;EACA,OAAOpB,mBAAmB,CAACsB,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,MAAMG,WAAW,GAAGA,CAClBP,WAAkB,EAClB,GAAGQ,YAAgD,KAS5C;EACP,MAAMC,WAAW,GAAGV,aAAa,CAACC,WAAW,EAAE,GAAGrB,WAAW,CAAC6B,YAAY,CAAC,CAAC;EAE5E,IAAIC,WAAW,EAAE;IACf5B,WAAW,CAAC4B,WAAW,CAACN,QAAQ,CAAC;EACnC;EAEA,OAAOM,WAAW;AACpB,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}

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

@@ -1,10 +1,9 @@
 import { getThemeProp } from "./themeProps";
 /**
  */
-const renderBackground = (path, defaultValue) => _ref => {
-  let {
-    theme
-  } = _ref;
+const renderBackground = (path, defaultValue) => ({
+  theme
+}) => {
   const value = getThemeProp(theme, path, defaultValue);
   if (typeof value === "string") {
     return `background: ${value}`;

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

@@ -1 +1 @@
-{"version":3,"file":"background.js","names":["getThemeProp","renderBackground","path","defaultValue","_ref","theme","value"],"sources":["../../../src/react-theme/utils/background.js"],"sourcesContent":["// @flow\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { ThemePropValue, UtilThemeProps } from \"../types\";\n\n/**\n */\nconst renderBackground =\n  (path: string, defaultValue?: string): ((UtilThemeProps) => ThemePropValue) =>\n  ({ theme }: UtilThemeProps) => {\n    const value = getThemeProp(theme, path, defaultValue);\n\n    if (typeof value === \"string\") {\n      return `background: ${value}`;\n    }\n\n    return value;\n  };\n\nexport { renderBackground };\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,cAAc;AAI3C;AACA;AACA,MAAMC,gBAAgB,GACpBA,CAACC,IAAY,EAAEC,YAAqB,KACpCC,IAAA,IAA+B;EAAA,IAA9B;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EACxB,MAAME,KAAK,GAAGN,YAAY,CAACK,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC;EAErD,IAAI,OAAOG,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,eAAeA,KAAK,EAAE;EAC/B;EAEA,OAAOA,KAAK;AACd,CAAC;AAEH,SAASL,gBAAgB","ignoreList":[]}
+{"version":3,"file":"background.js","names":["getThemeProp","renderBackground","path","defaultValue","theme","value"],"sources":["../../../src/react-theme/utils/background.js"],"sourcesContent":["// @flow\nimport { getThemeProp } from \"./themeProps\";\n\nimport type { ThemePropValue, UtilThemeProps } from \"../types\";\n\n/**\n */\nconst renderBackground =\n  (path: string, defaultValue?: string): ((UtilThemeProps) => ThemePropValue) =>\n  ({ theme }: UtilThemeProps) => {\n    const value = getThemeProp(theme, path, defaultValue);\n\n    if (typeof value === \"string\") {\n      return `background: ${value}`;\n    }\n\n    return value;\n  };\n\nexport { renderBackground };\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,cAAc;AAI3C;AACA;AACA,MAAMC,gBAAgB,GACpBA,CAACC,IAAY,EAAEC,YAAqB,KACpC,CAAC;EAAEC;AAAsB,CAAC,KAAK;EAC7B,MAAMC,KAAK,GAAGL,YAAY,CAACI,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC;EAErD,IAAI,OAAOE,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO,eAAeA,KAAK,EAAE;EAC/B;EAEA,OAAOA,KAAK;AACd,CAAC;AAEH,SAASJ,gBAAgB","ignoreList":[]}

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

@@ -5,33 +5,24 @@ import { getThemeProp } from "./themeProps";
  */
 /**
  */
-const darkenColor = (amount, path, defaultValue) => _ref => {
-  let {
-    theme
-  } = _ref;
-  return darken(amount, getThemeProp(theme, path, defaultValue));
-};
+const darkenColor = (amount, path, defaultValue) => ({
+  theme
+}) => darken(amount, getThemeProp(theme, path, defaultValue));
 
 /*
  * Themed color x amount lightened
  */
 /**
  */
-const lightenColor = (amount, path, defaultValue) => _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return lighten(amount, getThemeProp(theme, path, defaultValue));
-};
+const lightenColor = (amount, path, defaultValue) => ({
+  theme
+}) => lighten(amount, getThemeProp(theme, path, defaultValue));
 
 /*
  * Make a color lighter or darker in the same color family
  */
 /**
  */
-const changeHSL = function (color, saturation, lightness) {
-  let hueAdjustment = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
-  return hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
-};
+const changeHSL = (color, saturation, lightness, hueAdjustment = 0) => hsl(parseToHsl(color).hue + hueAdjustment, saturation, lightness);
 export { darkenColor, lightenColor, changeHSL };
 //# sourceMappingURL=colors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","names":["darken","hsl","lighten","parseToHsl","getThemeProp","darkenColor","amount","path","defaultValue","_ref","theme","lightenColor","_ref2","changeHSL","color","saturation","lightness","hueAdjustment","arguments","length","undefined","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,SAASA,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,UAAU,QAAQ,UAAU;AAC3D,SAASC,YAAY,QAAQ,cAAc;AAI3C;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GACfA,CACEC,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvBC,IAAA;EAAA,IAAC;IAAEC;EAAsB,CAAC,GAAAD,IAAA;EAAA,OACxBT,MAAM,CAACM,MAAM,EAAEF,YAAY,CAACM,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE3D;AACA;AACA;AACA;AACA;AACA,MAAMG,YAAY,GAChBA,CACEL,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvBI,KAAA;EAAA,IAAC;IAAEF;EAAsB,CAAC,GAAAE,KAAA;EAAA,OACxBV,OAAO,CAACI,MAAM,EAAEF,YAAY,CAACM,KAAK,EAAEH,IAAI,EAAEC,YAAY,CAAC,CAAC;AAAA;;AAE5D;AACA;AACA;AACA;AACA;AACA,MAAMK,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,OACdjB,GAAG,CAACE,UAAU,CAACW,KAAK,CAAC,CAACO,GAAG,GAAGJ,aAAa,EAAEF,UAAU,EAAEC,SAAS,CAAC;AAAA;AAE9E,SAASX,WAAW,EAAEM,YAAY,EAAEE,SAAS","ignoreList":[]}
+{"version":3,"file":"colors.js","names":["darken","hsl","lighten","parseToHsl","getThemeProp","darkenColor","amount","path","defaultValue","theme","lightenColor","changeHSL","color","saturation","lightness","hueAdjustment","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,SAASA,MAAM,EAAEC,GAAG,EAAEC,OAAO,EAAEC,UAAU,QAAQ,UAAU;AAC3D,SAASC,YAAY,QAAQ,cAAc;AAI3C;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,GACfA,CACEC,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvB,CAAC;EAAEC;AAAsB,CAAC,KACxBT,MAAM,CAACM,MAAM,EAAEF,YAAY,CAACK,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC,CAAC;;AAE3D;AACA;AACA;AACA;AACA;AACA,MAAME,YAAY,GAChBA,CACEJ,MAAuB,EACvBC,IAAY,EACZC,YAAqB,KAEvB,CAAC;EAAEC;AAAsB,CAAC,KACxBP,OAAO,CAACI,MAAM,EAAEF,YAAY,CAACK,KAAK,EAAEF,IAAI,EAAEC,YAAY,CAAC,CAAC;;AAE5D;AACA;AACA;AACA;AACA;AACA,MAAMG,SAAS,GAAGA,CAChBC,KAAa,EACbC,UAAmB,EACnBC,SAAkB,EAClBC,aAAqB,GAAG,CAAC,KACdd,GAAG,CAACE,UAAU,CAACS,KAAK,CAAC,CAACI,GAAG,GAAGD,aAAa,EAAEF,UAAU,EAAEC,SAAS,CAAC;AAE9E,SAAST,WAAW,EAAEK,YAAY,EAAEC,SAAS","ignoreList":[]}

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

@@ -27,10 +27,7 @@ const getYIQ = color => {
  * When the contrast between the color and the light or dark color is too low,
  * the preferred color is returned
  */
-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 getContrastYIQ = (color, dark = "#212529", light = "#fff", preferredColor) => {
   const yiqColor = getYIQ(color);
   if (preferredColor && getColorContrast(color, preferredColor) >= 4.5) {
     return preferredColor;
@@ -66,21 +63,16 @@ const getBackgroundColor = (theme, bgColorProperty, defaultValue) => {
  * 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 = getThemeStringProp(theme, preferredColorProperty);
-    const darkColor = getThemeStringProp(theme, standardDarkProperty, "#212529");
-    const lightColor = getThemeStringProp(theme, standardLightProperty, "#fff");
-    return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
-  };
+const renderContrastColor = (bgColorProperty, preferredColorProperty, standardDarkProperty = "YIQ_DARK_COLOR", standardLightProperty = "YIQ_LIGHT_COLOR") => ({
+  theme = {
+    settings: {}
+  }
+}) => {
+  const bgColor = getBackgroundColor(theme, bgColorProperty, "#ffffff");
+  const preferredColor = getThemeStringProp(theme, preferredColorProperty);
+  const darkColor = getThemeStringProp(theme, standardDarkProperty, "#212529");
+  const lightColor = getThemeStringProp(theme, standardLightProperty, "#fff");
+  return getContrastYIQ(bgColor, darkColor, lightColor, preferredColor);
 };
 export { getColorContrast, getYIQ, getContrastYIQ, renderContrastColor };
 //# sourceMappingURL=contrast.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"contrast.js","names":["getLuminance","parseToRgb","getThemeStringProp","getProp","ThemePropertyException","getColorContrast","color1","color2","luminance1","luminance2","parseFloat","toFixed","getYIQ","color","rgb","red","green","blue","getContrastYIQ","dark","arguments","length","undefined","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","backgroundColor","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty","_ref","settings"],"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":[]}
+{"version":3,"file":"contrast.js","names":["getLuminance","parseToRgb","getThemeStringProp","getProp","ThemePropertyException","getColorContrast","color1","color2","luminance1","luminance2","parseFloat","toFixed","getYIQ","color","rgb","red","green","blue","getContrastYIQ","dark","light","preferredColor","yiqColor","darkColor","lightColor","getBackgroundColor","theme","bgColorProperty","defaultValue","bgColor","backgroundColor","renderContrastColor","preferredColorProperty","standardDarkProperty","standardLightProperty","settings"],"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/esm/react-theme/utils/corners.js

@@ -7,22 +7,16 @@ const DEFAULT_CORNER_PROPERTY = "border-radius";
  */
 /**
  */
-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}: ${getThemeStringProp(theme, path, defaultValue)}`;
-    }
-    return "";
-  };
+const roundedCorners = (property = DEFAULT_CORNER_PROPERTY, path = "BORDER_RADIUS", defaultValue = "0.25rem") => ({
+  theme = {
+    settings: {}
+  }
+}) => {
+  if (theme.ROUNDED_CORNERS) {
+    const propertyName = property && property !== DEFAULT_CORNER_PROPERTY ? `border-${property}-radius` : DEFAULT_CORNER_PROPERTY;
+    return `${propertyName}: ${getThemeStringProp(theme, path, defaultValue)}`;
+  }
+  return "";
 };
 export { roundedCorners };
 //# sourceMappingURL=corners.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"corners.js","names":["getThemeStringProp","DEFAULT_CORNER_PROPERTY","roundedCorners","property","arguments","length","undefined","path","defaultValue","_ref","theme","settings","ROUNDED_CORNERS","propertyName"],"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,SAASA,kBAAkB,QAAQ,cAAc;AAIjD,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,KAAKb,kBAAkB,CAC3CU,KAAK,EACLH,IAAI,EACJC,YACF,CAAC,EAAE;IACL;IAEA,OAAO,EAAE;EACX,CAAC;AAAA;AAEH,SAASN,cAAc","ignoreList":[]}
+{"version":3,"file":"corners.js","names":["getThemeStringProp","DEFAULT_CORNER_PROPERTY","roundedCorners","property","path","defaultValue","theme","settings","ROUNDED_CORNERS","propertyName"],"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,SAASA,kBAAkB,QAAQ,cAAc;AAIjD,MAAMC,uBAAuB,GAAG,eAAe;;AAE/C;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,GAClBA,CACEC,QAAgB,GAAGF,uBAAuB,EAC1CG,IAAY,GAAG,eAAe,EAC9BC,YAAoB,GAAG,SAAS,KAElC,CAAC;EAAEC,KAAK,GAAG;IAAEC,QAAQ,EAAE,CAAC;EAAE;AAAkB,CAAC,KAAK;EAChD,IAAID,KAAK,CAACE,eAAe,EAAE;IACzB,MAAMC,YAAY,GAChBN,QAAQ,IAAIA,QAAQ,KAAKF,uBAAuB,GAC5C,UAAUE,QAAQ,SAAS,GAC3BF,uBAAuB;IAE7B,OAAO,GAAGQ,YAAY,KAAKT,kBAAkB,CAC3CM,KAAK,EACLF,IAAI,EACJC,YACF,CAAC,EAAE;EACL;EAEA,OAAO,EAAE;AACX,CAAC;AAEH,SAASH,cAAc","ignoreList":[]}

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

@@ -6,10 +6,7 @@ import IllegalStateException from "../../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";
+const getSize = (theme, ratio = 1, path = "SPACER", unit = "rem") => {
   if (typeof ratio === "string") {
     return ratio;
   }
@@ -28,17 +25,11 @@ const getSize = function (theme) {
  */
 /**
  */
-const spacer = function () {
-  let ratio = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  return _ref => {
-    let {
-      theme = {
-        settings: {}
-      }
-    } = _ref;
-    return getSize(theme, ratio);
-  };
-};
+const spacer = (ratio = 1) => ({
+  theme = {
+    settings: {}
+  }
+}) => getSize(theme, ratio);
 
 /*
  * Render spacers based on the given ratio * theme SPACER
@@ -47,35 +38,21 @@ const spacer = function () {
  */
 /**
  */
-const spacers = function () {
-  for (var _len = arguments.length, ratios = new Array(_len), _key = 0; _key < _len; _key++) {
-    ratios[_key] = arguments[_key];
+const spacers = (...ratios) => ({
+  theme = {
+    settings: {}
   }
-  return _ref2 => {
-    let {
-      theme = {
-        settings: {}
-      }
-    } = _ref2;
-    return _mapInstanceProperty(ratios).call(ratios, ratio => getSize(theme, ratio)).join(" ");
-  };
-};
+}) => _mapInstanceProperty(ratios).call(ratios, ratio => getSize(theme, ratio)).join(" ");
 
 /*
  * Render a gutter based on GUTTER property
  */
 /**
  */
-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");
-  };
-};
+const gutter = (ratio = 1) => ({
+  theme = {
+    settings: {}
+  }
+}) => getSize(theme, ratio, "GRID_GUTTER", "px");
 export { spacer, spacers, gutter };
 //# sourceMappingURL=spacers.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"spacers.js","names":["Big","IllegalArgumentException","IllegalStateException","getSize","theme","ratio","arguments","length","undefined","path","unit","size","times","_JSON$stringify","spacer","_ref","settings","spacers","_len","ratios","Array","_key","_ref2","_mapInstanceProperty","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":";;AACA,OAAOA,GAAG,MAAM,QAAQ;AAGxB,OAAOC,wBAAwB,MAAM,2CAA2C;AAChF,OAAOC,qBAAqB,MAAM,wCAAwC;;AAE1E;AACA;AACA,MAAMC,OAAO,GAAG,SAAAA,CACdC,KAAY,EAIT;EAAA,IAHHC,KAAsB,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAAA,IAC1BG,IAAY,GAAAH,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,QAAQ;EAAA,IACvBI,IAAY,GAAAJ,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,KAAK;EAEpB,IAAI,OAAOD,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,IAAI,OAAOD,KAAK,CAACK,IAAI,CAAC,KAAK,QAAQ,EAAE;MACnC,MAAME,IAAI,GAAGX,GAAG,CAACK,KAAK,CAAC,CAACO,KAAK,CAACR,KAAK,CAACK,IAAI,CAAC,CAAC;MAC1C,OAAO,GAAGE,IAAI,GAAGD,IAAI,EAAE;IACzB;IACA,MAAM,IAAIR,qBAAqB,CAAC,QAAQO,IAAI,mBAAmB,CAAC;EAClE;EAEA,MAAM,IAAIR,wBAAwB,CAChC,SAASY,eAAA,CAAeR,KAAK,CAAC,6BAChC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMS,MAAM,GACV,SAAAA,CAAA;EAAA,IAACT,KAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAAA,OAClBS,IAAA;IAAA,IAAC;MAAEX,KAAK,GAAG;QAAEY,QAAQ,EAAE,CAAC;MAAE;IAAkB,CAAC,GAAAD,IAAA;IAAA,OAC3CZ,OAAO,CAACC,KAAK,EAAEC,KAAK,CAAC;EAAA;AAAA;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMY,OAAO,GACX,SAAAA,CAAA;EAAA,SAAAC,IAAA,GAAAZ,SAAA,CAAAC,MAAA,EAAIY,MAAM,OAAAC,KAAA,CAAAF,IAAA,GAAAG,IAAA,MAAAA,IAAA,GAAAH,IAAA,EAAAG,IAAA;IAANF,MAAM,CAAAE,IAAA,IAAAf,SAAA,CAAAe,IAAA;EAAA;EAAA,OACVC,KAAA;IAAA,IAAC;MAAElB,KAAK,GAAG;QAAEY,QAAQ,EAAE,CAAC;MAAE;IAAkB,CAAC,GAAAM,KAAA;IAAA,OAC3CC,oBAAA,CAAAJ,MAAM,EAAAK,IAAA,CAANL,MAAM,EAAMd,KAAK,IAAKF,OAAO,CAACC,KAAK,EAAEC,KAAK,CAAC,CAAC,CAACoB,IAAI,CAAC,GAAG,CAAC;EAAA;AAAA;;AAE1D;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GACV,SAAAA,CAAA;EAAA,IAACrB,KAAa,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,CAAC;EAAA,OAClBqB,KAAA;IAAA,IAAC;MAAEvB,KAAK,GAAG;QAAEY,QAAQ,EAAE,CAAC;MAAE;IAAkB,CAAC,GAAAW,KAAA;IAAA,OAC3CxB,OAAO,CAACC,KAAK,EAAEC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC;EAAA;AAAA;AAE9C,SAASS,MAAM,EAAEG,OAAO,EAAES,MAAM","ignoreList":[]}
+{"version":3,"file":"spacers.js","names":["Big","IllegalArgumentException","IllegalStateException","getSize","theme","ratio","path","unit","size","times","_JSON$stringify","spacer","settings","spacers","ratios","_mapInstanceProperty","call","join","gutter"],"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":";;AACA,OAAOA,GAAG,MAAM,QAAQ;AAGxB,OAAOC,wBAAwB,MAAM,2CAA2C;AAChF,OAAOC,qBAAqB,MAAM,wCAAwC;;AAE1E;AACA;AACA,MAAMC,OAAO,GAAGA,CACdC,KAAY,EACZC,KAAsB,GAAG,CAAC,EAC1BC,IAAY,GAAG,QAAQ,EACvBC,IAAY,GAAG,KAAK,KACjB;EACH,IAAI,OAAOF,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAOA,KAAK;EACd;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,IAAI,OAAOD,KAAK,CAACE,IAAI,CAAC,KAAK,QAAQ,EAAE;MACnC,MAAME,IAAI,GAAGR,GAAG,CAACK,KAAK,CAAC,CAACI,KAAK,CAACL,KAAK,CAACE,IAAI,CAAC,CAAC;MAC1C,OAAO,GAAGE,IAAI,GAAGD,IAAI,EAAE;IACzB;IACA,MAAM,IAAIL,qBAAqB,CAAC,QAAQI,IAAI,mBAAmB,CAAC;EAClE;EAEA,MAAM,IAAIL,wBAAwB,CAChC,SAASS,eAAA,CAAeL,KAAK,CAAC,6BAChC,CAAC;AACH,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA,MAAMM,MAAM,GACVA,CAACN,KAAa,GAAG,CAAC,KAClB,CAAC;EAAED,KAAK,GAAG;IAAEQ,QAAQ,EAAE,CAAC;EAAE;AAAkB,CAAC,KAC3CT,OAAO,CAACC,KAAK,EAAEC,KAAK,CAAC;;AAEzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMQ,OAAO,GACXA,CAAC,GAAGC,MAA8B,KAClC,CAAC;EAAEV,KAAK,GAAG;IAAEQ,QAAQ,EAAE,CAAC;EAAE;AAAkB,CAAC,KAC3CG,oBAAA,CAAAD,MAAM,EAAAE,IAAA,CAANF,MAAM,EAAMT,KAAK,IAAKF,OAAO,CAACC,KAAK,EAAEC,KAAK,CAAC,CAAC,CAACY,IAAI,CAAC,GAAG,CAAC;;AAE1D;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,GACVA,CAACb,KAAa,GAAG,CAAC,KAClB,CAAC;EAAED,KAAK,GAAG;IAAEQ,QAAQ,EAAE,CAAC;EAAE;AAAkB,CAAC,KAC3CT,OAAO,CAACC,KAAK,EAAEC,KAAK,EAAE,aAAa,EAAE,IAAI,CAAC;AAE9C,SAASM,MAAM,EAAEE,OAAO,EAAEK,MAAM","ignoreList":[]}

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

@@ -2,19 +2,13 @@ import { get } from "../../utils/helpers/objects";
 import { ThemePropertyException } from "../../exceptions";
 /**
  */
-export 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] : "";
+export const getProp = (theme = {}, path = "", defaultValue = "") => {
   return path === "" ? defaultValue : get(theme, path, defaultValue);
 };
 
 /**
  */
-export 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] : "";
+export const getThemeProp = (theme = {}, path = "", defaultValue = "") => {
   const value = getProp(theme, path, defaultValue);
   if (value != null && (typeof value === "string" || typeof value === "number" || typeof value === "object")) {
     return value;
@@ -24,10 +18,7 @@ export const getThemeProp = function () {
 
 /**
  */
-export 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] : "";
+export const getThemeStringProp = (theme = {}, path = "", defaultValue = "") => {
   const value = getProp(theme, path, defaultValue);
   if (typeof value === "string") {
     return value;
@@ -39,10 +30,7 @@ export const getThemeStringProp = function () {
 
 /**
  */
-export 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;
+export const getThemeNumberProp = (theme = {}, path = "", defaultValue = 0) => {
   const value = getProp(theme, path, defaultValue);
   if (typeof value === "number") {
     return value;
@@ -55,10 +43,7 @@ export const getThemeNumberProp = function () {
  */
 /**
  */
-export const themeProp = (path, defaultValue) => _ref => {
-  let {
-    theme
-  } = _ref;
-  return getThemeProp(theme, path, defaultValue);
-};
+export const themeProp = (path, defaultValue) => ({
+  theme
+}) => getThemeProp(theme, path, defaultValue);
 //# sourceMappingURL=themeProps.js.map