@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.
- package/dist/cjs/components/font-picker/FontPicker.d.ts +44 -0
- package/dist/cjs/components/font-picker/FontPicker.js +182 -0
- package/dist/cjs/components/font-picker/FontPicker.js.map +1 -0
- package/dist/cjs/components/font-picker/font-manager/FontManager.d.ts +26 -0
- package/dist/cjs/components/font-picker/font-manager/FontManager.js +209 -0
- package/dist/cjs/components/font-picker/font-manager/FontManager.js.map +1 -0
- package/dist/cjs/components/font-picker/font-manager/constants.d.ts +4 -0
- package/dist/cjs/components/font-picker/font-manager/constants.js +8 -0
- package/dist/cjs/components/font-picker/font-manager/constants.js.map +1 -0
- package/dist/cjs/components/font-picker/font-manager/fontStyle.d.ts +1 -0
- package/dist/cjs/components/font-picker/font-manager/fontStyle.js +61 -0
- package/dist/cjs/components/font-picker/font-manager/fontStyle.js.map +1 -0
- package/dist/cjs/components/font-picker/font-manager/types.d.ts +25 -0
- package/dist/cjs/components/font-picker/font-manager/types.js +12 -0
- package/dist/cjs/components/font-picker/font-manager/types.js.map +1 -0
- package/dist/cjs/components/font-picker/font-manager/utils.d.ts +3 -0
- package/dist/cjs/components/font-picker/font-manager/utils.js +42 -0
- package/dist/cjs/components/font-picker/font-manager/utils.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/font-picker/FontPicker.d.ts +44 -0
- package/dist/esm/components/font-picker/FontPicker.js +134 -0
- package/dist/esm/components/font-picker/FontPicker.js.map +1 -0
- package/dist/esm/components/font-picker/font-manager/FontManager.d.ts +26 -0
- package/dist/esm/components/font-picker/font-manager/FontManager.js +105 -0
- package/dist/esm/components/font-picker/font-manager/FontManager.js.map +1 -0
- package/dist/esm/components/font-picker/font-manager/constants.d.ts +4 -0
- package/dist/esm/components/font-picker/font-manager/constants.js +5 -0
- package/dist/esm/components/font-picker/font-manager/constants.js.map +1 -0
- package/dist/esm/components/font-picker/font-manager/fontStyle.d.ts +1 -0
- package/dist/esm/components/font-picker/font-manager/fontStyle.js +65 -0
- package/dist/esm/components/font-picker/font-manager/fontStyle.js.map +1 -0
- package/dist/esm/components/font-picker/font-manager/types.d.ts +25 -0
- package/dist/esm/components/font-picker/font-manager/types.js +9 -0
- package/dist/esm/components/font-picker/font-manager/types.js.map +1 -0
- package/dist/esm/components/font-picker/font-manager/utils.d.ts +3 -0
- package/dist/esm/components/font-picker/font-manager/utils.js +36 -0
- package/dist/esm/components/font-picker/font-manager/utils.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/styles.css +107 -0
- package/dist/styles.less +132 -0
- package/less/components/font-picker.less +131 -0
- package/less/entry.less +2 -1
- package/package.json +1 -1
- package/src/components/font-picker/FontPicker.tsx +222 -0
- package/src/components/font-picker/font-manager/FontManager.ts +138 -0
- package/src/components/font-picker/font-manager/constants.ts +7 -0
- package/src/components/font-picker/font-manager/fontStyle.ts +78 -0
- package/src/components/font-picker/font-manager/types.ts +83 -0
- package/src/components/font-picker/font-manager/utils.ts +36 -0
- 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"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -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
|
-
|
|
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
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;AAAA;;GAEG;AACH,mFAA6D;
|
|
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,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 @@
|
|
|
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,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
|