@cladd-ui/react 0.0.1 → 0.0.3
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 +21 -0
- package/README.md +1 -1
- package/components/Backdrop.d.ts +8 -0
- package/components/Backdrop.d.ts.map +1 -0
- package/components/Backdrop.js +7 -0
- package/components/Backdrop.js.map +1 -0
- package/components/BlockTitle.d.ts +10 -0
- package/components/BlockTitle.d.ts.map +1 -0
- package/components/BlockTitle.js +7 -0
- package/components/BlockTitle.js.map +1 -0
- package/components/Button.d.ts +61 -0
- package/components/Button.d.ts.map +1 -0
- package/components/Button.js +83 -0
- package/components/Button.js.map +1 -0
- package/components/Checkbox.d.ts +57 -0
- package/components/Checkbox.d.ts.map +1 -0
- package/components/Checkbox.js +48 -0
- package/components/Checkbox.js.map +1 -0
- package/components/Chip.d.ts +47 -0
- package/components/Chip.d.ts.map +1 -0
- package/components/Chip.js +55 -0
- package/components/Chip.js.map +1 -0
- package/components/Dialog.d.ts +118 -0
- package/components/Dialog.d.ts.map +1 -0
- package/components/Dialog.js +178 -0
- package/components/Dialog.js.map +1 -0
- package/components/DialogsPortal.d.ts +2 -0
- package/components/DialogsPortal.d.ts.map +1 -0
- package/components/DialogsPortal.js +17 -0
- package/components/DialogsPortal.js.map +1 -0
- package/components/DialogsPortalContext.d.ts +49 -0
- package/components/DialogsPortalContext.d.ts.map +1 -0
- package/components/DialogsPortalContext.js +17 -0
- package/components/DialogsPortalContext.js.map +1 -0
- package/components/FocusableLayer.d.ts +25 -0
- package/components/FocusableLayer.d.ts.map +1 -0
- package/components/FocusableLayer.js +18 -0
- package/components/FocusableLayer.js.map +1 -0
- package/components/Input.d.ts +87 -0
- package/components/Input.d.ts.map +1 -0
- package/components/Input.js +93 -0
- package/components/Input.js.map +1 -0
- package/components/Link.d.ts +28 -0
- package/components/Link.d.ts.map +1 -0
- package/components/Link.js +21 -0
- package/components/Link.js.map +1 -0
- package/components/List.d.ts +8 -0
- package/components/List.d.ts.map +1 -0
- package/components/List.js +7 -0
- package/components/List.js.map +1 -0
- package/components/ListButton.d.ts +61 -0
- package/components/ListButton.d.ts.map +1 -0
- package/components/ListButton.js +9 -0
- package/components/ListButton.js.map +1 -0
- package/components/ListItem.d.ts +8 -0
- package/components/ListItem.d.ts.map +1 -0
- package/components/ListItem.js +7 -0
- package/components/ListItem.js.map +1 -0
- package/components/ListSeparator.d.ts +8 -0
- package/components/ListSeparator.d.ts.map +1 -0
- package/components/ListSeparator.js +7 -0
- package/components/ListSeparator.js.map +1 -0
- package/components/ModalController.d.ts +26 -0
- package/components/ModalController.d.ts.map +1 -0
- package/components/ModalController.js +52 -0
- package/components/ModalController.js.map +1 -0
- package/components/NumberField.d.ts +49 -0
- package/components/NumberField.d.ts.map +1 -0
- package/components/NumberField.js +34 -0
- package/components/NumberField.js.map +1 -0
- package/components/Popover.d.ts +137 -0
- package/components/Popover.d.ts.map +1 -0
- package/components/Popover.js +366 -0
- package/components/Popover.js.map +1 -0
- package/components/Popup.d.ts +120 -0
- package/components/Popup.d.ts.map +1 -0
- package/components/Popup.js +235 -0
- package/components/Popup.js.map +1 -0
- package/components/PopupContent.d.ts +19 -0
- package/components/PopupContent.d.ts.map +1 -0
- package/components/PopupContent.js +8 -0
- package/components/PopupContent.js.map +1 -0
- package/components/Preloader.d.ts +12 -0
- package/components/Preloader.d.ts.map +1 -0
- package/components/Preloader.js +30 -0
- package/components/Preloader.js.map +1 -0
- package/components/Radio.d.ts +53 -0
- package/components/Radio.d.ts.map +1 -0
- package/components/Radio.js +46 -0
- package/components/Radio.js.map +1 -0
- package/components/Range.d.ts +35 -0
- package/components/Range.d.ts.map +1 -0
- package/components/Range.js +76 -0
- package/components/Range.js.map +1 -0
- package/components/Searchbar.d.ts +29 -0
- package/components/Searchbar.d.ts.map +1 -0
- package/components/Searchbar.js +10 -0
- package/components/Searchbar.js.map +1 -0
- package/components/Segmented.d.ts +39 -0
- package/components/Segmented.d.ts.map +1 -0
- package/components/Segmented.js +26 -0
- package/components/Segmented.js.map +1 -0
- package/components/SegmentedButton.d.ts +13 -0
- package/components/SegmentedButton.d.ts.map +1 -0
- package/components/SegmentedButton.js +10 -0
- package/components/SegmentedButton.js.map +1 -0
- package/components/SegmentedContext.d.ts +36 -0
- package/components/SegmentedContext.d.ts.map +1 -0
- package/components/SegmentedContext.js +10 -0
- package/components/SegmentedContext.js.map +1 -0
- package/components/Select.d.ts +145 -0
- package/components/Select.d.ts.map +1 -0
- package/components/Select.js +316 -0
- package/components/Select.js.map +1 -0
- package/components/Surface.d.ts +67 -0
- package/components/Surface.d.ts.map +1 -0
- package/components/Surface.js +36 -0
- package/components/Surface.js.map +1 -0
- package/components/SurfaceContent.d.ts +8 -0
- package/components/SurfaceContent.d.ts.map +1 -0
- package/components/SurfaceContent.js +7 -0
- package/components/SurfaceContent.js.map +1 -0
- package/components/SurfaceContext.d.ts +19 -0
- package/components/SurfaceContext.d.ts.map +1 -0
- package/components/SurfaceContext.js +9 -0
- package/components/SurfaceContext.js.map +1 -0
- package/components/SurfaceCut.d.ts +33 -0
- package/components/SurfaceCut.d.ts.map +1 -0
- package/components/SurfaceCut.js +17 -0
- package/components/SurfaceCut.js.map +1 -0
- package/components/SurfaceCutContent.d.ts +16 -0
- package/components/SurfaceCutContent.d.ts.map +1 -0
- package/components/SurfaceCutContent.js +8 -0
- package/components/SurfaceCutContent.js.map +1 -0
- package/components/TextArea.d.ts +61 -0
- package/components/TextArea.d.ts.map +1 -0
- package/components/TextArea.js +102 -0
- package/components/TextArea.js.map +1 -0
- package/components/ThemeContext.d.ts +23 -0
- package/components/ThemeContext.d.ts.map +1 -0
- package/components/ThemeContext.js +18 -0
- package/components/ThemeContext.js.map +1 -0
- package/components/Toast.d.ts +89 -0
- package/components/Toast.d.ts.map +1 -0
- package/components/Toast.js +129 -0
- package/components/Toast.js.map +1 -0
- package/components/ToastsPortal.d.ts +2 -0
- package/components/ToastsPortal.d.ts.map +1 -0
- package/components/ToastsPortal.js +17 -0
- package/components/ToastsPortal.js.map +1 -0
- package/components/ToastsPortalContext.d.ts +45 -0
- package/components/ToastsPortalContext.d.ts.map +1 -0
- package/components/ToastsPortalContext.js +17 -0
- package/components/ToastsPortalContext.js.map +1 -0
- package/components/Toggle.d.ts +69 -0
- package/components/Toggle.d.ts.map +1 -0
- package/components/Toggle.js +48 -0
- package/components/Toggle.js.map +1 -0
- package/components/Tooltip.d.ts +48 -0
- package/components/Tooltip.d.ts.map +1 -0
- package/components/Tooltip.js +90 -0
- package/components/Tooltip.js.map +1 -0
- package/components/UIProvider.d.ts +16 -0
- package/components/UIProvider.d.ts.map +1 -0
- package/components/UIProvider.js +11 -0
- package/components/UIProvider.js.map +1 -0
- package/components/WithTooltip.d.ts +36 -0
- package/components/WithTooltip.d.ts.map +1 -0
- package/components/WithTooltip.js +138 -0
- package/components/WithTooltip.js.map +1 -0
- package/components/icons/CheckIcon.d.ts +2 -0
- package/components/icons/CheckIcon.d.ts.map +1 -0
- package/components/icons/CheckIcon.js +5 -0
- package/components/icons/CheckIcon.js.map +1 -0
- package/components/icons/CloseIcon.d.ts +2 -0
- package/components/icons/CloseIcon.d.ts.map +1 -0
- package/components/icons/CloseIcon.js +3 -0
- package/components/icons/CloseIcon.js.map +1 -0
- package/components/icons/DropdownIcon.d.ts +2 -0
- package/components/icons/DropdownIcon.d.ts.map +1 -0
- package/components/icons/DropdownIcon.js +3 -0
- package/components/icons/DropdownIcon.js.map +1 -0
- package/components/icons/SearchIcon.d.ts +2 -0
- package/components/icons/SearchIcon.d.ts.map +1 -0
- package/components/icons/SearchIcon.js +5 -0
- package/components/icons/SearchIcon.js.map +1 -0
- package/hooks/use-accent-color.d.ts +2 -0
- package/hooks/use-accent-color.d.ts.map +1 -0
- package/hooks/use-accent-color.js +6 -0
- package/hooks/use-accent-color.js.map +1 -0
- package/hooks/use-device.d.ts +14 -0
- package/hooks/use-device.d.ts.map +1 -0
- package/hooks/use-device.js +68 -0
- package/hooks/use-device.js.map +1 -0
- package/hooks/use-dialog.d.ts +8 -0
- package/hooks/use-dialog.d.ts.map +1 -0
- package/hooks/use-dialog.js +38 -0
- package/hooks/use-dialog.js.map +1 -0
- package/hooks/use-focus-trap.d.ts +9 -0
- package/hooks/use-focus-trap.d.ts.map +1 -0
- package/hooks/use-focus-trap.js +106 -0
- package/hooks/use-focus-trap.js.map +1 -0
- package/hooks/use-modal-utils.d.ts +17 -0
- package/hooks/use-modal-utils.d.ts.map +1 -0
- package/hooks/use-modal-utils.js +110 -0
- package/hooks/use-modal-utils.js.map +1 -0
- package/hooks/use-surface.d.ts +2 -0
- package/hooks/use-surface.d.ts.map +1 -0
- package/hooks/use-surface.js +6 -0
- package/hooks/use-surface.js.map +1 -0
- package/hooks/use-theme.d.ts +2 -0
- package/hooks/use-theme.d.ts.map +1 -0
- package/hooks/use-theme.js +6 -0
- package/hooks/use-theme.js.map +1 -0
- package/hooks/use-toast.d.ts +3 -0
- package/hooks/use-toast.d.ts.map +1 -0
- package/hooks/use-toast.js +21 -0
- package/hooks/use-toast.js.map +1 -0
- package/index.d.ts +42 -0
- package/index.d.ts.map +1 -0
- package/index.js +42 -0
- package/index.js.map +1 -0
- package/package.json +27 -9
- package/shared/cn.d.ts +3 -0
- package/shared/cn.d.ts.map +1 -0
- package/shared/cn.js +6 -0
- package/shared/cn.js.map +1 -0
- package/shared/next-tick.d.ts +2 -0
- package/shared/next-tick.d.ts.map +1 -0
- package/shared/next-tick.js +6 -0
- package/shared/next-tick.js.map +1 -0
- package/styles/colors.css +403 -0
- package/styles/popup.css +14 -0
- package/styles/preloader.css +71 -0
- package/styles/range.css +17 -0
- package/styles/safe-areas.css +192 -0
- package/types.d.ts +2 -0
- package/types.d.ts.map +1 -0
- package/types.js +2 -0
- package/types.js.map +1 -0
- package/ui.css +10 -0
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface DeviceInfo {
|
|
2
|
+
ios: boolean;
|
|
3
|
+
android: boolean;
|
|
4
|
+
desktop: boolean;
|
|
5
|
+
mobile: boolean;
|
|
6
|
+
iphone: boolean;
|
|
7
|
+
ipod: boolean;
|
|
8
|
+
ipad: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare function useDevice(overrides?: {
|
|
11
|
+
userAgent?: string;
|
|
12
|
+
}, reset?: boolean): DeviceInfo;
|
|
13
|
+
export { useDevice };
|
|
14
|
+
//# sourceMappingURL=use-device.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-device.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-device.ts"],"names":[],"mappings":"AAEA,UAAU,UAAU;IAClB,GAAG,EAAE,OAAO,CAAC;IACb,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,IAAI,EAAE,OAAO,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;CACf;AAwED,iBAAS,SAAS,CAChB,SAAS,GAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAO,EACtC,KAAK,CAAC,EAAE,OAAO,GACd,UAAU,CAKZ;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
let deviceCalculated = null;
|
|
2
|
+
function calcDevice({ userAgent } = {}) {
|
|
3
|
+
const supportTouch = typeof window !== "undefined" &&
|
|
4
|
+
("ontouchstart" in window ||
|
|
5
|
+
(window.DocumentTouch &&
|
|
6
|
+
document instanceof window.DocumentTouch));
|
|
7
|
+
const platform = window.navigator.platform;
|
|
8
|
+
const ua = userAgent || window.navigator.userAgent;
|
|
9
|
+
const device = {
|
|
10
|
+
ios: false,
|
|
11
|
+
android: false,
|
|
12
|
+
desktop: false,
|
|
13
|
+
mobile: false,
|
|
14
|
+
iphone: false,
|
|
15
|
+
ipod: false,
|
|
16
|
+
ipad: false,
|
|
17
|
+
};
|
|
18
|
+
const android = ua.match(/(Android);?[\s\/]+([\d.]+)?/);
|
|
19
|
+
let ipad = ua.match(/(iPad).*OS\s([\d_]+)/);
|
|
20
|
+
const ipod = ua.match(/(iPod)(.*OS\s([\d_]+))?/);
|
|
21
|
+
const iphone = !ipad && ua.match(/(iPhone\sOS|iOS|iPhone;\sCPU\sOS)\s([\d_]+)/);
|
|
22
|
+
const electron = ua.toLowerCase().indexOf("electron") >= 0;
|
|
23
|
+
const nwjs = typeof window.nw !== "undefined" &&
|
|
24
|
+
// @ts-ignore
|
|
25
|
+
typeof process !== "undefined" &&
|
|
26
|
+
// @ts-ignore
|
|
27
|
+
typeof process.versions !== "undefined" &&
|
|
28
|
+
// @ts-ignore
|
|
29
|
+
typeof process.versions.nw !== "undefined";
|
|
30
|
+
let macos = platform === "MacIntel";
|
|
31
|
+
if (!ipad && macos && supportTouch) {
|
|
32
|
+
ipad = ua.match(/(Version)\/([\d.]+)/);
|
|
33
|
+
if (!ipad)
|
|
34
|
+
ipad = ["", "Version", "13_0_0"];
|
|
35
|
+
macos = false;
|
|
36
|
+
}
|
|
37
|
+
// Android
|
|
38
|
+
if (android) {
|
|
39
|
+
device.android = true;
|
|
40
|
+
}
|
|
41
|
+
if (ipad || iphone || ipod) {
|
|
42
|
+
device.ios = true;
|
|
43
|
+
}
|
|
44
|
+
// iOS
|
|
45
|
+
if (iphone && !ipod) {
|
|
46
|
+
device.iphone = true;
|
|
47
|
+
}
|
|
48
|
+
if (ipad) {
|
|
49
|
+
device.ipad = true;
|
|
50
|
+
}
|
|
51
|
+
if (ipod) {
|
|
52
|
+
device.ipod = true;
|
|
53
|
+
}
|
|
54
|
+
// Desktop
|
|
55
|
+
device.desktop = !(device.ios || device.android) || electron || nwjs;
|
|
56
|
+
// mobile
|
|
57
|
+
device.mobile = device.ios || device.android;
|
|
58
|
+
// Export object
|
|
59
|
+
return device;
|
|
60
|
+
}
|
|
61
|
+
function useDevice(overrides = {}, reset) {
|
|
62
|
+
if (!deviceCalculated || reset) {
|
|
63
|
+
deviceCalculated = calcDevice(overrides);
|
|
64
|
+
}
|
|
65
|
+
return deviceCalculated;
|
|
66
|
+
}
|
|
67
|
+
export { useDevice };
|
|
68
|
+
//# sourceMappingURL=use-device.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-device.js","sourceRoot":"","sources":["../../../src/hooks/use-device.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { DialogsPortalData } from '../components/DialogsPortalContext';
|
|
2
|
+
export declare const useDialog: ({ lazy }?: {
|
|
3
|
+
lazy?: boolean;
|
|
4
|
+
}) => {
|
|
5
|
+
confirm({ title, text, requireConfirmText, stopPropagationOnClick, cancelButtonText, confirmButtonText, cancelButtonColor, confirmButtonColor, onConfirm, onCancel, onClosed, }: Partial<DialogsPortalData>): void;
|
|
6
|
+
alert({ title, text, stopPropagationOnClick, confirmButtonText, onConfirm, onClosed, }: Partial<DialogsPortalData>): void;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=use-dialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-dialog.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAClB,MAAM,oCAAoC,CAAC;AAG5C,eAAO,MAAM,SAAS,GAAI,WAAU;IAAE,IAAI,CAAC,EAAE,OAAO,CAAA;CAAO;qLAgBpD,OAAO,CAAC,iBAAiB,CAAC;4FAwB1B,OAAO,CAAC,iBAAiB,CAAC;CAahC,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { useDialogsPortalContext, } from '../components/DialogsPortalContext';
|
|
2
|
+
import { useAccentColor } from './use-accent-color';
|
|
3
|
+
export const useDialog = ({ lazy } = {}) => {
|
|
4
|
+
const { setState, setData } = useDialogsPortalContext();
|
|
5
|
+
const accentColor = useAccentColor();
|
|
6
|
+
return {
|
|
7
|
+
confirm({ title, text, requireConfirmText = false, stopPropagationOnClick = false, cancelButtonText = 'Cancel', confirmButtonText = 'Confirm', cancelButtonColor = 'neutral', confirmButtonColor = accentColor, onConfirm = () => { }, onCancel = () => { }, onClosed = () => { }, }) {
|
|
8
|
+
setData({
|
|
9
|
+
title: title,
|
|
10
|
+
text: text,
|
|
11
|
+
requireConfirmText,
|
|
12
|
+
stopPropagationOnClick,
|
|
13
|
+
cancelButtonColor,
|
|
14
|
+
confirmButtonColor,
|
|
15
|
+
onConfirm,
|
|
16
|
+
onCancel,
|
|
17
|
+
onClosed,
|
|
18
|
+
cancelButtonText,
|
|
19
|
+
confirmButtonText,
|
|
20
|
+
lazy,
|
|
21
|
+
});
|
|
22
|
+
setState(true);
|
|
23
|
+
},
|
|
24
|
+
alert({ title, text, stopPropagationOnClick = false, confirmButtonText = 'Ok', onConfirm = () => { }, onClosed = () => { }, }) {
|
|
25
|
+
setData({
|
|
26
|
+
title: title,
|
|
27
|
+
text: text,
|
|
28
|
+
stopPropagationOnClick,
|
|
29
|
+
onConfirm,
|
|
30
|
+
onClosed,
|
|
31
|
+
confirmButtonText,
|
|
32
|
+
lazy,
|
|
33
|
+
});
|
|
34
|
+
setState(true);
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
//# sourceMappingURL=use-dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-dialog.js","sourceRoot":"","sources":["../../../src/hooks/use-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,uBAAuB,GAExB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,KAAyB,EAAE,EAAE,EAAE;IAC7D,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,uBAAuB,EAAE,CAAC;IACxD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,OAAO;QACL,OAAO,CAAC,EACN,KAAK,EACL,IAAI,EACJ,kBAAkB,GAAG,KAAK,EAC1B,sBAAsB,GAAG,KAAK,EAC9B,gBAAgB,GAAG,QAAQ,EAC3B,iBAAiB,GAAG,SAAS,EAC7B,iBAAiB,GAAG,SAAS,EAC7B,kBAAkB,GAAG,WAAW,EAChC,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,EACnB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACQ;YAC3B,OAAO,CAAC;gBACN,KAAK,EAAE,KAAM;gBACb,IAAI,EAAE,IAAK;gBACX,kBAAkB;gBAClB,sBAAsB;gBACtB,iBAAiB;gBACjB,kBAAkB;gBAClB,SAAS;gBACT,QAAQ;gBACR,QAAQ;gBACR,gBAAgB;gBAChB,iBAAiB;gBACjB,IAAI;aACL,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;QACD,KAAK,CAAC,EACJ,KAAK,EACL,IAAI,EACJ,sBAAsB,GAAG,KAAK,EAC9B,iBAAiB,GAAG,IAAI,EACxB,SAAS,GAAG,GAAG,EAAE,GAAE,CAAC,EACpB,QAAQ,GAAG,GAAG,EAAE,GAAE,CAAC,GACQ;YAC3B,OAAO,CAAC;gBACN,KAAK,EAAE,KAAM;gBACb,IAAI,EAAE,IAAK;gBACX,sBAAsB;gBACtB,SAAS;gBACT,QAAQ;gBACR,iBAAiB;gBACjB,IAAI;aACL,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC,CAAC;QACjB,CAAC;KACF,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
export declare const useFocusTrap: ({ active, containerRef, initialFocusRef, restoreFocus, setInitialFocus, }: {
|
|
3
|
+
active: boolean;
|
|
4
|
+
containerRef: RefObject<HTMLElement | null>;
|
|
5
|
+
initialFocusRef?: RefObject<HTMLElement | null>;
|
|
6
|
+
restoreFocus?: boolean;
|
|
7
|
+
setInitialFocus?: boolean;
|
|
8
|
+
}) => void;
|
|
9
|
+
//# sourceMappingURL=use-focus-trap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-focus-trap.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,SAAS,EAAE,MAAM,OAAO,CAAC;AAkC7C,eAAO,MAAM,YAAY,GAAI,2EAM1B;IACD,MAAM,EAAE,OAAO,CAAC;IAChB,YAAY,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC5C,eAAe,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,SA6EA,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { useEffect } from 'react';
|
|
2
|
+
const FOCUSABLE_SELECTOR = [
|
|
3
|
+
'a[href]',
|
|
4
|
+
'area[href]',
|
|
5
|
+
'button:not([disabled])',
|
|
6
|
+
'input:not([disabled]):not([type="hidden"])',
|
|
7
|
+
'select:not([disabled])',
|
|
8
|
+
'textarea:not([disabled])',
|
|
9
|
+
'[tabindex]:not([tabindex="-1"])',
|
|
10
|
+
'[contenteditable="true"]',
|
|
11
|
+
'audio[controls]',
|
|
12
|
+
'video[controls]',
|
|
13
|
+
'iframe',
|
|
14
|
+
'object',
|
|
15
|
+
'embed',
|
|
16
|
+
'summary',
|
|
17
|
+
].join(',');
|
|
18
|
+
const isVisible = (el) => {
|
|
19
|
+
if (el.hidden)
|
|
20
|
+
return false;
|
|
21
|
+
if (el.disabled)
|
|
22
|
+
return false;
|
|
23
|
+
if (el.getAttribute('aria-hidden') === 'true')
|
|
24
|
+
return false;
|
|
25
|
+
if (typeof el.checkVisibility === 'function')
|
|
26
|
+
return el.checkVisibility();
|
|
27
|
+
return !!(el.offsetWidth || el.offsetHeight || el.getClientRects().length);
|
|
28
|
+
};
|
|
29
|
+
const getFocusable = (container) => {
|
|
30
|
+
const nodes = Array.from(container.querySelectorAll(FOCUSABLE_SELECTOR));
|
|
31
|
+
return nodes.filter(isVisible);
|
|
32
|
+
};
|
|
33
|
+
export const useFocusTrap = ({ active, containerRef, initialFocusRef, restoreFocus = true, setInitialFocus = true, }) => {
|
|
34
|
+
useEffect(() => {
|
|
35
|
+
if (!active)
|
|
36
|
+
return;
|
|
37
|
+
const container = containerRef.current;
|
|
38
|
+
if (!container)
|
|
39
|
+
return;
|
|
40
|
+
const previouslyFocused = document.activeElement;
|
|
41
|
+
const focusInitial = () => {
|
|
42
|
+
const initial = initialFocusRef?.current;
|
|
43
|
+
if (initial && container.contains(initial)) {
|
|
44
|
+
initial.focus();
|
|
45
|
+
return;
|
|
46
|
+
}
|
|
47
|
+
const focusables = getFocusable(container);
|
|
48
|
+
if (focusables.length > 0) {
|
|
49
|
+
focusables[0].focus();
|
|
50
|
+
return;
|
|
51
|
+
}
|
|
52
|
+
if (!container.hasAttribute('tabindex')) {
|
|
53
|
+
container.setAttribute('tabindex', '-1');
|
|
54
|
+
}
|
|
55
|
+
container.focus();
|
|
56
|
+
};
|
|
57
|
+
if (!container.contains(document.activeElement) && setInitialFocus) {
|
|
58
|
+
focusInitial();
|
|
59
|
+
}
|
|
60
|
+
const onKeyDown = (e) => {
|
|
61
|
+
if (e.key !== 'Tab')
|
|
62
|
+
return;
|
|
63
|
+
if (!container.isConnected)
|
|
64
|
+
return;
|
|
65
|
+
// Only trap if this container is the topmost modal layer
|
|
66
|
+
const allModals = document.querySelectorAll('.dialog, .popup');
|
|
67
|
+
if (allModals.length > 0) {
|
|
68
|
+
const lastModal = allModals[allModals.length - 1];
|
|
69
|
+
if (lastModal !== container && !container.contains(lastModal))
|
|
70
|
+
return;
|
|
71
|
+
}
|
|
72
|
+
const focusables = getFocusable(container);
|
|
73
|
+
if (focusables.length === 0) {
|
|
74
|
+
e.preventDefault();
|
|
75
|
+
container.focus();
|
|
76
|
+
return;
|
|
77
|
+
}
|
|
78
|
+
const first = focusables[0];
|
|
79
|
+
const last = focusables[focusables.length - 1];
|
|
80
|
+
const activeEl = document.activeElement;
|
|
81
|
+
if (e.shiftKey) {
|
|
82
|
+
if (activeEl === first || !container.contains(activeEl)) {
|
|
83
|
+
e.preventDefault();
|
|
84
|
+
last.focus();
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
else {
|
|
88
|
+
if (activeEl === last || !container.contains(activeEl)) {
|
|
89
|
+
e.preventDefault();
|
|
90
|
+
first.focus();
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
document.addEventListener('keydown', onKeyDown);
|
|
95
|
+
return () => {
|
|
96
|
+
document.removeEventListener('keydown', onKeyDown);
|
|
97
|
+
if (restoreFocus &&
|
|
98
|
+
previouslyFocused &&
|
|
99
|
+
typeof previouslyFocused.focus === 'function' &&
|
|
100
|
+
document.contains(previouslyFocused)) {
|
|
101
|
+
previouslyFocused.focus();
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
}, [active, containerRef, initialFocusRef, restoreFocus]);
|
|
105
|
+
};
|
|
106
|
+
//# sourceMappingURL=use-focus-trap.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-focus-trap.js","sourceRoot":"","sources":["../../../src/hooks/use-focus-trap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAE7C,MAAM,kBAAkB,GAAG;IACzB,SAAS;IACT,YAAY;IACZ,wBAAwB;IACxB,4CAA4C;IAC5C,wBAAwB;IACxB,0BAA0B;IAC1B,iCAAiC;IACjC,0BAA0B;IAC1B,iBAAiB;IACjB,iBAAiB;IACjB,QAAQ;IACR,QAAQ;IACR,OAAO;IACP,SAAS;CACV,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAEZ,MAAM,SAAS,GAAG,CAAC,EAAe,EAAE,EAAE;IACpC,IAAI,EAAE,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAC5B,IAAK,EAAuB,CAAC,QAAQ;QAAE,OAAO,KAAK,CAAC;IACpD,IAAI,EAAE,CAAC,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM;QAAE,OAAO,KAAK,CAAC;IAC5D,IAAI,OAAO,EAAE,CAAC,eAAe,KAAK,UAAU;QAAE,OAAO,EAAE,CAAC,eAAe,EAAE,CAAC;IAC1E,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,WAAW,IAAI,EAAE,CAAC,YAAY,IAAI,EAAE,CAAC,cAAc,EAAE,CAAC,MAAM,CAAC,CAAC;AAC7E,CAAC,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,SAAsB,EAAiB,EAAE;IAC7D,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,CACtB,SAAS,CAAC,gBAAgB,CAAc,kBAAkB,CAAC,CAC5D,CAAC;IACF,OAAO,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,YAAY,EACZ,eAAe,EACf,YAAY,GAAG,IAAI,EACnB,eAAe,GAAG,IAAI,GAOvB,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,SAAS;YAAE,OAAO;QAEvB,MAAM,iBAAiB,GAAG,QAAQ,CAAC,aAAmC,CAAC;QAEvE,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,MAAM,OAAO,GAAG,eAAe,EAAE,OAAO,CAAC;YAEzC,IAAI,OAAO,IAAI,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;gBAC3C,OAAO,CAAC,KAAK,EAAE,CAAC;gBAChB,OAAO;YACT,CAAC;YACD,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;YAC3C,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC1B,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;gBACtB,OAAO;YACT,CAAC;YACD,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;gBACxC,SAAS,CAAC,YAAY,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;YAC3C,CAAC;YACD,SAAS,CAAC,KAAK,EAAE,CAAC;QACpB,CAAC,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,aAAa,CAAC,IAAI,eAAe,EAAE,CAAC;YACnE,YAAY,EAAE,CAAC;QACjB,CAAC;QAED,MAAM,SAAS,GAAG,CAAC,CAAgB,EAAE,EAAE;YACrC,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK;gBAAE,OAAO;YAC5B,IAAI,CAAC,SAAS,CAAC,WAAW;gBAAE,OAAO;YAEnC,yDAAyD;YACzD,MAAM,SAAS,GAAG,QAAQ,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;YAC/D,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACzB,MAAM,SAAS,GAAG,SAAS,CAAC,SAAS,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;gBAClD,IAAI,SAAS,KAAK,SAAS,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC;oBAAE,OAAO;YACxE,CAAC;YAED,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;YAC3C,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC5B,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,SAAS,CAAC,KAAK,EAAE,CAAC;gBAClB,OAAO;YACT,CAAC;YACD,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC;YAC5B,MAAM,IAAI,GAAG,UAAU,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;YAC/C,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAmC,CAAC;YAE9D,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBACf,IAAI,QAAQ,KAAK,KAAK,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACxD,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,IAAI,CAAC,KAAK,EAAE,CAAC;gBACf,CAAC;YACH,CAAC;iBAAM,CAAC;gBACN,IAAI,QAAQ,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;oBACvD,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,KAAK,CAAC,KAAK,EAAE,CAAC;gBAChB,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAChD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;YACnD,IACE,YAAY;gBACZ,iBAAiB;gBACjB,OAAO,iBAAiB,CAAC,KAAK,KAAK,UAAU;gBAC7C,QAAQ,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EACpC,CAAC;gBACD,iBAAiB,CAAC,KAAK,EAAE,CAAC;YAC5B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC,CAAC;AAC5D,CAAC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ModalPhase } from "../components/ModalController";
|
|
2
|
+
export declare const useModalUtils: ({ phase, onPhaseChange, lazy, onClose, onClosed, onOpen, onOpened, transitionEndElRef, closeOnEscape, }: {
|
|
3
|
+
phase: ModalPhase;
|
|
4
|
+
onPhaseChange?: (phase: ModalPhase) => void;
|
|
5
|
+
lazy?: boolean;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
onClosed?: () => void;
|
|
8
|
+
onOpen?: (el?: HTMLElement) => void;
|
|
9
|
+
onOpened?: (el?: HTMLElement) => void;
|
|
10
|
+
transitionEndElRef?: React.RefObject<HTMLElement | null>;
|
|
11
|
+
closeOnEscape?: boolean | (() => boolean);
|
|
12
|
+
}) => {
|
|
13
|
+
opened: boolean;
|
|
14
|
+
close: () => void;
|
|
15
|
+
open: () => void;
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=use-modal-utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-modal-utils.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-modal-utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAG3D,eAAO,MAAM,aAAa,GAAI,yGAW3B;IACD,KAAK,EAAE,UAAU,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC;IACtC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACzD,aAAa,CAAC,EAAE,OAAO,GAAG,CAAC,MAAM,OAAO,CAAC,CAAC;CAC3C;;;;CA8GA,CAAC"}
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import { useEffect, useRef, useState } from "react";
|
|
2
|
+
import { nextTick } from "../shared/next-tick";
|
|
3
|
+
export const useModalUtils = ({ phase, onPhaseChange = () => { }, lazy, onClose = () => { }, onClosed = () => { }, onOpen = () => { }, onOpened = () => { }, transitionEndElRef, closeOnEscape = true, }) => {
|
|
4
|
+
const initiallyOpenedRef = useRef(false);
|
|
5
|
+
const [opened, setOpened] = useState(false);
|
|
6
|
+
const closedFiredRef = useRef(false);
|
|
7
|
+
// Keep latest phase/callbacks in refs so the unmount cleanup always uses current values
|
|
8
|
+
const phaseRef = useRef(phase);
|
|
9
|
+
phaseRef.current = phase;
|
|
10
|
+
const callbacksRef = useRef({ onPhaseChange, onClosed });
|
|
11
|
+
callbacksRef.current = { onPhaseChange, onClosed };
|
|
12
|
+
const fireClosed = () => {
|
|
13
|
+
if (closedFiredRef.current)
|
|
14
|
+
return;
|
|
15
|
+
closedFiredRef.current = true;
|
|
16
|
+
callbacksRef.current.onPhaseChange("closed");
|
|
17
|
+
callbacksRef.current.onClosed();
|
|
18
|
+
};
|
|
19
|
+
const close = () => {
|
|
20
|
+
setOpened(false);
|
|
21
|
+
onClose();
|
|
22
|
+
onPhaseChange("closing");
|
|
23
|
+
};
|
|
24
|
+
const open = () => {
|
|
25
|
+
closedFiredRef.current = false;
|
|
26
|
+
initiallyOpenedRef.current = true;
|
|
27
|
+
if (lazy) {
|
|
28
|
+
nextTick(() => setOpened(true));
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
setOpened(true);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
const onKeyDown = (e) => {
|
|
35
|
+
if (e.key === "Escape") {
|
|
36
|
+
if (closeOnEscape === false)
|
|
37
|
+
return;
|
|
38
|
+
if (typeof closeOnEscape === "function" && !closeOnEscape())
|
|
39
|
+
return;
|
|
40
|
+
e.preventDefault();
|
|
41
|
+
e.stopPropagation();
|
|
42
|
+
close();
|
|
43
|
+
}
|
|
44
|
+
};
|
|
45
|
+
const onTransitionEnd = (e) => {
|
|
46
|
+
if (!transitionEndElRef)
|
|
47
|
+
return;
|
|
48
|
+
if (!transitionEndElRef.current || e.target !== transitionEndElRef.current)
|
|
49
|
+
return;
|
|
50
|
+
if (phase === "closing") {
|
|
51
|
+
fireClosed();
|
|
52
|
+
}
|
|
53
|
+
if (phase === "opening" || phase === "opened") {
|
|
54
|
+
onOpened(transitionEndElRef.current);
|
|
55
|
+
if (phase === "opening") {
|
|
56
|
+
onPhaseChange("opened");
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
useEffect(() => {
|
|
61
|
+
document.addEventListener("keydown", onKeyDown);
|
|
62
|
+
const el = transitionEndElRef?.current;
|
|
63
|
+
if (el) {
|
|
64
|
+
if (!el.checkVisibility()) {
|
|
65
|
+
onTransitionEnd({ target: el });
|
|
66
|
+
}
|
|
67
|
+
else {
|
|
68
|
+
el.addEventListener("transitionend", onTransitionEnd);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
return () => {
|
|
72
|
+
document.removeEventListener("keydown", onKeyDown);
|
|
73
|
+
if (el) {
|
|
74
|
+
el.removeEventListener("transitionend", onTransitionEnd);
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
});
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
if (opened) {
|
|
80
|
+
requestAnimationFrame(() => {
|
|
81
|
+
requestAnimationFrame(() => onOpen(transitionEndElRef?.current || undefined));
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
}, [opened]);
|
|
85
|
+
useEffect(() => {
|
|
86
|
+
if (phase === "closing") {
|
|
87
|
+
if (opened) {
|
|
88
|
+
setOpened(false);
|
|
89
|
+
onClose();
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
else if (phase === "opening" || phase === "opened") {
|
|
93
|
+
if (!opened && initiallyOpenedRef.current) {
|
|
94
|
+
open();
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
}, [phase]);
|
|
98
|
+
// If the component is unmounted while still closing (e.g. a parent popover
|
|
99
|
+
// finished closing first and ripped this one out of the DOM before its own
|
|
100
|
+
// transitionend could fire), synthetically flip external state to closed.
|
|
101
|
+
useEffect(() => {
|
|
102
|
+
return () => {
|
|
103
|
+
if (phaseRef.current === "closing") {
|
|
104
|
+
fireClosed();
|
|
105
|
+
}
|
|
106
|
+
};
|
|
107
|
+
}, []);
|
|
108
|
+
return { opened, close, open };
|
|
109
|
+
};
|
|
110
|
+
//# sourceMappingURL=use-modal-utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-modal-utils.js","sourceRoot":"","sources":["../../../src/hooks/use-modal-utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-surface.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-surface.ts"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,IAAI,MAAM,CAEnC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-surface.js","sourceRoot":"","sources":["../../../src/hooks/use-surface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,UAAU;IACxB,OAAO,CAAC,UAAU,CAAC,cAAc,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC;AAC5D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-theme.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ,wBAEpB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-theme.js","sourceRoot":"","sources":["../../../src/hooks/use-theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE1D,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-toast.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,gBAAgB,EACjB,MAAM,mCAAmC,CAAC;AAE3C,eAAO,MAAM,QAAQ,SAEX,qEAQL,OAAO,CAAC,gBAAgB,CAAC,SAgB7B,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { useToastsPortalContext, } from '../components/ToastsPortalContext';
|
|
2
|
+
export const useToast = () => {
|
|
3
|
+
const { setState, state, setData, data } = useToastsPortalContext();
|
|
4
|
+
return ({ title, text, color, closeButton, icon, iconComponent, onClosed, }) => {
|
|
5
|
+
const id = Math.random().toString(36).substr(2, 9);
|
|
6
|
+
data.push({
|
|
7
|
+
id,
|
|
8
|
+
title: title,
|
|
9
|
+
text: text,
|
|
10
|
+
color,
|
|
11
|
+
closeButton,
|
|
12
|
+
icon,
|
|
13
|
+
iconComponent,
|
|
14
|
+
onClosed,
|
|
15
|
+
});
|
|
16
|
+
setData([...data]);
|
|
17
|
+
state[id] = true;
|
|
18
|
+
setState({ ...state });
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=use-toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-toast.js","sourceRoot":"","sources":["../../../src/hooks/use-toast.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,GAEvB,MAAM,mCAAmC,CAAC;AAE3C,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,sBAAsB,EAAE,CAAC;IACpE,OAAO,CAAC,EACN,KAAK,EACL,IAAI,EACJ,KAAK,EACL,WAAW,EACX,IAAI,EACJ,aAAa,EACb,QAAQ,GACkB,EAAE,EAAE;QAC9B,MAAM,EAAE,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;QACnD,IAAI,CAAC,IAAI,CAAC;YACR,EAAE;YACF,KAAK,EAAE,KAAM;YACb,IAAI,EAAE,IAAK;YACX,KAAK;YACL,WAAW;YACX,IAAI;YACJ,aAAa;YACb,QAAQ;SACT,CAAC,CAAC;QACH,OAAO,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC;QACnB,KAAK,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;QACjB,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC,CAAC"}
|
package/index.d.ts
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export { useDevice } from "./hooks/use-device";
|
|
2
|
+
export { useDialog } from "./hooks/use-dialog";
|
|
3
|
+
export { useSurface } from "./hooks/use-surface";
|
|
4
|
+
export { useTheme } from "./hooks/use-theme";
|
|
5
|
+
export { useToast } from "./hooks/use-toast";
|
|
6
|
+
export { useAccentColor } from "./hooks/use-accent-color";
|
|
7
|
+
export { cn } from "./shared/cn";
|
|
8
|
+
export { nextTick } from "./shared/next-tick";
|
|
9
|
+
export { Backdrop, type BackdropProps } from "./components/Backdrop";
|
|
10
|
+
export { BlockTitle, type BlockTitleProps } from "./components/BlockTitle";
|
|
11
|
+
export { Button, type ButtonProps, type ButtonSize } from "./components/Button";
|
|
12
|
+
export { Checkbox, type CheckboxProps, type CheckboxSize, } from "./components/Checkbox";
|
|
13
|
+
export { Chip, type ChipProps, type ChipSize } from "./components/Chip";
|
|
14
|
+
export { Dialog, DialogClose, DialogRoot, DialogTrigger, type DialogProps, } from "./components/Dialog";
|
|
15
|
+
export { Input, type InputProps, type InputSize } from "./components/Input";
|
|
16
|
+
export { Link, type LinkProps } from "./components/Link";
|
|
17
|
+
export { List, type ListProps } from "./components/List";
|
|
18
|
+
export { ListButton, type ListButtonProps } from "./components/ListButton";
|
|
19
|
+
export { ListItem, type ListItemProps } from "./components/ListItem";
|
|
20
|
+
export { ListSeparator, type ListSeparatorProps, } from "./components/ListSeparator";
|
|
21
|
+
export { NumberField, type NumberFieldProps, type NumberFieldSize, } from "./components/NumberField";
|
|
22
|
+
export { Popover, PopoverClose, PopoverRoot, PopoverTrigger, type PopoverProps, } from "./components/Popover";
|
|
23
|
+
export { Popup, PopupClose, PopupRoot, PopupTrigger, type PopupProps, } from "./components/Popup";
|
|
24
|
+
export { PopupContent, type PopupContentProps, } from "./components/PopupContent";
|
|
25
|
+
export { Preloader, type PreloaderProps, type PreloaderSize, } from "./components/Preloader";
|
|
26
|
+
export { Radio, type RadioProps, type RadioSize } from "./components/Radio";
|
|
27
|
+
export { Range, type RangeProps, type RangeSize } from "./components/Range";
|
|
28
|
+
export { Searchbar, type SearchbarProps } from "./components/Searchbar";
|
|
29
|
+
export { Segmented, type SegmentedProps } from "./components/Segmented";
|
|
30
|
+
export { SegmentedButton, type SegmentedButtonProps, } from "./components/SegmentedButton";
|
|
31
|
+
export { Select, type SelectProps } from "./components/Select";
|
|
32
|
+
export { Surface, type SurfaceProps } from "./components/Surface";
|
|
33
|
+
export { SurfaceContent, type SurfaceContentProps, } from "./components/SurfaceContent";
|
|
34
|
+
export { SurfaceCut, type SurfaceCutProps } from "./components/SurfaceCut";
|
|
35
|
+
export { SurfaceCutContent, type SurfaceCutContentProps, } from "./components/SurfaceCutContent";
|
|
36
|
+
export { TextArea, type TextAreaProps, type TextAreaSize, } from "./components/TextArea";
|
|
37
|
+
export { Toast, ToastClose, ToastRoot, ToastTrigger, type ToastProps, } from "./components/Toast";
|
|
38
|
+
export { Toggle, type ToggleProps, type ToggleSize } from "./components/Toggle";
|
|
39
|
+
export { Tooltip, type TooltipProps } from "./components/Tooltip";
|
|
40
|
+
export { UIProvider, type UIProviderProps } from "./components/UIProvider";
|
|
41
|
+
export { WithTooltip, type WithTooltipProps } from "./components/WithTooltip";
|
|
42
|
+
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/index.js
ADDED
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
export { useDevice } from "./hooks/use-device";
|
|
2
|
+
export { useDialog } from "./hooks/use-dialog";
|
|
3
|
+
export { useSurface } from "./hooks/use-surface";
|
|
4
|
+
export { useTheme } from "./hooks/use-theme";
|
|
5
|
+
export { useToast } from "./hooks/use-toast";
|
|
6
|
+
export { useAccentColor } from "./hooks/use-accent-color";
|
|
7
|
+
export { cn } from "./shared/cn";
|
|
8
|
+
export { nextTick } from "./shared/next-tick";
|
|
9
|
+
export { Backdrop } from "./components/Backdrop";
|
|
10
|
+
export { BlockTitle } from "./components/BlockTitle";
|
|
11
|
+
export { Button } from "./components/Button";
|
|
12
|
+
export { Checkbox, } from "./components/Checkbox";
|
|
13
|
+
export { Chip } from "./components/Chip";
|
|
14
|
+
export { Dialog, DialogClose, DialogRoot, DialogTrigger, } from "./components/Dialog";
|
|
15
|
+
export { Input } from "./components/Input";
|
|
16
|
+
export { Link } from "./components/Link";
|
|
17
|
+
export { List } from "./components/List";
|
|
18
|
+
export { ListButton } from "./components/ListButton";
|
|
19
|
+
export { ListItem } from "./components/ListItem";
|
|
20
|
+
export { ListSeparator, } from "./components/ListSeparator";
|
|
21
|
+
export { NumberField, } from "./components/NumberField";
|
|
22
|
+
export { Popover, PopoverClose, PopoverRoot, PopoverTrigger, } from "./components/Popover";
|
|
23
|
+
export { Popup, PopupClose, PopupRoot, PopupTrigger, } from "./components/Popup";
|
|
24
|
+
export { PopupContent, } from "./components/PopupContent";
|
|
25
|
+
export { Preloader, } from "./components/Preloader";
|
|
26
|
+
export { Radio } from "./components/Radio";
|
|
27
|
+
export { Range } from "./components/Range";
|
|
28
|
+
export { Searchbar } from "./components/Searchbar";
|
|
29
|
+
export { Segmented } from "./components/Segmented";
|
|
30
|
+
export { SegmentedButton, } from "./components/SegmentedButton";
|
|
31
|
+
export { Select } from "./components/Select";
|
|
32
|
+
export { Surface } from "./components/Surface";
|
|
33
|
+
export { SurfaceContent, } from "./components/SurfaceContent";
|
|
34
|
+
export { SurfaceCut } from "./components/SurfaceCut";
|
|
35
|
+
export { SurfaceCutContent, } from "./components/SurfaceCutContent";
|
|
36
|
+
export { TextArea, } from "./components/TextArea";
|
|
37
|
+
export { Toast, ToastClose, ToastRoot, ToastTrigger, } from "./components/Toast";
|
|
38
|
+
export { Toggle } from "./components/Toggle";
|
|
39
|
+
export { Tooltip } from "./components/Tooltip";
|
|
40
|
+
export { UIProvider } from "./components/UIProvider";
|
|
41
|
+
export { WithTooltip } from "./components/WithTooltip";
|
|
42
|
+
//# sourceMappingURL=index.js.map
|
package/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAE9C,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAiC,MAAM,mBAAmB,CAAC;AACxE,OAAO,EACL,MAAM,EACN,WAAW,EACX,UAAU,EACV,aAAa,GAEd,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,IAAI,EAAkB,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AACrE,OAAO,EACL,aAAa,GAEd,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,WAAW,GAGZ,MAAM,0BAA0B,CAAC;AAClC,OAAO,EACL,OAAO,EACP,YAAY,EACZ,WAAW,EACX,cAAc,GAEf,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EACL,YAAY,GAEb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,SAAS,GAGV,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,KAAK,EAAmC,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,SAAS,EAAuB,MAAM,wBAAwB,CAAC;AACxE,OAAO,EACL,eAAe,GAEhB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,MAAM,EAAoB,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EACL,cAAc,GAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EACL,iBAAiB,GAElB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EACL,QAAQ,GAGT,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,KAAK,EACL,UAAU,EACV,SAAS,EACT,YAAY,GAEb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAqC,MAAM,qBAAqB,CAAC;AAChF,OAAO,EAAE,OAAO,EAAqB,MAAM,sBAAsB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAwB,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAyB,MAAM,0BAA0B,CAAC"}
|