pds-dev-kit-web-test 2.5.706 → 2.5.707

package/dist/src/sub/GoogleFontkit/headless/GoogleFontItem.js

@@ -1,44 +1,128 @@
 "use strict";
-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 __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 (g && (g = 0, op[0] && (_ = 0)), _) 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 __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 (g && (g = 0, op[0] && (_ = 0)), _) 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __importDefault = this && this.__importDefault || function (mod) {
+  return mod && mod.__esModule ? mod : {
+    "default": mod
+  };
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 var react_1 = require("react");
 var getGoogleFontCss_1 = __importDefault(require("../api/getGoogleFontCss"));
 var getGoogleFontDefaultText_1 = __importDefault(require("../api/getGoogleFontDefaultText"));
@@ -51,76 +135,86 @@ var isStyleSheetExists_1 = __importDefault(require("../utils/isStyleSheetExists"
 var parseFontVariants_1 = __importDefault(require("../utils/parseFontVariants"));
 var setStyleSheetType_1 = __importDefault(require("../utils/setStyleSheetType"));
 function GoogleFontItem(_a) {
-    var font = _a.font, fetchDefaultText = _a.fetchDefaultText, children = _a.children;
-    var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
-    var _c = (0, react_1.useState)(''), defaultText = _c[0], setDefaultText = _c[1];
-    var ref = (0, react_1.useRef)(null);
-    var entry = (0, useIntersectionObserver_1.default)(ref, {});
-    var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
-    (0, react_1.useEffect)(function () {
-        if (!isVisible) {
-            return;
-        }
-        function getCss() {
-            return __awaiter(this, void 0, void 0, function () {
-                var css, fontStyles;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0:
-                            setIsLoading(true);
-                            return [4 /*yield*/, (0, getGoogleFontCss_1.default)({
-                                    family: "".concat(font.family).concat((0, parseFontVariants_1.default)(font.variants, {
-                                        prefix: ':wght@',
-                                        separator: ';'
-                                    })),
-                                    'font-display': 'swap'
-                                })];
-                        case 1:
-                            css = _a.sent();
-                            fontStyles = (0, extractFontStyles_1.default)(css);
-                            (0, fillStyleSheet_1.default)(font.id, fontStyles[font.id]);
-                            setIsLoading(false);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        if ((0, isStyleSheetExists_1.default)(font.id, false)) {
-            (0, applyActiveFont_1.default)(font, '', '');
-            setIsLoading(false);
-        }
-        else if ((0, isStyleSheetExists_1.default)(font.id, true)) {
-            (0, setStyleSheetType_1.default)(font.id, false);
-            setIsLoading(false);
-        }
-        else {
-            (0, createStyleSheet_1.default)(font.id, false);
-            getCss();
-        }
-    }, [font, isVisible]);
-    (0, react_1.useEffect)(function () {
-        if (!fetchDefaultText) {
-            return;
-        }
-        if (!font.family || !isVisible || defaultText) {
-            return;
-        }
-        function getDefaultText() {
-            return __awaiter(this, void 0, void 0, function () {
-                var text;
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
-                        case 0: return [4 /*yield*/, (0, getGoogleFontDefaultText_1.default)(font.family)];
-                        case 1:
-                            text = _a.sent();
-                            setDefaultText(text.sampleText.tester);
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        }
-        getDefaultText();
-    }, [font, isVisible, defaultText, fetchDefaultText]);
-    return children({ isLoading: isLoading, isVisible: isVisible, ref: ref, defaultText: defaultText });
+  var font = _a.font,
+    fetchDefaultText = _a.fetchDefaultText,
+    children = _a.children;
+  var _b = (0, react_1.useState)(false),
+    isLoading = _b[0],
+    setIsLoading = _b[1];
+  var _c = (0, react_1.useState)(''),
+    defaultText = _c[0],
+    setDefaultText = _c[1];
+  var ref = (0, react_1.useRef)(null);
+  var entry = (0, useIntersectionObserver_1.default)(ref, {});
+  var isVisible = !!(entry === null || entry === void 0 ? void 0 : entry.isIntersecting);
+  (0, react_1.useEffect)(function () {
+    if (!isVisible) {
+      return;
+    }
+    function getCss() {
+      return __awaiter(this, void 0, void 0, function () {
+        var css, fontStyles;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              setIsLoading(true);
+              return [4 /*yield*/, (0, getGoogleFontCss_1.default)({
+                family: "".concat(font.family).concat((0, parseFontVariants_1.default)(font.variants, {
+                  prefix: ':wght@',
+                  separator: ';'
+                })),
+                'font-display': 'swap'
+              })];
+            case 1:
+              css = _a.sent();
+              fontStyles = (0, extractFontStyles_1.default)(css);
+              (0, fillStyleSheet_1.default)(font.id, fontStyles[font.id]);
+              setIsLoading(false);
+              return [2 /*return*/];
+          }
+        });
+      });
+    }
+    if ((0, isStyleSheetExists_1.default)(font.id, false)) {
+      (0, applyActiveFont_1.default)(font, '', '');
+      setIsLoading(false);
+    } else if ((0, isStyleSheetExists_1.default)(font.id, true)) {
+      (0, setStyleSheetType_1.default)(font.id, false);
+      setIsLoading(false);
+    } else {
+      (0, createStyleSheet_1.default)(font.id, false);
+      getCss();
+    }
+  }, [font, isVisible]);
+  (0, react_1.useEffect)(function () {
+    if (!fetchDefaultText) {
+      return;
+    }
+    if (!font.family || !isVisible || defaultText) {
+      return;
+    }
+    function getDefaultText() {
+      return __awaiter(this, void 0, void 0, function () {
+        var text;
+        return __generator(this, function (_a) {
+          switch (_a.label) {
+            case 0:
+              return [4 /*yield*/, (0, getGoogleFontDefaultText_1.default)(font.family)];
+            case 1:
+              text = _a.sent();
+              setDefaultText(text.sampleText.tester);
+              return [2 /*return*/];
+          }
+        });
+      });
+    }
+    getDefaultText();
+  }, [font, isVisible, defaultText, fetchDefaultText]);
+  return children({
+    isLoading: isLoading,
+    isVisible: isVisible,
+    ref: ref,
+    defaultText: defaultText
+  });
 }
-exports.default = GoogleFontItem;
+exports.default = GoogleFontItem;