@plaudit/gutenberg-api-extensions 2.40.2 → 2.41.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/build/blocks/common-native-property-constructors.d.ts +6 -4
- package/build/blocks/common-native-property-constructors.js +99 -92
- package/build/blocks/common-native-property-constructors.js.map +1 -1
- package/build/blocks/data-store-list-holder.d.ts +2 -3
- package/build/blocks/data-store-list-holder.js.map +1 -1
- package/build/blocks/object-data-store.d.ts +6 -11
- package/build/blocks/object-data-store.js.map +1 -1
- package/build/blocks/simple-native-property-impl.js.map +1 -1
- package/build/blocks/snp-group-component.d.ts +2 -3
- package/build/blocks/snp-group-component.js.map +1 -1
- package/build/controls/AsynchronousFormTokenField.d.ts +17 -8
- package/build/controls/AsynchronousFormTokenField.js +20 -107
- package/build/controls/AsynchronousFormTokenField.js.map +1 -1
- package/build/controls/ExtendedPostPicker.d.ts +16 -8
- package/build/controls/ExtendedPostPicker.js +27 -23
- package/build/controls/ExtendedPostPicker.js.map +1 -1
- package/build/controls/ExtendedRadioControl.js +10 -9
- package/build/controls/ExtendedRadioControl.js.map +1 -1
- package/build/controls/ImageControl.js +20 -11
- package/build/controls/ImageControl.js.map +1 -1
- package/build/controls/LazySuggestionsComboboxControl.js +21 -85
- package/build/controls/LazySuggestionsComboboxControl.js.map +1 -1
- package/build/controls/MultiSelectControl.d.ts +1 -1
- package/build/controls/MultiSelectControl.js +26 -20
- package/build/controls/MultiSelectControl.js.map +1 -1
- package/build/controls/PromisableComponent.d.ts +10 -0
- package/build/controls/PromisableComponent.js +23 -0
- package/build/controls/PromisableComponent.js.map +1 -0
- package/build/controls/ProperLinkControl.d.ts +3 -1
- package/build/controls/ProperLinkControl.js +8 -4
- package/build/controls/ProperLinkControl.js.map +1 -1
- package/build/controls/SimpleToggle.js +3 -1
- package/build/controls/SimpleToggle.js.map +1 -1
- package/build/controls/SortableItemsControl.js +35 -74
- package/build/controls/SortableItemsControl.js.map +1 -1
- package/build/controls/hooks/useDragHandler.d.ts +9 -0
- package/build/controls/hooks/useDragHandler.js +55 -0
- package/build/controls/hooks/useDragHandler.js.map +1 -0
- package/build/controls/hooks/useMultiSingleConversionLayer.d.ts +4 -0
- package/build/controls/hooks/useMultiSingleConversionLayer.js +13 -0
- package/build/controls/hooks/useMultiSingleConversionLayer.js.map +1 -0
- package/build/controls/hooks/useNonRenderingCounter.d.ts +3 -0
- package/build/controls/hooks/useNonRenderingCounter.js +6 -0
- package/build/controls/hooks/useNonRenderingCounter.js.map +1 -0
- package/build/controls/hooks/useSuggestions.d.ts +15 -0
- package/build/controls/hooks/useSuggestions.js +74 -0
- package/build/controls/hooks/useSuggestions.js.map +1 -0
- package/build/controls/hooks/useTokenManager.d.ts +11 -0
- package/build/controls/hooks/useTokenManager.js +147 -0
- package/build/controls/hooks/useTokenManager.js.map +1 -0
- package/build/controls/index.d.ts +1 -1
- package/build/controls/index.js +1 -1
- package/build/controls/index.js.map +1 -1
- package/build/controls/shared.d.ts +1 -0
- package/build/controls/shared.js +6 -0
- package/build/controls/shared.js.map +1 -1
- package/build/controls/types.d.ts +3 -0
- package/package.json +1 -1
- package/styles/editor.pcss +7 -0
- package/build/controls/PromiseableComponent.d.ts +0 -14
- package/build/controls/PromiseableComponent.js +0 -24
- package/build/controls/PromiseableComponent.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDragHandler.js","sourceRoot":"","sources":["../../../src/controls/hooks/useDragHandler.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { TokenItem } from "@wordpress/components/build-types/form-token-field/types";
|
|
2
|
+
export type ValueConverter = [string[], (value: TokenItem[]) => void];
|
|
3
|
+
export declare function useMultiSingleConversionLayer(value: string | undefined, onChange: (token: string) => void, makeTokenFromSuggestion: (suggestion: string) => TokenItem, multiple: false): ValueConverter;
|
|
4
|
+
export declare function useMultiSingleConversionLayer(value: string[] | undefined, onChange: (tokens: string[]) => void, makeTokenFromSuggestion: (suggestion: string) => TokenItem, multiple: true | undefined): ValueConverter;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useMemo } from "@wordpress/element";
|
|
2
|
+
import { useCallback } from "react";
|
|
3
|
+
export function useMultiSingleConversionLayer(value, onChange, makeTokenFromSuggestion, multiple) {
|
|
4
|
+
return [
|
|
5
|
+
useMemo(() => value === undefined ? [] : (Array.isArray(value) ? value : [value]), [value]),
|
|
6
|
+
useCallback(tokens => {
|
|
7
|
+
const bareTokens = tokens.filter(token => token.status === 'success').map(token => token.value);
|
|
8
|
+
onChange((multiple ? bareTokens : bareTokens[0]));
|
|
9
|
+
// setCurrentTokens(tokenItems);
|
|
10
|
+
}, [onChange, makeTokenFromSuggestion, multiple])
|
|
11
|
+
];
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=useMultiSingleConversionLayer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMultiSingleConversionLayer.js","sourceRoot":"","sources":["../../../src/controls/hooks/useMultiSingleConversionLayer.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,EAAC,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAWlC,MAAM,UAAU,6BAA6B,CAC5C,KAAgC,EAAE,QAAgE,EAClG,uBAA0D,EAAE,QAA2B;IAEvF,OAAO;QACN,OAAO,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QAC3F,WAAW,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YAChG,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAQ,CAAC,CAAC;YACzD,gCAAgC;QACjC,CAAC,EAAE,CAAC,QAAQ,EAAE,uBAAuB,EAAE,QAAQ,CAAC,CAAC;KACjD,CAAC;AACH,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useNonRenderingCounter.js","sourceRoot":"","sources":["../../../src/controls/hooks/useNonRenderingCounter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,oBAAoB,CAAC;AAE1C,MAAM,UAAU,sBAAsB,CAAC,YAAY,GAAG,CAAC;IACtD,IAAI,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;IACjC,OAAO,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;AACvC,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type UseSuggestionsArgs<T> = {
|
|
3
|
+
expandOnFocus?: boolean;
|
|
4
|
+
getOption?: (value?: string) => Promise<T | undefined>;
|
|
5
|
+
getSuggestions(filterValue: string): Promise<T[]>;
|
|
6
|
+
};
|
|
7
|
+
export declare function useSuggestions<T>(initialValue: string | null | undefined, { expandOnFocus, getOption, getSuggestions }: UseSuggestionsArgs<T>): {
|
|
8
|
+
hasLoadingError: boolean;
|
|
9
|
+
isInitializing: boolean;
|
|
10
|
+
isLoading: boolean;
|
|
11
|
+
input: string;
|
|
12
|
+
setInput: import("react").Dispatch<import("react").SetStateAction<string>>;
|
|
13
|
+
suggestions: T[];
|
|
14
|
+
};
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { useEffect, useRef, useState } from "@wordpress/element";
|
|
2
|
+
import { useNonRenderingCounter } from "./useNonRenderingCounter";
|
|
3
|
+
import { useReducer } from "react";
|
|
4
|
+
function useSimpleDebouncer(delay) {
|
|
5
|
+
const { current: timerState } = useRef({});
|
|
6
|
+
return (action) => {
|
|
7
|
+
if (timerState.timerId !== undefined) {
|
|
8
|
+
clearTimeout(timerState.timerId);
|
|
9
|
+
}
|
|
10
|
+
timerState.timerId = setTimeout(() => {
|
|
11
|
+
timerState.timerId = undefined;
|
|
12
|
+
action();
|
|
13
|
+
}, delay);
|
|
14
|
+
};
|
|
15
|
+
}
|
|
16
|
+
export function useSuggestions(initialValue, { expandOnFocus, getOption, getSuggestions }) {
|
|
17
|
+
const suggestionRequestDebouncer = useSimpleDebouncer(200);
|
|
18
|
+
const [requestId, nextRequestId] = useNonRenderingCounter();
|
|
19
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
20
|
+
const [latestSuggestions, dispatchSuggestionsUpdate] = useReducer((useSuggestionSuggestionUpdateReducer), { hasLoadingError: false, requestId: 0, suggestions: [] });
|
|
21
|
+
const [input, setInput] = useState(initialValue ?? "");
|
|
22
|
+
useEffect(() => {
|
|
23
|
+
const myRequestId = nextRequestId();
|
|
24
|
+
if (getOption === undefined) {
|
|
25
|
+
dispatchSuggestionsUpdate({ hasLoadingError: false, suggestions: [], requestId: myRequestId });
|
|
26
|
+
return;
|
|
27
|
+
}
|
|
28
|
+
if (!expandOnFocus && input.length < 2) {
|
|
29
|
+
dispatchSuggestionsUpdate({ hasLoadingError: false, suggestions: [], requestId: myRequestId });
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
setIsLoading(true);
|
|
33
|
+
getOption(input)
|
|
34
|
+
.then(option => dispatchSuggestionsUpdate({ hasLoadingError: false, suggestions: option ? [option] : [], requestId: myRequestId }))
|
|
35
|
+
.catch(err => {
|
|
36
|
+
dispatchSuggestionsUpdate({ hasLoadingError: true, suggestions: [], requestId: myRequestId });
|
|
37
|
+
console.error("An error occurred while loading options:", err);
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
}, []);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
const myRequestId = nextRequestId();
|
|
43
|
+
if (!expandOnFocus && input.length < 2) {
|
|
44
|
+
dispatchSuggestionsUpdate({ hasLoadingError: false, suggestions: [], requestId: myRequestId });
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
const myRequestId = nextRequestId();
|
|
48
|
+
setIsLoading(true);
|
|
49
|
+
suggestionRequestDebouncer(() => {
|
|
50
|
+
getSuggestions(input)
|
|
51
|
+
.then(suggestions => dispatchSuggestionsUpdate({ hasLoadingError: false, suggestions, requestId: myRequestId }))
|
|
52
|
+
.catch(err => {
|
|
53
|
+
dispatchSuggestionsUpdate({ hasLoadingError: true, suggestions: [], requestId: myRequestId });
|
|
54
|
+
console.error("An error occurred while loading options:", err);
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
}, [input]);
|
|
59
|
+
useEffect(() => setIsLoading(latestSuggestions.requestId < requestId.current), [latestSuggestions.requestId]);
|
|
60
|
+
return {
|
|
61
|
+
hasLoadingError: latestSuggestions.hasLoadingError, isInitializing: latestSuggestions.requestId === 0, isLoading,
|
|
62
|
+
input, setInput, suggestions: latestSuggestions.suggestions
|
|
63
|
+
};
|
|
64
|
+
}
|
|
65
|
+
function useSuggestionSuggestionUpdateReducer(state, action) {
|
|
66
|
+
if (action.requestId <= state.requestId) {
|
|
67
|
+
return state;
|
|
68
|
+
}
|
|
69
|
+
if (action.hasLoadingError) {
|
|
70
|
+
return { hasLoadingError: true, requestId: action.requestId, suggestions: [...state.suggestions] };
|
|
71
|
+
}
|
|
72
|
+
return action;
|
|
73
|
+
}
|
|
74
|
+
//# sourceMappingURL=useSuggestions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSuggestions.js","sourceRoot":"","sources":["../../../src/controls/hooks/useSuggestions.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { TokenItem } from "@wordpress/components/build-types/form-token-field/types";
|
|
3
|
+
import type { Dict } from "../types";
|
|
4
|
+
export declare function useTokenManager(initialValue: string[], setComponentValue: (value: TokenItem[]) => void, validationQuery: (tokens: string[]) => Promise<TokenItem[]>, stringToTokenConverter: (value: string) => TokenItem): {
|
|
5
|
+
currentTokens: TokenItem[];
|
|
6
|
+
dispatchValueUpdate: import("react").Dispatch<import("react").SetStateAction<(string | TokenItem)[]>>;
|
|
7
|
+
hasValidationError: boolean;
|
|
8
|
+
isInitializing: boolean;
|
|
9
|
+
isValidating: boolean;
|
|
10
|
+
tokenTitleMappings: Dict<string>;
|
|
11
|
+
};
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import { useEffect, useState } from "@wordpress/element";
|
|
2
|
+
import { ValidationState } from "../AsynchronousFormTokenField";
|
|
3
|
+
import { isNumeric } from "../shared";
|
|
4
|
+
import { useNonRenderingCounter } from "./useNonRenderingCounter";
|
|
5
|
+
import { useReducer } from "react";
|
|
6
|
+
export function useTokenManager(initialValue, setComponentValue, validationQuery, stringToTokenConverter) {
|
|
7
|
+
const [validationRequestId, nextValidationRequestId] = useNonRenderingCounter();
|
|
8
|
+
const [isValidating, setIsValidating] = useState(false);
|
|
9
|
+
const [hasValidationError, setHasValidationError] = useState(false);
|
|
10
|
+
const [latestResolvedRequest, dispatchLatestResolvedRequestUpdate] = useReducer(Math.max, 0);
|
|
11
|
+
const [validatedTokens, dispatchValidatedTokensUpdate] = useReducer(performValidationStateDictReductionUpdate, {});
|
|
12
|
+
const [currentValue, setCurrentValue] = useState(initialValue);
|
|
13
|
+
const [currentTokens, updateCurrentTokens] = useReducer(currentTokensStateReducer, [], () => initialValue.map(value => ({ value, status: ValidationState.Validating })));
|
|
14
|
+
const [tokenTitleMappings, updateTokenTitleMappings] = useReducer(tokenTitleMappingsUpdater, {});
|
|
15
|
+
const [lastCommittedValue, setLastCommittedValue] = useState(initialValue);
|
|
16
|
+
useEffect(() => {
|
|
17
|
+
const tokensInNeedOfValidation = currentTokens
|
|
18
|
+
.filter(token => token.status === ValidationState.Validating)
|
|
19
|
+
.filter(token => !(token.value in validatedTokens))
|
|
20
|
+
.map(token => token.value);
|
|
21
|
+
if (tokensInNeedOfValidation.length > 0) {
|
|
22
|
+
dispatchValidatedTokensUpdate({ data: Object.fromEntries(tokensInNeedOfValidation.map(token => [token, ValidationState.Waiting])) });
|
|
23
|
+
}
|
|
24
|
+
}, [currentTokens]);
|
|
25
|
+
// I'm splitting out the useEffect call here in order to have one-to-one correspondence between effects and types of state updates
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
const tokensInNeedOfValidation = Object.entries(validatedTokens)
|
|
28
|
+
.filter(([_, v]) => v === ValidationState.Waiting)
|
|
29
|
+
.map(([token]) => token);
|
|
30
|
+
if (tokensInNeedOfValidation.length === 0) {
|
|
31
|
+
return;
|
|
32
|
+
}
|
|
33
|
+
const myValidationRequestId = nextValidationRequestId();
|
|
34
|
+
setIsValidating(true);
|
|
35
|
+
setHasValidationError(false);
|
|
36
|
+
dispatchValidatedTokensUpdate({ data: Object.fromEntries(tokensInNeedOfValidation.map(token => [token, ValidationState.Validating])) });
|
|
37
|
+
let timeoutId = setTimeout(() => {
|
|
38
|
+
timeoutId = undefined;
|
|
39
|
+
dispatchValidatedTokensUpdate({ type: 'rollback', data: Object.fromEntries(tokensInNeedOfValidation.map(token => [token, ValidationState.Waiting])) });
|
|
40
|
+
}, 60_000);
|
|
41
|
+
validationQuery(tokensInNeedOfValidation)
|
|
42
|
+
.then(tokens => {
|
|
43
|
+
if (timeoutId === undefined) {
|
|
44
|
+
throw "Timeout";
|
|
45
|
+
}
|
|
46
|
+
dispatchValidatedTokensUpdate({
|
|
47
|
+
data: Object.fromEntries(tokens.map(token => [token.value, token.status === ValidationState.Valid ? ValidationState.Valid : ValidationState.Invalid]))
|
|
48
|
+
});
|
|
49
|
+
updateTokenTitleMappings(tokens);
|
|
50
|
+
})
|
|
51
|
+
.catch(err => {
|
|
52
|
+
console.error("Validation Error:", err);
|
|
53
|
+
setHasValidationError(true);
|
|
54
|
+
// We retry the validation after 30 seconds
|
|
55
|
+
setTimeout(() => dispatchValidatedTokensUpdate({
|
|
56
|
+
type: 'rollback',
|
|
57
|
+
data: Object.fromEntries(tokensInNeedOfValidation.map(token => [token, ValidationState.Waiting]))
|
|
58
|
+
}), 30_000);
|
|
59
|
+
})
|
|
60
|
+
.finally(() => {
|
|
61
|
+
clearTimeout(timeoutId);
|
|
62
|
+
dispatchLatestResolvedRequestUpdate(myValidationRequestId);
|
|
63
|
+
});
|
|
64
|
+
}, [validatedTokens]);
|
|
65
|
+
useEffect(() => {
|
|
66
|
+
updateCurrentTokens(currentValue.map(token => {
|
|
67
|
+
if (typeof token === 'string') {
|
|
68
|
+
token = stringToTokenConverter(token);
|
|
69
|
+
if (token.status === undefined || token.status === ValidationState.Validating) {
|
|
70
|
+
const status = validatedTokens[token.value];
|
|
71
|
+
if (status !== undefined && status !== ValidationState.Waiting) {
|
|
72
|
+
token.status = status;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
return token.title === undefined && token.value in tokenTitleMappings ? { ...token, title: tokenTitleMappings[token.value] } : token;
|
|
77
|
+
}));
|
|
78
|
+
}, [currentValue]);
|
|
79
|
+
useEffect(() => {
|
|
80
|
+
updateTokenTitleMappings(currentTokens);
|
|
81
|
+
const value = currentTokens.map(token => token.value);
|
|
82
|
+
if (value.length !== lastCommittedValue.length) {
|
|
83
|
+
setLastCommittedValue(value);
|
|
84
|
+
setComponentValue(currentTokens);
|
|
85
|
+
return;
|
|
86
|
+
}
|
|
87
|
+
for (let i = 0; i < value.length; i++) {
|
|
88
|
+
if (value[i] !== lastCommittedValue[i]) {
|
|
89
|
+
setLastCommittedValue(value);
|
|
90
|
+
setComponentValue(currentTokens);
|
|
91
|
+
return;
|
|
92
|
+
}
|
|
93
|
+
}
|
|
94
|
+
}, [currentTokens]);
|
|
95
|
+
useEffect(() => {
|
|
96
|
+
if (currentTokens.some(token => token.value in tokenTitleMappings && tokenTitleMappings[token.value] !== token.title)) {
|
|
97
|
+
updateCurrentTokens(currentTokens.map(token => token.title === undefined && token.value in tokenTitleMappings
|
|
98
|
+
? { ...token, title: tokenTitleMappings[token.value] } : token));
|
|
99
|
+
}
|
|
100
|
+
}, [tokenTitleMappings]);
|
|
101
|
+
useEffect(() => {
|
|
102
|
+
const updatableTokens = currentTokens
|
|
103
|
+
.filter(token => (token.status === undefined || token.status === ValidationState.Validating) && token.value in validatedTokens)
|
|
104
|
+
.map(token => [token, validatedTokens[token.value]])
|
|
105
|
+
.filter((v) => v[1] !== ValidationState.Validating && v[1] !== ValidationState.Waiting);
|
|
106
|
+
if (updatableTokens.length > 0) {
|
|
107
|
+
updateCurrentTokens(updatableTokens.map(([token, status]) => ({ ...token, status })));
|
|
108
|
+
}
|
|
109
|
+
setIsValidating(latestResolvedRequest < validationRequestId.current);
|
|
110
|
+
}, [latestResolvedRequest]);
|
|
111
|
+
return { currentTokens, dispatchValueUpdate: setCurrentValue, hasValidationError, isInitializing: latestResolvedRequest === 0, isValidating, tokenTitleMappings };
|
|
112
|
+
}
|
|
113
|
+
function performValidationStateDictReductionUpdate(prevState, action) {
|
|
114
|
+
switch (action.type) {
|
|
115
|
+
case 'rollback':
|
|
116
|
+
return { ...prevState, ...action.data };
|
|
117
|
+
default:
|
|
118
|
+
return {
|
|
119
|
+
...prevState, ...Object.fromEntries(Object.entries(action.data)
|
|
120
|
+
.filter(([token, validationState]) => validationState !== ValidationState.Waiting || !(token in prevState)))
|
|
121
|
+
};
|
|
122
|
+
}
|
|
123
|
+
}
|
|
124
|
+
function currentTokensStateReducer(currentTokens, newTokens) {
|
|
125
|
+
if (newTokens.length !== currentTokens.length) {
|
|
126
|
+
return newTokens;
|
|
127
|
+
}
|
|
128
|
+
for (let i = 0; i < newTokens.length; i++) {
|
|
129
|
+
if (currentTokens[i].value !== newTokens[i].value || currentTokens[i].status !== newTokens[i].status || currentTokens[i].title !== newTokens[i].title) {
|
|
130
|
+
return newTokens;
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
return currentTokens;
|
|
134
|
+
}
|
|
135
|
+
function tokenTitleMappingsUpdater(state, tokens) {
|
|
136
|
+
const titleWithIdRegex = /\(#[^)]+\)$/;
|
|
137
|
+
const novelTokens = tokens
|
|
138
|
+
.map(token => [token.value, token.title])
|
|
139
|
+
.filter((token) => token[1] !== undefined && !isNumeric(token[1]))
|
|
140
|
+
.map(token => titleWithIdRegex.test(token[1]) ? token : [token[0], `${token[1].trim()} (#${token[0]})`])
|
|
141
|
+
.filter(token => state[token[0]] !== token[1]);
|
|
142
|
+
if (novelTokens.length === 0) {
|
|
143
|
+
return state;
|
|
144
|
+
}
|
|
145
|
+
return { ...state, ...Object.fromEntries(novelTokens) };
|
|
146
|
+
}
|
|
147
|
+
//# sourceMappingURL=useTokenManager.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTokenManager.js","sourceRoot":"","sources":["../../../src/controls/hooks/useTokenManager.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,7 +6,7 @@ export * from "./InspectorPanel";
|
|
|
6
6
|
export * from "./LazySuggestionsComboboxControl";
|
|
7
7
|
export * from "./MultiSelectControl";
|
|
8
8
|
export * from "./PickOne";
|
|
9
|
-
export * from "./
|
|
9
|
+
export * from "./PromisableComponent";
|
|
10
10
|
export * from "./ProperLinkControl";
|
|
11
11
|
export * from "./SimpleToggle";
|
|
12
12
|
export * from "./SortableItemsControl";
|
package/build/controls/index.js
CHANGED
|
@@ -6,7 +6,7 @@ export * from "./InspectorPanel";
|
|
|
6
6
|
export * from "./LazySuggestionsComboboxControl";
|
|
7
7
|
export * from "./MultiSelectControl";
|
|
8
8
|
export * from "./PickOne";
|
|
9
|
-
export * from "./
|
|
9
|
+
export * from "./PromisableComponent";
|
|
10
10
|
export * from "./ProperLinkControl";
|
|
11
11
|
export * from "./SimpleToggle";
|
|
12
12
|
export * from "./SortableItemsControl";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/controls/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,kCAAkC,CAAC;AACjD,cAAc,sBAAsB,CAAC;AACrC,cAAc,WAAW,CAAC;AAC1B,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AAEvC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -11,3 +11,4 @@ export declare function requestPostsFromAPI(data: {
|
|
|
11
11
|
export declare function normalizePickableOptionsToObjects<V extends string | number, T extends Omit<object, 'text' | 'value'> = {}>(options: PickableOptions<V, T>): ObjectNormalizedPickableOptions<V, T>;
|
|
12
12
|
export declare function normalizePickableOptionsToPairs<V extends string | number, T extends Omit<object, 'text' | 'value'> = {}>(options: PickableOptions<V, T>): PairNormalizedPickableOptions<V, T>;
|
|
13
13
|
export declare function getLabel(option: PickableOptions<any>[number]): string;
|
|
14
|
+
export declare function isNumeric(str: string | number): boolean;
|
package/build/controls/shared.js
CHANGED
|
@@ -31,4 +31,10 @@ export function getLabel(option) {
|
|
|
31
31
|
function isPairPickableOption(option) {
|
|
32
32
|
return Array.isArray(option) && option.length === 2;
|
|
33
33
|
}
|
|
34
|
+
export function isNumeric(str) {
|
|
35
|
+
if (typeof str !== "string")
|
|
36
|
+
return true; // we only process strings!
|
|
37
|
+
return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...
|
|
38
|
+
!isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail
|
|
39
|
+
}
|
|
34
40
|
//# sourceMappingURL=shared.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/controls/shared.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAI5C,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,IAAmE;IAC5G,OAAO,CAAC,MAAM,QAAQ,CAAqD,EAAC,IAAI,EAAE,YAAY,CAAC,sCAAsC,EAAE,IAAI,CAAC,EAAC,CAAC,CAAC;SAC7I,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,iCAAiC,CAChD,OAA8B;IAE9B,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC3B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;gBACnC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAkD,CAAC;YAC9F,CAAC;YACD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAClC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,EAA6D,CAAC;QAC7G,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC,CAAC,CAAC;AACJ,CAAC;AACD,MAAM,UAAU,+BAA+B,CAC9C,OAA8B;IAE9B,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC3B,IAAI,oBAAoB,CAAO,MAAM,CAAC,EAAE,CAAC;YACxC,OAAO,MAAM,CAAC;QACf,CAAC;QACD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,GAAG,MAAM,CAAC;QACvC,OAAO,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,CAA2D,CAAC;IAClG,CAAC,CAAC,CAAC;AACJ,CAAC;AACD,MAAM,UAAU,QAAQ,CAAC,MAAoC;IAC5D,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AACzI,CAAC;AAED,SAAS,oBAAoB,CAC5B,MAAqC;IAErC,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;AACrD,CAAC"}
|
|
1
|
+
{"version":3,"file":"shared.js","sourceRoot":"","sources":["../../src/controls/shared.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAC,YAAY,EAAC,MAAM,gBAAgB,CAAC;AAI5C,MAAM,CAAC,KAAK,UAAU,mBAAmB,CAAC,IAAmE;IAC5G,OAAO,CAAC,MAAM,QAAQ,CAAqD,EAAC,IAAI,EAAE,YAAY,CAAC,sCAAsC,EAAE,IAAI,CAAC,EAAC,CAAC,CAAC;SAC7I,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAC,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAC,CAAC,CAAC,CAAC;AAC/E,CAAC;AAED,MAAM,UAAU,iCAAiC,CAChD,OAA8B;IAE9B,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC3B,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;YAC3B,IAAI,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE,CAAC;gBACnC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAkD,CAAC;YAC9F,CAAC;YACD,MAAM,EAAC,IAAI,EAAE,GAAG,IAAI,EAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;YAClC,OAAO,EAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,EAA6D,CAAC;QAC7G,CAAC;QACD,OAAO,MAAM,CAAC;IACf,CAAC,CAAC,CAAC;AACJ,CAAC;AACD,MAAM,UAAU,+BAA+B,CAC9C,OAA8B;IAE9B,OAAO,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC3B,IAAI,oBAAoB,CAAO,MAAM,CAAC,EAAE,CAAC;YACxC,OAAO,MAAM,CAAC;QACf,CAAC;QACD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,GAAG,MAAM,CAAC;QACvC,OAAO,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,KAAK,EAAE,GAAG,IAAI,EAAC,CAA2D,CAAC;IAClG,CAAC,CAAC,CAAC;AACJ,CAAC;AACD,MAAM,UAAU,QAAQ,CAAC,MAAoC;IAC5D,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,MAAM,CAAC,CAAC,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;AACzI,CAAC;AAED,SAAS,oBAAoB,CAC5B,MAAqC;IAErC,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,CAAC;AACrD,CAAC;AAED,MAAM,UAAU,SAAS,CAAC,GAAkB;IAC3C,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,CAAC,2BAA2B;IACrE,OAAO,CAAC,KAAK,CAAC,GAAU,CAAC,IAAI,mGAAmG;QAC/H,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAA,CAAC,2CAA2C;AACrE,CAAC"}
|
|
@@ -16,3 +16,6 @@ export type ObjectNormalizedPickableOptions<V extends string | number, T extends
|
|
|
16
16
|
label?: string | undefined;
|
|
17
17
|
} & T>;
|
|
18
18
|
export type PickableOptions<V extends string | number, T extends Omit<object, 'text' | 'value'> = {}> = Array<PairNormalizedPickableOptions<V, T>[number] | ObjectNormalizedPickableOptions<V, T>[number]>;
|
|
19
|
+
export type Dict<V> = {
|
|
20
|
+
[key: string]: V;
|
|
21
|
+
};
|
package/package.json
CHANGED
package/styles/editor.pcss
CHANGED
|
@@ -27,3 +27,10 @@
|
|
|
27
27
|
padding: 8px 8px 0 8px; /* We set padding-bottom to 0 because WordPress' field styling includes an 8px margin-bottom */
|
|
28
28
|
}
|
|
29
29
|
}
|
|
30
|
+
|
|
31
|
+
/* This accounts for WordPress' version of Gutenberg being maddeningly out of date */
|
|
32
|
+
.components-combobox-control.insufficient-input-length .components-form-token-field__suggestion {
|
|
33
|
+
background: none !important;
|
|
34
|
+
color: black !important;
|
|
35
|
+
opacity: 0.6;
|
|
36
|
+
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React, { type ReactNode } from "react";
|
|
2
|
-
type AwaitedProps<T extends object> = {
|
|
3
|
-
[K in keyof T]: Awaited<T[K]>;
|
|
4
|
-
};
|
|
5
|
-
export type PromisableComponentProps<T extends Awaited<object>> = {
|
|
6
|
-
promisedProps: T | Promise<T>;
|
|
7
|
-
initializing?: () => ReactNode;
|
|
8
|
-
renderer(props: AwaitedProps<T>): ReactNode;
|
|
9
|
-
};
|
|
10
|
-
export declare function PromiseableComponent<T extends Awaited<object>>(props: PromisableComponentProps<T>): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
|
|
11
|
-
export declare function usePromisableComponent<T extends Awaited<object>>({ promisedProps, renderer, initializing, additionalDependencies }: PromisableComponentProps<T> & {
|
|
12
|
-
additionalDependencies?: any[];
|
|
13
|
-
}): React.JSX.Element;
|
|
14
|
-
export {};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Spinner } from '@wordpress/components';
|
|
2
|
-
import { useCallback, useEffect, useState } from "@wordpress/element";
|
|
3
|
-
import React from "react";
|
|
4
|
-
export function PromiseableComponent(props) {
|
|
5
|
-
const { initializing = () => React.createElement(Spinner, null), renderer: Renderer, promisedProps } = props;
|
|
6
|
-
const [initializedProps, setInitializedProps] = useState(undefined);
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
Promise.all(Object.entries(promisedProps).filter(([_, value]) => value instanceof Promise)
|
|
9
|
-
.map(async ([key, value]) => [key, await value])).then(entries => {
|
|
10
|
-
setInitializedProps(Object.fromEntries(entries));
|
|
11
|
-
});
|
|
12
|
-
}, [...Object.values(props.promisedProps).filter(p => p instanceof Promise)]);
|
|
13
|
-
if (initializedProps === undefined) {
|
|
14
|
-
return initializing();
|
|
15
|
-
}
|
|
16
|
-
return React.createElement(Renderer, { ...promisedProps, ...initializedProps });
|
|
17
|
-
}
|
|
18
|
-
export function usePromisableComponent({ promisedProps, renderer, initializing = () => React.createElement(Spinner, null), additionalDependencies = [] }) {
|
|
19
|
-
const callbackDeps = [...additionalDependencies, ...Object.values(promisedProps)];
|
|
20
|
-
const safeRenderer = useCallback(renderer, callbackDeps);
|
|
21
|
-
const safeInitializing = useCallback(initializing, callbackDeps);
|
|
22
|
-
return React.createElement(PromiseableComponent, { promisedProps: promisedProps, renderer: safeRenderer, initializing: safeInitializing });
|
|
23
|
-
}
|
|
24
|
-
//# sourceMappingURL=PromiseableComponent.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PromiseableComponent.js","sourceRoot":"","sources":["../../src/controls/PromiseableComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,oBAAoB,CAAC;AAEpE,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,MAAM,UAAU,oBAAoB,CAA4B,KAAkC;IACjG,MAAM,EAAC,YAAY,GAAG,GAAG,EAAE,CAAC,oBAAC,OAAO,OAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC;IACpF,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAA4C,SAAS,CAAC,CAAC;IAC/G,SAAS,CAAC,GAAG,EAAE;QACd,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAC,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,YAAY,OAAO,CAAC;aACvF,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAgD,EAAE,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE;YAC/G,mBAAmB,CAAC,MAAM,CAAC,WAAW,CAAC,OAAO,CAAQ,CAAC,CAAC;QACzD,CAAC,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,YAAY,OAAO,CAAC,CAAC,CAAC,CAAC;IAE9E,IAAI,gBAAgB,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,YAAY,EAAE,CAAC;IACvB,CAAC;IACD,OAAO,oBAAC,QAAQ,OAAK,aAAa,KAAM,gBAAgB,GAAI,CAAC;AAC9D,CAAC;AAED,MAAM,UAAU,sBAAsB,CACrC,EAAC,aAAa,EAAE,QAAQ,EAAE,YAAY,GAAG,GAAG,EAAE,CAAC,oBAAC,OAAO,OAAE,EAAE,sBAAsB,GAAG,EAAE,EAA+D;IAErJ,MAAM,YAAY,GAAG,CAAC,GAAG,sBAAsB,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC;IAClF,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACzD,MAAM,gBAAgB,GAAG,WAAW,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;IACjE,OAAO,oBAAC,oBAAoB,IAAC,aAAa,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,GAAI,CAAC;AACvH,CAAC"}
|