@panneau/core 4.0.14 → 4.0.17
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/contexts.d.ts +72 -72
- package/dist/contexts.js +148 -148
- package/dist/hooks.d.ts +15 -15
- package/dist/hooks.js +56 -56
- package/dist/utils.d.ts +19 -19
- package/dist/utils.js +49 -50
- package/package.json +3 -3
package/dist/hooks.d.ts
CHANGED
|
@@ -15,8 +15,8 @@ interface UseFormattedTimeOptions {
|
|
|
15
15
|
showNow?: boolean;
|
|
16
16
|
timeGap?: number;
|
|
17
17
|
}
|
|
18
|
-
declare
|
|
19
|
-
declare
|
|
18
|
+
declare function useFormattedDate({ format, showToday, }?: UseFormattedDateOptions): (date: string | Date | Dayjs) => string;
|
|
19
|
+
declare function useFormattedTime({ format, showNow, timeGap, }?: UseFormattedTimeOptions): (date: string | Date | Dayjs) => string;
|
|
20
20
|
|
|
21
21
|
declare const useDocumentEvent: (event: string, callback: (...args: unknown[]) => void, enabled?: boolean) => void;
|
|
22
22
|
|
|
@@ -116,7 +116,7 @@ interface UseFormReturn extends RequestState {
|
|
|
116
116
|
errors: FieldErrors | null;
|
|
117
117
|
generalError: string | null;
|
|
118
118
|
}
|
|
119
|
-
declare
|
|
119
|
+
declare function useForm(opts?: UseFormOptions): UseFormReturn;
|
|
120
120
|
|
|
121
121
|
interface UseIsVisibleOptions {
|
|
122
122
|
rootMargin?: string;
|
|
@@ -146,7 +146,7 @@ interface FontConfig {
|
|
|
146
146
|
type?: 'google' | 'custom' | 'system';
|
|
147
147
|
name: string;
|
|
148
148
|
}
|
|
149
|
-
declare
|
|
149
|
+
declare function useLoadedFonts(fonts: (string | FontConfig)[]): {
|
|
150
150
|
loaded: boolean;
|
|
151
151
|
};
|
|
152
152
|
|
|
@@ -185,7 +185,7 @@ interface UseMediaApiReturn {
|
|
|
185
185
|
paused: boolean;
|
|
186
186
|
ready: boolean;
|
|
187
187
|
}
|
|
188
|
-
declare
|
|
188
|
+
declare function useMediaApi({ url, initialMuted, onTimeUpdate, onProgressStep, onDurationChanged, onVolumeChanged, onPlay, onPause, onEnded, onSeeked, onLoadStart, onCanPlayThough, }?: UseMediaApiOptions): UseMediaApiReturn;
|
|
189
189
|
|
|
190
190
|
interface Manager {
|
|
191
191
|
getDefinition: (type: string) => Record<string, unknown> | null;
|
|
@@ -240,7 +240,7 @@ interface UseMediasParserReturn {
|
|
|
240
240
|
fromPath: (story: unknown) => unknown;
|
|
241
241
|
parser: MediasParser;
|
|
242
242
|
}
|
|
243
|
-
declare
|
|
243
|
+
declare function useMediasParser(): UseMediasParserReturn;
|
|
244
244
|
|
|
245
245
|
type ObserverConstructor<T> = (new (callback: (entries: T[]) => void, options?: Record<string, unknown>) => {
|
|
246
246
|
observe: (element: Element) => void;
|
|
@@ -258,12 +258,12 @@ interface ObserverOptions {
|
|
|
258
258
|
threshold?: number | number[] | null;
|
|
259
259
|
disabled?: boolean;
|
|
260
260
|
}
|
|
261
|
-
declare
|
|
261
|
+
declare function getObserver<T>(Observer: ObserverConstructor<T>, options?: ObserverOptions): ObserverWrapper<T>;
|
|
262
262
|
interface UseObserverReturn<T> {
|
|
263
263
|
ref: RefObject<Element>;
|
|
264
264
|
entry: T;
|
|
265
265
|
}
|
|
266
|
-
declare
|
|
266
|
+
declare function useObserver<T>(Observer: ObserverConstructor<T>, opts?: ObserverOptions, initialEntry?: T): UseObserverReturn<T>;
|
|
267
267
|
interface IntersectionObserverEntry {
|
|
268
268
|
target: Element | null;
|
|
269
269
|
time: number | null;
|
|
@@ -280,7 +280,7 @@ interface UseIntersectionObserverOptions {
|
|
|
280
280
|
threshold?: number | number[];
|
|
281
281
|
disabled?: boolean;
|
|
282
282
|
}
|
|
283
|
-
declare
|
|
283
|
+
declare function useIntersectionObserver({ root, rootMargin, threshold, disabled, }?: UseIntersectionObserverOptions): UseObserverReturn<IntersectionObserverEntry>;
|
|
284
284
|
/**
|
|
285
285
|
* Resize Observer
|
|
286
286
|
*/
|
|
@@ -293,7 +293,7 @@ interface ResizeObserverEntry {
|
|
|
293
293
|
interface UseResizeObserverOptions {
|
|
294
294
|
disabled?: boolean;
|
|
295
295
|
}
|
|
296
|
-
declare
|
|
296
|
+
declare function useResizeObserver({ disabled, }?: UseResizeObserverOptions): UseObserverReturn<ResizeObserverEntry>;
|
|
297
297
|
|
|
298
298
|
interface ResourceType {
|
|
299
299
|
id?: string | null;
|
|
@@ -305,10 +305,10 @@ interface ResourceWithTypes extends Resource {
|
|
|
305
305
|
hideTypeNames?: boolean;
|
|
306
306
|
};
|
|
307
307
|
}
|
|
308
|
-
declare
|
|
308
|
+
declare function useResourceTypeName(resource: ResourceWithTypes | null, type?: string | null): string | null;
|
|
309
309
|
|
|
310
310
|
type ResourceUrlGenerator = (routeResourceId: string | Resource, routeName?: string | Record<string, unknown> | null, params?: Record<string, unknown> | null) => string | null;
|
|
311
|
-
declare
|
|
311
|
+
declare function useResourceUrlGenerator(resourceId?: string | Resource | null): ResourceUrlGenerator;
|
|
312
312
|
|
|
313
313
|
interface QueryParams {
|
|
314
314
|
page?: number;
|
|
@@ -321,7 +321,7 @@ interface UseQueryReturn {
|
|
|
321
321
|
onQueryChange: (newQuery: QueryParams | null) => void;
|
|
322
322
|
onQueryReset: () => void;
|
|
323
323
|
}
|
|
324
|
-
declare
|
|
324
|
+
declare function useQuery(initialBaseQuery?: QueryParams | null, paginated?: boolean): UseQueryReturn;
|
|
325
325
|
|
|
326
326
|
interface Screen {
|
|
327
327
|
name: string;
|
|
@@ -354,8 +354,8 @@ interface UseScreenSizeFromElementReturn {
|
|
|
354
354
|
ref: RefObject<Element>;
|
|
355
355
|
screenSize: ScreenSize;
|
|
356
356
|
}
|
|
357
|
-
declare
|
|
358
|
-
declare
|
|
357
|
+
declare function useScreenSizeFromElement({ width, height, ...opts }?: UseScreenSizeFromElementOptions): UseScreenSizeFromElementReturn;
|
|
358
|
+
declare function useScreenSizeFromWindow(opts?: UseScreenSizeOptions): ScreenSize;
|
|
359
359
|
|
|
360
360
|
declare const useWindowEvent: (event: string, callback: (...args: unknown[]) => void, enabled?: boolean) => void;
|
|
361
361
|
|
package/dist/hooks.js
CHANGED
|
@@ -42,7 +42,7 @@ function useAnimationFrame(onFrame) {
|
|
|
42
42
|
}, [disabled]);
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
|
|
45
|
+
function useFormattedDate() {
|
|
46
46
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
47
47
|
_ref$format = _ref.format,
|
|
48
48
|
format = _ref$format === void 0 ? null : _ref$format,
|
|
@@ -67,8 +67,8 @@ var useFormattedDate = function useFormattedDate() {
|
|
|
67
67
|
day: '2-digit'
|
|
68
68
|
}, format));
|
|
69
69
|
}, [today, showToday, format]);
|
|
70
|
-
}
|
|
71
|
-
|
|
70
|
+
}
|
|
71
|
+
function useFormattedTime() {
|
|
72
72
|
var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
73
73
|
_ref2$format = _ref2.format,
|
|
74
74
|
format = _ref2$format === void 0 ? null : _ref2$format,
|
|
@@ -94,14 +94,14 @@ var useFormattedTime = function useFormattedTime() {
|
|
|
94
94
|
minute: 'numeric'
|
|
95
95
|
}, format));
|
|
96
96
|
}, [now, showNow, timeGap, format]);
|
|
97
|
-
}
|
|
97
|
+
}
|
|
98
98
|
|
|
99
99
|
var eventsManager$1 = typeof document !== 'undefined' ? new EventsManager(document) : null;
|
|
100
100
|
var useDocumentEvent = createUseEvent(eventsManager$1);
|
|
101
101
|
|
|
102
102
|
var _excluded$1 = ["value", "errors", "onChange"];
|
|
103
103
|
// prettier-ignore
|
|
104
|
-
|
|
104
|
+
function getFieldsPropsFromFields(fields, _ref) {
|
|
105
105
|
var value = _ref.value,
|
|
106
106
|
errors = _ref.errors,
|
|
107
107
|
_onChange = _ref.onChange,
|
|
@@ -143,15 +143,15 @@ var _getFieldsPropsFromFields = function getFieldsPropsFromFields(fields, _ref)
|
|
|
143
143
|
onChange: function onChange(fieldValue) {
|
|
144
144
|
return _onChange(name, fieldValue);
|
|
145
145
|
},
|
|
146
|
-
fields: fieldFields !== null && isArray(fieldFields) ?
|
|
146
|
+
fields: fieldFields !== null && isArray(fieldFields) ? getFieldsPropsFromFields(fieldFields, {
|
|
147
147
|
value: value !== null && name !== null && isObject(value[name]) ? value[name] : null,
|
|
148
148
|
errors: subfieldErrors,
|
|
149
149
|
onChange: _onChange
|
|
150
150
|
}, locales) : null
|
|
151
151
|
}, props)]);
|
|
152
152
|
}, []);
|
|
153
|
-
}
|
|
154
|
-
|
|
153
|
+
}
|
|
154
|
+
function useForm() {
|
|
155
155
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
156
156
|
var _opts$fields = opts.fields,
|
|
157
157
|
fields = _opts$fields === void 0 ? [] : _opts$fields,
|
|
@@ -242,7 +242,7 @@ var useForm = function useForm() {
|
|
|
242
242
|
setValue(_objectSpread(_objectSpread({}, value || {}), {}, _defineProperty({}, fieldName, fieldValue)));
|
|
243
243
|
}, [value, errors, requestState, setErrors, setValue].concat(_toConsumableArray(fields)));
|
|
244
244
|
var fieldsProps = useMemo(function () {
|
|
245
|
-
return
|
|
245
|
+
return getFieldsPropsFromFields(fields, {
|
|
246
246
|
value: value,
|
|
247
247
|
errors: errors,
|
|
248
248
|
onChange: onFieldChange
|
|
@@ -331,21 +331,21 @@ var useForm = function useForm() {
|
|
|
331
331
|
errors: errors,
|
|
332
332
|
generalError: generalError
|
|
333
333
|
});
|
|
334
|
-
}
|
|
334
|
+
}
|
|
335
335
|
|
|
336
|
-
|
|
336
|
+
function buildThresholdArray() {
|
|
337
337
|
return [0, 1.0];
|
|
338
|
-
}
|
|
338
|
+
}
|
|
339
339
|
var observersCache = new Map();
|
|
340
|
-
|
|
340
|
+
function getOptionsKey(_ref) {
|
|
341
341
|
var _ref$root = _ref.root,
|
|
342
342
|
root = _ref$root === void 0 ? null : _ref$root,
|
|
343
343
|
rootMargin = _ref.rootMargin,
|
|
344
344
|
_ref$threshold = _ref.threshold,
|
|
345
345
|
threshold = _ref$threshold === void 0 ? null : _ref$threshold;
|
|
346
346
|
return "root_".concat(root, "_rootMargin_").concat(rootMargin || null, "_threshold_").concat(threshold);
|
|
347
|
-
}
|
|
348
|
-
|
|
347
|
+
}
|
|
348
|
+
function createObserver(Observer) {
|
|
349
349
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
350
350
|
var subscribers = [];
|
|
351
351
|
var addSubscriber = function addSubscriber(element, callback) {
|
|
@@ -422,8 +422,8 @@ var createObserver = function createObserver(Observer) {
|
|
|
422
422
|
unsubscribe: unsubscribe,
|
|
423
423
|
observer: observer
|
|
424
424
|
};
|
|
425
|
-
}
|
|
426
|
-
|
|
425
|
+
}
|
|
426
|
+
function getObserver(Observer) {
|
|
427
427
|
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
428
428
|
if (Observer === null) {
|
|
429
429
|
throw new Error('Observer constructor is null');
|
|
@@ -438,8 +438,8 @@ var getObserver = function getObserver(Observer) {
|
|
|
438
438
|
observersCache.set(Observer, observers);
|
|
439
439
|
}
|
|
440
440
|
return observers[observerKey];
|
|
441
|
-
}
|
|
442
|
-
|
|
441
|
+
}
|
|
442
|
+
function useObserver(Observer) {
|
|
443
443
|
var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
444
444
|
var initialEntry = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
|
|
445
445
|
var _opts$root = opts.root,
|
|
@@ -491,7 +491,7 @@ var useObserver = function useObserver(Observer) {
|
|
|
491
491
|
ref: nodeRef,
|
|
492
492
|
entry: entry
|
|
493
493
|
};
|
|
494
|
-
}
|
|
494
|
+
}
|
|
495
495
|
|
|
496
496
|
/**
|
|
497
497
|
* Intersection Observer
|
|
@@ -507,7 +507,7 @@ var intersectionObserverInitialEntry = {
|
|
|
507
507
|
boundingClientRect: null,
|
|
508
508
|
rootBounds: null
|
|
509
509
|
};
|
|
510
|
-
|
|
510
|
+
function useIntersectionObserver() {
|
|
511
511
|
var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
512
512
|
_ref3$root = _ref3.root,
|
|
513
513
|
root = _ref3$root === void 0 ? null : _ref3$root,
|
|
@@ -523,7 +523,7 @@ var useIntersectionObserver = function useIntersectionObserver() {
|
|
|
523
523
|
threshold: threshold,
|
|
524
524
|
disabled: disabled
|
|
525
525
|
}, intersectionObserverInitialEntry);
|
|
526
|
-
}
|
|
526
|
+
}
|
|
527
527
|
|
|
528
528
|
/**
|
|
529
529
|
* Resize Observer
|
|
@@ -535,14 +535,14 @@ var resizeObserverInitialEntry = {
|
|
|
535
535
|
contentBoxSize: null,
|
|
536
536
|
borderBoxSize: null
|
|
537
537
|
};
|
|
538
|
-
|
|
538
|
+
function useResizeObserver() {
|
|
539
539
|
var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
540
540
|
_ref4$disabled = _ref4.disabled,
|
|
541
541
|
disabled = _ref4$disabled === void 0 ? false : _ref4$disabled;
|
|
542
542
|
return useObserver(typeof window !== 'undefined' ? ResizeObserver : null, {
|
|
543
543
|
disabled: disabled
|
|
544
544
|
}, resizeObserverInitialEntry);
|
|
545
|
-
}
|
|
545
|
+
}
|
|
546
546
|
|
|
547
547
|
function useIsVisible() {
|
|
548
548
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
@@ -603,30 +603,30 @@ var fontsMap = {
|
|
|
603
603
|
loading: [],
|
|
604
604
|
active: []
|
|
605
605
|
};
|
|
606
|
-
|
|
606
|
+
function isFontLoading(name) {
|
|
607
607
|
return fontsMap.loading.indexOf(name) !== -1;
|
|
608
|
-
}
|
|
609
|
-
|
|
608
|
+
}
|
|
609
|
+
function isFontActive(name) {
|
|
610
610
|
return fontsMap.active.indexOf(name) !== -1;
|
|
611
|
-
}
|
|
612
|
-
|
|
611
|
+
}
|
|
612
|
+
function addFontLoading(name) {
|
|
613
613
|
fontsMap.active = fontsMap.active.filter(function (it) {
|
|
614
614
|
return it !== name;
|
|
615
615
|
});
|
|
616
616
|
fontsMap.loading = [].concat(_toConsumableArray(fontsMap.loading), [name]);
|
|
617
|
-
}
|
|
618
|
-
|
|
617
|
+
}
|
|
618
|
+
function removeFontLoading(name) {
|
|
619
619
|
fontsMap.loading = fontsMap.loading.filter(function (it) {
|
|
620
620
|
return it !== name;
|
|
621
621
|
});
|
|
622
|
-
}
|
|
623
|
-
|
|
622
|
+
}
|
|
623
|
+
function addFontActive(name) {
|
|
624
624
|
fontsMap.loading = fontsMap.loading.filter(function (it) {
|
|
625
625
|
return it !== name;
|
|
626
626
|
});
|
|
627
627
|
fontsMap.active = [].concat(_toConsumableArray(fontsMap.active), [name]);
|
|
628
|
-
}
|
|
629
|
-
|
|
628
|
+
}
|
|
629
|
+
function useLoadedFonts(fonts) {
|
|
630
630
|
var _useState = useState(false),
|
|
631
631
|
_useState2 = _slicedToArray(_useState, 2),
|
|
632
632
|
loaded = _useState2[0],
|
|
@@ -675,10 +675,10 @@ var useLoadedFonts = function useLoadedFonts(fonts) {
|
|
|
675
675
|
return {
|
|
676
676
|
loaded: loaded
|
|
677
677
|
};
|
|
678
|
-
}
|
|
678
|
+
}
|
|
679
679
|
|
|
680
680
|
var progressSteps = [0.1, 0.25, 0.5, 0.75, 0.9];
|
|
681
|
-
|
|
681
|
+
function useMediaApi() {
|
|
682
682
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
683
683
|
_ref$url = _ref.url,
|
|
684
684
|
url = _ref$url === void 0 ? null : _ref$url,
|
|
@@ -910,9 +910,9 @@ var useMediaApi = function useMediaApi() {
|
|
|
910
910
|
paused: paused,
|
|
911
911
|
ready: ready
|
|
912
912
|
};
|
|
913
|
-
}
|
|
913
|
+
}
|
|
914
914
|
|
|
915
|
-
|
|
915
|
+
function useMediasParser() {
|
|
916
916
|
// const screensManager = useScreensManager();
|
|
917
917
|
var fieldsManager = useFieldsManager();
|
|
918
918
|
|
|
@@ -934,9 +934,9 @@ var useMediasParser = function useMediasParser() {
|
|
|
934
934
|
fromPath: fromPath,
|
|
935
935
|
parser: parser
|
|
936
936
|
};
|
|
937
|
-
}
|
|
937
|
+
}
|
|
938
938
|
|
|
939
|
-
|
|
939
|
+
function useResourceTypeName(resource) {
|
|
940
940
|
var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
|
|
941
941
|
var typeName = useMemo(function () {
|
|
942
942
|
var _ref = resource || {},
|
|
@@ -962,14 +962,14 @@ var useResourceTypeName = function useResourceTypeName(resource) {
|
|
|
962
962
|
return name === resourceName ? null : name;
|
|
963
963
|
}, [type, resource]);
|
|
964
964
|
return typeName;
|
|
965
|
-
}
|
|
965
|
+
}
|
|
966
966
|
|
|
967
|
-
|
|
967
|
+
function getResource(resources, resourceId) {
|
|
968
968
|
return resourceId !== null && !isObject(resourceId) ? resources.find(function (it) {
|
|
969
969
|
return it.id === resourceId;
|
|
970
970
|
}) || null : resourceId;
|
|
971
|
-
}
|
|
972
|
-
|
|
971
|
+
}
|
|
972
|
+
function useResourceUrlGenerator() {
|
|
973
973
|
var resourceId = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
974
974
|
var resources = usePanneauResources();
|
|
975
975
|
var contextResource = useResource();
|
|
@@ -989,9 +989,9 @@ var useResourceUrlGenerator = function useResourceUrlGenerator() {
|
|
|
989
989
|
})) : null;
|
|
990
990
|
return finalRoute;
|
|
991
991
|
};
|
|
992
|
-
}
|
|
992
|
+
}
|
|
993
993
|
|
|
994
|
-
|
|
994
|
+
function useQuery() {
|
|
995
995
|
var initialBaseQuery = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : null;
|
|
996
996
|
var paginated = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
997
997
|
var initialQuery = useMemo(function () {
|
|
@@ -1028,11 +1028,11 @@ var useQuery = function useQuery() {
|
|
|
1028
1028
|
onQueryChange: onQueryChange,
|
|
1029
1029
|
onQueryReset: onQueryReset
|
|
1030
1030
|
};
|
|
1031
|
-
}
|
|
1031
|
+
}
|
|
1032
1032
|
|
|
1033
1033
|
var _excluded = ["width", "height"],
|
|
1034
1034
|
_excluded2 = ["withoutMaxSize"];
|
|
1035
|
-
|
|
1035
|
+
function useScreenSize(_ref) {
|
|
1036
1036
|
var _ref$width = _ref.width,
|
|
1037
1037
|
width = _ref$width === void 0 ? null : _ref$width,
|
|
1038
1038
|
_ref$height = _ref.height,
|
|
@@ -1072,8 +1072,8 @@ var useScreenSize = function useScreenSize(_ref) {
|
|
|
1072
1072
|
height: height,
|
|
1073
1073
|
landscape: landscape
|
|
1074
1074
|
};
|
|
1075
|
-
}
|
|
1076
|
-
|
|
1075
|
+
}
|
|
1076
|
+
function useScreenSizeFromElement() {
|
|
1077
1077
|
var _ref4 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
1078
1078
|
_ref4$width = _ref4.width,
|
|
1079
1079
|
width = _ref4$width === void 0 ? null : _ref4$width,
|
|
@@ -1111,14 +1111,14 @@ var useScreenSizeFromElement = function useScreenSizeFromElement() {
|
|
|
1111
1111
|
ref: ref,
|
|
1112
1112
|
screenSize: screenSize
|
|
1113
1113
|
};
|
|
1114
|
-
}
|
|
1115
|
-
|
|
1114
|
+
}
|
|
1115
|
+
function getWindowSize() {
|
|
1116
1116
|
return {
|
|
1117
1117
|
width: typeof window !== 'undefined' ? window.innerWidth : null,
|
|
1118
1118
|
height: typeof window !== 'undefined' ? window.innerHeight : null
|
|
1119
1119
|
};
|
|
1120
|
-
}
|
|
1121
|
-
|
|
1120
|
+
}
|
|
1121
|
+
function useScreenSizeFromWindow() {
|
|
1122
1122
|
var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
|
1123
1123
|
var _useState = useState(getWindowSize()),
|
|
1124
1124
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -1138,7 +1138,7 @@ var useScreenSizeFromWindow = function useScreenSizeFromWindow() {
|
|
|
1138
1138
|
};
|
|
1139
1139
|
}, [setWindowSize]);
|
|
1140
1140
|
return useScreenSize(_objectSpread(_objectSpread({}, opts), windowSize));
|
|
1141
|
-
}
|
|
1141
|
+
}
|
|
1142
1142
|
|
|
1143
1143
|
var eventsManager = typeof window !== 'undefined' ? new EventsManager(window) : null;
|
|
1144
1144
|
var useWindowEvent = createUseEvent(eventsManager);
|
package/dist/utils.d.ts
CHANGED
|
@@ -13,23 +13,23 @@ interface ElementLike {
|
|
|
13
13
|
}
|
|
14
14
|
declare function checkClickable(el: ElementLike | null, options?: CheckClickableOptions, parentDistance?: number): boolean;
|
|
15
15
|
|
|
16
|
-
declare
|
|
16
|
+
declare function convertStyleToString(style: Record<string, unknown> | null): string;
|
|
17
17
|
|
|
18
|
-
declare
|
|
18
|
+
declare function createNullableOnChange<T = unknown>(onChange?: ((value: T | null) => void) | null): (newValue: T) => void;
|
|
19
19
|
|
|
20
20
|
interface EventsManager {
|
|
21
21
|
subscribe: (event: string, callback: (...args: unknown[]) => void) => void;
|
|
22
22
|
unsubscribe: (event: string, callback: (...args: unknown[]) => void) => void;
|
|
23
23
|
}
|
|
24
|
-
declare
|
|
24
|
+
declare function createUseEvent(eventsManager: EventsManager | null): (event: string, callback: (...args: unknown[]) => void, enabled?: boolean) => void;
|
|
25
25
|
|
|
26
26
|
/*! clipboard-copy. MIT License. Feross Aboukhadijeh <https://feross.org/opensource> */
|
|
27
27
|
declare function copyToClipboard(text: string): Promise<void>;
|
|
28
28
|
|
|
29
29
|
type ComponentMap = Record<string, ComponentType<unknown> | ComponentMap>;
|
|
30
|
-
declare
|
|
30
|
+
declare function flattenComponents(components: ComponentMap | null, prefix?: string | null): Record<string, ComponentType<unknown>> | null;
|
|
31
31
|
|
|
32
|
-
declare
|
|
32
|
+
declare function formatDuration(timeInSeconds: number | string): string;
|
|
33
33
|
|
|
34
34
|
/**
|
|
35
35
|
* Core UI Types
|
|
@@ -136,28 +136,28 @@ interface Column extends Record<string, unknown> {
|
|
|
136
136
|
component?: string | null;
|
|
137
137
|
field?: Field | string | null;
|
|
138
138
|
}
|
|
139
|
-
declare
|
|
139
|
+
declare function getColumnsWithFields(resource: Resource, columns: TableColumn[] | null): Column[];
|
|
140
140
|
|
|
141
141
|
interface ComponentResult {
|
|
142
142
|
name: unknown;
|
|
143
143
|
props: Record<string, unknown> | null;
|
|
144
144
|
}
|
|
145
|
-
declare
|
|
145
|
+
declare function getComponent(component: unknown): ComponentResult;
|
|
146
146
|
|
|
147
|
-
declare
|
|
147
|
+
declare function getComponentFromName<T = ComponentType<unknown> | 'string'>(name?: string | null, components?: Record<string, T> | null, defaultComponent?: T | null): T | null;
|
|
148
148
|
|
|
149
|
-
declare
|
|
149
|
+
declare function getDefinitionFromId<T extends Definition = Definition>(id?: string | null, items?: T[] | null, defaultObject?: T | null): T | null;
|
|
150
150
|
|
|
151
151
|
interface ComponentWithName {
|
|
152
152
|
displayName?: string | null;
|
|
153
153
|
name?: string | null;
|
|
154
154
|
}
|
|
155
|
-
declare
|
|
155
|
+
declare function getDisplayName({ displayName, name }: ComponentWithName): string;
|
|
156
156
|
|
|
157
157
|
interface FieldWithSubFields$1 extends Field {
|
|
158
158
|
fields?: FieldWithSubFields$1[];
|
|
159
159
|
}
|
|
160
|
-
declare
|
|
160
|
+
declare function getFieldByName(fields: FieldWithSubFields$1[], name: string | null): FieldWithSubFields$1 | null;
|
|
161
161
|
|
|
162
162
|
interface FieldDefinition {
|
|
163
163
|
fields?: Field[] | null;
|
|
@@ -173,19 +173,19 @@ interface FieldWithSubFields extends Field {
|
|
|
173
173
|
field?: Field | null;
|
|
174
174
|
listItems?: boolean;
|
|
175
175
|
}
|
|
176
|
-
declare
|
|
176
|
+
declare function getFieldFromPath(path: string | string[], fields: Field[], fieldManager: FieldManager): FieldWithSubFields | null;
|
|
177
177
|
|
|
178
|
-
declare
|
|
178
|
+
declare function getFileName(url?: string | null): string | null;
|
|
179
179
|
|
|
180
|
-
declare
|
|
180
|
+
declare function getPathValue(it: unknown, path: string | string[]): unknown;
|
|
181
181
|
|
|
182
182
|
interface FormattedOption {
|
|
183
183
|
value: unknown;
|
|
184
184
|
label: string | ReactElement;
|
|
185
185
|
}
|
|
186
|
-
declare
|
|
186
|
+
declare function getSelectOptions(options: SelectOption[]): FormattedOption[];
|
|
187
187
|
|
|
188
|
-
declare
|
|
188
|
+
declare function isMessage(message: unknown): message is Message;
|
|
189
189
|
|
|
190
190
|
declare function loadPackage<T = unknown>(name: string, loader: () => Promise<T>): Promise<T>;
|
|
191
191
|
|
|
@@ -193,15 +193,15 @@ declare function selectItem(item: Item, selectedItems: Item | Item[] | null, onS
|
|
|
193
193
|
declare function selectPage(pageSelected: boolean, items: Item[] | null, selectedItems: Item[] | null, onSelectionChange: ((value: Item[]) => void) | null): void;
|
|
194
194
|
|
|
195
195
|
type Value = Record<string, unknown> | unknown[] | null;
|
|
196
|
-
declare
|
|
196
|
+
declare function setValue(value: Value, keyParts: string[], fieldValue: unknown): Value;
|
|
197
197
|
|
|
198
|
-
declare
|
|
198
|
+
declare function slug(str: string, separator?: string | null): string;
|
|
199
199
|
|
|
200
200
|
interface FieldWithValidation extends Field {
|
|
201
201
|
type?: string;
|
|
202
202
|
fields?: FieldWithValidation[];
|
|
203
203
|
required?: boolean;
|
|
204
204
|
}
|
|
205
|
-
declare
|
|
205
|
+
declare function validateFields(fields: FieldWithValidation[], value: Record<string, unknown> | null): boolean;
|
|
206
206
|
|
|
207
207
|
export { checkClickable, convertStyleToString, copyToClipboard, createNullableOnChange, createUseEvent, flattenComponents, formatDuration, getColumnsWithFields, getComponent, getComponentFromName, getDefinitionFromId, getDisplayName, getFieldByName, getFieldFromPath, getFileName, getPathValue, getSelectOptions, isMessage, loadPackage, selectItem, selectPage, setValue as setFieldValue, slug, validateFields };
|