@bigbinary/neeto-molecules 3.15.41 → 3.15.43

package/dist/GoogleFontPicker.js

@@ -1,581 +0,0 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _regeneratorRuntime from '@babel/runtime/regenerator';
-import { memo, useState, useEffect, useMemo } from 'react';
-import { toLabelAndValue, noop } from '@bigbinary/neeto-cist';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import Select from '@bigbinary/neetoui/Select';
-import { pluck, mergeLeft } from 'ramda';
-import { jsx } from 'react/jsx-runtime';
-
-/*! *****************************************************************************
-Copyright (c) Microsoft Corporation. All rights reserved.
-Licensed under the Apache License, Version 2.0 (the "License"); you may not use
-this file except in compliance with the License. You may obtain a copy of the
-License at http://www.apache.org/licenses/LICENSE-2.0
-
-THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
-KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED
-WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,
-MERCHANTABLITY OR NON-INFRINGEMENT.
-
-See the Apache Version 2.0 License for specific language governing permissions
-and limitations under the License.
-***************************************************************************** */
-
-var __assign = function() {
-    __assign = Object.assign || function __assign(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);
-};
-
-function __rest(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;
-}
-
-function __awaiter(thisArg, _arguments, P, generator) {
-    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) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, [])).next());
-    });
-}
-
-function __generator(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 };
-    }
-}
-
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css = "@charset \"UTF-8\";\ndiv[id^=font-picker] {\n  position: relative;\n  display: inline-block;\n  width: 200px;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n}\ndiv[id^=font-picker] * {\n  box-sizing: border-box;\n}\ndiv[id^=font-picker] p {\n  margin: 0;\n  padding: 0;\n}\ndiv[id^=font-picker] button {\n  color: inherit;\n  font-size: inherit;\n  background: none;\n  border: 0;\n  outline: none;\n  cursor: pointer;\n}\ndiv[id^=font-picker] .dropdown-button {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 35px;\n  padding: 0 10px;\n  background: #cbcbcb;\n}\ndiv[id^=font-picker] .dropdown-button:hover, div[id^=font-picker] .dropdown-button:focus {\n  background: #bebebe;\n}\ndiv[id^=font-picker] .dropdown-button .dropdown-font-name {\n  overflow: hidden;\n  white-space: nowrap;\n}\ndiv[id^=font-picker] .dropdown-icon {\n  margin-left: 10px;\n}\n@-webkit-keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\n@keyframes spinner {\n  to {\n    transform: rotate(360deg);\n  }\n}\ndiv[id^=font-picker] .dropdown-icon.loading::before {\n  display: block;\n  width: 10px;\n  height: 10px;\n  border: 2px solid #b2b2b2;\n  border-top-color: #000000;\n  border-radius: 50%;\n  -webkit-animation: spinner 0.6s linear infinite;\n          animation: spinner 0.6s linear infinite;\n  content: \"\";\n}\ndiv[id^=font-picker] .dropdown-icon.finished::before {\n  display: block;\n  width: 0;\n  height: 0;\n  margin: 0 2px;\n  border-top: 6px solid #000000;\n  border-right: 5px solid transparent;\n  border-left: 5px solid transparent;\n  transition: transform 0.3s;\n  content: \"\";\n}\ndiv[id^=font-picker] .dropdown-icon.error::before {\n  content: \"⚠\";\n}\ndiv[id^=font-picker].expanded .dropdown-icon.finished::before {\n  transform: rotate(-180deg);\n}\ndiv[id^=font-picker].expanded ul {\n  max-height: 200px;\n}\ndiv[id^=font-picker] ul {\n  position: absolute;\n  z-index: 1;\n  width: 100%;\n  max-height: 0;\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n  overflow-y: auto;\n  background: #eaeaea;\n  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);\n  transition: 0.3s;\n  -webkit-overflow-scrolling: touch;\n}\ndiv[id^=font-picker] ul li {\n  height: 35px;\n  list-style: none;\n}\ndiv[id^=font-picker] ul li button {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 10px;\n  white-space: nowrap;\n}\ndiv[id^=font-picker] ul li button:hover, div[id^=font-picker] ul li button:focus {\n  background: #dddddd;\n}\ndiv[id^=font-picker] ul li button.active-font {\n  background: #d1d1d1;\n}";
-styleInject(css);
-
-function getFontId(fontFamily) {
-    return fontFamily.replace(/\s+/g, "-").toLowerCase();
-}
-function validatePickerId(pickerId) {
-    if (pickerId.match(/[^0-9a-z]/i)) {
-        throw Error("The `pickerId` parameter may only contain letters and digits");
-    }
-}
-
-function get(url) {
-    return new Promise(function (resolve, reject) {
-        var request = new XMLHttpRequest();
-        request.overrideMimeType("application/json");
-        request.open("GET", url, true);
-        request.onreadystatechange = function () {
-            if (request.readyState === 4) {
-                if (request.status !== 200) {
-                    reject(new Error("Response has status code " + request.status));
-                }
-                else {
-                    resolve(request.responseText);
-                }
-            }
-        };
-        request.send();
-    });
-}
-
-var LIST_BASE_URL = "https://www.googleapis.com/webfonts/v1/webfonts";
-function getFontList(apiKey) {
-    return __awaiter(this, void 0, void 0, function () {
-        var url, response, json, 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, get(url.href)];
-                case 1:
-                    response = _a.sent();
-                    json = JSON.parse(response);
-                    fontsOriginal = json.items;
-                    return [2, fontsOriginal.map(function (fontOriginal) {
-                            var family = fontOriginal.family, subsets = fontOriginal.subsets, others = __rest(fontOriginal, ["family", "subsets"]);
-                            return __assign(__assign({}, others), { family: family, id: getFontId(family), scripts: subsets });
-                        })];
-            }
-        });
-    });
-}
-
-var previewFontsStylesheet = document.createElement("style");
-document.head.appendChild(previewFontsStylesheet);
-function applyFontPreview(previewFont, selectorSuffix) {
-    var fontId = getFontId(previewFont.family);
-    var style = "\n\t\t\t#font-button-" + fontId + selectorSuffix + " {\n\t\t\t\tfont-family: \"" + previewFont.family + "\";\n\t\t\t}\n\t\t";
-    previewFontsStylesheet.appendChild(document.createTextNode(style));
-}
-function getActiveFontStylesheet(selectorSuffix) {
-    var stylesheetId = "active-font-" + selectorSuffix;
-    var activeFontStylesheet = document.getElementById(stylesheetId);
-    if (!activeFontStylesheet) {
-        activeFontStylesheet = document.createElement("style");
-        activeFontStylesheet.id = stylesheetId;
-        document.head.appendChild(activeFontStylesheet);
-    }
-    return activeFontStylesheet;
-}
-function applyActiveFont(activeFont, previousFontFamily, selectorSuffix) {
-    var style = "\n\t\t.apply-font" + selectorSuffix + " {\n\t\t\tfont-family: \"" + activeFont.family + "\"" + (previousFontFamily ? ", \"" + previousFontFamily + "\"" : "") + ";\n\t\t}\n\t";
-    var activeFontStylesheet = getActiveFontStylesheet(selectorSuffix);
-    activeFontStylesheet.innerHTML = style;
-}
-
-var PREVIEW_ATTRIBUTE_NAME = "data-is-preview";
-function getStylesheetId(fontId) {
-    return "font-" + fontId;
-}
-function stylesheetExists(fontId, isPreview) {
-    var stylesheetNode = document.getElementById(getStylesheetId(fontId));
-    if (isPreview === null || isPreview === undefined) {
-        return stylesheetNode !== null;
-    }
-    return (stylesheetNode !== null &&
-        stylesheetNode.getAttribute(PREVIEW_ATTRIBUTE_NAME) === isPreview.toString());
-}
-function createStylesheet(fontId, isPreview) {
-    var stylesheetNode = document.createElement("style");
-    stylesheetNode.id = getStylesheetId(fontId);
-    stylesheetNode.setAttribute(PREVIEW_ATTRIBUTE_NAME, isPreview.toString());
-    document.head.appendChild(stylesheetNode);
-}
-function fillStylesheet(fontId, styles) {
-    var stylesheetId = getStylesheetId(fontId);
-    var stylesheetNode = document.getElementById(stylesheetId);
-    if (stylesheetNode) {
-        stylesheetNode.textContent = styles;
-    }
-    else {
-        console.error("Could not fill stylesheet: Stylesheet with ID \"" + stylesheetId + "\" not found");
-    }
-}
-function setStylesheetType(fontId, isPreview) {
-    var stylesheetId = getStylesheetId(fontId);
-    var stylesheetNode = document.getElementById(stylesheetId);
-    if (stylesheetNode) {
-        stylesheetNode.setAttribute(PREVIEW_ATTRIBUTE_NAME, isPreview.toString());
-    }
-    else {
-        console.error("Could not change stylesheet type: Stylesheet with ID \"" + stylesheetId + "\" not found");
-    }
-}
-
-function getMatches(regex, str) {
-    var matches = [];
-    var match;
-    do {
-        match = regex.exec(str);
-        if (match) {
-            matches.push(match[1]);
-        }
-    } while (match);
-    return matches;
-}
-
-var FONT_FACE_REGEX = /@font-face {([\s\S]*?)}/gm;
-var FONT_FAMILY_REGEX = /font-family: ['"](.*?)['"]/gm;
-function extractFontStyles(allFontStyles) {
-    var rules = getMatches(FONT_FACE_REGEX, allFontStyles);
-    var fontStyles = {};
-    rules.forEach(function (rule) {
-        var fontFamily = getMatches(FONT_FAMILY_REGEX, rule)[0];
-        var fontId = getFontId(fontFamily);
-        if (!(fontId in fontStyles)) {
-            fontStyles[fontId] = "";
-        }
-        fontStyles[fontId] += "@font-face {\n" + rule + "\n}\n\n";
-    });
-    return fontStyles;
-}
-
-var FONT_BASE_URL = "https://fonts.googleapis.com/css";
-function getStylesheet(fonts, scripts, variants, previewsOnly) {
-    return __awaiter(this, void 0, void 0, function () {
-        var url, variantsStr, familiesStr, familyNamesConcat, downloadChars;
-        return __generator(this, function (_a) {
-            url = new URL(FONT_BASE_URL);
-            variantsStr = variants.join(",");
-            familiesStr = fonts.map(function (font) { return font.family + ":" + variantsStr; });
-            url.searchParams.append("family", familiesStr.join("|"));
-            url.searchParams.append("subset", scripts.join(","));
-            if (previewsOnly) {
-                familyNamesConcat = fonts.map(function (font) { return font.family; }).join("");
-                downloadChars = familyNamesConcat
-                    .split("")
-                    .filter(function (char, pos, self) { return self.indexOf(char) === pos; })
-                    .join("");
-                url.searchParams.append("text", downloadChars);
-            }
-            url.searchParams.append("font-display", "swap");
-            return [2, get(url.href)];
-        });
-    });
-}
-
-function loadFontPreviews(fonts, scripts, variants, selectorSuffix) {
-    return __awaiter(this, void 0, void 0, function () {
-        var fontsArray, fontsToFetch, response, fontStyles;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    fontsArray = Array.from(fonts.values());
-                    fontsToFetch = fontsArray
-                        .map(function (font) { return font.id; })
-                        .filter(function (fontId) { return !stylesheetExists(fontId); });
-                    fontsToFetch.forEach(function (fontId) { return createStylesheet(fontId, true); });
-                    return [4, getStylesheet(fontsArray, scripts, variants, true)];
-                case 1:
-                    response = _a.sent();
-                    fontStyles = extractFontStyles(response);
-                    fontsArray.forEach(function (font) {
-                        applyFontPreview(font, selectorSuffix);
-                        if (fontsToFetch.includes(font.id)) {
-                            if (!(font.id in fontStyles)) {
-                                console.error("Missing styles for font \"" + font.family + "\" (fontId \"" + font.id + "\") in Google Fonts response");
-                                return;
-                            }
-                            fillStylesheet(font.id, fontStyles[font.id]);
-                        }
-                    });
-                    return [2];
-            }
-        });
-    });
-}
-function loadActiveFont(font, previousFontFamily, scripts, variants, selectorSuffix) {
-    return __awaiter(this, void 0, void 0, function () {
-        var fontStyle;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!stylesheetExists(font.id, false)) return [3, 1];
-                    applyActiveFont(font, previousFontFamily, selectorSuffix);
-                    return [3, 3];
-                case 1:
-                    if (stylesheetExists(font.id, true)) {
-                        setStylesheetType(font.id, false);
-                    }
-                    else {
-                        createStylesheet(font.id, false);
-                    }
-                    return [4, getStylesheet([font], scripts, variants, false)];
-                case 2:
-                    fontStyle = _a.sent();
-                    applyActiveFont(font, previousFontFamily, selectorSuffix);
-                    fillStylesheet(font.id, fontStyle);
-                    _a.label = 3;
-                case 3: return [2];
-            }
-        });
-    });
-}
-
-var FONT_FAMILY_DEFAULT = "Open Sans";
-var OPTIONS_DEFAULTS = {
-    pickerId: "",
-    families: [],
-    categories: [],
-    scripts: ["latin"],
-    variants: ["regular"],
-    filter: function () { return true; },
-    limit: 50,
-    sort: "alphabet",
-};
-
-var FontManager = (function () {
-    function FontManager(apiKey, defaultFamily, _a, onChange) {
-        if (defaultFamily === void 0) { defaultFamily = FONT_FAMILY_DEFAULT; }
-        var _b = _a.pickerId, pickerId = _b === void 0 ? OPTIONS_DEFAULTS.pickerId : _b, _c = _a.families, families = _c === void 0 ? OPTIONS_DEFAULTS.families : _c, _d = _a.categories, categories = _d === void 0 ? OPTIONS_DEFAULTS.categories : _d, _e = _a.scripts, scripts = _e === void 0 ? OPTIONS_DEFAULTS.scripts : _e, _f = _a.variants, variants = _f === void 0 ? OPTIONS_DEFAULTS.variants : _f, _g = _a.filter, filter = _g === void 0 ? OPTIONS_DEFAULTS.filter : _g, _h = _a.limit, limit = _h === void 0 ? OPTIONS_DEFAULTS.limit : _h, _j = _a.sort, sort = _j === void 0 ? OPTIONS_DEFAULTS.sort : _j;
-        if (onChange === void 0) { onChange = function () { }; }
-        this.fonts = new Map();
-        validatePickerId(pickerId);
-        this.selectorSuffix = pickerId ? "-" + pickerId : "";
-        this.apiKey = apiKey;
-        this.options = {
-            pickerId: pickerId,
-            families: families,
-            categories: categories,
-            scripts: scripts,
-            variants: variants,
-            filter: filter,
-            limit: limit,
-            sort: sort,
-        };
-        this.onChange = onChange;
-        this.addFont(defaultFamily, false);
-        this.setActiveFont(defaultFamily, false);
-    }
-    FontManager.prototype.init = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var fonts, _loop_1, this_1, i, state_1, fontsToLoad;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0: return [4, getFontList(this.apiKey)];
-                    case 1:
-                        fonts = _a.sent();
-                        _loop_1 = function (i) {
-                            var font = fonts[i];
-                            if (this_1.fonts.size >= this_1.options.limit) {
-                                return "break";
-                            }
-                            if (!this_1.fonts.has(font.family) &&
-                                (this_1.options.families.length === 0 || this_1.options.families.includes(font.family)) &&
-                                (this_1.options.categories.length === 0 || this_1.options.categories.includes(font.category)) &&
-                                this_1.options.scripts.every(function (script) { return font.scripts.includes(script); }) &&
-                                this_1.options.variants.every(function (variant) { return font.variants.includes(variant); }) &&
-                                this_1.options.filter(font) === true) {
-                                this_1.fonts.set(font.family, font);
-                            }
-                        };
-                        this_1 = this;
-                        for (i = 0; i < fonts.length; i += 1) {
-                            state_1 = _loop_1(i);
-                            if (state_1 === "break")
-                                break;
-                        }
-                        fontsToLoad = new Map(this.fonts);
-                        fontsToLoad["delete"](this.activeFontFamily);
-                        loadFontPreviews(fontsToLoad, this.options.scripts, this.options.variants, this.selectorSuffix);
-                        return [2, this.fonts];
-                }
-            });
-        });
-    };
-    FontManager.prototype.getFonts = function () {
-        return this.fonts;
-    };
-    FontManager.prototype.addFont = function (fontFamily, downloadPreview) {
-        if (downloadPreview === void 0) { downloadPreview = true; }
-        var font = {
-            family: fontFamily,
-            id: getFontId(fontFamily),
-        };
-        this.fonts.set(fontFamily, font);
-        if (downloadPreview) {
-            var fontMap = new Map();
-            fontMap.set(fontFamily, font);
-            loadFontPreviews(fontMap, this.options.scripts, this.options.variants, this.selectorSuffix);
-        }
-    };
-    FontManager.prototype.removeFont = function (fontFamily) {
-        this.fonts["delete"](fontFamily);
-    };
-    FontManager.prototype.getActiveFont = function () {
-        var activeFont = this.fonts.get(this.activeFontFamily);
-        if (!activeFont) {
-            throw Error("Cannot get active font: \"" + this.activeFontFamily + "\" is not in the font list");
-        }
-        else {
-            return activeFont;
-        }
-    };
-    FontManager.prototype.setActiveFont = function (fontFamily, runOnChange) {
-        var _this = this;
-        if (runOnChange === void 0) { runOnChange = true; }
-        var previousFontFamily = this.activeFontFamily;
-        var activeFont = this.fonts.get(fontFamily);
-        if (!activeFont) {
-            throw Error("Cannot update active font: \"" + fontFamily + "\" is not in the font list");
-        }
-        this.activeFontFamily = fontFamily;
-        loadActiveFont(activeFont, previousFontFamily, this.options.scripts, this.options.variants, this.selectorSuffix).then(function () {
-            if (runOnChange) {
-                _this.onChange(activeFont);
-            }
-        });
-    };
-    FontManager.prototype.setOnChange = function (onChange) {
-        this.onChange = onChange;
-    };
-    return FontManager;
-}());
-
-var defaultFilterOptions = function defaultFilterOptions(font) {
-  return !UNWANTED_FAMILIES.includes(font.family);
-};
-var sortAndFormatFonts = function sortAndFormatFonts(availableFonts) {
-  return pluck("family", availableFonts).sort(function (a, b) {
-    return a.localeCompare(b);
-  }).map(toLabelAndValue);
-};
-
-var UNWANTED_FAMILIES = ["Material Icons", "Material Icons Rounded", "Material Icons Sharp", "Material Icons Two Tone"];
-var DEFAULT_PICKER_PROPS = {
-  pickerId: OPTIONS_DEFAULTS.pickerId,
-  families: OPTIONS_DEFAULTS.families,
-  categories: OPTIONS_DEFAULTS.categories,
-  scripts: OPTIONS_DEFAULTS.scripts,
-  variants: OPTIONS_DEFAULTS.variants,
-  filter: defaultFilterOptions,
-  limit: OPTIONS_DEFAULTS.limit,
-  sort: OPTIONS_DEFAULTS.sort
-};
-
-var _excluded = ["activeFontFamily", "fontManagerOptions", "onChange"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var GoogleFontPicker = function GoogleFontPicker(_ref) {
-  var activeFontFamily = _ref.activeFontFamily,
-    _ref$fontManagerOptio = _ref.fontManagerOptions,
-    fontManagerOptions = _ref$fontManagerOptio === void 0 ? {
-      limit: 300
-    } : _ref$fontManagerOptio,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(activeFontFamily),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedFontFamily = _useState2[0],
-    setSelectedFontFamily = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isLoading = _useState4[0],
-    setIsLoading = _useState4[1];
-  var _useState5 = useState([]),
-    _useState6 = _slicedToArray(_useState5, 2),
-    fonts = _useState6[0],
-    setFonts = _useState6[1];
-  var options = mergeLeft(fontManagerOptions, DEFAULT_PICKER_PROPS);
-  useEffect(function () {
-    initializeFontManager();
-  }, []);
-  var fontManager = useMemo(function () {
-    return new FontManager(globalProps.googleFontsApiKey, selectedFontFamily, options, onChange);
-  }, []);
-  var initializeFontManager = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var availableFonts;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            _context.prev = 0;
-            setIsLoading(true);
-            _context.next = 4;
-            return fontManager.init();
-          case 4:
-            availableFonts = Array.from(fontManager.getFonts().values());
-            setFonts(sortAndFormatFonts(availableFonts));
-            _context.next = 11;
-            break;
-          case 8:
-            _context.prev = 8;
-            _context.t0 = _context["catch"](0);
-            throw _context.t0.message;
-          case 11:
-            _context.prev = 11;
-            setIsLoading(false);
-            return _context.finish(11);
-          case 14:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[0, 8, 11, 14]]);
-    }));
-    return function initializeFontManager() {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var handleChange = function handleChange(fontFamily) {
-    var value = fontFamily.value;
-    fontManager.setActiveFont(value, false);
-    setSelectedFontFamily(value);
-    onChange(value);
-  };
-  return /*#__PURE__*/jsx(Select, _objectSpread(_objectSpread({
-    "data-testid": "google-font-picker",
-    options: fonts,
-    strategy: "fixed",
-    value: toLabelAndValue(selectedFontFamily),
-    styles: {
-      option: function option(styles, _ref3) {
-        var data = _ref3.data;
-        return _objectSpread(_objectSpread({}, styles), {}, {
-          fontFamily: data.value
-        });
-      },
-      singleValue: function singleValue(styles, _ref4) {
-        var data = _ref4.data;
-        return _objectSpread(_objectSpread({}, styles), {}, {
-          fontFamily: data.value
-        });
-      }
-    }
-  }, _objectSpread(_objectSpread({}, otherProps), {}, {
-    isLoading: isLoading
-  })), {}, {
-    onChange: handleChange
-  }));
-};
-var index = /*#__PURE__*/memo(GoogleFontPicker);
-
-export { index as default };
-//# sourceMappingURL=GoogleFontPicker.js.map