@once-ui-system/core 1.6.3 → 1.7.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/LICENSE.md +21 -0
- package/dist/components/Avatar.d.ts +1 -0
- package/dist/components/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar.js +2 -2
- package/dist/components/Avatar.js.map +1 -1
- package/dist/components/BlobFx.d.ts +8 -0
- package/dist/components/BlobFx.d.ts.map +1 -0
- package/dist/components/BlobFx.js +82 -0
- package/dist/components/BlobFx.js.map +1 -0
- package/dist/components/Button.d.ts +1 -1
- package/dist/components/Button.d.ts.map +1 -1
- package/dist/components/Button.js +2 -2
- package/dist/components/Button.js.map +1 -1
- package/dist/components/Button.module.scss +62 -32
- package/dist/components/CelebrationFx.d.ts +1 -0
- package/dist/components/CelebrationFx.d.ts.map +1 -1
- package/dist/components/CelebrationFx.js +7 -3
- package/dist/components/CelebrationFx.js.map +1 -1
- package/dist/components/ContextMenu.d.ts +1 -0
- package/dist/components/ContextMenu.d.ts.map +1 -1
- package/dist/components/ContextMenu.js +8 -4
- package/dist/components/ContextMenu.js.map +1 -1
- package/dist/components/Dialog.d.ts.map +1 -1
- package/dist/components/Dialog.js +99 -91
- package/dist/components/Dialog.js.map +1 -1
- package/dist/components/Dropdown.d.ts +1 -0
- package/dist/components/Dropdown.d.ts.map +1 -1
- package/dist/components/Dropdown.js +4 -2
- package/dist/components/Dropdown.js.map +1 -1
- package/dist/components/FadingLettersFx.d.ts +15 -0
- package/dist/components/FadingLettersFx.d.ts.map +1 -0
- package/dist/components/FadingLettersFx.js +27 -0
- package/dist/components/FadingLettersFx.js.map +1 -0
- package/dist/components/FadingLettersFx.module.scss +71 -0
- package/dist/components/HoloFx.d.ts +1 -0
- package/dist/components/HoloFx.d.ts.map +1 -1
- package/dist/components/HoloFx.js +10 -3
- package/dist/components/HoloFx.js.map +1 -1
- package/dist/components/IconButton.d.ts +5 -2
- package/dist/components/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton.js +6 -4
- package/dist/components/IconButton.js.map +1 -1
- package/dist/components/IconButton.module.scss +14 -0
- package/dist/components/Input.d.ts +3 -1
- package/dist/components/Input.d.ts.map +1 -1
- package/dist/components/Input.js +18 -5
- package/dist/components/Input.js.map +1 -1
- package/dist/components/Input.module.scss +38 -3
- package/dist/components/Mask.d.ts +1 -0
- package/dist/components/Mask.d.ts.map +1 -1
- package/dist/components/Mask.js +56 -32
- package/dist/components/Mask.js.map +1 -1
- package/dist/components/MatrixFx.d.ts +1 -0
- package/dist/components/MatrixFx.d.ts.map +1 -1
- package/dist/components/MatrixFx.js +8 -1
- package/dist/components/MatrixFx.js.map +1 -1
- package/dist/components/Media.d.ts +5 -1
- package/dist/components/Media.d.ts.map +1 -1
- package/dist/components/Media.js +20 -7
- package/dist/components/Media.js.map +1 -1
- package/dist/components/Modal.d.ts +11 -0
- package/dist/components/Modal.d.ts.map +1 -0
- package/dist/components/Modal.js +72 -0
- package/dist/components/Modal.js.map +1 -0
- package/dist/components/NumberInput.d.ts.map +1 -1
- package/dist/components/NumberInput.js +1 -1
- package/dist/components/NumberInput.js.map +1 -1
- package/dist/components/Particle.d.ts +1 -0
- package/dist/components/Particle.d.ts.map +1 -1
- package/dist/components/Particle.js +86 -78
- package/dist/components/Particle.js.map +1 -1
- package/dist/components/ScrollContainer.d.ts +9 -0
- package/dist/components/ScrollContainer.d.ts.map +1 -0
- package/dist/components/ScrollContainer.js +67 -0
- package/dist/components/ScrollContainer.js.map +1 -0
- package/dist/components/ScrollLock.d.ts.map +1 -1
- package/dist/components/ScrollLock.js +4 -91
- package/dist/components/ScrollLock.js.map +1 -1
- package/dist/components/ServerFlex.d.ts.map +1 -1
- package/dist/components/ServerFlex.js +3 -3
- package/dist/components/ServerFlex.js.map +1 -1
- package/dist/components/ServerGrid.d.ts.map +1 -1
- package/dist/components/ServerGrid.js +2 -2
- package/dist/components/ServerGrid.js.map +1 -1
- package/dist/components/ShineFx.d.ts +1 -0
- package/dist/components/ShineFx.d.ts.map +1 -1
- package/dist/components/ShineFx.js +5 -2
- package/dist/components/ShineFx.js.map +1 -1
- package/dist/components/SplitView.d.ts +16 -0
- package/dist/components/SplitView.d.ts.map +1 -0
- package/dist/components/SplitView.js +80 -0
- package/dist/components/SplitView.js.map +1 -0
- package/dist/components/SplitView.module.scss +18 -0
- package/dist/components/StylePanel.d.ts.map +1 -1
- package/dist/components/StylePanel.js +10 -10
- package/dist/components/StylePanel.js.map +1 -1
- package/dist/components/Textarea.d.ts +2 -0
- package/dist/components/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea.js +22 -12
- package/dist/components/Textarea.js.map +1 -1
- package/dist/components/ThemeInit.d.ts.map +1 -1
- package/dist/components/ThemeInit.js +39 -40
- package/dist/components/ThemeInit.js.map +1 -1
- package/dist/components/TiltFx.d.ts +1 -0
- package/dist/components/TiltFx.d.ts.map +1 -1
- package/dist/components/TiltFx.js +27 -10
- package/dist/components/TiltFx.js.map +1 -1
- package/dist/components/Timeline.d.ts +1 -1
- package/dist/components/Timeline.d.ts.map +1 -1
- package/dist/components/Timeline.js +50 -6
- package/dist/components/Timeline.js.map +1 -1
- package/dist/components/ToggleButton.d.ts +2 -1
- package/dist/components/ToggleButton.d.ts.map +1 -1
- package/dist/components/ToggleButton.js +3 -3
- package/dist/components/ToggleButton.js.map +1 -1
- package/dist/components/ToggleButton.module.scss +27 -8
- package/dist/components/TypeFx.d.ts.map +1 -1
- package/dist/components/TypeFx.js +66 -87
- package/dist/components/TypeFx.js.map +1 -1
- package/dist/components/WeatherFx.d.ts +1 -0
- package/dist/components/WeatherFx.d.ts.map +1 -1
- package/dist/components/WeatherFx.js +97 -2
- package/dist/components/WeatherFx.js.map +1 -1
- package/dist/components/index.d.ts +9 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +9 -1
- package/dist/components/index.js.map +1 -1
- package/dist/css/styles.css +1 -1
- package/dist/css/styles.css.map +1 -1
- package/dist/css/tokens.css +1 -1
- package/dist/css/tokens.css.map +1 -1
- package/dist/data/emoji-data.json +0 -8
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/index.js.map +1 -1
- package/dist/hooks/useInViewport.d.ts +3 -0
- package/dist/hooks/useInViewport.d.ts.map +1 -0
- package/dist/hooks/useInViewport.js +19 -0
- package/dist/hooks/useInViewport.js.map +1 -0
- package/dist/hooks/useReducedMotion.d.ts +8 -0
- package/dist/hooks/useReducedMotion.d.ts.map +1 -0
- package/dist/hooks/useReducedMotion.js +44 -0
- package/dist/hooks/useReducedMotion.js.map +1 -0
- package/dist/interfaces.d.ts +1 -0
- package/dist/interfaces.d.ts.map +1 -1
- package/dist/internal/dialogState.d.ts +17 -0
- package/dist/internal/dialogState.d.ts.map +1 -0
- package/dist/internal/dialogState.js +101 -0
- package/dist/internal/dialogState.js.map +1 -0
- package/dist/internal/scrollLockState.d.ts +15 -0
- package/dist/internal/scrollLockState.d.ts.map +1 -0
- package/dist/internal/scrollLockState.js +172 -0
- package/dist/internal/scrollLockState.js.map +1 -0
- package/dist/modules/code/CodeBlock.d.ts +3 -31
- package/dist/modules/code/CodeBlock.d.ts.map +1 -1
- package/dist/modules/code/CodeBlock.impl.d.ts +34 -0
- package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -0
- package/dist/modules/code/CodeBlock.impl.js +487 -0
- package/dist/modules/code/CodeBlock.impl.js.map +1 -0
- package/dist/modules/code/CodeBlock.js +10 -483
- package/dist/modules/code/CodeBlock.js.map +1 -1
- package/dist/modules/data/BarChart.d.ts +1 -8
- package/dist/modules/data/BarChart.d.ts.map +1 -1
- package/dist/modules/data/BarChart.impl.d.ts +12 -0
- package/dist/modules/data/BarChart.impl.d.ts.map +1 -0
- package/dist/modules/data/BarChart.impl.js +137 -0
- package/dist/modules/data/BarChart.impl.js.map +1 -0
- package/dist/modules/data/BarChart.js +9 -132
- package/dist/modules/data/BarChart.js.map +1 -1
- package/dist/modules/data/DataTooltip.d.ts +2 -2
- package/dist/modules/data/DataTooltip.d.ts.map +1 -1
- package/dist/modules/data/Legend.d.ts +1 -1
- package/dist/modules/data/Legend.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.d.ts +1 -8
- package/dist/modules/data/LineBarChart.d.ts.map +1 -1
- package/dist/modules/data/LineBarChart.impl.d.ts +12 -0
- package/dist/modules/data/LineBarChart.impl.d.ts.map +1 -0
- package/dist/modules/data/LineBarChart.impl.js +142 -0
- package/dist/modules/data/LineBarChart.impl.js.map +1 -0
- package/dist/modules/data/LineBarChart.js +9 -137
- package/dist/modules/data/LineBarChart.js.map +1 -1
- package/dist/modules/data/LineChart.d.ts +1 -13
- package/dist/modules/data/LineChart.d.ts.map +1 -1
- package/dist/modules/data/LineChart.impl.d.ts +17 -0
- package/dist/modules/data/LineChart.impl.d.ts.map +1 -0
- package/dist/modules/data/LineChart.impl.js +148 -0
- package/dist/modules/data/LineChart.impl.js.map +1 -0
- package/dist/modules/data/LineChart.js +9 -143
- package/dist/modules/data/LineChart.js.map +1 -1
- package/dist/modules/data/PieChart.d.ts +4 -16
- package/dist/modules/data/PieChart.d.ts.map +1 -1
- package/dist/modules/data/PieChart.impl.d.ts +18 -0
- package/dist/modules/data/PieChart.impl.d.ts.map +1 -0
- package/dist/modules/data/PieChart.impl.js +102 -0
- package/dist/modules/data/PieChart.impl.js.map +1 -0
- package/dist/modules/data/PieChart.js +11 -97
- package/dist/modules/data/PieChart.js.map +1 -1
- package/dist/modules/media/MediaUpload.d.ts +2 -20
- package/dist/modules/media/MediaUpload.d.ts.map +1 -1
- package/dist/modules/media/MediaUpload.impl.d.ts +24 -0
- package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -0
- package/dist/modules/media/MediaUpload.impl.js +92 -0
- package/dist/modules/media/MediaUpload.impl.js.map +1 -0
- package/dist/modules/media/MediaUpload.js +10 -88
- package/dist/modules/media/MediaUpload.js.map +1 -1
- package/dist/modules/navigation/Kbar.d.ts.map +1 -1
- package/dist/modules/navigation/Kbar.js +13 -28
- package/dist/modules/navigation/Kbar.js.map +1 -1
- package/dist/package.json +17 -6
- package/dist/styles/size.scss +20 -0
- package/dist/styles/typography.scss +8 -40
- package/dist/test/dialogTestUtils.d.ts +2 -0
- package/dist/test/dialogTestUtils.d.ts.map +1 -0
- package/dist/test/dialogTestUtils.js +9 -0
- package/dist/test/dialogTestUtils.js.map +1 -0
- package/dist/test/setup.d.ts +2 -0
- package/dist/test/setup.d.ts.map +1 -0
- package/dist/test/setup.js +59 -0
- package/dist/test/setup.js.map +1 -0
- package/dist/tokens/layout.scss +5 -0
- package/dist/utils/MissingDependency.d.ts +7 -0
- package/dist/utils/MissingDependency.d.ts.map +1 -0
- package/dist/utils/MissingDependency.js +6 -0
- package/dist/utils/MissingDependency.js.map +1 -0
- package/dist/utils/index.d.ts +1 -0
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -0
- package/dist/utils/index.js.map +1 -1
- package/next-env.d.ts +5 -0
- package/package.json +135 -115
- package/tsconfig.vitest.json +20 -0
- package/vitest.config.ts +19 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export interface VisibleDialogLayer {
|
|
3
|
+
id: string;
|
|
4
|
+
dialogElement: HTMLElement;
|
|
5
|
+
portalContainer: HTMLElement;
|
|
6
|
+
priority?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const visibleDialogLayers: VisibleDialogLayer[];
|
|
9
|
+
export declare const managedInertElements: Map<HTMLElement, boolean>;
|
|
10
|
+
export declare const upsertVisibleDialogLayer: (layer: VisibleDialogLayer) => void;
|
|
11
|
+
export declare const removeVisibleDialogLayer: (id: string) => void;
|
|
12
|
+
export declare const getTopVisibleDialogLayer: () => VisibleDialogLayer | null;
|
|
13
|
+
export declare const DialogContext: React.Context<{
|
|
14
|
+
upsertVisibleDialog: (layer: VisibleDialogLayer) => void;
|
|
15
|
+
removeVisibleDialog: (id: string) => void;
|
|
16
|
+
}>;
|
|
17
|
+
//# sourceMappingURL=dialogState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialogState.d.ts","sourceRoot":"","sources":["../../src/internal/dialogState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,EAAE,WAAW,CAAC;IAC3B,eAAe,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAAO,CAAC;AAC5D,eAAO,MAAM,oBAAoB,2BAAkC,CAAC;AAuFpE,eAAO,MAAM,wBAAwB,GAAI,OAAO,kBAAkB,SAWjE,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,IAAI,MAAM,SAMlD,CAAC;AAEF,eAAO,MAAM,wBAAwB,QAAO,kBAAkB,GAAG,IAKhE,CAAC;AAEF,eAAO,MAAM,aAAa;yBACH,CAAC,KAAK,EAAE,kBAAkB,KAAK,IAAI;yBACnC,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;EAIzC,CAAC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export const visibleDialogLayers = [];
|
|
3
|
+
export const managedInertElements = new Map();
|
|
4
|
+
const getDialogOverlayElement = (layer) => layer.dialogElement.closest('[role="dialog"]');
|
|
5
|
+
const getOverlayZIndex = (layer) => {
|
|
6
|
+
const overlayElement = getDialogOverlayElement(layer);
|
|
7
|
+
if (!overlayElement || typeof window === "undefined")
|
|
8
|
+
return 0;
|
|
9
|
+
const zIndex = window.getComputedStyle(overlayElement).zIndex;
|
|
10
|
+
const parsedZIndex = Number.parseInt(zIndex, 10);
|
|
11
|
+
return Number.isFinite(parsedZIndex) ? parsedZIndex : 0;
|
|
12
|
+
};
|
|
13
|
+
const compareDocumentOrder = (a, b) => {
|
|
14
|
+
if (a === b)
|
|
15
|
+
return 0;
|
|
16
|
+
const position = a.compareDocumentPosition(b);
|
|
17
|
+
if (position & Node.DOCUMENT_POSITION_PRECEDING)
|
|
18
|
+
return 1;
|
|
19
|
+
if (position & Node.DOCUMENT_POSITION_FOLLOWING)
|
|
20
|
+
return -1;
|
|
21
|
+
return 0;
|
|
22
|
+
};
|
|
23
|
+
const getVisibleLayerPriority = (layer) => layer.priority ?? getOverlayZIndex(layer);
|
|
24
|
+
const compareVisibleLayerPriority = (a, b) => {
|
|
25
|
+
const explicitPriorityDifference = getVisibleLayerPriority(a) - getVisibleLayerPriority(b);
|
|
26
|
+
if (explicitPriorityDifference !== 0)
|
|
27
|
+
return explicitPriorityDifference;
|
|
28
|
+
const containerOrderDifference = compareDocumentOrder(a.portalContainer, b.portalContainer);
|
|
29
|
+
if (containerOrderDifference !== 0)
|
|
30
|
+
return containerOrderDifference;
|
|
31
|
+
const aOverlayElement = getDialogOverlayElement(a);
|
|
32
|
+
const bOverlayElement = getDialogOverlayElement(b);
|
|
33
|
+
if (aOverlayElement && bOverlayElement) {
|
|
34
|
+
const overlayOrderDifference = compareDocumentOrder(aOverlayElement, bOverlayElement);
|
|
35
|
+
if (overlayOrderDifference !== 0)
|
|
36
|
+
return overlayOrderDifference;
|
|
37
|
+
}
|
|
38
|
+
// Use id as the final deterministic tie-breaker.
|
|
39
|
+
return a.id.localeCompare(b.id);
|
|
40
|
+
};
|
|
41
|
+
const sortVisibleDialogLayersByPriority = () => {
|
|
42
|
+
visibleDialogLayers.sort(compareVisibleLayerPriority);
|
|
43
|
+
};
|
|
44
|
+
const syncVisibleDialogLayerInertState = () => {
|
|
45
|
+
sortVisibleDialogLayersByPriority();
|
|
46
|
+
const nextInertElements = new Set();
|
|
47
|
+
const topLayer = visibleDialogLayers[visibleDialogLayers.length - 1];
|
|
48
|
+
if (topLayer) {
|
|
49
|
+
document.body.childNodes.forEach((node) => {
|
|
50
|
+
if (node instanceof HTMLElement && node !== topLayer.portalContainer) {
|
|
51
|
+
nextInertElements.add(node);
|
|
52
|
+
}
|
|
53
|
+
});
|
|
54
|
+
visibleDialogLayers.forEach((layer) => {
|
|
55
|
+
if (layer.dialogElement !== topLayer.dialogElement) {
|
|
56
|
+
nextInertElements.add(layer.dialogElement);
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
managedInertElements.forEach((wasInert, element) => {
|
|
61
|
+
if (!nextInertElements.has(element)) {
|
|
62
|
+
element.inert = wasInert;
|
|
63
|
+
managedInertElements.delete(element);
|
|
64
|
+
}
|
|
65
|
+
});
|
|
66
|
+
nextInertElements.forEach((element) => {
|
|
67
|
+
if (!managedInertElements.has(element)) {
|
|
68
|
+
managedInertElements.set(element, element.inert);
|
|
69
|
+
}
|
|
70
|
+
element.inert = true;
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
export const upsertVisibleDialogLayer = (layer) => {
|
|
74
|
+
const existingIndex = visibleDialogLayers.findIndex((currentLayer) => currentLayer.id === layer.id);
|
|
75
|
+
if (existingIndex === -1) {
|
|
76
|
+
visibleDialogLayers.push(layer);
|
|
77
|
+
}
|
|
78
|
+
else {
|
|
79
|
+
visibleDialogLayers[existingIndex] = layer;
|
|
80
|
+
}
|
|
81
|
+
sortVisibleDialogLayersByPriority();
|
|
82
|
+
syncVisibleDialogLayerInertState();
|
|
83
|
+
};
|
|
84
|
+
export const removeVisibleDialogLayer = (id) => {
|
|
85
|
+
const existingIndex = visibleDialogLayers.findIndex((currentLayer) => currentLayer.id === id);
|
|
86
|
+
if (existingIndex === -1)
|
|
87
|
+
return;
|
|
88
|
+
visibleDialogLayers.splice(existingIndex, 1);
|
|
89
|
+
syncVisibleDialogLayerInertState();
|
|
90
|
+
};
|
|
91
|
+
export const getTopVisibleDialogLayer = () => {
|
|
92
|
+
if (visibleDialogLayers.length === 0)
|
|
93
|
+
return null;
|
|
94
|
+
sortVisibleDialogLayersByPriority();
|
|
95
|
+
return visibleDialogLayers[visibleDialogLayers.length - 1] ?? null;
|
|
96
|
+
};
|
|
97
|
+
export const DialogContext = React.createContext({
|
|
98
|
+
upsertVisibleDialog: upsertVisibleDialogLayer,
|
|
99
|
+
removeVisibleDialog: removeVisibleDialogLayer,
|
|
100
|
+
});
|
|
101
|
+
//# sourceMappingURL=dialogState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"dialogState.js","sourceRoot":"","sources":["../../src/internal/dialogState.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { RefObject } from "react";
|
|
2
|
+
export declare const activeScrollLocks: Set<symbol>;
|
|
3
|
+
export declare const activeScrollLockAllowElements: Map<symbol, RefObject<HTMLElement | null> | undefined>;
|
|
4
|
+
export declare const scrollLockState: {
|
|
5
|
+
previousBodyOverflow: string | null;
|
|
6
|
+
previousBodyPaddingRight: string | null;
|
|
7
|
+
globalListenersAttached: boolean;
|
|
8
|
+
touchStartY: number;
|
|
9
|
+
};
|
|
10
|
+
export declare const attachScrollLockGlobalListeners: () => void;
|
|
11
|
+
export declare const detachScrollLockGlobalListeners: () => void;
|
|
12
|
+
export declare const acquireScrollLock: (lockId: symbol, allowScrollInElement?: RefObject<HTMLElement | null>) => void;
|
|
13
|
+
export declare const releaseScrollLock: (lockId: symbol) => void;
|
|
14
|
+
export declare const resetScrollLockTestState: () => void;
|
|
15
|
+
//# sourceMappingURL=scrollLockState.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scrollLockState.d.ts","sourceRoot":"","sources":["../../src/internal/scrollLockState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,eAAO,MAAM,iBAAiB,aAAoB,CAAC;AACnD,eAAO,MAAM,6BAA6B,wDAA+D,CAAC;AAE1G,eAAO,MAAM,eAAe;0BACI,MAAM,GAAG,IAAI;8BACT,MAAM,GAAG,IAAI;;;CAGhD,CAAC;AA0IF,eAAO,MAAM,+BAA+B,YAU3C,CAAC;AAEF,eAAO,MAAM,+BAA+B,YAU3C,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAC5B,QAAQ,MAAM,EACd,uBAAuB,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,SAqBrD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,QAAQ,MAAM,SAe/C,CAAC;AAEF,eAAO,MAAM,wBAAwB,YASpC,CAAC"}
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
export const activeScrollLocks = new Set();
|
|
2
|
+
export const activeScrollLockAllowElements = new Map();
|
|
3
|
+
export const scrollLockState = {
|
|
4
|
+
previousBodyOverflow: null,
|
|
5
|
+
previousBodyPaddingRight: null,
|
|
6
|
+
globalListenersAttached: false,
|
|
7
|
+
touchStartY: 0,
|
|
8
|
+
};
|
|
9
|
+
const SCROLL_KEYS = new Set(["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", " "]);
|
|
10
|
+
const canScroll = (el, deltaY) => {
|
|
11
|
+
const style = window.getComputedStyle(el);
|
|
12
|
+
const overflowY = style.overflowY;
|
|
13
|
+
if (overflowY !== "auto" && overflowY !== "scroll") {
|
|
14
|
+
return false;
|
|
15
|
+
}
|
|
16
|
+
const { scrollTop, scrollHeight, clientHeight } = el;
|
|
17
|
+
const hasOverflow = scrollHeight > clientHeight;
|
|
18
|
+
if (!hasOverflow)
|
|
19
|
+
return false;
|
|
20
|
+
if (deltaY > 0) {
|
|
21
|
+
return scrollTop + clientHeight < scrollHeight;
|
|
22
|
+
}
|
|
23
|
+
return scrollTop > 0;
|
|
24
|
+
};
|
|
25
|
+
const findScrollableParent = (target, container, deltaY) => {
|
|
26
|
+
let current = target;
|
|
27
|
+
while (current && container.contains(current)) {
|
|
28
|
+
if (canScroll(current, deltaY)) {
|
|
29
|
+
return current;
|
|
30
|
+
}
|
|
31
|
+
current = current.parentElement;
|
|
32
|
+
}
|
|
33
|
+
if (canScroll(container, deltaY)) {
|
|
34
|
+
return container;
|
|
35
|
+
}
|
|
36
|
+
return null;
|
|
37
|
+
};
|
|
38
|
+
const canAnyAllowedElementScroll = (target, deltaY) => {
|
|
39
|
+
for (const allowedElementRef of activeScrollLockAllowElements.values()) {
|
|
40
|
+
const container = allowedElementRef?.current;
|
|
41
|
+
if (!container || !container.contains(target)) {
|
|
42
|
+
continue;
|
|
43
|
+
}
|
|
44
|
+
if (findScrollableParent(target, container, deltaY)) {
|
|
45
|
+
return true;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return false;
|
|
49
|
+
};
|
|
50
|
+
const isTargetInAnyAllowedElement = (target) => {
|
|
51
|
+
for (const allowedElementRef of activeScrollLockAllowElements.values()) {
|
|
52
|
+
const container = allowedElementRef?.current;
|
|
53
|
+
if (container && container.contains(target)) {
|
|
54
|
+
return true;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
return false;
|
|
58
|
+
};
|
|
59
|
+
const canAllowScroll = (target, source, deltaY) => {
|
|
60
|
+
if (source === "keydown") {
|
|
61
|
+
return isTargetInAnyAllowedElement(target);
|
|
62
|
+
}
|
|
63
|
+
return canAnyAllowedElementScroll(target, deltaY ?? 0);
|
|
64
|
+
};
|
|
65
|
+
const preventWheel = (e) => {
|
|
66
|
+
if (!(e.target instanceof HTMLElement)) {
|
|
67
|
+
e.preventDefault();
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (canAllowScroll(e.target, "wheel", e.deltaY)) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
e.preventDefault();
|
|
74
|
+
};
|
|
75
|
+
const handleTouchStart = (e) => {
|
|
76
|
+
if (e.touches.length === 0) {
|
|
77
|
+
return;
|
|
78
|
+
}
|
|
79
|
+
scrollLockState.touchStartY = e.touches[0].clientY;
|
|
80
|
+
};
|
|
81
|
+
const preventTouch = (e) => {
|
|
82
|
+
if (!(e.target instanceof HTMLElement)) {
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
return;
|
|
85
|
+
}
|
|
86
|
+
if (e.touches.length === 0) {
|
|
87
|
+
e.preventDefault();
|
|
88
|
+
return;
|
|
89
|
+
}
|
|
90
|
+
const deltaY = scrollLockState.touchStartY - e.touches[0].clientY;
|
|
91
|
+
if (canAllowScroll(e.target, "touchmove", deltaY)) {
|
|
92
|
+
return;
|
|
93
|
+
}
|
|
94
|
+
e.preventDefault();
|
|
95
|
+
};
|
|
96
|
+
const preventKeyScroll = (e) => {
|
|
97
|
+
if (!SCROLL_KEYS.has(e.key)) {
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
if (!(e.target instanceof HTMLElement)) {
|
|
101
|
+
e.preventDefault();
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
if (canAllowScroll(e.target, "keydown")) {
|
|
105
|
+
return;
|
|
106
|
+
}
|
|
107
|
+
e.preventDefault();
|
|
108
|
+
};
|
|
109
|
+
export const attachScrollLockGlobalListeners = () => {
|
|
110
|
+
if (scrollLockState.globalListenersAttached) {
|
|
111
|
+
return;
|
|
112
|
+
}
|
|
113
|
+
window.addEventListener("wheel", preventWheel, { passive: false, capture: true });
|
|
114
|
+
window.addEventListener("touchstart", handleTouchStart, { passive: true, capture: true });
|
|
115
|
+
window.addEventListener("touchmove", preventTouch, { passive: false, capture: true });
|
|
116
|
+
window.addEventListener("keydown", preventKeyScroll, { capture: true });
|
|
117
|
+
scrollLockState.globalListenersAttached = true;
|
|
118
|
+
};
|
|
119
|
+
export const detachScrollLockGlobalListeners = () => {
|
|
120
|
+
if (!scrollLockState.globalListenersAttached) {
|
|
121
|
+
return;
|
|
122
|
+
}
|
|
123
|
+
window.removeEventListener("wheel", preventWheel, { capture: true });
|
|
124
|
+
window.removeEventListener("touchstart", handleTouchStart, { capture: true });
|
|
125
|
+
window.removeEventListener("touchmove", preventTouch, { capture: true });
|
|
126
|
+
window.removeEventListener("keydown", preventKeyScroll, { capture: true });
|
|
127
|
+
scrollLockState.globalListenersAttached = false;
|
|
128
|
+
};
|
|
129
|
+
export const acquireScrollLock = (lockId, allowScrollInElement) => {
|
|
130
|
+
if (activeScrollLocks.has(lockId)) {
|
|
131
|
+
activeScrollLockAllowElements.set(lockId, allowScrollInElement);
|
|
132
|
+
return;
|
|
133
|
+
}
|
|
134
|
+
if (activeScrollLocks.size === 0) {
|
|
135
|
+
const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
|
|
136
|
+
scrollLockState.previousBodyOverflow = document.body.style.overflow;
|
|
137
|
+
scrollLockState.previousBodyPaddingRight = document.body.style.paddingRight;
|
|
138
|
+
if (scrollbarWidth > 0) {
|
|
139
|
+
const computedPaddingRight = Number.parseFloat(window.getComputedStyle(document.body).paddingRight) || 0;
|
|
140
|
+
document.body.style.paddingRight = `${computedPaddingRight + scrollbarWidth}px`;
|
|
141
|
+
}
|
|
142
|
+
document.body.style.overflow = "hidden";
|
|
143
|
+
attachScrollLockGlobalListeners();
|
|
144
|
+
}
|
|
145
|
+
activeScrollLocks.add(lockId);
|
|
146
|
+
activeScrollLockAllowElements.set(lockId, allowScrollInElement);
|
|
147
|
+
};
|
|
148
|
+
export const releaseScrollLock = (lockId) => {
|
|
149
|
+
if (!activeScrollLocks.has(lockId)) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
activeScrollLocks.delete(lockId);
|
|
153
|
+
activeScrollLockAllowElements.delete(lockId);
|
|
154
|
+
if (activeScrollLocks.size === 0 && scrollLockState.previousBodyOverflow !== null) {
|
|
155
|
+
document.body.style.overflow = scrollLockState.previousBodyOverflow;
|
|
156
|
+
document.body.style.paddingRight = scrollLockState.previousBodyPaddingRight ?? "";
|
|
157
|
+
scrollLockState.previousBodyOverflow = null;
|
|
158
|
+
scrollLockState.previousBodyPaddingRight = null;
|
|
159
|
+
detachScrollLockGlobalListeners();
|
|
160
|
+
}
|
|
161
|
+
};
|
|
162
|
+
export const resetScrollLockTestState = () => {
|
|
163
|
+
detachScrollLockGlobalListeners();
|
|
164
|
+
activeScrollLocks.clear();
|
|
165
|
+
activeScrollLockAllowElements.clear();
|
|
166
|
+
scrollLockState.previousBodyOverflow = null;
|
|
167
|
+
scrollLockState.previousBodyPaddingRight = null;
|
|
168
|
+
scrollLockState.touchStartY = 0;
|
|
169
|
+
document.body.style.overflow = "";
|
|
170
|
+
document.body.style.paddingRight = "";
|
|
171
|
+
};
|
|
172
|
+
//# sourceMappingURL=scrollLockState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scrollLockState.js","sourceRoot":"","sources":["../../src/internal/scrollLockState.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,34 +1,6 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import {
|
|
3
|
-
import { Flex } from "../../components";
|
|
4
|
-
type CodeInstance = {
|
|
5
|
-
code: string | {
|
|
6
|
-
content: string;
|
|
7
|
-
error: string | null;
|
|
8
|
-
};
|
|
9
|
-
language: string | ["diff", string];
|
|
10
|
-
label: string;
|
|
11
|
-
highlight?: string;
|
|
12
|
-
prefixIcon?: string;
|
|
13
|
-
startLineNumber?: number;
|
|
14
|
-
};
|
|
15
|
-
interface CodeBlockProps extends React.ComponentProps<typeof Flex> {
|
|
16
|
-
codeHeight?: number;
|
|
17
|
-
fillHeight?: boolean;
|
|
18
|
-
previewPadding?: SpacingToken;
|
|
19
|
-
codes?: CodeInstance[];
|
|
20
|
-
preview?: ReactNode;
|
|
21
|
-
copyButton?: boolean;
|
|
22
|
-
styleButton?: boolean;
|
|
23
|
-
reloadButton?: boolean;
|
|
24
|
-
fullscreenButton?: boolean;
|
|
25
|
-
compact?: boolean;
|
|
26
|
-
className?: string;
|
|
27
|
-
style?: React.CSSProperties;
|
|
28
|
-
onInstanceChange?: (index: number) => void;
|
|
29
|
-
lineNumbers?: boolean;
|
|
30
|
-
highlight?: string;
|
|
31
|
-
}
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { CodeBlockProps } from "./CodeBlock.impl";
|
|
32
3
|
declare const CodeBlock: React.FC<CodeBlockProps>;
|
|
33
4
|
export { CodeBlock };
|
|
5
|
+
export type { CodeBlockProps };
|
|
34
6
|
//# sourceMappingURL=CodeBlock.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/modules/code/CodeBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/modules/code/CodeBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAavD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAIvC,CAAC;AAIF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
import { SpacingToken } from "../../types";
|
|
3
|
+
import { Flex } from "../../components";
|
|
4
|
+
type CodeInstance = {
|
|
5
|
+
code: string | {
|
|
6
|
+
content: string;
|
|
7
|
+
error: string | null;
|
|
8
|
+
};
|
|
9
|
+
language: string | ["diff", string];
|
|
10
|
+
label: string;
|
|
11
|
+
highlight?: string;
|
|
12
|
+
prefixIcon?: string;
|
|
13
|
+
startLineNumber?: number;
|
|
14
|
+
};
|
|
15
|
+
export interface CodeBlockProps extends React.ComponentProps<typeof Flex> {
|
|
16
|
+
codeHeight?: number;
|
|
17
|
+
fillHeight?: boolean;
|
|
18
|
+
previewPadding?: SpacingToken;
|
|
19
|
+
codes?: CodeInstance[];
|
|
20
|
+
preview?: ReactNode;
|
|
21
|
+
copyButton?: boolean;
|
|
22
|
+
styleButton?: boolean;
|
|
23
|
+
reloadButton?: boolean;
|
|
24
|
+
fullscreenButton?: boolean;
|
|
25
|
+
compact?: boolean;
|
|
26
|
+
className?: string;
|
|
27
|
+
style?: React.CSSProperties;
|
|
28
|
+
onInstanceChange?: (index: number) => void;
|
|
29
|
+
lineNumbers?: boolean;
|
|
30
|
+
highlight?: string;
|
|
31
|
+
}
|
|
32
|
+
declare const CodeBlock: React.FC<CodeBlockProps>;
|
|
33
|
+
export default CodeBlock;
|
|
34
|
+
//# sourceMappingURL=CodeBlock.impl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CodeBlock.impl.d.ts","sourceRoot":"","sources":["../../../src/modules/code/CodeBlock.impl.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0C,MAAM,OAAO,CAAC;AAGjF,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAG3C,OAAO,EACL,IAAI,EAQL,MAAM,kBAAkB,CAAC;AA2V1B,KAAK,YAAY,GAAG;IAClB,IAAI,EAAE,MAAM,GAAG;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;KAAE,CAAC;IACzD,QAAQ,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IACvE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,YAAY,CAAC;IAC9B,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkbvC,CAAC;AAIF,eAAe,SAAS,CAAC"}
|