@pallasoft/ps-core-components 2.41.0 → 2.43.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/components/ps-button.js +3 -1
- package/dist/components/ps-portable-text-image.d.ts +7 -0
- package/dist/components/ps-portable-text-image.js +15 -0
- package/dist/components/ps-portable-text-message.d.ts +2 -0
- package/dist/components/ps-portable-text-message.js +49 -0
- package/dist/components/ps-portable-text.d.ts +6 -1
- package/dist/components/ps-portable-text.js +8 -3
- package/dist/components/ps-reflective-app-shell.d.ts +3 -1
- package/dist/components/ps-reflective-app-shell.js +10 -3
- package/dist/components/ps-scroll-restoration.d.ts +6 -0
- package/dist/components/ps-scroll-restoration.js +9 -0
- package/dist/constants/ps-portable-text-message-config.d.ts +32 -0
- package/dist/constants/ps-portable-text-message-config.js +35 -0
- package/dist/constants/ps-portable-text-variant.d.ts +4 -0
- package/dist/constants/ps-portable-text-variant.js +8 -0
- package/dist/constants/ps-scroll-restoration-config.d.ts +10 -0
- package/dist/constants/ps-scroll-restoration-config.js +13 -0
- package/dist/constants/ps-text-link-gap.d.ts +4 -0
- package/dist/constants/ps-text-link-gap.js +7 -0
- package/dist/esm/components/ps-button.js +3 -1
- package/dist/esm/components/ps-portable-text-image.js +11 -0
- package/dist/esm/components/ps-portable-text-message.js +45 -0
- package/dist/esm/components/ps-portable-text.js +8 -3
- package/dist/esm/components/ps-reflective-app-shell.js +10 -3
- package/dist/esm/components/ps-scroll-restoration.js +5 -0
- package/dist/esm/constants/ps-portable-text-message-config.js +32 -0
- package/dist/esm/constants/ps-portable-text-variant.js +5 -0
- package/dist/esm/constants/ps-scroll-restoration-config.js +10 -0
- package/dist/esm/constants/ps-text-link-gap.js +4 -0
- package/dist/esm/hooks/use-ps-browser-layout-effect.js +2 -0
- package/dist/esm/hooks/use-ps-scroll-restoration.js +103 -0
- package/dist/esm/index.js +17 -0
- package/dist/esm/models/ps-portable-text-image-data.js +1 -0
- package/dist/esm/models/ps-portable-text-image-labels.js +1 -0
- package/dist/esm/models/ps-portable-text-message-props.js +1 -0
- package/dist/esm/models/ps-scroll-offsets-data.js +1 -0
- package/dist/esm/models/ps-scroll-pending-save-data.js +1 -0
- package/dist/esm/models/ps-scroll-restoration-options.js +1 -0
- package/dist/esm/services/ps-portable-text-link-service.js +19 -0
- package/dist/esm/services/ps-scroll-restore-service.js +52 -0
- package/dist/esm/services/ps-scroll-storage-service.js +66 -0
- package/dist/esm/services/ps-scroll-target-service.js +29 -0
- package/dist/esm/services/ps-text-link-service.js +9 -0
- package/dist/hooks/use-ps-browser-layout-effect.d.ts +2 -0
- package/dist/hooks/use-ps-browser-layout-effect.js +5 -0
- package/dist/hooks/use-ps-scroll-restoration.d.ts +2 -0
- package/dist/hooks/use-ps-scroll-restoration.js +107 -0
- package/dist/index.d.ts +17 -0
- package/dist/index.js +17 -0
- package/dist/models/ps-portable-text-image-data.d.ts +5 -0
- package/dist/models/ps-portable-text-image-data.js +2 -0
- package/dist/models/ps-portable-text-image-labels.d.ts +5 -0
- package/dist/models/ps-portable-text-image-labels.js +2 -0
- package/dist/models/ps-portable-text-message-props.d.ts +19 -0
- package/dist/models/ps-portable-text-message-props.js +2 -0
- package/dist/models/ps-scroll-offsets-data.d.ts +1 -0
- package/dist/models/ps-scroll-offsets-data.js +2 -0
- package/dist/models/ps-scroll-pending-save-data.d.ts +4 -0
- package/dist/models/ps-scroll-pending-save-data.js +2 -0
- package/dist/models/ps-scroll-restoration-options.d.ts +7 -0
- package/dist/models/ps-scroll-restoration-options.js +2 -0
- package/dist/services/ps-portable-text-link-service.d.ts +3 -0
- package/dist/services/ps-portable-text-link-service.js +19 -0
- package/dist/services/ps-scroll-restore-service.d.ts +3 -0
- package/dist/services/ps-scroll-restore-service.js +56 -0
- package/dist/services/ps-scroll-storage-service.d.ts +11 -0
- package/dist/services/ps-scroll-storage-service.js +70 -0
- package/dist/services/ps-scroll-target-service.d.ts +8 -0
- package/dist/services/ps-scroll-target-service.js +33 -0
- package/dist/services/ps-text-link-service.d.ts +1 -0
- package/dist/services/ps-text-link-service.js +9 -0
- package/package.json +2 -2
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsScrollRestoreService = void 0;
|
|
4
|
+
const ps_scroll_restoration_config_1 = require("../constants/ps-scroll-restoration-config");
|
|
5
|
+
const ps_scroll_target_service_1 = require("./ps-scroll-target-service");
|
|
6
|
+
class PsScrollRestoreService {
|
|
7
|
+
static start(element, top, onDone) {
|
|
8
|
+
let isDone = false;
|
|
9
|
+
let observer = null;
|
|
10
|
+
let mutations = null;
|
|
11
|
+
let timer = 0;
|
|
12
|
+
const finish = () => {
|
|
13
|
+
if (isDone)
|
|
14
|
+
return;
|
|
15
|
+
isDone = true;
|
|
16
|
+
window.clearTimeout(timer);
|
|
17
|
+
observer?.disconnect();
|
|
18
|
+
mutations?.disconnect();
|
|
19
|
+
for (const name of ps_scroll_restoration_config_1.PsScrollRestorationConfig.inputEvents)
|
|
20
|
+
window.removeEventListener(name, onInput, true);
|
|
21
|
+
onDone();
|
|
22
|
+
};
|
|
23
|
+
const onInput = () => finish();
|
|
24
|
+
const attempt = () => {
|
|
25
|
+
if (isDone)
|
|
26
|
+
return;
|
|
27
|
+
if (ps_scroll_target_service_1.PsScrollTargetService.maxTop(element) >= top - ps_scroll_restoration_config_1.PsScrollRestorationConfig.tolerancePx) {
|
|
28
|
+
ps_scroll_target_service_1.PsScrollTargetService.scrollTo(element, top);
|
|
29
|
+
finish();
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
for (const name of ps_scroll_restoration_config_1.PsScrollRestorationConfig.inputEvents)
|
|
33
|
+
window.addEventListener(name, onInput, { capture: true, passive: true });
|
|
34
|
+
timer = window.setTimeout(() => {
|
|
35
|
+
if (isDone)
|
|
36
|
+
return;
|
|
37
|
+
ps_scroll_target_service_1.PsScrollTargetService.scrollTo(element, top);
|
|
38
|
+
finish();
|
|
39
|
+
}, ps_scroll_restoration_config_1.PsScrollRestorationConfig.restoreTimeoutMs);
|
|
40
|
+
attempt();
|
|
41
|
+
if (!isDone && typeof MutationObserver !== 'undefined') {
|
|
42
|
+
mutations = new MutationObserver(attempt);
|
|
43
|
+
mutations.observe(element === null ? document.body : element, {
|
|
44
|
+
childList: true,
|
|
45
|
+
subtree: true,
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
if (!isDone && typeof ResizeObserver !== 'undefined') {
|
|
49
|
+
observer = new ResizeObserver(attempt);
|
|
50
|
+
for (const node of ps_scroll_target_service_1.PsScrollTargetService.observed(element))
|
|
51
|
+
observer.observe(node);
|
|
52
|
+
}
|
|
53
|
+
return finish;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
exports.PsScrollRestoreService = PsScrollRestoreService;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export declare class PsScrollStorageService {
|
|
2
|
+
private static offsets;
|
|
3
|
+
private static timer;
|
|
4
|
+
static read(key: string): number | undefined;
|
|
5
|
+
static write(key: string, top: number): void;
|
|
6
|
+
static flush(): void;
|
|
7
|
+
static reset(): void;
|
|
8
|
+
private static memory;
|
|
9
|
+
private static load;
|
|
10
|
+
private static isOffsets;
|
|
11
|
+
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsScrollStorageService = void 0;
|
|
4
|
+
const ps_scroll_restoration_config_1 = require("../constants/ps-scroll-restoration-config");
|
|
5
|
+
class PsScrollStorageService {
|
|
6
|
+
static read(key) {
|
|
7
|
+
const offsets = PsScrollStorageService.memory();
|
|
8
|
+
return Object.prototype.hasOwnProperty.call(offsets, key) ? offsets[key] : undefined;
|
|
9
|
+
}
|
|
10
|
+
static write(key, top) {
|
|
11
|
+
const offsets = PsScrollStorageService.memory();
|
|
12
|
+
delete offsets[key];
|
|
13
|
+
offsets[key] = top;
|
|
14
|
+
const keys = Object.keys(offsets);
|
|
15
|
+
const overflow = keys.length - ps_scroll_restoration_config_1.PsScrollRestorationConfig.maxEntries;
|
|
16
|
+
for (const oldest of keys.slice(0, overflow > 0 ? overflow : 0))
|
|
17
|
+
delete offsets[oldest];
|
|
18
|
+
if (PsScrollStorageService.timer !== 0 || typeof window === 'undefined')
|
|
19
|
+
return;
|
|
20
|
+
PsScrollStorageService.timer = window.setTimeout(PsScrollStorageService.flush, ps_scroll_restoration_config_1.PsScrollRestorationConfig.persistThrottleMs);
|
|
21
|
+
}
|
|
22
|
+
static flush() {
|
|
23
|
+
if (typeof window === 'undefined')
|
|
24
|
+
return;
|
|
25
|
+
window.clearTimeout(PsScrollStorageService.timer);
|
|
26
|
+
PsScrollStorageService.timer = 0;
|
|
27
|
+
if (PsScrollStorageService.offsets === null)
|
|
28
|
+
return;
|
|
29
|
+
try {
|
|
30
|
+
window.sessionStorage.setItem(ps_scroll_restoration_config_1.PsScrollRestorationConfig.storageKey, JSON.stringify(PsScrollStorageService.offsets));
|
|
31
|
+
}
|
|
32
|
+
catch {
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
static reset() {
|
|
37
|
+
if (typeof window !== 'undefined')
|
|
38
|
+
window.clearTimeout(PsScrollStorageService.timer);
|
|
39
|
+
PsScrollStorageService.timer = 0;
|
|
40
|
+
PsScrollStorageService.offsets = null;
|
|
41
|
+
}
|
|
42
|
+
static memory() {
|
|
43
|
+
if (PsScrollStorageService.offsets === null)
|
|
44
|
+
PsScrollStorageService.offsets = PsScrollStorageService.load();
|
|
45
|
+
return PsScrollStorageService.offsets;
|
|
46
|
+
}
|
|
47
|
+
static load() {
|
|
48
|
+
if (typeof window === 'undefined')
|
|
49
|
+
return {};
|
|
50
|
+
try {
|
|
51
|
+
const raw = window.sessionStorage.getItem(ps_scroll_restoration_config_1.PsScrollRestorationConfig.storageKey);
|
|
52
|
+
if (raw === null)
|
|
53
|
+
return {};
|
|
54
|
+
const parsed = JSON.parse(raw);
|
|
55
|
+
return PsScrollStorageService.isOffsets(parsed) ? parsed : {};
|
|
56
|
+
}
|
|
57
|
+
catch {
|
|
58
|
+
return {};
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
static isOffsets(value) {
|
|
62
|
+
return (typeof value === 'object' &&
|
|
63
|
+
value !== null &&
|
|
64
|
+
!Array.isArray(value) &&
|
|
65
|
+
Object.values(value).every((entry) => typeof entry === 'number' && Number.isFinite(entry)));
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
exports.PsScrollStorageService = PsScrollStorageService;
|
|
69
|
+
PsScrollStorageService.offsets = null;
|
|
70
|
+
PsScrollStorageService.timer = 0;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export declare class PsScrollTargetService {
|
|
2
|
+
static storageKey(element: HTMLElement | null, restoreKey: string): string;
|
|
3
|
+
static top(element: HTMLElement | null): number;
|
|
4
|
+
static maxTop(element: HTMLElement | null): number;
|
|
5
|
+
static scrollTo(element: HTMLElement | null, top: number): void;
|
|
6
|
+
static eventTarget(element: HTMLElement | null): HTMLElement | Window;
|
|
7
|
+
static observed(element: HTMLElement | null): Element[];
|
|
8
|
+
}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.PsScrollTargetService = void 0;
|
|
4
|
+
const ps_scroll_restoration_config_1 = require("../constants/ps-scroll-restoration-config");
|
|
5
|
+
class PsScrollTargetService {
|
|
6
|
+
static storageKey(element, restoreKey) {
|
|
7
|
+
return `${element === null ? ps_scroll_restoration_config_1.PsScrollRestorationConfig.windowScope : ps_scroll_restoration_config_1.PsScrollRestorationConfig.elementScope}${restoreKey}`;
|
|
8
|
+
}
|
|
9
|
+
static top(element) {
|
|
10
|
+
return element === null ? window.scrollY : element.scrollTop;
|
|
11
|
+
}
|
|
12
|
+
static maxTop(element) {
|
|
13
|
+
if (element !== null)
|
|
14
|
+
return element.scrollHeight - element.clientHeight;
|
|
15
|
+
return document.documentElement.scrollHeight - window.innerHeight;
|
|
16
|
+
}
|
|
17
|
+
static scrollTo(element, top) {
|
|
18
|
+
if (element === null) {
|
|
19
|
+
window.scrollTo({ behavior: 'instant', left: 0, top });
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
element.scrollTo({ behavior: 'instant', left: 0, top });
|
|
23
|
+
}
|
|
24
|
+
static eventTarget(element) {
|
|
25
|
+
return element === null ? window : element;
|
|
26
|
+
}
|
|
27
|
+
static observed(element) {
|
|
28
|
+
if (element === null)
|
|
29
|
+
return [document.documentElement, document.body];
|
|
30
|
+
return [element, ...Array.from(element.children)];
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
exports.PsScrollTargetService = PsScrollTargetService;
|
|
@@ -2,6 +2,7 @@ import type { PsTextLinkSegmentData } from '../models/ps-text-link-segment-data'
|
|
|
2
2
|
export declare class PsTextLinkService {
|
|
3
3
|
static segments(text: string): PsTextLinkSegmentData[];
|
|
4
4
|
private static pushAngle;
|
|
5
|
+
private static separate;
|
|
5
6
|
private static pushBare;
|
|
6
7
|
private static pushText;
|
|
7
8
|
private static parse;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.PsTextLinkService = void 0;
|
|
4
|
+
const ps_text_link_gap_1 = require("../constants/ps-text-link-gap");
|
|
4
5
|
const ps_text_link_pattern_source_1 = require("../constants/ps-text-link-pattern-source");
|
|
5
6
|
const ps_text_link_protocols_1 = require("../constants/ps-text-link-protocols");
|
|
6
7
|
const ps_text_link_trailing_characters_1 = require("../constants/ps-text-link-trailing-characters");
|
|
@@ -33,8 +34,16 @@ class PsTextLinkService {
|
|
|
33
34
|
this.pushText(segments, raw);
|
|
34
35
|
return;
|
|
35
36
|
}
|
|
37
|
+
this.separate(segments);
|
|
36
38
|
segments.push({ href, text: label });
|
|
37
39
|
}
|
|
40
|
+
static separate(segments) {
|
|
41
|
+
const last = segments[segments.length - 1];
|
|
42
|
+
if (last !== undefined &&
|
|
43
|
+
last.href === null &&
|
|
44
|
+
!ps_text_link_gap_1.PsTextLinkGap.trailingSpacePattern.test(last.text))
|
|
45
|
+
last.text += ps_text_link_gap_1.PsTextLinkGap.text;
|
|
46
|
+
}
|
|
38
47
|
static pushBare(segments, raw) {
|
|
39
48
|
let end = raw.length;
|
|
40
49
|
while (end > 0 && ps_text_link_trailing_characters_1.PsTextLinkTrailingCharacters.includes(raw.charAt(end - 1)))
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pallasoft/ps-core-components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.43.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"@dnd-kit/utilities": "^3.2.2",
|
|
49
49
|
"@pallasoft/ps-icons": "^1.5.4",
|
|
50
50
|
"@pallasoft/ps-motion-components": "^1.2.2",
|
|
51
|
-
"@pallasoft/ps-utilities": "^2.
|
|
51
|
+
"@pallasoft/ps-utilities": "^2.23.0",
|
|
52
52
|
"@portabletext/react": "^3.2.4",
|
|
53
53
|
"@portabletext/types": "^2.0.13",
|
|
54
54
|
"@radix-ui/react-accordion": "^1.2.12",
|