@bigbinary/neeto-commons-frontend 4.8.12 → 4.10.0

package/README.md

@@ -135,6 +135,7 @@ Web utility functions [↗](./docs/utils/README.md)
 - [captureAnalyticsEvent](./docs/utils/captureAnalyticsEvent.md)
 - [captureAnalyticsPageView](./docs/utils/captureAnalyticsPageView.md)
 - [buildNestedAttributesPayload](./docs/utils/buildNestedAttributesPayload.md)
+- [loadGoogleFonts](./docs/utils/loadGoogleFonts.md)
 
 </td>
 

package/dist/cjs/utils/index.js

@@ -10,6 +10,7 @@ var utils_validators_slug = require('./validators/slug.js');
 var utils_captureAnalyticsEvent = require('./captureAnalyticsEvent.js');
 var utils_captureAnalyticsPageView = require('./captureAnalyticsPageView.js');
 var utils_buildNestedAttributesPayload = require('./buildNestedAttributesPayload.js');
+var utils_loadGoogleFonts = require('./loadGoogleFonts.js');
 var utils_dayjs = require('./dayjs.js');
 require('axios');
 require('../initializers/constants.js');
@@ -60,5 +61,6 @@ exports.slugValidator = utils_validators_slug.slugValidator;
 exports.captureAnalyticsEvent = utils_captureAnalyticsEvent.captureAnalyticsEvent;
 exports.captureAnalyticsPageView = utils_captureAnalyticsPageView.captureAnalyticsPageView;
 exports.buildNestedAttributesPayload = utils_buildNestedAttributesPayload.buildNestedAttributesPayload;
+exports.loadGoogleFonts = utils_loadGoogleFonts.loadGoogleFonts;
 exports.dayjs = utils_dayjs;
 //# sourceMappingURL=index.js.map

package/dist/cjs/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils/loadGoogleFonts.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var loadGoogleFonts = function loadGoogleFonts(fontFamilies) {
+  fontFamilies.forEach(function (fontFamily) {
+    var link = document.createElement("link");
+    link.href = "https://fonts.googleapis.com/css2?family=".concat(fontFamily);
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+  });
+};
+
+exports.loadGoogleFonts = loadGoogleFonts;
+//# sourceMappingURL=loadGoogleFonts.js.map

package/dist/cjs/utils/loadGoogleFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadGoogleFonts.js","sources":["../../../src/utils/loadGoogleFonts.js"],"sourcesContent":["export const loadGoogleFonts = fontFamilies => {\n  fontFamilies.forEach(fontFamily => {\n    const link = document.createElement(\"link\");\n    link.href = `https://fonts.googleapis.com/css2?family=${fontFamily}`;\n    link.rel = \"stylesheet\";\n    document.head.appendChild(link);\n  });\n};\n"],"names":["loadGoogleFonts","fontFamilies","forEach","fontFamily","link","document","createElement","href","concat","rel","head","appendChild"],"mappings":";;IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,YAAY,EAAI;AAC7CA,EAAAA,YAAY,CAACC,OAAO,CAAC,UAAAC,UAAU,EAAI;AACjC,IAAA,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC,CAAA;AAC3CF,IAAAA,IAAI,CAACG,IAAI,GAAA,2CAAA,CAAAC,MAAA,CAA+CL,UAAU,CAAE,CAAA;IACpEC,IAAI,CAACK,GAAG,GAAG,YAAY,CAAA;AACvBJ,IAAAA,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,IAAI,CAAC,CAAA;AACjC,GAAC,CAAC,CAAA;AACJ;;;;"}

package/dist/utils/index.js

@@ -8,6 +8,7 @@ export { slugValidator } from './validators/slug.js';
 export { captureAnalyticsEvent } from './captureAnalyticsEvent.js';
 export { captureAnalyticsPageView } from './captureAnalyticsPageView.js';
 export { buildNestedAttributesPayload } from './buildNestedAttributesPayload.js';
+export { loadGoogleFonts } from './loadGoogleFonts.js';
 export { default as dayjs } from './dayjs.js';
 import 'axios';
 import '../initializers/constants.js';

package/dist/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/utils/loadGoogleFonts.js

@@ -0,0 +1,11 @@
+var loadGoogleFonts = function loadGoogleFonts(fontFamilies) {
+  fontFamilies.forEach(function (fontFamily) {
+    var link = document.createElement("link");
+    link.href = "https://fonts.googleapis.com/css2?family=".concat(fontFamily);
+    link.rel = "stylesheet";
+    document.head.appendChild(link);
+  });
+};
+
+export { loadGoogleFonts };
+//# sourceMappingURL=loadGoogleFonts.js.map

package/dist/utils/loadGoogleFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadGoogleFonts.js","sources":["../../src/utils/loadGoogleFonts.js"],"sourcesContent":["export const loadGoogleFonts = fontFamilies => {\n  fontFamilies.forEach(fontFamily => {\n    const link = document.createElement(\"link\");\n    link.href = `https://fonts.googleapis.com/css2?family=${fontFamily}`;\n    link.rel = \"stylesheet\";\n    document.head.appendChild(link);\n  });\n};\n"],"names":["loadGoogleFonts","fontFamilies","forEach","fontFamily","link","document","createElement","href","concat","rel","head","appendChild"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAGC,YAAY,EAAI;AAC7CA,EAAAA,YAAY,CAACC,OAAO,CAAC,UAAAC,UAAU,EAAI;AACjC,IAAA,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,MAAM,CAAC,CAAA;AAC3CF,IAAAA,IAAI,CAACG,IAAI,GAAA,2CAAA,CAAAC,MAAA,CAA+CL,UAAU,CAAE,CAAA;IACpEC,IAAI,CAACK,GAAG,GAAG,YAAY,CAAA;AACvBJ,IAAAA,QAAQ,CAACK,IAAI,CAACC,WAAW,CAACP,IAAI,CAAC,CAAA;AACjC,GAAC,CAAC,CAAA;AACJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neeto-commons-frontend",
-  "version": "4.8.12",
+  "version": "4.10.0",
   "description": "A package encapsulating common code across neeto projects including initializers, utility functions, common components and hooks and so on.",
   "repository": "git@github.com:bigbinary/neeto-commons-frontend.git",
   "author": "Amaljith K <amaljith.k@bigbinary.com>",

package/utils.d.ts

@@ -663,4 +663,21 @@ export function buildNestedAttributesPayload(modifiedValues: {
   [key: string]: any;
 }, nestedKeyToModify: string, nestedAttributeKeyInPayload: string, nestedAttributesForArrayKey: string): {
   [key: string]: any;
-};
+};
+/**
+ *
+ * The loadGoogleFonts is a utility function which facilitates loading multiple Google Fonts dynamically by injecting link elements into the document head.
+ *
+ * @example 
+ *
+ * import { useEffect } from "react";
+ * 
+ * import { loadGoogleFonts } from "@bigbinary/neeto-commons-frontend/utils";
+ * 
+ * useEffect(() => {
+ *   const fontFamilies = ['Roboto', 'Open Sans', 'Lato'];
+ *   loadGoogleFonts(fontFamilies);
+ * }, []);
+ * @endexample
+*/
+export function loadGoogleFonts(fontFamilies: string[]): void;