@imposium-hub/components 1.57.0 → 1.57.1

package/dist/cjs/components/font-picker/FontPicker.d.ts

@@ -31,7 +31,7 @@ export default class FontPicker extends React.PureComponent<IFontPickerProps, IF
     };
     private clickOutsideHandler;
     constructor(props: any);
-    compoenntDidMount(): void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate: (prevProps: any) => void;
     private onClose;

package/dist/cjs/components/font-picker/FontPicker.js

@@ -158,7 +158,7 @@ var FontPicker = /** @class */ (function (_super) {
         _this.fontManager = new FontManager_1.default(apiKey, activeFontFamily, options, onChange);
         return _this;
     }
-    FontPicker.prototype.compoenntDidMount = function () {
+    FontPicker.prototype.componentDidMount = function () {
         var _this = this;
         this.clickOutsideHandler = function (e) { return _this.onClose(e); };
     };

package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Add/update declaration for applying the current active font
+ */
+export declare const applyActiveFont: (activeFont: string, previousFontFamily: string) => void;

package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyActiveFont = void 0;
+/**
+ * Create/find and return the apply-font stylesheet for the provided selectorSuffix
+ */
+var getActiveFontStylesheet = function () {
+    var stylesheetId = "active-font";
+    var activeFontStylesheet = document.getElementById(stylesheetId);
+    if (!activeFontStylesheet) {
+        activeFontStylesheet = document.createElement('style');
+        activeFontStylesheet.id = stylesheetId;
+        document.head.appendChild(activeFontStylesheet);
+    }
+    return activeFontStylesheet;
+};
+/**
+ * Add/update declaration for applying the current active font
+ */
+var applyActiveFont = function (activeFont, previousFontFamily) {
+    var style = "\n\t\t.apply-font {\n\t\t\tfont-family: \"".concat(activeFont, "\"").concat(previousFontFamily ? ", \"".concat(previousFontFamily, "\"") : '', ";\n\t\t}\n\t");
+    var activeFontStylesheet = getActiveFontStylesheet();
+    console.log(activeFontStylesheet);
+    activeFontStylesheet.innerHTML = style;
+};
+exports.applyActiveFont = applyActiveFont;
+//# sourceMappingURL=declarations.js.map

package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"declarations.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/font-styles/declarations.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH,IAAM,uBAAuB,GAAG;IAC5B,IAAM,YAAY,GAAG,aAAa,CAAC;IACnC,IAAI,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAqB,CAAC;IACrF,IAAI,CAAC,oBAAoB,EAAE;QACvB,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,oBAAoB,CAAC,EAAE,GAAG,YAAY,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;KACnD;IACD,OAAO,oBAAoB,CAAC;AAChC,CAAC,CAAC;AAEF;;GAEG;AACI,IAAM,eAAe,GAAG,UAAC,UAAkB,EAAE,kBAA0B;IAC1E,IAAM,KAAK,GAAG,oDAEC,UAAU,eAAI,kBAAkB,CAAC,CAAC,CAAC,cAAM,kBAAkB,OAAG,CAAC,CAAC,CAAC,EAAE,iBAEpF,CAAC;IACC,IAAM,oBAAoB,GAAG,uBAAuB,EAAE,CAAC;IACvD,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;IACjC,oBAAoB,CAAC,SAAS,GAAG,KAAK,CAAC;AAC3C,CAAC,CAAC;AATW,QAAA,eAAe,mBAS1B"}

package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.d.ts

@@ -0,0 +1,5 @@
+import { Font } from '../types';
+/**
+ * Fetch the list of all available fonts from the Google Fonts API
+ */
+export declare const getFontList: (apiKey: string) => Promise<Font[]>;

package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.js

@@ -0,0 +1,87 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFontList = void 0;
+var utils_1 = require("../utils");
+var LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
+/**
+ * Fetch the list of all available fonts from the Google Fonts API
+ */
+var getFontList = function (apiKey) { return __awaiter(void 0, void 0, void 0, function () {
+    var url, response, fontsOriginal;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                url = new URL(LIST_BASE_URL);
+                url.searchParams.append('sort', 'popularity');
+                url.searchParams.append('key', apiKey);
+                return [4 /*yield*/, (0, utils_1.get)(url.href)];
+            case 1:
+                response = _a.sent();
+                fontsOriginal = JSON.parse(response).items;
+                return [2 /*return*/, fontsOriginal.map(function (fontOriginal) {
+                        var family = fontOriginal.family, subsets = fontOriginal.subsets, others = __rest(fontOriginal, ["family", "subsets"]);
+                        return __assign(__assign({}, others), { family: family, id: (0, utils_1.getFontId)(family), scripts: subsets });
+                    })];
+        }
+    });
+}); };
+exports.getFontList = getFontList;
+//# sourceMappingURL=fontList.js.map

package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontList.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/google-fonts/fontList.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,kCAA0C;AAE1C,IAAM,aAAa,GAAG,iDAAiD,CAAC;AAUxE;;GAEG;AACI,IAAM,WAAW,GAAG,UAAO,MAAc;;;;;gBACtC,GAAG,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;gBACnC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;gBAC9C,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;gBACtB,qBAAM,IAAA,WAAG,EAAC,GAAG,CAAC,IAAI,CAAC,EAAA;;gBAA9B,QAAQ,GAAG,SAAmB;gBAC9B,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;gBACjD,sBAAO,aAAa,CAAC,GAAG,CAAC,UAAC,YAA0B;wBACxC,IAAA,MAAM,GAAyB,YAAY,OAArC,EAAE,OAAO,GAAgB,YAAY,QAA5B,EAAK,MAAM,UAAK,YAAY,EAA7C,qBAA8B,CAAF,CAAkB;wBACpD,6BACO,MAAM,KACT,MAAM,QAAA,EACN,EAAE,EAAE,IAAA,iBAAS,EAAC,MAAM,CAAC,EACrB,OAAO,EAAE,OAAO,IAClB;oBACN,CAAC,CAAC,EAAC;;;KACN,CAAC;AAfW,QAAA,WAAW,eAetB"}

package/dist/cjs/components/font-picker/font-manager/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FontManager } from './FontManager';
+export * from './types';
+export { getFontId } from './utils/ids';

package/dist/cjs/components/font-picker/font-manager/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFontId = exports.FontManager = void 0;
+var FontManager_1 = require("./FontManager");
+Object.defineProperty(exports, "FontManager", { enumerable: true, get: function () { return __importDefault(FontManager_1).default; } });
+__exportStar(require("./types"), exports);
+var ids_1 = require("./utils/ids");
+Object.defineProperty(exports, "getFontId", { enumerable: true, get: function () { return ids_1.getFontId; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/font-picker/font-manager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AAA9C,2HAAA,OAAO,OAAe;AAC/B,0CAAwB;AACxB,mCAAwC;AAA/B,gGAAA,SAAS,OAAA"}

package/dist/cjs/components/font-picker/font-manager/interface.js

@@ -0,0 +1 @@
+//# sourceMappingURL=interface.js.map

package/dist/cjs/components/font-picker/font-manager/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/interface.ts"],"names":[],"mappings":""}

package/dist/cjs/components/font-picker/font-manager/loadFonts.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
+ * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
+ */
+export declare const loadActiveFont: (font: string, previousFontFamily: string) => any;

package/dist/cjs/components/font-picker/font-manager/loadFonts.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadActiveFont = void 0;
+var declarations_1 = require("./font-styles/declarations");
+/**
+ * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
+ * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
+ */
+var loadActiveFont = function (font, previousFontFamily) {
+    console.log('loadActiveFont');
+    return function () {
+        return new Promise(function (reject) {
+            (0, declarations_1.applyActiveFont)(font, previousFontFamily);
+        }).catch(function (e) {
+            console.error(e);
+        });
+    };
+};
+exports.loadActiveFont = loadActiveFont;
+//# sourceMappingURL=loadFonts.js.map

package/dist/cjs/components/font-picker/font-manager/loadFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadFonts.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/loadFonts.ts"],"names":[],"mappings":";;;AAAA,2DAA6D;AAE7D;;;GAGG;AACI,IAAM,cAAc,GAAG,UAAC,IAAY,EAAE,kBAA0B;IACnE,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC7B,OAAO;QACH,OAAO,IAAI,OAAO,CAAO,UAAC,MAAM;YAC5B,IAAA,8BAAe,EAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,CAAQ;YACd,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC;AATW,QAAA,cAAc,kBASzB"}

package/dist/cjs/components/font-picker/font-manager/utils/ids.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Return the fontId based on the provided font family
+ */
+export declare const getFontId: (fontFamily: string) => string;

package/dist/cjs/components/font-picker/font-manager/utils/ids.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFontId = void 0;
+/**
+ * Return the fontId based on the provided font family
+ */
+var getFontId = function (fontFamily) {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+};
+exports.getFontId = getFontId;
+//# sourceMappingURL=ids.js.map

package/dist/cjs/components/font-picker/font-manager/utils/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/ids.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACI,IAAM,SAAS,GAAG,UAAC,UAAkB;IACxC,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB"}

package/dist/cjs/components/font-picker/font-manager/utils/request.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Execute a GET XMLHttpRequest and return the result
+ */
+export declare const get: (url: string) => Promise<string>;

package/dist/cjs/components/font-picker/font-manager/utils/request.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get = void 0;
+/**
+ * Execute a GET XMLHttpRequest and return the result
+ */
+var get = function (url) {
+    return new Promise(function (resolve, reject) {
+        var request = new XMLHttpRequest();
+        request.overrideMimeType('application/json');
+        request.open('GET', url, true);
+        request.onreadystatechange = function () {
+            // Request has completed
+            if (request.readyState === 4) {
+                if (request.status !== 200) {
+                    // On error
+                    reject(new Error("Response has status code ".concat(request.status)));
+                }
+                else {
+                    // On success
+                    resolve(request.responseText);
+                }
+            }
+        };
+        request.send();
+    });
+};
+exports.get = get;
+//# sourceMappingURL=request.js.map

package/dist/cjs/components/font-picker/font-manager/utils/request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/request.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACI,IAAM,GAAG,GAAG,UAAC,GAAW;IAC3B,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QAC/B,IAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,kBAAkB,GAAG;YACzB,wBAAwB;YACxB,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,MAAM,KAAK,GAAG,EAAE;oBACxB,WAAW;oBACX,MAAM,CAAC,IAAI,KAAK,CAAC,mCAA4B,OAAO,CAAC,MAAM,CAAE,CAAC,CAAC,CAAC;iBACnE;qBAAM;oBACH,aAAa;oBACb,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;iBACjC;aACJ;QACL,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAnBW,QAAA,GAAG,OAmBd"}

package/dist/cjs/components/font-picker/font-manager/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getFontId: (fontFamily: string) => string;
+export declare const get: (url: string) => Promise<string>;

package/dist/cjs/components/font-picker/font-manager/utils/utils.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.get = exports.getFontId = void 0;
+var getFontId = function (fontFamily) {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+};
+exports.getFontId = getFontId;
+var get = function (url) {
+    return new Promise(function (resolve, reject) {
+        var request = new XMLHttpRequest();
+        request.overrideMimeType('application/json');
+        request.open('GET', url, true);
+        request.onreadystatechange = function () {
+            // Request has completed
+            if (request.readyState === 4) {
+                if (request.status !== 200) {
+                    // On error
+                    reject(new Error("Response has status code ".concat(request.status)));
+                }
+                else {
+                    // On success
+                    resolve(request.responseText);
+                }
+            }
+        };
+        request.send();
+    });
+};
+exports.get = get;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/components/font-picker/font-manager/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/utils.ts"],"names":[],"mappings":";;;AAAO,IAAM,SAAS,GAAG,UAAC,UAAkB;IACxC,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,CAAC,CAAC;AAFW,QAAA,SAAS,aAEpB;AAEK,IAAM,GAAG,GAAG,UAAC,GAAW;IAC3B,OAAO,IAAI,OAAO,CAAC,UAAC,OAAO,EAAE,MAAM;QAC/B,IAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,kBAAkB,GAAG;YACzB,wBAAwB;YACxB,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,MAAM,KAAK,GAAG,EAAE;oBACxB,WAAW;oBACX,MAAM,CAAC,IAAI,KAAK,CAAC,mCAA4B,OAAO,CAAC,MAAM,CAAE,CAAC,CAAC,CAAC;iBACnE;qBAAM;oBACH,aAAa;oBACb,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;iBACjC;aACJ;QACL,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC;AAnBW,QAAA,GAAG,OAmBd"}

package/dist/esm/components/font-picker/FontPicker.d.ts

@@ -31,7 +31,7 @@ export default class FontPicker extends React.PureComponent<IFontPickerProps, IF
     };
     private clickOutsideHandler;
     constructor(props: any);
-    compoenntDidMount(): void;
+    componentDidMount(): void;
     componentWillUnmount(): void;
     componentDidUpdate: (prevProps: any) => void;
     private onClose;

package/dist/esm/components/font-picker/FontPicker.js

@@ -32,7 +32,7 @@ export default class FontPicker extends React.PureComponent {
         };
         this.fontManager = new FontManager(apiKey, activeFontFamily, options, onChange);
     }
-    compoenntDidMount() {
+    componentDidMount() {
         this.clickOutsideHandler = (e) => this.onClose(e);
     }
     componentWillUnmount() {

package/dist/esm/components/font-picker/font-manager/font-styles/declarations.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Add/update declaration for applying the current active font
+ */
+export declare const applyActiveFont: (activeFont: string, previousFontFamily: string) => void;

package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js

@@ -0,0 +1,27 @@
+/**
+ * Create/find and return the apply-font stylesheet for the provided selectorSuffix
+ */
+const getActiveFontStylesheet = () => {
+    const stylesheetId = `active-font`;
+    let activeFontStylesheet = document.getElementById(stylesheetId);
+    if (!activeFontStylesheet) {
+        activeFontStylesheet = document.createElement('style');
+        activeFontStylesheet.id = stylesheetId;
+        document.head.appendChild(activeFontStylesheet);
+    }
+    return activeFontStylesheet;
+};
+/**
+ * Add/update declaration for applying the current active font
+ */
+export const applyActiveFont = (activeFont, previousFontFamily) => {
+    const style = `
+		.apply-font {
+			font-family: "${activeFont}"${previousFontFamily ? `, "${previousFontFamily}"` : ''};
+		}
+	`;
+    const activeFontStylesheet = getActiveFontStylesheet();
+    console.log(activeFontStylesheet);
+    activeFontStylesheet.innerHTML = style;
+};
+//# sourceMappingURL=declarations.js.map

package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"declarations.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/font-styles/declarations.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,uBAAuB,GAAG,GAAqB,EAAE;IACnD,MAAM,YAAY,GAAG,aAAa,CAAC;IACnC,IAAI,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAqB,CAAC;IACrF,IAAI,CAAC,oBAAoB,EAAE;QACvB,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,oBAAoB,CAAC,EAAE,GAAG,YAAY,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;KACnD;IACD,OAAO,oBAAoB,CAAC;AAChC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,kBAA0B,EAAQ,EAAE;IACpF,MAAM,KAAK,GAAG;;mBAEC,UAAU,IAAI,kBAAkB,CAAC,CAAC,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,EAAE;;EAEpF,CAAC;IACC,MAAM,oBAAoB,GAAG,uBAAuB,EAAE,CAAC;IACvD,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;IACjC,oBAAoB,CAAC,SAAS,GAAG,KAAK,CAAC;AAC3C,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.d.ts

@@ -0,0 +1,5 @@
+import { Font } from '../types';
+/**
+ * Fetch the list of all available fonts from the Google Fonts API
+ */
+export declare const getFontList: (apiKey: string) => Promise<Font[]>;

package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js

@@ -0,0 +1,22 @@
+import { getFontId, get } from '../utils';
+const LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
+/**
+ * Fetch the list of all available fonts from the Google Fonts API
+ */
+export const getFontList = async (apiKey) => {
+    const url = new URL(LIST_BASE_URL);
+    url.searchParams.append('sort', 'popularity');
+    url.searchParams.append('key', apiKey);
+    const response = await get(url.href);
+    const fontsOriginal = JSON.parse(response).items;
+    return fontsOriginal.map((fontOriginal) => {
+        const { family, subsets, ...others } = fontOriginal;
+        return {
+            ...others,
+            family,
+            id: getFontId(family),
+            scripts: subsets
+        };
+    });
+};
+//# sourceMappingURL=fontList.js.map

package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontList.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/google-fonts/fontList.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,aAAa,GAAG,iDAAiD,CAAC;AAUxE;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,EAAE,MAAc,EAAmB,EAAE;IACjE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;IACnC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC9C,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;IACjD,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,YAA0B,EAAQ,EAAE;QAC1D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,YAAY,CAAC;QACpD,OAAO;YACH,GAAG,MAAM;YACT,MAAM;YACN,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC;YACrB,OAAO,EAAE,OAAO;SACnB,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FontManager } from './FontManager';
+export * from './types';
+export { getFontId } from './utils/ids';

package/dist/esm/components/font-picker/font-manager/index.js

@@ -0,0 +1,4 @@
+export { default as FontManager } from './FontManager';
+export * from './types';
+export { getFontId } from './utils/ids';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/font-picker/font-manager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/components/font-picker/font-manager/interface.js

@@ -0,0 +1 @@
+//# sourceMappingURL=interface.js.map

package/dist/esm/components/font-picker/font-manager/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/interface.ts"],"names":[],"mappings":""}

package/dist/esm/components/font-picker/font-manager/loadFonts.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
+ * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
+ */
+export declare const loadActiveFont: (font: string, previousFontFamily: string) => any;

package/dist/esm/components/font-picker/font-manager/loadFonts.js

@@ -0,0 +1,16 @@
+import { applyActiveFont } from './font-styles/declarations';
+/**
+ * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
+ * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
+ */
+export const loadActiveFont = (font, previousFontFamily) => {
+    console.log('loadActiveFont');
+    return () => {
+        return new Promise((reject) => {
+            applyActiveFont(font, previousFontFamily);
+        }).catch((e) => {
+            console.error(e);
+        });
+    };
+};
+//# sourceMappingURL=loadFonts.js.map

package/dist/esm/components/font-picker/font-manager/loadFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadFonts.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/loadFonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,kBAA0B,EAAO,EAAE;IAC5E,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC7B,OAAO,GAAG,EAAE;QACR,OAAO,IAAI,OAAO,CAAO,CAAC,MAAM,EAAE,EAAE;YAChC,eAAe,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAQ,EAAE,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils/ids.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Return the fontId based on the provided font family
+ */
+export declare const getFontId: (fontFamily: string) => string;

package/dist/esm/components/font-picker/font-manager/utils/ids.js

@@ -0,0 +1,7 @@
+/**
+ * Return the fontId based on the provided font family
+ */
+export const getFontId = (fontFamily) => {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+};
+//# sourceMappingURL=ids.js.map

package/dist/esm/components/font-picker/font-manager/utils/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/ids.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAU,EAAE;IACpD,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils/request.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Execute a GET XMLHttpRequest and return the result
+ */
+export declare const get: (url: string) => Promise<string>;

package/dist/esm/components/font-picker/font-manager/utils/request.js

@@ -0,0 +1,25 @@
+/**
+ * Execute a GET XMLHttpRequest and return the result
+ */
+export const get = (url) => {
+    return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.overrideMimeType('application/json');
+        request.open('GET', url, true);
+        request.onreadystatechange = () => {
+            // Request has completed
+            if (request.readyState === 4) {
+                if (request.status !== 200) {
+                    // On error
+                    reject(new Error(`Response has status code ${request.status}`));
+                }
+                else {
+                    // On success
+                    resolve(request.responseText);
+                }
+            }
+        };
+        request.send();
+    });
+};
+//# sourceMappingURL=request.js.map

package/dist/esm/components/font-picker/font-manager/utils/request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/request.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAW,EAAmB,EAAE;IAChD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,kBAAkB,GAAG,GAAS,EAAE;YACpC,wBAAwB;YACxB,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,MAAM,KAAK,GAAG,EAAE;oBACxB,WAAW;oBACX,MAAM,CAAC,IAAI,KAAK,CAAC,4BAA4B,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;iBACnE;qBAAM;oBACH,aAAa;oBACb,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;iBACjC;aACJ;QACL,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getFontId: (fontFamily: string) => string;
+export declare const get: (url: string) => Promise<string>;

package/dist/esm/components/font-picker/font-manager/utils/utils.js

@@ -0,0 +1,25 @@
+export const getFontId = (fontFamily) => {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+};
+export const get = (url) => {
+    return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.overrideMimeType('application/json');
+        request.open('GET', url, true);
+        request.onreadystatechange = () => {
+            // Request has completed
+            if (request.readyState === 4) {
+                if (request.status !== 200) {
+                    // On error
+                    reject(new Error(`Response has status code ${request.status}`));
+                }
+                else {
+                    // On success
+                    resolve(request.responseText);
+                }
+            }
+        };
+        request.send();
+    });
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/font-picker/font-manager/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAU,EAAE;IACpD,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAW,EAAmB,EAAE;IAChD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,kBAAkB,GAAG,GAAS,EAAE;YACpC,wBAAwB;YACxB,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,MAAM,KAAK,GAAG,EAAE;oBACxB,WAAW;oBACX,MAAM,CAAC,IAAI,KAAK,CAAC,4BAA4B,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;iBACnE;qBAAM;oBACH,aAAa;oBACb,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;iBACjC;aACJ;QACL,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imposium-hub/components",
-    "version": "1.57.0",
+    "version": "1.57.1",
     "description": "React & Typescript component / asset library for Imposium front-ends",
     "main": "./dist/cjs/index.js",
     "module": "./dist/esm/index.js",

package/src/components/font-picker/FontPicker.tsx

@@ -78,7 +78,7 @@ export default class FontPicker extends React.PureComponent<IFontPickerProps, IF
         this.fontManager = new FontManager(apiKey, activeFontFamily, options, onChange);
     }
 
-    public compoenntDidMount(): void {
+    public componentDidMount(): void {
         this.clickOutsideHandler = (e) => this.onClose(e);
     }
 

package/dist/cjs/components/publish-wizard/EmailWorkflow.d.ts

@@ -1,2 +0,0 @@
-declare const _default: any;
-export default _default;