@bigbinary/neeto-commons-frontend 2.1.34 → 2.1.35

package/README.md

@@ -156,6 +156,7 @@ Web utility functions [↗](./docs/utils/README.md)
 - [toLocale](./docs/utils/toLocale.md)
 - [getQueryParams](./docs/utils/getQueryParams.md)
 - [joinHyphenCase](./docs/utils/joinHyphenCase.md)
+- [hyphenize](./docs/utils/hyphenize.md)
 - [debounce](./docs/utils/debounce.md)
 - [hasPermission](./docs/utils/hasPermission.md)
 - [hasAnyPermission](./docs/utils/hasAnyPermission.md)

package/initializers.cjs.js

@@ -64,6 +64,7 @@ var HEADERS_KEYS = {
   contentType: "Content-Type",
   accept: "Accept"
 };
+var ANY_CASE_STR = "__ANY_CASE__";
 
 var shouldNot = function shouldNot(skip) {
   return _typeof$1(skip) === "object" || !skip;
@@ -2367,19 +2368,75 @@ var replaceNullValuesWithGetter = function replaceNullValuesWithGetter(inputObje
   }
   return result;
 };
-var getSentenceCaseProcessor = function getSentenceCaseProcessor() {
-  return {
-    type: "postProcessor",
-    name: "sentenceCasePlaceholderAndTypography",
-    process: function process(value, keys) {
-      if (keys.some(function (str) {
-        return (str.startsWith("placeholder.") || str.startsWith("typography.")) && !str.includes("anyCase.");
-      })) {
-        return value.charAt(0).toLocaleUpperCase() + value.slice(1).toLocaleLowerCase();
+
+/*
+For some reason dynamic values available via options param doesn't have formatter 'anyCase' applied.
+So here we are just re applying.
+*/
+var wrapAnyCaseIfApplicable = function wrapAnyCaseIfApplicable(value, dynamic) {
+  return Object.keys(dynamic).map(function (item) {
+    var format = anyCaseFormatter(dynamic[item]);
+    if (value.includes(format)) return format;
+    return dynamic[item];
+  });
+};
+var isAnyCaseStr = function isAnyCaseStr(str) {
+  return str.startsWith(ANY_CASE_STR) && str.endsWith(ANY_CASE_STR);
+};
+var lowerCaseDynamicText = function lowerCaseDynamicText(value, dynamic) {
+  /*
+  Example:
+  translation: {
+    create: "Create {{entity1}}, {{entity2, anyCase}} and {{entity3}} and apply COLOR"
+  }
+  // ...
+  t("create", {entity1: "Car", entity2: 'BuS', enity3: "Truck"});
+  */
+
+  // example: ['Car', '__ANY_CASE__BuS__ANY_CASE__', 'Truck']
+  var dynamicArr = wrapAnyCaseIfApplicable(value, dynamic);
+  //example pattern: (Car)|(__ANY_CASE__BuS__ANY_CASE__)|(Bus)
+  var regexPattern = dynamicArr.map(function (delimiter) {
+    return "(".concat(delimiter, ")");
+  }).join("|");
+  /* Generated array
+  [
+    'Create ', // static
+    'Car', // dynamic
+    ', ', // static
+    '__ANY_CASE__BuS__ANY_CASE__', // dynamic
+    ' and ', // static
+    'Truck', // dynamic
+    ' and apply COLOR' // static
+  ]
+  */
+  var splitArr = value.split(new RegExp(regexPattern)).filter(Boolean);
+  return splitArr.map(function (item, index) {
+    if (dynamicArr.includes(item)) {
+      if (isAnyCaseStr(item)) {
+        return item.replaceAll(ANY_CASE_STR, "");
+      } else if (index === 0) {
+        // Don't lower case if it is first word.
+        return item;
       }
-      return value;
+      return item.toLocaleLowerCase();
     }
-  };
+    return item;
+  }).join("");
+};
+var sentenceCaseProcessor = {
+  type: "postProcessor",
+  name: "sentenceCaseProcessor",
+  process: function process(value, _, options) {
+    var dynamic = ramda.omit(["lng", "lngs", "ns"], options); // removes default args
+    if (ramda.isEmpty(dynamic)) return value; // Do nothing if no dynamic values
+
+    return lowerCaseDynamicText(value, dynamic);
+  }
+};
+var anyCaseFormatter = function anyCaseFormatter(value) {
+  if (value) return ANY_CASE_STR + value + ANY_CASE_STR;
+  return value;
 };
 
 var generic = {
@@ -2500,7 +2557,7 @@ var commonsEn = {
 // eslint-disable-next-line import/no-mutable-exports
 exports.taxonomies = {};
 var initializeI18n = function initializeI18n(hostTranslations) {
-  var _window$globalProps, _i18n$services$format;
+  var _window$globalProps, _i18n$services$format, _i18n$services$format2;
   var packageTranslations = preval.require("./configs/scripts/getPkgTranslations.js");
   var commonsTranslations = {
     en: {
@@ -2508,10 +2565,16 @@ var initializeI18n = function initializeI18n(hostTranslations) {
     }
   };
   var resources = [hostTranslations, commonsTranslations, packageTranslations].reduce(ramda.mergeDeepLeft);
-  if ((_window$globalProps = window.globalProps) !== null && _window$globalProps !== void 0 && _window$globalProps.taxonomies) {
-    exports.taxonomies = replaceNullValuesWithGetter(window.globalProps.taxonomies);
-  }
-  i18n__default["default"].use(Browser).use(reactI18next.initReactI18next).use(getSentenceCaseProcessor()).init({
+  var defaultTaxonomyKeys = Object.keys(resources.en.translation.taxonomyDefaultLabels || {});
+  var defaultTaxonomies = Object.fromEntries(defaultTaxonomyKeys.map(function (key) {
+    return [key, {
+      singular: null,
+      plural: null
+    }];
+  }));
+  var hostTaxonomies = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.taxonomies) || {};
+  exports.taxonomies = replaceNullValuesWithGetter(ramda.mergeDeepLeft(hostTaxonomies, defaultTaxonomies));
+  i18n__default["default"].use(Browser).use(reactI18next.initReactI18next).use(sentenceCaseProcessor).init({
     resources: resources,
     fallbackLng: "en",
     interpolation: {
@@ -2521,7 +2584,7 @@ var initializeI18n = function initializeI18n(hostTranslations) {
       escapeValue: false,
       skipOnVariables: false
     },
-    postProcess: ["sentenceCasePlaceholderAndTypography"],
+    postProcess: ["sentenceCaseProcessor"],
     detection: {
       order: ["querystring", "cookie", "navigator", "path"],
       caches: ["cookie"],
@@ -2546,6 +2609,7 @@ var initializeI18n = function initializeI18n(hostTranslations) {
       return formatter.format(sanitizedItems);
     };
   });
+  (_i18n$services$format2 = i18n__default["default"].services.formatter) === null || _i18n$services$format2 === void 0 ? void 0 : _i18n$services$format2.add("anyCase", anyCaseFormatter);
 };
 
 function initializeLogger() {