@imposium-hub/components 1.54.3 → 1.55.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/dist/cjs/components/advanced-number-field/AdvancedNumberField.d.ts +3 -0
  2. package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js +17 -8
  3. package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
  4. package/dist/cjs/components/select-field/SelectField.js +10 -6
  5. package/dist/cjs/components/select-field/SelectField.js.map +1 -1
  6. package/dist/cjs/constants/assets_BACKUP_14924.d.ts +20 -0
  7. package/dist/cjs/constants/assets_BACKUP_14924.js +30 -0
  8. package/dist/cjs/constants/assets_BACKUP_14924.js.map +1 -0
  9. package/dist/cjs/constants/assets_BASE_14924.d.ts +21 -0
  10. package/dist/cjs/constants/assets_BASE_14924.js +32 -0
  11. package/dist/cjs/constants/assets_BASE_14924.js.map +1 -0
  12. package/dist/cjs/constants/assets_LOCAL_14924.d.ts +20 -0
  13. package/dist/cjs/constants/assets_LOCAL_14924.js +30 -0
  14. package/dist/cjs/constants/assets_LOCAL_14924.js.map +1 -0
  15. package/dist/cjs/constants/assets_REMOTE_14924.d.ts +21 -0
  16. package/dist/cjs/constants/assets_REMOTE_14924.js +32 -0
  17. package/dist/cjs/constants/assets_REMOTE_14924.js.map +1 -0
  18. package/dist/cjs/constants/fontSizes.d.ts +1 -0
  19. package/dist/cjs/constants/fontSizes.js +5 -0
  20. package/dist/cjs/constants/fontSizes.js.map +1 -0
  21. package/dist/cjs/constants/icons.d.ts +1 -0
  22. package/dist/cjs/constants/icons.js +3 -2
  23. package/dist/cjs/constants/icons.js.map +1 -1
  24. package/dist/esm/components/advanced-number-field/AdvancedNumberField.d.ts +3 -0
  25. package/dist/esm/components/advanced-number-field/AdvancedNumberField.js +17 -8
  26. package/dist/esm/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
  27. package/dist/esm/components/select-field/SelectField.js +10 -6
  28. package/dist/esm/components/select-field/SelectField.js.map +1 -1
  29. package/dist/esm/constants/assets_BACKUP_14924.d.ts +20 -0
  30. package/dist/esm/constants/assets_BACKUP_14924.js +26 -0
  31. package/dist/esm/constants/assets_BACKUP_14924.js.map +1 -0
  32. package/dist/esm/constants/assets_BASE_14924.d.ts +21 -0
  33. package/dist/esm/constants/assets_BASE_14924.js +28 -0
  34. package/dist/esm/constants/assets_BASE_14924.js.map +1 -0
  35. package/dist/esm/constants/assets_LOCAL_14924.d.ts +20 -0
  36. package/dist/esm/constants/assets_LOCAL_14924.js +26 -0
  37. package/dist/esm/constants/assets_LOCAL_14924.js.map +1 -0
  38. package/dist/esm/constants/assets_REMOTE_14924.d.ts +21 -0
  39. package/dist/esm/constants/assets_REMOTE_14924.js +28 -0
  40. package/dist/esm/constants/assets_REMOTE_14924.js.map +1 -0
  41. package/dist/esm/constants/fontSizes.d.ts +1 -0
  42. package/dist/esm/constants/fontSizes.js +2 -0
  43. package/dist/esm/constants/fontSizes.js.map +1 -0
  44. package/dist/esm/constants/icons.d.ts +1 -0
  45. package/dist/esm/constants/icons.js +2 -1
  46. package/dist/esm/constants/icons.js.map +1 -1
  47. package/dist/styles.css +51 -0
  48. package/dist/styles.less +73 -0
  49. package/less/components/advanced-number-field.less +73 -0
  50. package/package.json +1 -1
  51. package/src/components/advanced-number-field/AdvancedNumberField.tsx +37 -5
  52. package/src/components/select-field/SelectField.tsx +22 -13
  53. package/src/constants/fontSizes.ts +1 -0
  54. package/src/constants/icons.tsx +5 -1
  55. package/dist/cjs/components/font-picker/FontPicker.d.ts +0 -41
  56. package/dist/cjs/components/font-picker/FontPicker.js +0 -173
  57. package/dist/cjs/components/font-picker/FontPicker.js.map +0 -1
  58. package/dist/cjs/components/font-picker/font-manager/FontManager.d.ts +0 -26
  59. package/dist/cjs/components/font-picker/font-manager/FontManager.js +0 -209
  60. package/dist/cjs/components/font-picker/font-manager/FontManager.js.map +0 -1
  61. package/dist/cjs/components/font-picker/font-manager/constants.d.ts +0 -4
  62. package/dist/cjs/components/font-picker/font-manager/constants.js +0 -8
  63. package/dist/cjs/components/font-picker/font-manager/constants.js.map +0 -1
  64. package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.d.ts +0 -4
  65. package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.js +0 -27
  66. package/dist/cjs/components/font-picker/font-manager/font-styles/declarations.js.map +0 -1
  67. package/dist/cjs/components/font-picker/font-manager/fontStyle.d.ts +0 -1
  68. package/dist/cjs/components/font-picker/font-manager/fontStyle.js +0 -61
  69. package/dist/cjs/components/font-picker/font-manager/fontStyle.js.map +0 -1
  70. package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.d.ts +0 -5
  71. package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.js +0 -87
  72. package/dist/cjs/components/font-picker/font-manager/google-fonts/fontList.js.map +0 -1
  73. package/dist/cjs/components/font-picker/font-manager/index.d.ts +0 -3
  74. package/dist/cjs/components/font-picker/font-manager/index.js +0 -26
  75. package/dist/cjs/components/font-picker/font-manager/index.js.map +0 -1
  76. package/dist/cjs/components/font-picker/font-manager/interface.d.ts +0 -0
  77. package/dist/cjs/components/font-picker/font-manager/interface.js +0 -1
  78. package/dist/cjs/components/font-picker/font-manager/interface.js.map +0 -1
  79. package/dist/cjs/components/font-picker/font-manager/loadFonts.d.ts +0 -5
  80. package/dist/cjs/components/font-picker/font-manager/loadFonts.js +0 -20
  81. package/dist/cjs/components/font-picker/font-manager/loadFonts.js.map +0 -1
  82. package/dist/cjs/components/font-picker/font-manager/types.d.ts +0 -25
  83. package/dist/cjs/components/font-picker/font-manager/types.js +0 -12
  84. package/dist/cjs/components/font-picker/font-manager/types.js.map +0 -1
  85. package/dist/cjs/components/font-picker/font-manager/utils/ids.d.ts +0 -4
  86. package/dist/cjs/components/font-picker/font-manager/utils/ids.js +0 -11
  87. package/dist/cjs/components/font-picker/font-manager/utils/ids.js.map +0 -1
  88. package/dist/cjs/components/font-picker/font-manager/utils/request.d.ts +0 -4
  89. package/dist/cjs/components/font-picker/font-manager/utils/request.js +0 -29
  90. package/dist/cjs/components/font-picker/font-manager/utils/request.js.map +0 -1
  91. package/dist/cjs/components/font-picker/font-manager/utils/utils.d.ts +0 -2
  92. package/dist/cjs/components/font-picker/font-manager/utils/utils.js +0 -30
  93. package/dist/cjs/components/font-picker/font-manager/utils/utils.js.map +0 -1
  94. package/dist/cjs/components/font-picker/font-manager/utils.d.ts +0 -3
  95. package/dist/cjs/components/font-picker/font-manager/utils.js +0 -42
  96. package/dist/cjs/components/font-picker/font-manager/utils.js.map +0 -1
  97. package/dist/esm/components/font-picker/FontPicker.d.ts +0 -41
  98. package/dist/esm/components/font-picker/FontPicker.js +0 -125
  99. package/dist/esm/components/font-picker/FontPicker.js.map +0 -1
  100. package/dist/esm/components/font-picker/font-manager/FontManager.d.ts +0 -26
  101. package/dist/esm/components/font-picker/font-manager/FontManager.js +0 -105
  102. package/dist/esm/components/font-picker/font-manager/FontManager.js.map +0 -1
  103. package/dist/esm/components/font-picker/font-manager/constants.d.ts +0 -4
  104. package/dist/esm/components/font-picker/font-manager/constants.js +0 -5
  105. package/dist/esm/components/font-picker/font-manager/constants.js.map +0 -1
  106. package/dist/esm/components/font-picker/font-manager/font-styles/declarations.d.ts +0 -4
  107. package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js +0 -27
  108. package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js.map +0 -1
  109. package/dist/esm/components/font-picker/font-manager/fontStyle.d.ts +0 -1
  110. package/dist/esm/components/font-picker/font-manager/fontStyle.js +0 -65
  111. package/dist/esm/components/font-picker/font-manager/fontStyle.js.map +0 -1
  112. package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.d.ts +0 -5
  113. package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js +0 -22
  114. package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js.map +0 -1
  115. package/dist/esm/components/font-picker/font-manager/index.d.ts +0 -3
  116. package/dist/esm/components/font-picker/font-manager/index.js +0 -4
  117. package/dist/esm/components/font-picker/font-manager/index.js.map +0 -1
  118. package/dist/esm/components/font-picker/font-manager/interface.d.ts +0 -0
  119. package/dist/esm/components/font-picker/font-manager/interface.js +0 -1
  120. package/dist/esm/components/font-picker/font-manager/interface.js.map +0 -1
  121. package/dist/esm/components/font-picker/font-manager/loadFonts.d.ts +0 -5
  122. package/dist/esm/components/font-picker/font-manager/loadFonts.js +0 -16
  123. package/dist/esm/components/font-picker/font-manager/loadFonts.js.map +0 -1
  124. package/dist/esm/components/font-picker/font-manager/types.d.ts +0 -25
  125. package/dist/esm/components/font-picker/font-manager/types.js +0 -9
  126. package/dist/esm/components/font-picker/font-manager/types.js.map +0 -1
  127. package/dist/esm/components/font-picker/font-manager/utils/ids.d.ts +0 -4
  128. package/dist/esm/components/font-picker/font-manager/utils/ids.js +0 -7
  129. package/dist/esm/components/font-picker/font-manager/utils/ids.js.map +0 -1
  130. package/dist/esm/components/font-picker/font-manager/utils/request.d.ts +0 -4
  131. package/dist/esm/components/font-picker/font-manager/utils/request.js +0 -25
  132. package/dist/esm/components/font-picker/font-manager/utils/request.js.map +0 -1
  133. package/dist/esm/components/font-picker/font-manager/utils/utils.d.ts +0 -2
  134. package/dist/esm/components/font-picker/font-manager/utils/utils.js +0 -25
  135. package/dist/esm/components/font-picker/font-manager/utils/utils.js.map +0 -1
  136. package/dist/esm/components/font-picker/font-manager/utils.d.ts +0 -3
  137. package/dist/esm/components/font-picker/font-manager/utils.js +0 -36
  138. package/dist/esm/components/font-picker/font-manager/utils.js.map +0 -1
@@ -1,61 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.createFontStyleSheets = void 0;
4
- var constants_1 = require("./constants");
5
- var utils_1 = require("./utils");
6
- var createFontStyleSheets = function (defaultFonts, uniqueFonts, availableFonts) {
7
- defaultFonts.map(function (font) {
8
- var fonts = uniqueFonts.find(function (f) { return f.family === font.family; });
9
- var fontId = font.name.toLowerCase().split(' ').join('-');
10
- // non Google Font style
11
- if (fonts === null || fonts === void 0 ? void 0 : fonts.file) {
12
- fillFontStyleSheets(fontId, font);
13
- }
14
- // google font style
15
- if (fonts === null || fonts === void 0 ? void 0 : fonts.files) {
16
- var fontURL = new URL(constants_1.FONT_BASE_URL);
17
- fontURL.searchParams.append('family', "".concat(font.family, ":wght@").concat(font.weight));
18
- fontURL.searchParams.append('text', font.name);
19
- fontURL.searchParams.append('font-display', 'swap');
20
- (0, utils_1.get)(fontURL.href)
21
- .then(function (res) {
22
- var rule = (0, utils_1.getMatches)(constants_1.FONT_FACE_REGEX, res);
23
- var updateFont = rule[rule.length - 1].replace(font.family, font.name);
24
- fillFontStyleSheets(fontId, updateFont, font.name);
25
- })
26
- .catch(function (e) { return console.error(e); });
27
- }
28
- });
29
- // custom font style
30
- if (availableFonts) {
31
- availableFonts.map(function (font) {
32
- var fontId = font.name.toLowerCase();
33
- fillFontStyleSheets(fontId, font);
34
- });
35
- }
36
- };
37
- exports.createFontStyleSheets = createFontStyleSheets;
38
- var fillFontStyleSheets = function (fontId, font, fontName) {
39
- var stylesheetNode = document.getElementById("font-".concat(fontId));
40
- var weight = font.weight, file = font.file, url = font.url, name = font.name, family = font.family;
41
- var fontFamily = name !== family ? name : family;
42
- var fontWeight = weight ? "font-weight: ".concat(weight, ";") : '';
43
- var fontUrl = file ? "fonts/".concat(file) : "".concat(url);
44
- if (stylesheetNode === null) {
45
- stylesheetNode = stylesheetNode;
46
- stylesheetNode = document.createElement('style');
47
- if (stylesheetNode !== null) {
48
- stylesheetNode.id = "font-".concat(fontId);
49
- stylesheetNode.setAttribute('data-is-preview', 'true');
50
- // non-google and custom fonts style
51
- if (fontFamily && fontFamily && fontUrl) {
52
- stylesheetNode.textContent = "\n @font-face {\n font-family: ".concat(fontFamily, ";\n ").concat(fontWeight, "\n src: url(").concat(fontUrl, ");\n }");
53
- }
54
- if (fontName) {
55
- stylesheetNode.textContent = "\n @font-face {\n ".concat(font.replace("'".concat(fontName, "'"), fontName), "\n }");
56
- }
57
- document.head.appendChild(stylesheetNode);
58
- }
59
- }
60
- };
61
- //# sourceMappingURL=fontStyle.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/fontStyle.ts"],"names":[],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import { Font } from '../types';
2
- /**
3
- * Fetch the list of all available fonts from the Google Fonts API
4
- */
5
- export declare const getFontList: (apiKey: string) => Promise<Font[]>;
@@ -1,87 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
14
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
15
- return new (P || (P = Promise))(function (resolve, reject) {
16
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
17
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
18
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
19
- step((generator = generator.apply(thisArg, _arguments || [])).next());
20
- });
21
- };
22
- var __generator = (this && this.__generator) || function (thisArg, body) {
23
- var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
24
- return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
25
- function verb(n) { return function (v) { return step([n, v]); }; }
26
- function step(op) {
27
- if (f) throw new TypeError("Generator is already executing.");
28
- while (_) try {
29
- 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;
30
- if (y = 0, t) op = [op[0] & 2, t.value];
31
- switch (op[0]) {
32
- case 0: case 1: t = op; break;
33
- case 4: _.label++; return { value: op[1], done: false };
34
- case 5: _.label++; y = op[1]; op = [0]; continue;
35
- case 7: op = _.ops.pop(); _.trys.pop(); continue;
36
- default:
37
- if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
38
- if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
39
- if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
40
- if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
41
- if (t[2]) _.ops.pop();
42
- _.trys.pop(); continue;
43
- }
44
- op = body.call(thisArg, _);
45
- } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
46
- if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
47
- }
48
- };
49
- var __rest = (this && this.__rest) || function (s, e) {
50
- var t = {};
51
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
52
- t[p] = s[p];
53
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
54
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
55
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
56
- t[p[i]] = s[p[i]];
57
- }
58
- return t;
59
- };
60
- Object.defineProperty(exports, "__esModule", { value: true });
61
- exports.getFontList = void 0;
62
- var utils_1 = require("../utils");
63
- var LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
64
- /**
65
- * Fetch the list of all available fonts from the Google Fonts API
66
- */
67
- var getFontList = function (apiKey) { return __awaiter(void 0, void 0, void 0, function () {
68
- var url, response, fontsOriginal;
69
- return __generator(this, function (_a) {
70
- switch (_a.label) {
71
- case 0:
72
- url = new URL(LIST_BASE_URL);
73
- url.searchParams.append('sort', 'popularity');
74
- url.searchParams.append('key', apiKey);
75
- return [4 /*yield*/, (0, utils_1.get)(url.href)];
76
- case 1:
77
- response = _a.sent();
78
- fontsOriginal = JSON.parse(response).items;
79
- return [2 /*return*/, fontsOriginal.map(function (fontOriginal) {
80
- var family = fontOriginal.family, subsets = fontOriginal.subsets, others = __rest(fontOriginal, ["family", "subsets"]);
81
- return __assign(__assign({}, others), { family: family, id: (0, utils_1.getFontId)(family), scripts: subsets });
82
- })];
83
- }
84
- });
85
- }); };
86
- exports.getFontList = getFontList;
87
- //# sourceMappingURL=fontList.js.map
@@ -1 +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"}
@@ -1,3 +0,0 @@
1
- export { default as FontManager } from './FontManager';
2
- export * from './types';
3
- export { getFontId } from './utils/ids';
@@ -1,26 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- var __importDefault = (this && this.__importDefault) || function (mod) {
17
- return (mod && mod.__esModule) ? mod : { "default": mod };
18
- };
19
- Object.defineProperty(exports, "__esModule", { value: true });
20
- exports.getFontId = exports.FontManager = void 0;
21
- var FontManager_1 = require("./FontManager");
22
- Object.defineProperty(exports, "FontManager", { enumerable: true, get: function () { return __importDefault(FontManager_1).default; } });
23
- __exportStar(require("./types"), exports);
24
- var ids_1 = require("./utils/ids");
25
- Object.defineProperty(exports, "getFontId", { enumerable: true, get: function () { return ids_1.getFontId; } });
26
- //# sourceMappingURL=index.js.map
@@ -1 +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"}
@@ -1 +0,0 @@
1
- //# sourceMappingURL=interface.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/interface.ts"],"names":[],"mappings":""}
@@ -1,5 +0,0 @@
1
- /**
2
- * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
3
- * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
4
- */
5
- export declare const loadActiveFont: (font: string, previousFontFamily: string) => any;
@@ -1,20 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.loadActiveFont = void 0;
4
- var declarations_1 = require("./font-styles/declarations");
5
- /**
6
- * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
7
- * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
8
- */
9
- var loadActiveFont = function (font, previousFontFamily) {
10
- console.log('loadActiveFont');
11
- return function () {
12
- return new Promise(function (reject) {
13
- (0, declarations_1.applyActiveFont)(font, previousFontFamily);
14
- }).catch(function (e) {
15
- console.error(e);
16
- });
17
- };
18
- };
19
- exports.loadActiveFont = loadActiveFont;
20
- //# sourceMappingURL=loadFonts.js.map
@@ -1 +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"}
@@ -1,25 +0,0 @@
1
- export declare type Category = 'sans-serif' | 'serif' | 'display' | 'handwriting' | 'monospace';
2
- export declare type Script = 'arabic' | 'bengali' | 'chinese-simplified' | 'chinese-traditional' | 'cyrillic' | 'cyrillic-ext' | 'devanagari' | 'greek' | 'greek-ext' | 'gujarati' | 'gurmukhi' | 'hebrew' | 'japanese' | 'kannada' | 'khmer' | 'korean' | 'latin' | 'latin-ext' | 'malayalam' | 'myanmar' | 'oriya' | 'sinhala' | 'tamil' | '​telugu' | 'thai' | 'vietnamese';
3
- export declare type SortOption = 'alphabet' | 'popularity';
4
- export declare type Variant = '100' | '100italic' | '200' | '200italic' | '300' | '300italic' | 'regular' | 'italic' | '500' | '500italic' | '600' | '600italic' | '700' | '700italic' | '800' | '800italic' | '900' | '900italic';
5
- export interface Font {
6
- family: string;
7
- id: string;
8
- category: Category;
9
- scripts: Script[];
10
- variants: Variant[];
11
- kind?: string;
12
- version?: string;
13
- lastModified?: string;
14
- files?: Record<Variant, string>;
15
- }
16
- export declare type FontList = Map<string, Font>;
17
- export interface Options {
18
- families: string[];
19
- categories: Category[];
20
- scripts: Script[];
21
- variants: Variant[];
22
- filter: (font: Font) => boolean;
23
- limit: number;
24
- }
25
- export declare const OPTIONS_DEFAULTS: Options;
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.OPTIONS_DEFAULTS = void 0;
4
- exports.OPTIONS_DEFAULTS = {
5
- families: [],
6
- categories: [],
7
- scripts: ['latin'],
8
- variants: ['regular'],
9
- filter: function () { return true; },
10
- limit: 50
11
- };
12
- //# sourceMappingURL=types.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/types.ts"],"names":[],"mappings":";;;AA2Ea,QAAA,gBAAgB,GAAY;IACrC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,MAAM,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;IAClB,KAAK,EAAE,EAAE;CACZ,CAAC"}
@@ -1,4 +0,0 @@
1
- /**
2
- * Return the fontId based on the provided font family
3
- */
4
- export declare const getFontId: (fontFamily: string) => string;
@@ -1,11 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getFontId = void 0;
4
- /**
5
- * Return the fontId based on the provided font family
6
- */
7
- var getFontId = function (fontFamily) {
8
- return fontFamily.replace(/\s+/g, '-').toLowerCase();
9
- };
10
- exports.getFontId = getFontId;
11
- //# sourceMappingURL=ids.js.map
@@ -1 +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"}
@@ -1,4 +0,0 @@
1
- /**
2
- * Execute a GET XMLHttpRequest and return the result
3
- */
4
- export declare const get: (url: string) => Promise<string>;
@@ -1,29 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.get = void 0;
4
- /**
5
- * Execute a GET XMLHttpRequest and return the result
6
- */
7
- var get = function (url) {
8
- return new Promise(function (resolve, reject) {
9
- var request = new XMLHttpRequest();
10
- request.overrideMimeType('application/json');
11
- request.open('GET', url, true);
12
- request.onreadystatechange = function () {
13
- // Request has completed
14
- if (request.readyState === 4) {
15
- if (request.status !== 200) {
16
- // On error
17
- reject(new Error("Response has status code ".concat(request.status)));
18
- }
19
- else {
20
- // On success
21
- resolve(request.responseText);
22
- }
23
- }
24
- };
25
- request.send();
26
- });
27
- };
28
- exports.get = get;
29
- //# sourceMappingURL=request.js.map
@@ -1 +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"}
@@ -1,2 +0,0 @@
1
- export declare const getFontId: (fontFamily: string) => string;
2
- export declare const get: (url: string) => Promise<string>;
@@ -1,30 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.get = exports.getFontId = void 0;
4
- var getFontId = function (fontFamily) {
5
- return fontFamily.replace(/\s+/g, '-').toLowerCase();
6
- };
7
- exports.getFontId = getFontId;
8
- var get = function (url) {
9
- return new Promise(function (resolve, reject) {
10
- var request = new XMLHttpRequest();
11
- request.overrideMimeType('application/json');
12
- request.open('GET', url, true);
13
- request.onreadystatechange = function () {
14
- // Request has completed
15
- if (request.readyState === 4) {
16
- if (request.status !== 200) {
17
- // On error
18
- reject(new Error("Response has status code ".concat(request.status)));
19
- }
20
- else {
21
- // On success
22
- resolve(request.responseText);
23
- }
24
- }
25
- };
26
- request.send();
27
- });
28
- };
29
- exports.get = get;
30
- //# sourceMappingURL=utils.js.map
@@ -1 +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"}
@@ -1,3 +0,0 @@
1
- export declare const getFontId: (fontFamily: string) => string;
2
- export declare const get: (url: string) => Promise<string>;
3
- export declare const getMatches: (regex: RegExp, str: string) => string[];
@@ -1,42 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getMatches = exports.get = exports.getFontId = void 0;
4
- var getFontId = function (fontFamily) {
5
- return fontFamily.replace(/\s+/g, '-').toLowerCase();
6
- };
7
- exports.getFontId = getFontId;
8
- var get = function (url) {
9
- return new Promise(function (resolve, reject) {
10
- var request = new XMLHttpRequest();
11
- request.overrideMimeType('application/json');
12
- request.open('GET', url, true);
13
- request.onreadystatechange = function () {
14
- // Request has completed
15
- if (request.readyState === 4) {
16
- if (request.status !== 200) {
17
- // On error
18
- reject(new Error("Response has status code ".concat(request.status)));
19
- }
20
- else {
21
- // On success
22
- resolve(request.responseText);
23
- }
24
- }
25
- };
26
- request.send();
27
- });
28
- };
29
- exports.get = get;
30
- var getMatches = function (regex, str) {
31
- var matches = [];
32
- var match;
33
- do {
34
- match = regex.exec(str);
35
- if (match) {
36
- matches.push(match[1]);
37
- }
38
- } while (match);
39
- return matches;
40
- };
41
- exports.getMatches = getMatches;
42
- //# sourceMappingURL=utils.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/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;AAEK,IAAM,UAAU,GAAG,UAAC,KAAa,EAAE,GAAW;IACjD,IAAM,OAAO,GAAa,EAAE,CAAC;IAC7B,IAAI,KAAK,CAAC;IACV,GAAG;QACC,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACxB,IAAI,KAAK,EAAE;YACP,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;SAC1B;KACJ,QAAQ,KAAK,EAAE;IAChB,OAAO,OAAO,CAAC;AACnB,CAAC,CAAC;AAVW,QAAA,UAAU,cAUrB"}
@@ -1,41 +0,0 @@
1
- import * as React from 'react';
2
- import FontManager from './font-manager/FontManager';
3
- import { Category, Font, Script, Variant } from './font-manager/types';
4
- interface IFontPickerProps {
5
- apiKey: string;
6
- activeFontFamily: string;
7
- onChange: (font: string) => void;
8
- families: string[];
9
- categories: Category[];
10
- scripts: Script[];
11
- variants: Variant[];
12
- filter: (font: Font) => boolean;
13
- limit: number;
14
- defaultFonts: any;
15
- customFonts?: any;
16
- }
17
- interface IFontPickerState {
18
- expanded: boolean;
19
- fonts: any;
20
- }
21
- export default class FontPicker extends React.PureComponent<IFontPickerProps, IFontPickerState> {
22
- fontManager: FontManager;
23
- static defaultProps: {
24
- activeFontFamily: string;
25
- families: string[];
26
- categories: Category[];
27
- scripts: Script[];
28
- variants: Variant[];
29
- filter: (font: Font) => boolean;
30
- limit: number;
31
- };
32
- constructor(props: any);
33
- componentDidUpdate: (prevProps: any) => void;
34
- private onClose;
35
- private onSelection;
36
- private setActiveFontFamily;
37
- private generateFontList;
38
- private toggleExpanded;
39
- render: () => JSX.Element;
40
- }
41
- export {};
@@ -1,125 +0,0 @@
1
- import * as React from 'react';
2
- import FontManager from './font-manager/FontManager';
3
- import { OPTIONS_DEFAULTS } from './font-manager/types';
4
- import { FONT_FAMILY_DEFAULT } from './font-manager/constants';
5
- import { createFontStyleSheets } from './font-manager/fontStyle';
6
- export default class FontPicker extends React.PureComponent {
7
- fontManager;
8
- static defaultProps = {
9
- activeFontFamily: FONT_FAMILY_DEFAULT,
10
- families: OPTIONS_DEFAULTS.families,
11
- categories: OPTIONS_DEFAULTS.categories,
12
- scripts: OPTIONS_DEFAULTS.scripts,
13
- variants: OPTIONS_DEFAULTS.variants,
14
- filter: OPTIONS_DEFAULTS.filter,
15
- limit: OPTIONS_DEFAULTS.limit
16
- };
17
- constructor(props) {
18
- super(props);
19
- const { apiKey, activeFontFamily, families, categories, scripts, variants, filter, limit, onChange } = this.props;
20
- this.state = {
21
- expanded: false,
22
- fonts: null
23
- };
24
- const options = {
25
- families,
26
- categories,
27
- scripts,
28
- variants,
29
- filter,
30
- limit
31
- };
32
- this.fontManager = new FontManager(apiKey, activeFontFamily, options, onChange);
33
- }
34
- componentDidUpdate = (prevProps) => {
35
- const { activeFontFamily, onChange, customFonts, defaultFonts } = this.props;
36
- if (prevProps.customFonts !== customFonts) {
37
- this.fontManager
38
- .init()
39
- .then((fontMap) => {
40
- const googleFonts = Array.from(fontMap.values()).filter((f) => f.files);
41
- const updateDefaultFonts = defaultFonts.map((f) => googleFonts.find((o) => o.family === f.family) || f);
42
- const uniqueFontFamilies = new Set();
43
- const uniqueFonts = updateDefaultFonts.filter((e) => {
44
- const isDup = uniqueFontFamilies.has(e.family);
45
- uniqueFontFamilies.add(e.family);
46
- if (!isDup) {
47
- return true;
48
- }
49
- return false;
50
- });
51
- this.setState({ fonts: uniqueFonts }, () => createFontStyleSheets(defaultFonts, uniqueFonts, customFonts));
52
- })
53
- .catch((err) => {
54
- console.error('Error trying to fetch the list of available fonts');
55
- console.error(err);
56
- });
57
- }
58
- if (activeFontFamily !== prevProps.activeFontFamily) {
59
- this.setActiveFontFamily(activeFontFamily);
60
- }
61
- if (onChange !== prevProps.onChange) {
62
- this.fontManager.setOnChange(onChange);
63
- }
64
- };
65
- onClose = (e) => {
66
- let targetEl = e.target;
67
- const fontPickerEl = document.getElementById(`font-picker`);
68
- while (true) {
69
- if (targetEl === fontPickerEl) {
70
- return;
71
- }
72
- if (targetEl.parentNode) {
73
- targetEl = targetEl.parentNode;
74
- }
75
- else {
76
- this.toggleExpanded();
77
- return;
78
- }
79
- }
80
- };
81
- onSelection = (e) => {
82
- const activeFontFamily = e.target.textContent;
83
- if (!activeFontFamily) {
84
- throw Error(`Missing font family in clicked font button`);
85
- }
86
- this.setActiveFontFamily(activeFontFamily);
87
- this.toggleExpanded();
88
- };
89
- setActiveFontFamily = (activeFontFamily) => {
90
- this.fontManager.setActiveFont(activeFontFamily);
91
- };
92
- generateFontList = () => {
93
- const { activeFontFamily, families } = this.props;
94
- return (React.createElement("ul", { className: 'font-list' }, families.map((font) => {
95
- const isActive = font === activeFontFamily;
96
- return (React.createElement("li", { key: font, className: 'font-list-item' },
97
- React.createElement("button", { type: 'button', id: `font-button-${font}`, className: `font-button ${isActive ? 'active-font' : ''}`, onClick: this.onSelection, onKeyDown: this.onSelection, style: { fontFamily: font } }, font)));
98
- })));
99
- };
100
- toggleExpanded = () => {
101
- const { expanded } = this.state;
102
- if (expanded) {
103
- this.setState({
104
- expanded: false
105
- });
106
- document.removeEventListener('click', () => this.onClose);
107
- }
108
- else {
109
- this.setState({
110
- expanded: true
111
- });
112
- document.addEventListener('click', () => this.onClose);
113
- }
114
- };
115
- render = () => {
116
- const { activeFontFamily } = this.props;
117
- const { expanded } = this.state;
118
- return (React.createElement("div", { id: `font-picker`, className: expanded ? 'expanded' : '' },
119
- React.createElement("button", { type: 'button', className: 'dropdown-button', onClick: this.toggleExpanded, onKeyDown: this.toggleExpanded },
120
- React.createElement("p", { className: 'dropdown-font-family' }, activeFontFamily),
121
- React.createElement("p", { className: 'dropdown-icon finished' })),
122
- this.generateFontList()));
123
- };
124
- }
125
- //# sourceMappingURL=FontPicker.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FontPicker.js","sourceRoot":"","sources":["../../../../src/components/font-picker/FontPicker.tsx"],"names":[],"mappings":"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"}