@imposium-hub/components 1.56.0 → 1.57.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 (54) hide show
  1. package/dist/cjs/components/font-picker/FontPicker.d.ts +44 -0
  2. package/dist/cjs/components/font-picker/FontPicker.js +182 -0
  3. package/dist/cjs/components/font-picker/FontPicker.js.map +1 -0
  4. package/dist/cjs/components/font-picker/font-manager/FontManager.d.ts +26 -0
  5. package/dist/cjs/components/font-picker/font-manager/FontManager.js +209 -0
  6. package/dist/cjs/components/font-picker/font-manager/FontManager.js.map +1 -0
  7. package/dist/cjs/components/font-picker/font-manager/constants.d.ts +4 -0
  8. package/dist/cjs/components/font-picker/font-manager/constants.js +8 -0
  9. package/dist/cjs/components/font-picker/font-manager/constants.js.map +1 -0
  10. package/dist/cjs/components/font-picker/font-manager/fontStyle.d.ts +1 -0
  11. package/dist/cjs/components/font-picker/font-manager/fontStyle.js +61 -0
  12. package/dist/cjs/components/font-picker/font-manager/fontStyle.js.map +1 -0
  13. package/dist/cjs/components/font-picker/font-manager/types.d.ts +25 -0
  14. package/dist/cjs/components/font-picker/font-manager/types.js +12 -0
  15. package/dist/cjs/components/font-picker/font-manager/types.js.map +1 -0
  16. package/dist/cjs/components/font-picker/font-manager/utils.d.ts +3 -0
  17. package/dist/cjs/components/font-picker/font-manager/utils.js +42 -0
  18. package/dist/cjs/components/font-picker/font-manager/utils.js.map +1 -0
  19. package/dist/cjs/index.d.ts +2 -1
  20. package/dist/cjs/index.js +3 -1
  21. package/dist/cjs/index.js.map +1 -1
  22. package/dist/esm/components/font-picker/FontPicker.d.ts +44 -0
  23. package/dist/esm/components/font-picker/FontPicker.js +134 -0
  24. package/dist/esm/components/font-picker/FontPicker.js.map +1 -0
  25. package/dist/esm/components/font-picker/font-manager/FontManager.d.ts +26 -0
  26. package/dist/esm/components/font-picker/font-manager/FontManager.js +105 -0
  27. package/dist/esm/components/font-picker/font-manager/FontManager.js.map +1 -0
  28. package/dist/esm/components/font-picker/font-manager/constants.d.ts +4 -0
  29. package/dist/esm/components/font-picker/font-manager/constants.js +5 -0
  30. package/dist/esm/components/font-picker/font-manager/constants.js.map +1 -0
  31. package/dist/esm/components/font-picker/font-manager/fontStyle.d.ts +1 -0
  32. package/dist/esm/components/font-picker/font-manager/fontStyle.js +65 -0
  33. package/dist/esm/components/font-picker/font-manager/fontStyle.js.map +1 -0
  34. package/dist/esm/components/font-picker/font-manager/types.d.ts +25 -0
  35. package/dist/esm/components/font-picker/font-manager/types.js +9 -0
  36. package/dist/esm/components/font-picker/font-manager/types.js.map +1 -0
  37. package/dist/esm/components/font-picker/font-manager/utils.d.ts +3 -0
  38. package/dist/esm/components/font-picker/font-manager/utils.js +36 -0
  39. package/dist/esm/components/font-picker/font-manager/utils.js.map +1 -0
  40. package/dist/esm/index.d.ts +2 -1
  41. package/dist/esm/index.js +2 -1
  42. package/dist/esm/index.js.map +1 -1
  43. package/dist/styles.css +107 -0
  44. package/dist/styles.less +132 -0
  45. package/less/components/font-picker.less +131 -0
  46. package/less/entry.less +2 -1
  47. package/package.json +1 -1
  48. package/src/components/font-picker/FontPicker.tsx +222 -0
  49. package/src/components/font-picker/font-manager/FontManager.ts +138 -0
  50. package/src/components/font-picker/font-manager/constants.ts +7 -0
  51. package/src/components/font-picker/font-manager/fontStyle.ts +78 -0
  52. package/src/components/font-picker/font-manager/types.ts +83 -0
  53. package/src/components/font-picker/font-manager/utils.ts +36 -0
  54. package/src/index.ts +3 -1
@@ -0,0 +1,42 @@
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
@@ -0,0 +1 @@
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"}
@@ -94,4 +94,5 @@ import { getFirstStoryInOrg, string2HexCode, toFixed, padStart, parameterizeServ
94
94
  import PublishStatusIndicator from './components/publish-wizard/publish/PublishStatusIndicator';
95
95
  import { getMediaPreviewStyle } from './utils/assets';
96
96
  import AdvancedNumberField from './components/advanced-number-field/AdvancedNumberField';
97
- export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, updateAssetStory };
97
+ import FontPicker from './components/font-picker/FontPicker';
98
+ export { AppWrapper, AuthGate, ImposiumHeader, ImposiumDropdown, Button, ButtonGroupField, ButtonMenu, ButtonMenuItem, Card, CheckboxField, ControlledList, DataTable, DataTablePaginator, FieldWrapper, HRule, ListField, Modal, AdvancedNumberField, NumberField, SelectField, ColorField, Tabs, ITab, Tag, TextField, TextAreaField, ToastService, SliderField, Section, DeterminateLoader, Spinner, NoAccess, ServiceIcon, LogViewer, StoryPreviewer, ShortcutMenu, Portal, AssetDetails, ImagePlayer, VideoPlayer, AudioPlayer, VideoPreview, ImagePreview, ImageSequencePlayer, AssetsTypeIcon, AssetsTableDateCell, AssetsTableDropzone, AssetsTablePreviewCell, AssetsTableSelectFilter, AssetsTableSelectCell, AssetsTableTypeFilter, AssetsTableTypeCell, AssetsTableStatusCell, AssetsTableNameFilter, AssetsTableNameCell, AssetsTableDurationCell, AssetsTableTagsCell, AssetsTableTagsFilter, AssetsTableTagsPivot, AssetsTableComplexTagCell, AssetField, AssetsUploadMenu, FontAssetPreview, DroppableAssetRenderer, PreviewNotAvailable, IStaticComposition, auth, login, clearCachedAuth, access, cacheAccessData, clearCachedAccessList, storyAdded, storyNameMutated, orgNameMutated, storyDeleted, updateFilters, getAssets, deleteAssets, addAssetTag, deleteAssetTag, updateAssetName, updateAssetData, doAssetTableHydration, toggleAutoTag, uploadAssets, selectAsset, deselectAsset, resetSelection, assetFilters, assetList, assetUploads, selectedAssets, getAssetTagList, addAssetTagToList, assetTags, assetActions, activeBatch, batchActions, AuthService, IIdentity, SessionService, IHubSession, API, IImposiumAPI, LegacyAPI, StorageService, Timer, validateAccessLevel, getFirstStoryInOrg, string2HexCode, parameterizeServiceUrl, scrapeEmail, fitToContainer, formattedTime, filterHotkeys, mimetypeConformsToOverlay, validateAssetMimetype, toFixed, padStart, formatDateDefault, ASSET_TYPES, publish, publishVersion, clearStoryPublishStatus, getStoryPublishStatus, PublishStatusIndicator, AnchorField, SMPTEField, getMediaPreviewStyle, HEADER_HEIGHT, decoupleAssets, updateAssetStory, FontPicker };
package/dist/cjs/index.js CHANGED
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.AssetsTableTypeFilter = exports.AssetsTableSelectCell = exports.AssetsTableSelectFilter = exports.AssetsTablePreviewCell = exports.AssetsTableDropzone = exports.AssetsTableDateCell = exports.AssetsTypeIcon = exports.ImageSequencePlayer = exports.ImagePreview = exports.VideoPreview = exports.AudioPlayer = exports.VideoPlayer = exports.ImagePlayer = exports.AssetDetails = exports.Portal = exports.ShortcutMenu = exports.StoryPreviewer = exports.LogViewer = exports.ServiceIcon = exports.NoAccess = exports.Spinner = exports.DeterminateLoader = exports.Section = exports.SliderField = exports.ToastService = exports.TextAreaField = exports.TextField = exports.Tag = exports.Tabs = exports.ColorField = exports.SelectField = exports.NumberField = exports.AdvancedNumberField = exports.Modal = exports.ListField = exports.HRule = exports.FieldWrapper = exports.DataTablePaginator = exports.DataTable = exports.ControlledList = exports.CheckboxField = exports.Card = exports.ButtonMenuItem = exports.ButtonMenu = exports.ButtonGroupField = exports.Button = exports.ImposiumDropdown = exports.ImposiumHeader = exports.AuthGate = exports.AppWrapper = void 0;
7
7
  exports.API = exports.SessionService = exports.AuthService = exports.batchActions = exports.activeBatch = exports.assetActions = exports.assetTags = exports.addAssetTagToList = exports.getAssetTagList = exports.selectedAssets = exports.assetUploads = exports.assetList = exports.assetFilters = exports.resetSelection = exports.deselectAsset = exports.selectAsset = exports.uploadAssets = exports.toggleAutoTag = exports.doAssetTableHydration = exports.updateAssetData = exports.updateAssetName = exports.deleteAssetTag = exports.addAssetTag = exports.deleteAssets = exports.getAssets = exports.updateFilters = exports.storyDeleted = exports.orgNameMutated = exports.storyNameMutated = exports.storyAdded = exports.clearCachedAccessList = exports.cacheAccessData = exports.access = exports.clearCachedAuth = exports.login = exports.auth = exports.PreviewNotAvailable = exports.DroppableAssetRenderer = exports.FontAssetPreview = exports.AssetsUploadMenu = exports.AssetField = exports.AssetsTableComplexTagCell = exports.AssetsTableTagsPivot = exports.AssetsTableTagsFilter = exports.AssetsTableTagsCell = exports.AssetsTableDurationCell = exports.AssetsTableNameCell = exports.AssetsTableNameFilter = exports.AssetsTableStatusCell = exports.AssetsTableTypeCell = void 0;
8
- exports.updateAssetStory = exports.decoupleAssets = exports.HEADER_HEIGHT = exports.getMediaPreviewStyle = exports.SMPTEField = exports.AnchorField = exports.PublishStatusIndicator = exports.getStoryPublishStatus = exports.clearStoryPublishStatus = exports.publishVersion = exports.publish = exports.ASSET_TYPES = exports.formatDateDefault = exports.padStart = exports.toFixed = exports.validateAssetMimetype = exports.mimetypeConformsToOverlay = exports.filterHotkeys = exports.formattedTime = exports.fitToContainer = exports.scrapeEmail = exports.parameterizeServiceUrl = exports.string2HexCode = exports.getFirstStoryInOrg = exports.validateAccessLevel = exports.Timer = exports.StorageService = exports.LegacyAPI = void 0;
8
+ exports.FontPicker = exports.updateAssetStory = exports.decoupleAssets = exports.HEADER_HEIGHT = exports.getMediaPreviewStyle = exports.SMPTEField = exports.AnchorField = exports.PublishStatusIndicator = exports.getStoryPublishStatus = exports.clearStoryPublishStatus = exports.publishVersion = exports.publish = exports.ASSET_TYPES = exports.formatDateDefault = exports.padStart = exports.toFixed = exports.validateAssetMimetype = exports.mimetypeConformsToOverlay = exports.filterHotkeys = exports.formattedTime = exports.fitToContainer = exports.scrapeEmail = exports.parameterizeServiceUrl = exports.string2HexCode = exports.getFirstStoryInOrg = exports.validateAccessLevel = exports.Timer = exports.StorageService = exports.LegacyAPI = void 0;
9
9
  /*
10
10
  React Components
11
11
  */
@@ -241,4 +241,6 @@ var assets_2 = require("./utils/assets");
241
241
  Object.defineProperty(exports, "getMediaPreviewStyle", { enumerable: true, get: function () { return assets_2.getMediaPreviewStyle; } });
242
242
  var AdvancedNumberField_1 = __importDefault(require("./components/advanced-number-field/AdvancedNumberField"));
243
243
  exports.AdvancedNumberField = AdvancedNumberField_1.default;
244
+ var FontPicker_1 = __importDefault(require("./components/font-picker/FontPicker"));
245
+ exports.FontPicker = FontPicker_1.default;
244
246
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,44 @@
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
+ private clickOutsideHandler;
33
+ constructor(props: any);
34
+ compoenntDidMount(): void;
35
+ componentWillUnmount(): void;
36
+ componentDidUpdate: (prevProps: any) => void;
37
+ private onClose;
38
+ private onSelection;
39
+ private setActiveFontFamily;
40
+ private generateFontList;
41
+ private toggleExpanded;
42
+ render: () => JSX.Element;
43
+ }
44
+ export {};
@@ -0,0 +1,134 @@
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
+ clickOutsideHandler;
18
+ constructor(props) {
19
+ super(props);
20
+ const { apiKey, activeFontFamily, families, categories, scripts, variants, filter, limit, onChange } = this.props;
21
+ this.state = {
22
+ expanded: false,
23
+ fonts: null
24
+ };
25
+ const options = {
26
+ families,
27
+ categories,
28
+ scripts,
29
+ variants,
30
+ filter,
31
+ limit
32
+ };
33
+ this.fontManager = new FontManager(apiKey, activeFontFamily, options, onChange);
34
+ }
35
+ compoenntDidMount() {
36
+ this.clickOutsideHandler = (e) => this.onClose(e);
37
+ }
38
+ componentWillUnmount() {
39
+ this.clickOutsideHandler = (e) => {
40
+ return;
41
+ };
42
+ }
43
+ componentDidUpdate = (prevProps) => {
44
+ const { activeFontFamily, onChange, customFonts, defaultFonts } = this.props;
45
+ if (prevProps.customFonts !== customFonts) {
46
+ this.fontManager
47
+ .init()
48
+ .then((fontMap) => {
49
+ const googleFonts = Array.from(fontMap.values()).filter((f) => f.files);
50
+ const updateDefaultFonts = defaultFonts.map((f) => googleFonts.find((o) => o.family === f.family) || f);
51
+ const uniqueFontFamilies = new Set();
52
+ const uniqueFonts = updateDefaultFonts.filter((e) => {
53
+ const isDup = uniqueFontFamilies.has(e.family);
54
+ uniqueFontFamilies.add(e.family);
55
+ if (!isDup) {
56
+ return true;
57
+ }
58
+ return false;
59
+ });
60
+ this.setState({ fonts: uniqueFonts }, () => createFontStyleSheets(defaultFonts, uniqueFonts, customFonts));
61
+ })
62
+ .catch((err) => {
63
+ console.error('Error trying to fetch the list of available fonts');
64
+ console.error(err);
65
+ });
66
+ }
67
+ if (activeFontFamily !== prevProps.activeFontFamily) {
68
+ this.setActiveFontFamily(activeFontFamily);
69
+ }
70
+ if (onChange !== prevProps.onChange) {
71
+ this.fontManager.setOnChange(onChange);
72
+ }
73
+ };
74
+ onClose = (e) => {
75
+ let targetEl = e.target;
76
+ const fontPickerEl = document.getElementById(`font-picker`);
77
+ while (true) {
78
+ if (targetEl === fontPickerEl) {
79
+ return;
80
+ }
81
+ if (targetEl.parentNode) {
82
+ targetEl = targetEl.parentNode;
83
+ }
84
+ else {
85
+ this.toggleExpanded();
86
+ return;
87
+ }
88
+ }
89
+ };
90
+ onSelection = (e) => {
91
+ const activeFontFamily = e.target.textContent;
92
+ if (!activeFontFamily) {
93
+ throw Error(`Missing font family in clicked font button`);
94
+ }
95
+ this.setActiveFontFamily(activeFontFamily);
96
+ this.toggleExpanded();
97
+ };
98
+ setActiveFontFamily = (activeFontFamily) => {
99
+ this.fontManager.setActiveFont(activeFontFamily);
100
+ };
101
+ generateFontList = () => {
102
+ const { activeFontFamily, families } = this.props;
103
+ return (React.createElement("ul", { className: 'font-list' }, families.map((font) => {
104
+ const isActive = font === activeFontFamily;
105
+ return (React.createElement("li", { key: font, className: 'font-list-item' },
106
+ 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)));
107
+ })));
108
+ };
109
+ toggleExpanded = () => {
110
+ const { expanded } = this.state;
111
+ if (expanded) {
112
+ this.setState({
113
+ expanded: false
114
+ });
115
+ document.removeEventListener('click', this.clickOutsideHandler);
116
+ }
117
+ else {
118
+ this.setState({
119
+ expanded: true
120
+ });
121
+ document.addEventListener('click', this.clickOutsideHandler);
122
+ }
123
+ };
124
+ render = () => {
125
+ const { activeFontFamily } = this.props;
126
+ const { expanded } = this.state;
127
+ return (React.createElement("div", { id: `font-picker`, className: expanded ? 'expanded' : '' },
128
+ React.createElement("button", { type: 'button', className: 'dropdown-button', onClick: this.toggleExpanded, onKeyDown: this.toggleExpanded },
129
+ React.createElement("p", { className: 'dropdown-font-family' }, activeFontFamily),
130
+ React.createElement("p", { className: 'dropdown-icon finished' })),
131
+ this.generateFontList()));
132
+ };
133
+ }
134
+ //# sourceMappingURL=FontPicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FontPicker.js","sourceRoot":"","sources":["../../../../src/components/font-picker/FontPicker.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,26 @@
1
+ import { FontList, Options } from './types';
2
+ export default class FontManager {
3
+ private readonly apiKey;
4
+ private readonly options;
5
+ private onChange;
6
+ private fonts;
7
+ constructor(apiKey: string, defaultFamily: string, { families, categories, scripts, variants, filter, limit }: Options, onChange: (font: string) => void);
8
+ /**
9
+ * Fetch list of all fonts from Google Fonts API, filter it according to the class parameters and
10
+ * save them to the font map
11
+ */
12
+ init(): Promise<FontList>;
13
+ private getFontList;
14
+ /**
15
+ * Add a new font to the font map and download its preview characters
16
+ */
17
+ private addFont;
18
+ /**
19
+ * Set the specified font as the active font and download it
20
+ */
21
+ setActiveFont(fontFamily: string): void;
22
+ /**
23
+ * Update the onChange function (executed when changing the active font)
24
+ */
25
+ setOnChange(onChange: (font: string) => void): void;
26
+ }
@@ -0,0 +1,105 @@
1
+ import { OPTIONS_DEFAULTS } from './types';
2
+ import { FONT_FAMILY_DEFAULT, LIST_BASE_URL } from './constants';
3
+ import { getFontId, get } from './utils';
4
+ export default class FontManager {
5
+ apiKey;
6
+ options;
7
+ onChange;
8
+ fonts = new Map();
9
+ constructor(apiKey, defaultFamily = FONT_FAMILY_DEFAULT, { families = OPTIONS_DEFAULTS.families, categories = OPTIONS_DEFAULTS.categories, scripts = OPTIONS_DEFAULTS.scripts, variants = OPTIONS_DEFAULTS.variants, filter = OPTIONS_DEFAULTS.filter, limit = OPTIONS_DEFAULTS.limit }, onChange) {
10
+ // Save parameters as class variables
11
+ this.apiKey = apiKey;
12
+ this.options = {
13
+ families,
14
+ categories,
15
+ scripts,
16
+ variants,
17
+ filter,
18
+ limit
19
+ };
20
+ this.onChange = onChange;
21
+ // Download default font and add it to the empty font list
22
+ this.addFont(defaultFamily);
23
+ this.setActiveFont(defaultFamily);
24
+ }
25
+ /**
26
+ * Fetch list of all fonts from Google Fonts API, filter it according to the class parameters and
27
+ * save them to the font map
28
+ */
29
+ async init() {
30
+ // Get list of all fonts
31
+ const fonts = await this.getFontList(this.apiKey);
32
+ // Save desired fonts in the font map
33
+ for (const font of fonts) {
34
+ // const font = fonts[i];
35
+ // Exit once specified limit of number of fonts is reached
36
+ if (this.fonts.size >= this.options.limit) {
37
+ break;
38
+ }
39
+ if (
40
+ // Skip default font if it is also contained in the list
41
+ !this.fonts.has(font.family) &&
42
+ // `families` parameter: Only keep fonts whose names are included in the provided array
43
+ (this.options.families.length === 0 ||
44
+ this.options.families.includes(font.family)) &&
45
+ // `categories` parameter: only keep fonts in categories from the provided array
46
+ (this.options.categories.length === 0 ||
47
+ this.options.categories.includes(font.category)) &&
48
+ // `scripts` parameter: Only keep fonts which are available in all specified scripts
49
+ this.options.scripts.every((script) => font.scripts.includes(script)) &&
50
+ // `variants` parameter: Only keep fonts which contain all specified variants
51
+ this.options.variants.every((variant) => font.variants.includes(variant)) &&
52
+ // `filter` parameter: Only keep fonts for which the `filter` function evaluates to `true`
53
+ this.options.filter(font) === true) {
54
+ // Font fulfils all requirements: Add it to font map
55
+ this.fonts.set(font.family, font);
56
+ }
57
+ }
58
+ return this.fonts;
59
+ }
60
+ async getFontList(apiKey) {
61
+ const url = new URL(LIST_BASE_URL);
62
+ url.searchParams.append('sort', 'popularity');
63
+ url.searchParams.append('key', apiKey);
64
+ const response = await get(url.href);
65
+ const fontsOriginal = JSON.parse(response).items;
66
+ return fontsOriginal.map((fontOriginal) => {
67
+ const { family, subsets, ...others } = fontOriginal;
68
+ return {
69
+ ...others,
70
+ family,
71
+ id: getFontId(family),
72
+ scripts: subsets
73
+ };
74
+ });
75
+ }
76
+ /**
77
+ * Add a new font to the font map and download its preview characters
78
+ */
79
+ addFont(fontFamily) {
80
+ const font = {
81
+ family: fontFamily,
82
+ id: getFontId(fontFamily),
83
+ variants: [],
84
+ category: 'display',
85
+ scripts: []
86
+ };
87
+ this.fonts.set(fontFamily, font);
88
+ }
89
+ /**
90
+ * Set the specified font as the active font and download it
91
+ */
92
+ setActiveFont(fontFamily) {
93
+ const runOnChange = fontFamily !== 'Font not found';
94
+ if (runOnChange) {
95
+ this.onChange(fontFamily);
96
+ }
97
+ }
98
+ /**
99
+ * Update the onChange function (executed when changing the active font)
100
+ */
101
+ setOnChange(onChange) {
102
+ this.onChange = onChange;
103
+ }
104
+ }
105
+ //# sourceMappingURL=FontManager.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FontManager.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/FontManager.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ export declare const FONT_BASE_URL = "https://fonts.googleapis.com/css2";
2
+ export declare const LIST_BASE_URL = "https://www.googleapis.com/webfonts/v1/webfonts";
3
+ export declare const FONT_FACE_REGEX: RegExp;
4
+ export declare const FONT_FAMILY_DEFAULT = "Open Sans";
@@ -0,0 +1,5 @@
1
+ export const FONT_BASE_URL = 'https://fonts.googleapis.com/css2';
2
+ export const LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
3
+ export const FONT_FACE_REGEX = /@font-face {([\s\S]*?)}/gm;
4
+ export const FONT_FAMILY_DEFAULT = 'Open Sans';
5
+ //# sourceMappingURL=constants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,mCAAmC,CAAC;AAEjE,MAAM,CAAC,MAAM,aAAa,GAAG,iDAAiD,CAAC;AAE/E,MAAM,CAAC,MAAM,eAAe,GAAG,2BAA2B,CAAC;AAE3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const createFontStyleSheets: (defaultFonts: any, uniqueFonts: any, availableFonts?: any) => void;
@@ -0,0 +1,65 @@
1
+ import { FONT_BASE_URL, FONT_FACE_REGEX } from './constants';
2
+ import { get, getMatches } from './utils';
3
+ export const createFontStyleSheets = (defaultFonts, uniqueFonts, availableFonts) => {
4
+ defaultFonts.map((font) => {
5
+ const fonts = uniqueFonts.find((f) => f.family === font.family);
6
+ const fontId = font.name.toLowerCase().split(' ').join('-');
7
+ // non Google Font style
8
+ if (fonts?.file) {
9
+ fillFontStyleSheets(fontId, font);
10
+ }
11
+ // google font style
12
+ if (fonts?.files) {
13
+ const fontURL = new URL(FONT_BASE_URL);
14
+ fontURL.searchParams.append('family', `${font.family}:wght@${font.weight}`);
15
+ fontURL.searchParams.append('text', font.name);
16
+ fontURL.searchParams.append('font-display', 'swap');
17
+ get(fontURL.href)
18
+ .then((res) => {
19
+ const rule = getMatches(FONT_FACE_REGEX, res);
20
+ const updateFont = rule[rule.length - 1].replace(font.family, font.name);
21
+ fillFontStyleSheets(fontId, updateFont, font.name);
22
+ })
23
+ .catch((e) => console.error(e));
24
+ }
25
+ });
26
+ // custom font style
27
+ if (availableFonts) {
28
+ availableFonts.map((font) => {
29
+ const fontId = font.name.toLowerCase();
30
+ fillFontStyleSheets(fontId, font);
31
+ });
32
+ }
33
+ };
34
+ const fillFontStyleSheets = (fontId, font, fontName) => {
35
+ let stylesheetNode = document.getElementById(`font-${fontId}`);
36
+ const { weight, file, url, name, family } = font;
37
+ const fontFamily = name !== family ? name : family;
38
+ const fontWeight = weight ? `font-weight: ${weight};` : '';
39
+ const fontUrl = file ? `fonts/${file}` : `${url}`;
40
+ if (stylesheetNode === null) {
41
+ stylesheetNode = stylesheetNode;
42
+ stylesheetNode = document.createElement('style');
43
+ if (stylesheetNode !== null) {
44
+ stylesheetNode.id = `font-${fontId}`;
45
+ stylesheetNode.setAttribute('data-is-preview', 'true');
46
+ // non-google and custom fonts style
47
+ if (fontFamily && fontFamily && fontUrl) {
48
+ stylesheetNode.textContent = `
49
+ @font-face {
50
+ font-family: ${fontFamily};
51
+ ${fontWeight}
52
+ src: url(${fontUrl});
53
+ }`;
54
+ }
55
+ if (fontName) {
56
+ stylesheetNode.textContent = `
57
+ @font-face {
58
+ ${font.replace(`'${fontName}'`, fontName)}
59
+ }`;
60
+ }
61
+ document.head.appendChild(stylesheetNode);
62
+ }
63
+ }
64
+ };
65
+ //# sourceMappingURL=fontStyle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/fontStyle.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,25 @@
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;
@@ -0,0 +1,9 @@
1
+ export const OPTIONS_DEFAULTS = {
2
+ families: [],
3
+ categories: [],
4
+ scripts: ['latin'],
5
+ variants: ['regular'],
6
+ filter: () => true,
7
+ limit: 50
8
+ };
9
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/types.ts"],"names":[],"mappings":"AA2EA,MAAM,CAAC,MAAM,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,GAAG,EAAE,CAAC,IAAI;IAClB,KAAK,EAAE,EAAE;CACZ,CAAC"}
@@ -0,0 +1,3 @@
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[];
@@ -0,0 +1,36 @@
1
+ export const getFontId = (fontFamily) => {
2
+ return fontFamily.replace(/\s+/g, '-').toLowerCase();
3
+ };
4
+ export const get = (url) => {
5
+ return new Promise((resolve, reject) => {
6
+ const request = new XMLHttpRequest();
7
+ request.overrideMimeType('application/json');
8
+ request.open('GET', url, true);
9
+ request.onreadystatechange = () => {
10
+ // Request has completed
11
+ if (request.readyState === 4) {
12
+ if (request.status !== 200) {
13
+ // On error
14
+ reject(new Error(`Response has status code ${request.status}`));
15
+ }
16
+ else {
17
+ // On success
18
+ resolve(request.responseText);
19
+ }
20
+ }
21
+ };
22
+ request.send();
23
+ });
24
+ };
25
+ export const getMatches = (regex, str) => {
26
+ const matches = [];
27
+ let match;
28
+ do {
29
+ match = regex.exec(str);
30
+ if (match) {
31
+ matches.push(match[1]);
32
+ }
33
+ } while (match);
34
+ return matches;
35
+ };
36
+ //# sourceMappingURL=utils.js.map