@tokis/react 1.0.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 +21 -0
- package/README.md +50 -0
- package/dist/cjs/components/accordion/index.js +36 -0
- package/dist/cjs/components/alert/index.js +14 -0
- package/dist/cjs/components/app-bar/index.js +9 -0
- package/dist/cjs/components/avatar/index.js +64 -0
- package/dist/cjs/components/badge/index.js +6 -0
- package/dist/cjs/components/bottom-nav/index.js +12 -0
- package/dist/cjs/components/breadcrumbs/index.js +19 -0
- package/dist/cjs/components/button/ButtonIcon.js +9 -0
- package/dist/cjs/components/button/ButtonLabel.js +9 -0
- package/dist/cjs/components/button/ButtonRoot.js +23 -0
- package/dist/cjs/components/button/index.js +11 -0
- package/dist/cjs/components/button/useButton.js +14 -0
- package/dist/cjs/components/card/index.js +25 -0
- package/dist/cjs/components/charts/index.js +214 -0
- package/dist/cjs/components/checkbox/index.js +18 -0
- package/dist/cjs/components/chip/index.js +6 -0
- package/dist/cjs/components/circular-progress/index.js +28 -0
- package/dist/cjs/components/codeblock/CodeBlock.js +35 -0
- package/dist/cjs/components/codeblock/index.js +5 -0
- package/dist/cjs/components/command-palette/index.js +84 -0
- package/dist/cjs/components/confirm-dialog/index.js +10 -0
- package/dist/cjs/components/context-menu/index.js +82 -0
- package/dist/cjs/components/dialog/index.js +43 -0
- package/dist/cjs/components/divider/index.js +6 -0
- package/dist/cjs/components/drawer/index.js +37 -0
- package/dist/cjs/components/dropdown/index.js +104 -0
- package/dist/cjs/components/emptystate/index.js +9 -0
- package/dist/cjs/components/extended/index.js +329 -0
- package/dist/cjs/components/hover-card/index.js +107 -0
- package/dist/cjs/components/infinite-scroll/index.js +21 -0
- package/dist/cjs/components/input/index.js +27 -0
- package/dist/cjs/components/layout/index.js +34 -0
- package/dist/cjs/components/link/index.js +7 -0
- package/dist/cjs/components/list/index.js +14 -0
- package/dist/cjs/components/menu/index.js +120 -0
- package/dist/cjs/components/nav-rail/index.js +12 -0
- package/dist/cjs/components/pagination/index.js +46 -0
- package/dist/cjs/components/popover/index.js +114 -0
- package/dist/cjs/components/portal/index.js +10 -0
- package/dist/cjs/components/progress/index.js +21 -0
- package/dist/cjs/components/radio/index.js +60 -0
- package/dist/cjs/components/result/index.js +25 -0
- package/dist/cjs/components/search-field/index.js +30 -0
- package/dist/cjs/components/select/index.js +88 -0
- package/dist/cjs/components/skeleton/index.js +6 -0
- package/dist/cjs/components/slider/index.js +73 -0
- package/dist/cjs/components/snackbar/index.js +41 -0
- package/dist/cjs/components/spinner/index.js +6 -0
- package/dist/cjs/components/statistic/index.js +17 -0
- package/dist/cjs/components/stepper/index.js +24 -0
- package/dist/cjs/components/switch/index.js +19 -0
- package/dist/cjs/components/table/index.js +26 -0
- package/dist/cjs/components/tabs/index.js +44 -0
- package/dist/cjs/components/tag/index.js +6 -0
- package/dist/cjs/components/timeline/index.js +12 -0
- package/dist/cjs/components/toggle/index.js +32 -0
- package/dist/cjs/components/tooltip/index.js +116 -0
- package/dist/cjs/components/treeview/index.js +89 -0
- package/dist/cjs/components/typography/index.js +20 -0
- package/dist/cjs/components/virtual-list/index.js +25 -0
- package/dist/cjs/context/ConfigProvider.js +22 -0
- package/dist/cjs/context/ThemeContext.js +25 -0
- package/dist/cjs/hooks/useControllableState.js +31 -0
- package/dist/cjs/hooks/useDialog.js +35 -0
- package/dist/cjs/hooks/useId.js +13 -0
- package/dist/cjs/hooks/useMenu.js +64 -0
- package/dist/cjs/hooks/usePopover.js +32 -0
- package/dist/cjs/hooks/useTabs.js +51 -0
- package/dist/cjs/index.js +102 -0
- package/dist/cjs/package.json +3 -0
- package/dist/cjs/utils/cn.js +10 -0
- package/dist/components/accordion/index.d.ts +19 -0
- package/dist/components/accordion/index.d.ts.map +1 -0
- package/dist/components/accordion/index.js +34 -0
- package/dist/components/accordion/index.js.map +1 -0
- package/dist/components/alert/index.d.ts +11 -0
- package/dist/components/alert/index.d.ts.map +1 -0
- package/dist/components/alert/index.js +12 -0
- package/dist/components/alert/index.js.map +1 -0
- package/dist/components/app-bar/index.d.ts +17 -0
- package/dist/components/app-bar/index.d.ts.map +1 -0
- package/dist/components/app-bar/index.js +7 -0
- package/dist/components/app-bar/index.js.map +1 -0
- package/dist/components/avatar/index.d.ts +33 -0
- package/dist/components/avatar/index.d.ts.map +1 -0
- package/dist/components/avatar/index.js +28 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/index.d.ts +3 -0
- package/dist/components/badge/index.d.ts.map +1 -0
- package/dist/components/badge/index.js +3 -0
- package/dist/components/badge/index.js.map +1 -0
- package/dist/components/bottom-nav/index.d.ts +18 -0
- package/dist/components/bottom-nav/index.d.ts.map +1 -0
- package/dist/components/bottom-nav/index.js +10 -0
- package/dist/components/bottom-nav/index.js.map +1 -0
- package/dist/components/breadcrumbs/index.d.ts +19 -0
- package/dist/components/breadcrumbs/index.d.ts.map +1 -0
- package/dist/components/breadcrumbs/index.js +17 -0
- package/dist/components/breadcrumbs/index.js.map +1 -0
- package/dist/components/button/ButtonIcon.d.ts +8 -0
- package/dist/components/button/ButtonIcon.d.ts.map +1 -0
- package/dist/components/button/ButtonIcon.js +6 -0
- package/dist/components/button/ButtonIcon.js.map +1 -0
- package/dist/components/button/ButtonLabel.d.ts +6 -0
- package/dist/components/button/ButtonLabel.d.ts.map +1 -0
- package/dist/components/button/ButtonLabel.js +6 -0
- package/dist/components/button/ButtonLabel.js.map +1 -0
- package/dist/components/button/ButtonRoot.d.ts +15 -0
- package/dist/components/button/ButtonRoot.d.ts.map +1 -0
- package/dist/components/button/ButtonRoot.js +21 -0
- package/dist/components/button/ButtonRoot.js.map +1 -0
- package/dist/components/button/index.d.ts +9 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +5 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/button/useButton.d.ts +16 -0
- package/dist/components/button/useButton.d.ts.map +1 -0
- package/dist/components/button/useButton.js +12 -0
- package/dist/components/button/useButton.js.map +1 -0
- package/dist/components/card/index.d.ts +17 -0
- package/dist/components/card/index.d.ts.map +1 -0
- package/dist/components/card/index.js +23 -0
- package/dist/components/card/index.js.map +1 -0
- package/dist/components/charts/index.d.ts +60 -0
- package/dist/components/charts/index.d.ts.map +1 -0
- package/dist/components/charts/index.js +209 -0
- package/dist/components/charts/index.js.map +1 -0
- package/dist/components/checkbox/index.d.ts +17 -0
- package/dist/components/checkbox/index.d.ts.map +1 -0
- package/dist/components/checkbox/index.js +16 -0
- package/dist/components/checkbox/index.js.map +1 -0
- package/dist/components/chip/index.d.ts +3 -0
- package/dist/components/chip/index.d.ts.map +1 -0
- package/dist/components/chip/index.js +3 -0
- package/dist/components/chip/index.js.map +1 -0
- package/dist/components/circular-progress/index.d.ts +15 -0
- package/dist/components/circular-progress/index.d.ts.map +1 -0
- package/dist/components/circular-progress/index.js +26 -0
- package/dist/components/circular-progress/index.js.map +1 -0
- package/dist/components/codeblock/CodeBlock.d.ts +13 -0
- package/dist/components/codeblock/CodeBlock.d.ts.map +1 -0
- package/dist/components/codeblock/CodeBlock.js +32 -0
- package/dist/components/codeblock/CodeBlock.js.map +1 -0
- package/dist/components/codeblock/index.d.ts +3 -0
- package/dist/components/codeblock/index.d.ts.map +1 -0
- package/dist/components/codeblock/index.js +2 -0
- package/dist/components/codeblock/index.js.map +1 -0
- package/dist/components/command-palette/index.d.ts +22 -0
- package/dist/components/command-palette/index.d.ts.map +1 -0
- package/dist/components/command-palette/index.js +82 -0
- package/dist/components/command-palette/index.js.map +1 -0
- package/dist/components/confirm-dialog/index.d.ts +17 -0
- package/dist/components/confirm-dialog/index.d.ts.map +1 -0
- package/dist/components/confirm-dialog/index.js +8 -0
- package/dist/components/confirm-dialog/index.js.map +1 -0
- package/dist/components/context-menu/index.d.ts +19 -0
- package/dist/components/context-menu/index.d.ts.map +1 -0
- package/dist/components/context-menu/index.js +47 -0
- package/dist/components/context-menu/index.js.map +1 -0
- package/dist/components/dialog/index.d.ts +16 -0
- package/dist/components/dialog/index.d.ts.map +1 -0
- package/dist/components/dialog/index.js +41 -0
- package/dist/components/dialog/index.js.map +1 -0
- package/dist/components/divider/index.d.ts +3 -0
- package/dist/components/divider/index.d.ts.map +1 -0
- package/dist/components/divider/index.js +3 -0
- package/dist/components/divider/index.js.map +1 -0
- package/dist/components/drawer/index.d.ts +16 -0
- package/dist/components/drawer/index.d.ts.map +1 -0
- package/dist/components/drawer/index.js +35 -0
- package/dist/components/drawer/index.js.map +1 -0
- package/dist/components/dropdown/index.d.ts +16 -0
- package/dist/components/dropdown/index.d.ts.map +1 -0
- package/dist/components/dropdown/index.js +69 -0
- package/dist/components/dropdown/index.js.map +1 -0
- package/dist/components/emptystate/index.d.ts +13 -0
- package/dist/components/emptystate/index.d.ts.map +1 -0
- package/dist/components/emptystate/index.js +7 -0
- package/dist/components/emptystate/index.js.map +1 -0
- package/dist/components/extended/index.d.ts +163 -0
- package/dist/components/extended/index.d.ts.map +1 -0
- package/dist/components/extended/index.js +267 -0
- package/dist/components/extended/index.js.map +1 -0
- package/dist/components/hover-card/index.d.ts +14 -0
- package/dist/components/hover-card/index.d.ts.map +1 -0
- package/dist/components/hover-card/index.js +72 -0
- package/dist/components/hover-card/index.js.map +1 -0
- package/dist/components/infinite-scroll/index.d.ts +16 -0
- package/dist/components/infinite-scroll/index.d.ts.map +1 -0
- package/dist/components/infinite-scroll/index.js +19 -0
- package/dist/components/infinite-scroll/index.js.map +1 -0
- package/dist/components/input/index.d.ts +19 -0
- package/dist/components/input/index.d.ts.map +1 -0
- package/dist/components/input/index.js +25 -0
- package/dist/components/input/index.js.map +1 -0
- package/dist/components/layout/index.d.ts +39 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/index.js +32 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/link/index.d.ts +3 -0
- package/dist/components/link/index.d.ts.map +1 -0
- package/dist/components/link/index.js +3 -0
- package/dist/components/link/index.js.map +1 -0
- package/dist/components/list/index.d.ts +13 -0
- package/dist/components/list/index.d.ts.map +1 -0
- package/dist/components/list/index.js +12 -0
- package/dist/components/list/index.js.map +1 -0
- package/dist/components/menu/index.d.ts +19 -0
- package/dist/components/menu/index.d.ts.map +1 -0
- package/dist/components/menu/index.js +85 -0
- package/dist/components/menu/index.js.map +1 -0
- package/dist/components/nav-rail/index.d.ts +20 -0
- package/dist/components/nav-rail/index.d.ts.map +1 -0
- package/dist/components/nav-rail/index.js +10 -0
- package/dist/components/nav-rail/index.js.map +1 -0
- package/dist/components/pagination/index.d.ts +9 -0
- package/dist/components/pagination/index.d.ts.map +1 -0
- package/dist/components/pagination/index.js +44 -0
- package/dist/components/pagination/index.js.map +1 -0
- package/dist/components/popover/index.d.ts +16 -0
- package/dist/components/popover/index.d.ts.map +1 -0
- package/dist/components/popover/index.js +79 -0
- package/dist/components/popover/index.js.map +1 -0
- package/dist/components/portal/index.d.ts +7 -0
- package/dist/components/portal/index.d.ts.map +1 -0
- package/dist/components/portal/index.js +8 -0
- package/dist/components/portal/index.js.map +1 -0
- package/dist/components/progress/index.d.ts +25 -0
- package/dist/components/progress/index.d.ts.map +1 -0
- package/dist/components/progress/index.js +19 -0
- package/dist/components/progress/index.js.map +1 -0
- package/dist/components/radio/index.d.ts +25 -0
- package/dist/components/radio/index.d.ts.map +1 -0
- package/dist/components/radio/index.js +24 -0
- package/dist/components/radio/index.js.map +1 -0
- package/dist/components/result/index.d.ts +14 -0
- package/dist/components/result/index.d.ts.map +1 -0
- package/dist/components/result/index.js +23 -0
- package/dist/components/result/index.js.map +1 -0
- package/dist/components/search-field/index.d.ts +15 -0
- package/dist/components/search-field/index.d.ts.map +1 -0
- package/dist/components/search-field/index.js +28 -0
- package/dist/components/search-field/index.js.map +1 -0
- package/dist/components/select/index.d.ts +23 -0
- package/dist/components/select/index.d.ts.map +1 -0
- package/dist/components/select/index.js +86 -0
- package/dist/components/select/index.js.map +1 -0
- package/dist/components/skeleton/index.d.ts +3 -0
- package/dist/components/skeleton/index.d.ts.map +1 -0
- package/dist/components/skeleton/index.js +3 -0
- package/dist/components/skeleton/index.js.map +1 -0
- package/dist/components/slider/index.d.ts +18 -0
- package/dist/components/slider/index.d.ts.map +1 -0
- package/dist/components/slider/index.js +71 -0
- package/dist/components/slider/index.js.map +1 -0
- package/dist/components/snackbar/index.d.ts +27 -0
- package/dist/components/snackbar/index.d.ts.map +1 -0
- package/dist/components/snackbar/index.js +38 -0
- package/dist/components/snackbar/index.js.map +1 -0
- package/dist/components/spinner/index.d.ts +3 -0
- package/dist/components/spinner/index.d.ts.map +1 -0
- package/dist/components/spinner/index.js +3 -0
- package/dist/components/spinner/index.js.map +1 -0
- package/dist/components/statistic/index.d.ts +13 -0
- package/dist/components/statistic/index.d.ts.map +1 -0
- package/dist/components/statistic/index.js +15 -0
- package/dist/components/statistic/index.js.map +1 -0
- package/dist/components/stepper/index.d.ts +17 -0
- package/dist/components/stepper/index.d.ts.map +1 -0
- package/dist/components/stepper/index.js +22 -0
- package/dist/components/stepper/index.js.map +1 -0
- package/dist/components/switch/index.d.ts +16 -0
- package/dist/components/switch/index.d.ts.map +1 -0
- package/dist/components/switch/index.js +17 -0
- package/dist/components/switch/index.js.map +1 -0
- package/dist/components/table/index.d.ts +17 -0
- package/dist/components/table/index.d.ts.map +1 -0
- package/dist/components/table/index.js +24 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/tabs/index.d.ts +19 -0
- package/dist/components/tabs/index.d.ts.map +1 -0
- package/dist/components/tabs/index.js +42 -0
- package/dist/components/tabs/index.js.map +1 -0
- package/dist/components/tag/index.d.ts +3 -0
- package/dist/components/tag/index.d.ts.map +1 -0
- package/dist/components/tag/index.js +3 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/timeline/index.d.ts +16 -0
- package/dist/components/timeline/index.d.ts.map +1 -0
- package/dist/components/timeline/index.js +10 -0
- package/dist/components/timeline/index.js.map +1 -0
- package/dist/components/toggle/index.d.ts +32 -0
- package/dist/components/toggle/index.d.ts.map +1 -0
- package/dist/components/toggle/index.js +29 -0
- package/dist/components/toggle/index.js.map +1 -0
- package/dist/components/tooltip/index.d.ts +11 -0
- package/dist/components/tooltip/index.d.ts.map +1 -0
- package/dist/components/tooltip/index.js +81 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/treeview/index.d.ts +19 -0
- package/dist/components/treeview/index.d.ts.map +1 -0
- package/dist/components/treeview/index.js +87 -0
- package/dist/components/treeview/index.js.map +1 -0
- package/dist/components/typography/index.d.ts +11 -0
- package/dist/components/typography/index.d.ts.map +1 -0
- package/dist/components/typography/index.js +18 -0
- package/dist/components/typography/index.js.map +1 -0
- package/dist/components/virtual-list/index.d.ts +15 -0
- package/dist/components/virtual-list/index.d.ts.map +1 -0
- package/dist/components/virtual-list/index.js +23 -0
- package/dist/components/virtual-list/index.js.map +1 -0
- package/dist/context/ConfigProvider.d.ts +12 -0
- package/dist/context/ConfigProvider.d.ts.map +1 -0
- package/dist/context/ConfigProvider.js +18 -0
- package/dist/context/ConfigProvider.js.map +1 -0
- package/dist/context/ThemeContext.d.ts +15 -0
- package/dist/context/ThemeContext.d.ts.map +1 -0
- package/dist/context/ThemeContext.js +21 -0
- package/dist/context/ThemeContext.js.map +1 -0
- package/dist/hooks/useControllableState.d.ts +10 -0
- package/dist/hooks/useControllableState.d.ts.map +1 -0
- package/dist/hooks/useControllableState.js +29 -0
- package/dist/hooks/useControllableState.js.map +1 -0
- package/dist/hooks/useDialog.d.ts +24 -0
- package/dist/hooks/useDialog.d.ts.map +1 -0
- package/dist/hooks/useDialog.js +33 -0
- package/dist/hooks/useDialog.js.map +1 -0
- package/dist/hooks/useId.d.ts +7 -0
- package/dist/hooks/useId.d.ts.map +1 -0
- package/dist/hooks/useId.js +11 -0
- package/dist/hooks/useId.js.map +1 -0
- package/dist/hooks/useMenu.d.ts +21 -0
- package/dist/hooks/useMenu.d.ts.map +1 -0
- package/dist/hooks/useMenu.js +62 -0
- package/dist/hooks/useMenu.js.map +1 -0
- package/dist/hooks/usePopover.d.ts +22 -0
- package/dist/hooks/usePopover.d.ts.map +1 -0
- package/dist/hooks/usePopover.js +30 -0
- package/dist/hooks/usePopover.js.map +1 -0
- package/dist/hooks/useTabs.d.ts +22 -0
- package/dist/hooks/useTabs.d.ts.map +1 -0
- package/dist/hooks/useTabs.js +49 -0
- package/dist/hooks/useTabs.js.map +1 -0
- package/dist/index.d.ts +65 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +85 -0
- package/dist/index.js.map +1 -0
- package/dist/utils/cn.d.ts +6 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +8 -0
- package/dist/utils/cn.js.map +1 -0
- package/package.json +79 -0
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState, useRef, useCallback, useEffect } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
import { Portal } from '../portal/index.js';
|
|
5
|
+
function computePosition(anchor, placement) {
|
|
6
|
+
const gap = 8;
|
|
7
|
+
switch (placement) {
|
|
8
|
+
case 'top': return { top: anchor.top - gap, left: anchor.left + anchor.width / 2 };
|
|
9
|
+
case 'bottom': return { top: anchor.bottom + gap, left: anchor.left + anchor.width / 2 };
|
|
10
|
+
case 'left': return { top: anchor.top + anchor.height / 2, left: anchor.left - gap };
|
|
11
|
+
case 'right': return { top: anchor.top + anchor.height / 2, left: anchor.right + gap };
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
export function HoverCard({ trigger, content, placement = 'bottom', openDelay = 300, closeDelay = 200, className, }) {
|
|
15
|
+
const [visible, setVisible] = useState(false);
|
|
16
|
+
const [positioned, setPositioned] = useState(false);
|
|
17
|
+
const [pos, setPos] = useState({ top: 0, left: 0 });
|
|
18
|
+
const anchorRef = useRef(null);
|
|
19
|
+
const openTimer = useRef();
|
|
20
|
+
const closeTimer = useRef();
|
|
21
|
+
const show = useCallback(() => {
|
|
22
|
+
clearTimeout(closeTimer.current);
|
|
23
|
+
openTimer.current = setTimeout(() => {
|
|
24
|
+
if (!anchorRef.current)
|
|
25
|
+
return;
|
|
26
|
+
const rect = anchorRef.current.getBoundingClientRect();
|
|
27
|
+
setPos(computePosition(rect, placement));
|
|
28
|
+
setVisible(true);
|
|
29
|
+
requestAnimationFrame(() => setPositioned(true));
|
|
30
|
+
}, openDelay);
|
|
31
|
+
}, [openDelay, placement]);
|
|
32
|
+
const hide = useCallback(() => {
|
|
33
|
+
clearTimeout(openTimer.current);
|
|
34
|
+
setPositioned(false);
|
|
35
|
+
closeTimer.current = setTimeout(() => setVisible(false), closeDelay);
|
|
36
|
+
}, [closeDelay]);
|
|
37
|
+
useEffect(() => () => { clearTimeout(openTimer.current); clearTimeout(closeTimer.current); }, []);
|
|
38
|
+
const transformMap = {
|
|
39
|
+
top: 'translateX(-50%) translateY(-100%)',
|
|
40
|
+
bottom: 'translateX(-50%)',
|
|
41
|
+
left: 'translateX(-100%) translateY(-50%)',
|
|
42
|
+
right: 'translateY(-50%)',
|
|
43
|
+
};
|
|
44
|
+
return (_jsxs(_Fragment, { children: [React.cloneElement(trigger, {
|
|
45
|
+
ref: anchorRef,
|
|
46
|
+
onMouseEnter: (...args) => {
|
|
47
|
+
show();
|
|
48
|
+
trigger.props.onMouseEnter?.(...args);
|
|
49
|
+
},
|
|
50
|
+
onMouseLeave: (...args) => {
|
|
51
|
+
hide();
|
|
52
|
+
trigger.props.onMouseLeave?.(...args);
|
|
53
|
+
},
|
|
54
|
+
onFocus: (...args) => {
|
|
55
|
+
show();
|
|
56
|
+
trigger.props.onFocus?.(...args);
|
|
57
|
+
},
|
|
58
|
+
onBlur: (...args) => {
|
|
59
|
+
hide();
|
|
60
|
+
trigger.props.onBlur?.(...args);
|
|
61
|
+
},
|
|
62
|
+
}), visible && (_jsx(Portal, { children: _jsx("div", { className: cn('tokis-hover-card', `tokis-hover-card--${placement}`, className), style: {
|
|
63
|
+
position: 'fixed',
|
|
64
|
+
top: pos.top,
|
|
65
|
+
left: pos.left,
|
|
66
|
+
transform: transformMap[placement],
|
|
67
|
+
opacity: positioned ? undefined : 0,
|
|
68
|
+
pointerEvents: positioned ? undefined : 'none',
|
|
69
|
+
}, onMouseEnter: () => clearTimeout(closeTimer.current), onMouseLeave: hide, children: content }) }))] }));
|
|
70
|
+
}
|
|
71
|
+
HoverCard.displayName = 'HoverCard';
|
|
72
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/hover-card/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface InfiniteScrollProps {
|
|
3
|
+
children: React.ReactNode;
|
|
4
|
+
hasMore: boolean;
|
|
5
|
+
loading: boolean;
|
|
6
|
+
onLoadMore: () => void;
|
|
7
|
+
loadingComponent?: React.ReactNode;
|
|
8
|
+
endMessage?: React.ReactNode;
|
|
9
|
+
threshold?: number;
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
export declare function InfiniteScroll({ children, hasMore, loading, onLoadMore, loadingComponent, endMessage, threshold, className, }: InfiniteScrollProps): JSX.Element;
|
|
13
|
+
export declare namespace InfiniteScroll {
|
|
14
|
+
var displayName: string;
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/infinite-scroll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAe,EACf,SAAS,GACV,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA6BnC;yBAtCe,cAAc"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useEffect } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
export function InfiniteScroll({ children, hasMore, loading, onLoadMore, loadingComponent, endMessage, threshold = 0.1, className, }) {
|
|
5
|
+
const sentinelRef = useRef(null);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
if (!sentinelRef.current)
|
|
8
|
+
return;
|
|
9
|
+
const observer = new IntersectionObserver(([entry]) => {
|
|
10
|
+
if (entry.isIntersecting && hasMore && !loading)
|
|
11
|
+
onLoadMore();
|
|
12
|
+
}, { threshold });
|
|
13
|
+
observer.observe(sentinelRef.current);
|
|
14
|
+
return () => observer.disconnect();
|
|
15
|
+
}, [hasMore, loading, onLoadMore, threshold]);
|
|
16
|
+
return (_jsxs("div", { className: cn('tokis-infinite-scroll', className), children: [children, loading && (_jsx("div", { className: "tokis-infinite-scroll__loading", children: loadingComponent ?? _jsx("span", { className: "tokis-infinite-scroll__spinner", "aria-label": "Loading more\u2026" }) })), !hasMore && !loading && endMessage && (_jsx("div", { className: "tokis-infinite-scroll__end", children: endMessage })), _jsx("div", { ref: sentinelRef, className: "tokis-infinite-scroll__sentinel", "aria-hidden": "true" })] }));
|
|
17
|
+
}
|
|
18
|
+
InfiniteScroll.displayName = 'InfiniteScroll';
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/infinite-scroll/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAavC,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,SAAS,GAAG,GAAG,EACf,SAAS,GACW;IACpB,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW,CAAC,OAAO;YAAE,OAAO;QACjC,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CACvC,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE;YACV,IAAI,KAAK,CAAC,cAAc,IAAI,OAAO,IAAI,CAAC,OAAO;gBAAE,UAAU,EAAE,CAAC;QAChE,CAAC,EACD,EAAE,SAAS,EAAE,CACd,CAAC;QACF,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,aACnD,QAAQ,EACR,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,gCAAgC,YAC5C,gBAAgB,IAAI,eAAM,SAAS,EAAC,gCAAgC,gBAAY,oBAAe,GAAG,GAC/F,CACP,EACA,CAAC,OAAO,IAAI,CAAC,OAAO,IAAI,UAAU,IAAI,CACrC,cAAK,SAAS,EAAC,4BAA4B,YAAE,UAAU,GAAO,CAC/D,EACD,cAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,iCAAiC,iBAAa,MAAM,GAAG,IACpF,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TextFieldProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
label?: string;
|
|
4
|
+
helperText?: string;
|
|
5
|
+
error?: boolean;
|
|
6
|
+
startAdornment?: React.ReactNode;
|
|
7
|
+
endAdornment?: React.ReactNode;
|
|
8
|
+
inputSize?: 'sm' | 'md' | 'lg';
|
|
9
|
+
required?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
|
|
12
|
+
export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
|
|
13
|
+
label?: string;
|
|
14
|
+
helperText?: string;
|
|
15
|
+
error?: boolean;
|
|
16
|
+
required?: boolean;
|
|
17
|
+
}
|
|
18
|
+
export declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAoB3D,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,yFA2EpB,CAAC;AAIH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,2FA8BnB,CAAC"}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef, useId, useState } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
// ─── TextField ────────────────────────────────────────────
|
|
5
|
+
const EyeShowIcon = () => (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M1 7s2-4 6-4 6 4 6 4-2 4-6 4-6-4-6-4z", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: "currentColor", strokeWidth: "1.3" })] }));
|
|
6
|
+
const EyeHideIcon = () => (_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M1 7s2-4 6-4 6 4 6 4-2 4-6 4-6-4-6-4z", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("circle", { cx: "7", cy: "7", r: "1.5", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M2 2l10 10", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" })] }));
|
|
7
|
+
export const TextField = forwardRef(({ label, helperText, error = false, startAdornment, endAdornment, inputSize = 'md', required, id, className, disabled, type, ...props }, ref) => {
|
|
8
|
+
const autoId = useId();
|
|
9
|
+
const inputId = id ?? `field-${autoId}`;
|
|
10
|
+
const helperId = helperText ? `${inputId}-helper` : undefined;
|
|
11
|
+
const isPassword = type === 'password';
|
|
12
|
+
const [showPassword, setShowPassword] = useState(false);
|
|
13
|
+
const resolvedType = isPassword ? (showPassword ? 'text' : 'password') : type;
|
|
14
|
+
const passwordToggle = isPassword && !endAdornment ? (_jsx("button", { type: "button", className: "tokis-input-password-toggle", onClick: () => setShowPassword((v) => !v), "aria-label": showPassword ? 'Hide password' : 'Show password', tabIndex: -1, children: showPassword ? _jsx(EyeHideIcon, {}) : _jsx(EyeShowIcon, {}) })) : null;
|
|
15
|
+
return (_jsxs("div", { className: cn('tokis-field', className), children: [label && (_jsx("label", { htmlFor: inputId, className: cn('tokis-label', required && 'tokis-label--required'), children: label })), _jsxs("div", { className: "tokis-input-wrapper", children: [startAdornment && (_jsx("span", { className: "tokis-input-adornment tokis-input-adornment--start", children: startAdornment })), _jsx("input", { ref: ref, id: inputId, disabled: disabled, required: required, type: resolvedType, "aria-invalid": error || undefined, "aria-describedby": helperId, className: cn('tokis-input', inputSize !== 'md' && `tokis-input--${inputSize}`, !!startAdornment && 'tokis-input--with-start', !!(endAdornment || passwordToggle) && 'tokis-input--with-end'), ...props }), passwordToggle, endAdornment && (_jsx("span", { className: "tokis-input-adornment tokis-input-adornment--end", children: endAdornment }))] }), helperText && (_jsx("span", { id: helperId, className: cn('tokis-helper-text', error && 'tokis-helper-text--error'), children: helperText }))] }));
|
|
16
|
+
});
|
|
17
|
+
TextField.displayName = 'TextField';
|
|
18
|
+
export const Textarea = forwardRef(({ label, helperText, error = false, required, id, className, ...props }, ref) => {
|
|
19
|
+
const autoId = useId();
|
|
20
|
+
const textareaId = id ?? `textarea-${autoId}`;
|
|
21
|
+
const helperId = helperText ? `${textareaId}-helper` : undefined;
|
|
22
|
+
return (_jsxs("div", { className: cn('tokis-field', className), children: [label && (_jsx("label", { htmlFor: textareaId, className: cn('tokis-label', required && 'tokis-label--required'), children: label })), _jsx("textarea", { ref: ref, id: textareaId, required: required, "aria-invalid": error || undefined, "aria-describedby": helperId, className: "tokis-textarea", ...props }), helperText && (_jsx("span", { id: helperId, className: cn('tokis-helper-text', error && 'tokis-helper-text--error'), children: helperText }))] }));
|
|
23
|
+
});
|
|
24
|
+
Textarea.displayName = 'Textarea';
|
|
25
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/input/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React, { CSSProperties } from 'react';
|
|
2
|
+
type GapValue = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 16;
|
|
3
|
+
export interface StackProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
direction?: 'row' | 'column';
|
|
5
|
+
gap?: GapValue;
|
|
6
|
+
align?: CSSProperties['alignItems'];
|
|
7
|
+
justify?: CSSProperties['justifyContent'];
|
|
8
|
+
wrap?: boolean;
|
|
9
|
+
as?: React.ElementType;
|
|
10
|
+
}
|
|
11
|
+
export declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
|
|
12
|
+
export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
|
+
columns?: number | string;
|
|
14
|
+
gap?: GapValue;
|
|
15
|
+
rowGap?: GapValue;
|
|
16
|
+
columnGap?: GapValue;
|
|
17
|
+
as?: React.ElementType;
|
|
18
|
+
}
|
|
19
|
+
export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;
|
|
20
|
+
export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
21
|
+
fluid?: boolean;
|
|
22
|
+
as?: React.ElementType;
|
|
23
|
+
}
|
|
24
|
+
export declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
25
|
+
export interface BoxProps extends React.HTMLAttributes<HTMLElement> {
|
|
26
|
+
as?: React.ElementType;
|
|
27
|
+
display?: CSSProperties['display'];
|
|
28
|
+
flex?: CSSProperties['flex'];
|
|
29
|
+
gap?: GapValue;
|
|
30
|
+
p?: GapValue;
|
|
31
|
+
px?: GapValue;
|
|
32
|
+
py?: GapValue;
|
|
33
|
+
m?: GapValue;
|
|
34
|
+
width?: string;
|
|
35
|
+
height?: string;
|
|
36
|
+
}
|
|
37
|
+
export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>;
|
|
38
|
+
export {};
|
|
39
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,aAAa,EAAE,MAAM,OAAO,CAAC;AAGzD,KAAK,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;AAK7D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC7B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACpC,OAAO,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,KAAK,mFAWhB,CAAC;AAIH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,IAAI,kFAiBf,CAAC;AAIH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB;AAED,eAAO,MAAM,SAAS,uFAEpB,CAAC;AAIH,MAAM,WAAW,QAAS,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACjE,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,GAAG,CAAC,EAAE,QAAQ,CAAC;IACf,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,CAAC,CAAC,EAAE,QAAQ,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,GAAG,8EAsBd,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
const gapVar = (g) => `var(--tokis-spacing-${g})`;
|
|
5
|
+
export const Stack = forwardRef(({ direction = 'column', gap = 4, align, justify, wrap = false, as: Component = 'div', className, style, children, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-stack', direction === 'column' ? 'tokis-stack--v' : 'tokis-stack--h', wrap && 'tokis-stack--wrap', className), style: { gap: gapVar(gap), alignItems: align, justifyContent: justify, ...style }, ...props, children: children })));
|
|
6
|
+
Stack.displayName = 'Stack';
|
|
7
|
+
export const Grid = forwardRef(({ columns = 1, gap = 4, rowGap, columnGap, as: Component = 'div', className, style, children, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-grid', className), style: {
|
|
8
|
+
gridTemplateColumns: (typeof columns === 'number') ? `repeat(${columns}, minmax(0, 1fr))` : columns,
|
|
9
|
+
gap: gapVar(gap),
|
|
10
|
+
rowGap: rowGap !== undefined ? gapVar(rowGap) : undefined,
|
|
11
|
+
columnGap: columnGap !== undefined ? gapVar(columnGap) : undefined,
|
|
12
|
+
...style,
|
|
13
|
+
}, ...props, children: children })));
|
|
14
|
+
Grid.displayName = 'Grid';
|
|
15
|
+
export const Container = forwardRef(({ fluid = false, as: Component = 'div', className, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-container', fluid && 'tokis-container--fluid', className), ...props })));
|
|
16
|
+
Container.displayName = 'Container';
|
|
17
|
+
export const Box = forwardRef(({ as: Component = 'div', display, flex, gap, p, px, py, m, width, height, className, style, ...props }, ref) => (_jsx(Component, { ref: ref, className: cn('tokis-box', className), style: {
|
|
18
|
+
display,
|
|
19
|
+
flex,
|
|
20
|
+
gap: gap !== undefined ? gapVar(gap) : undefined,
|
|
21
|
+
padding: p !== undefined ? gapVar(p) : undefined,
|
|
22
|
+
paddingLeft: px !== undefined ? gapVar(px) : undefined,
|
|
23
|
+
paddingRight: px !== undefined ? gapVar(px) : undefined,
|
|
24
|
+
paddingTop: py !== undefined ? gapVar(py) : undefined,
|
|
25
|
+
paddingBottom: py !== undefined ? gapVar(py) : undefined,
|
|
26
|
+
margin: m !== undefined ? gapVar(m) : undefined,
|
|
27
|
+
width,
|
|
28
|
+
height,
|
|
29
|
+
...style,
|
|
30
|
+
}, ...props })));
|
|
31
|
+
Box.displayName = 'Box';
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/layout/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAiB,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAIvC,MAAM,MAAM,GAAG,CAAC,CAAW,EAAE,EAAE,CAAC,uBAAuB,CAAC,GAAG,CAAC;AAY5D,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAA6B,CAAC,EAC3D,SAAS,GAAG,QAAQ,EAAE,GAAG,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EACzH,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB,EAAE,IAAI,IAAI,mBAAmB,EAAE,SAAS,CAAC,EAClI,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,KAC7E,KAAK,YAER,QAAQ,GACC,CACb,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAA4B,CAAC,EACzD,OAAO,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EACrG,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,EACtC,KAAK,EAAE;QACL,mBAAmB,EAAE,CAAC,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,OAAO,mBAAmB,CAAC,CAAC,CAAE,OAAkB;QAC/G,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC;QAChB,MAAM,EAAE,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;QACzD,SAAS,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS;QAClE,GAAG,KAAK;KACT,KACG,KAAK,YAER,QAAQ,GACC,CACb,CAAC,CAAC;AACH,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAQ1B,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAAiC,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1I,KAAC,SAAS,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,KAAK,IAAI,wBAAwB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACnH,CAAC,CAAC;AACH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAgBpC,MAAM,CAAC,MAAM,GAAG,GAAG,UAAU,CAAwB,CAAC,EACpD,EAAE,EAAE,SAAS,GAAG,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EACnG,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,KAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,KAAK,EAAE;QACL,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;QAChD,OAAO,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAChD,WAAW,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QACtD,YAAY,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QACvD,UAAU,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QACrD,aAAa,EAAE,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS;QACxD,MAAM,EAAE,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;QAC/C,KAAK;QACL,MAAM;QACN,GAAG,KAAK;KACT,KACG,KAAK,GACT,CACH,CAAC,CAAC;AACH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/link/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/link/index.tsx"],"names":[],"mappings":"AAAA,iFAAiF;AACjF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const List: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
|
|
3
|
+
export interface ListItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
+
selected?: boolean;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
endContent?: React.ReactNode;
|
|
8
|
+
primary?: React.ReactNode;
|
|
9
|
+
secondary?: React.ReactNode;
|
|
10
|
+
clickable?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/list/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,eAAO,MAAM,IAAI,6GAIhB,CAAC;AAGF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,QAAQ,sFAwBnB,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
// ─── List ────────────────────────────────────────────────
|
|
5
|
+
export const List = forwardRef(({ className, role = 'list', ...props }, ref) => (_jsx("div", { ref: ref, role: role, className: cn('tokis-list', className), ...props })));
|
|
6
|
+
List.displayName = 'List';
|
|
7
|
+
export const ListItem = forwardRef(({ selected = false, disabled = false, icon, endContent, primary, secondary, clickable = false, className, children, onClick, ...props }, ref) => (_jsxs("div", { ref: ref, role: clickable ? 'listitem' : 'listitem', tabIndex: clickable && !disabled ? 0 : undefined, "aria-selected": selected || undefined, "aria-disabled": disabled || undefined, className: cn('tokis-list-item', (clickable || onClick) && 'tokis-list-item--clickable', selected && 'tokis-list-item--selected', className), onClick: !disabled ? onClick : undefined, onKeyDown: !disabled && onClick ? (e) => { if (e.key === 'Enter' || e.key === ' ') {
|
|
8
|
+
e.preventDefault();
|
|
9
|
+
onClick(e);
|
|
10
|
+
} } : undefined, ...props, children: [icon && _jsx("span", { className: "tokis-list-item__icon", "aria-hidden": "true", children: icon }), (primary || secondary) ? (_jsxs("div", { className: "tokis-list-item__content", children: [primary && _jsx("div", { className: "tokis-list-item__primary", children: primary }), secondary && _jsx("div", { className: "tokis-list-item__secondary", children: secondary })] })) : children, endContent && _jsx("span", { className: "tokis-list-item__end", children: endContent })] })));
|
|
11
|
+
ListItem.displayName = 'ListItem';
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/list/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,4DAA4D;AAC5D,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,IAAI,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC/C,cAAK,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CACjF,CACF,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAY1B,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAgC,CAAC,EACjE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAG,KAAK,EAC3F,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EACvC,EAAE,GAAG,EAAE,EAAE,CAAC,CACT,eACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,EACzC,QAAQ,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,mBACjC,QAAQ,IAAI,SAAS,mBACrB,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,CAAC,SAAS,IAAI,OAAO,CAAC,IAAI,4BAA4B,EAAE,QAAQ,IAAI,2BAA2B,EAAE,SAAS,CAAC,EAC5I,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACxC,SAAS,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE,CAAC;QAAC,CAAC,CAAC,cAAc,EAAE,CAAC;QAAC,OAAO,CAAC,CAAgD,CAAC,CAAC;IAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,KAC/K,KAAK,aAER,IAAI,IAAI,eAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YAAE,IAAI,GAAQ,EAChF,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC,CACxB,eAAK,SAAS,EAAC,0BAA0B,aACtC,OAAO,IAAI,cAAK,SAAS,EAAC,0BAA0B,YAAE,OAAO,GAAO,EACpE,SAAS,IAAI,cAAK,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAO,IACvE,CACP,CAAC,CAAC,CAAC,QAAQ,EACX,UAAU,IAAI,eAAM,SAAS,EAAC,sBAAsB,YAAE,UAAU,GAAQ,IACrE,CACP,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC"}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface MenuItem {
|
|
3
|
+
type?: 'item' | 'separator' | 'label';
|
|
4
|
+
label?: React.ReactNode;
|
|
5
|
+
icon?: React.ReactNode;
|
|
6
|
+
shortcut?: string;
|
|
7
|
+
onClick?: () => void;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
destructive?: boolean;
|
|
10
|
+
items?: MenuItem[];
|
|
11
|
+
}
|
|
12
|
+
export interface MenuProps {
|
|
13
|
+
trigger: React.ReactElement;
|
|
14
|
+
items: MenuItem[];
|
|
15
|
+
placement?: 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
export declare function Menu({ trigger, items, placement, className }: MenuProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAI/E,MAAM,WAAW,QAAQ;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,OAAO,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,cAAc,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,IAAI,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAA0B,EAAE,SAAS,EAAE,EAAE,SAAS,2CAkGxF"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import React, { useState, useRef, useEffect, useId, useCallback } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
import { Portal } from '../portal/index.js';
|
|
5
|
+
export function Menu({ trigger, items, placement = 'bottom-start', className }) {
|
|
6
|
+
const [open, setOpen] = useState(false);
|
|
7
|
+
const [pos, setPos] = useState({ top: 0, left: 0 });
|
|
8
|
+
const [focusedIndex, setFocusedIndex] = useState(-1);
|
|
9
|
+
const triggerRef = useRef(null);
|
|
10
|
+
const contentRef = useRef(null);
|
|
11
|
+
const menuId = useId();
|
|
12
|
+
const updatePosition = useCallback(() => {
|
|
13
|
+
if (!triggerRef.current)
|
|
14
|
+
return;
|
|
15
|
+
const rect = triggerRef.current.getBoundingClientRect();
|
|
16
|
+
const isBottom = placement.startsWith('bottom');
|
|
17
|
+
const isStart = placement.endsWith('start');
|
|
18
|
+
setPos({
|
|
19
|
+
top: isBottom ? rect.bottom + window.scrollY + 4 : rect.top + window.scrollY - 4,
|
|
20
|
+
left: isStart ? rect.left + window.scrollX : rect.right + window.scrollX,
|
|
21
|
+
});
|
|
22
|
+
}, [placement]);
|
|
23
|
+
const clickableItems = items.filter((i) => i.type !== 'separator' && i.type !== 'label' && !i.disabled);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
if (!open)
|
|
26
|
+
return;
|
|
27
|
+
const handle = (e) => {
|
|
28
|
+
if (!triggerRef.current?.contains(e.target) && !contentRef.current?.contains(e.target))
|
|
29
|
+
setOpen(false);
|
|
30
|
+
};
|
|
31
|
+
const handleKey = (e) => {
|
|
32
|
+
if (e.key === 'Escape') {
|
|
33
|
+
setOpen(false);
|
|
34
|
+
triggerRef.current?.focus();
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
document.addEventListener('mousedown', handle);
|
|
38
|
+
document.addEventListener('keydown', handleKey);
|
|
39
|
+
return () => { document.removeEventListener('mousedown', handle); document.removeEventListener('keydown', handleKey); };
|
|
40
|
+
}, [open]);
|
|
41
|
+
const handleTriggerKeyDown = (e) => {
|
|
42
|
+
if (e.key === 'ArrowDown' || e.key === 'Enter' || e.key === ' ') {
|
|
43
|
+
e.preventDefault();
|
|
44
|
+
updatePosition();
|
|
45
|
+
setOpen(true);
|
|
46
|
+
setFocusedIndex(0);
|
|
47
|
+
}
|
|
48
|
+
};
|
|
49
|
+
const handleMenuKeyDown = (e) => {
|
|
50
|
+
if (e.key === 'ArrowDown') {
|
|
51
|
+
e.preventDefault();
|
|
52
|
+
setFocusedIndex((p) => (p + 1) % clickableItems.length);
|
|
53
|
+
}
|
|
54
|
+
if (e.key === 'ArrowUp') {
|
|
55
|
+
e.preventDefault();
|
|
56
|
+
setFocusedIndex((p) => (p - 1 + clickableItems.length) % clickableItems.length);
|
|
57
|
+
}
|
|
58
|
+
if (e.key === 'Enter' && focusedIndex >= 0) {
|
|
59
|
+
clickableItems[focusedIndex].onClick?.();
|
|
60
|
+
setOpen(false);
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
let clickableIdx = -1;
|
|
64
|
+
return (_jsxs(_Fragment, { children: [React.cloneElement(trigger, {
|
|
65
|
+
ref: triggerRef,
|
|
66
|
+
'aria-haspopup': 'menu',
|
|
67
|
+
'aria-expanded': open,
|
|
68
|
+
'aria-controls': open ? menuId : undefined,
|
|
69
|
+
onClick: (e) => { updatePosition(); setOpen((v) => !v); trigger.props.onClick?.(e); },
|
|
70
|
+
onKeyDown: handleTriggerKeyDown,
|
|
71
|
+
}), open && (_jsx(Portal, { children: _jsx("div", { ref: contentRef, id: menuId, role: "menu", tabIndex: -1, className: cn('tokis-menu-content', className), style: { position: 'absolute', top: pos.top, left: pos.left, ...(placement.endsWith('end') && { transform: 'translateX(-100%)' }) }, onKeyDown: handleMenuKeyDown, children: items.map((item, i) => {
|
|
72
|
+
if (item.type === 'separator')
|
|
73
|
+
return _jsx("div", { className: "tokis-menu-separator", role: "separator" }, i);
|
|
74
|
+
if (item.type === 'label')
|
|
75
|
+
return _jsx("div", { className: "tokis-menu-group-label", children: item.label }, i);
|
|
76
|
+
clickableIdx++;
|
|
77
|
+
const isFocused = clickableIdx === focusedIndex;
|
|
78
|
+
const idx = clickableIdx;
|
|
79
|
+
return (_jsxs("button", { role: "menuitem", className: cn('tokis-menu-item', item.destructive && 'tokis-menu-item--destructive'), "data-focused": isFocused ? 'true' : undefined, "data-disabled": item.disabled ? 'true' : undefined, "aria-disabled": item.disabled, disabled: item.disabled, tabIndex: isFocused ? 0 : -1, onClick: () => { if (!item.disabled) {
|
|
80
|
+
item.onClick?.();
|
|
81
|
+
setOpen(false);
|
|
82
|
+
} }, onMouseEnter: () => setFocusedIndex(idx), children: [item.icon && _jsx("span", { className: "tokis-menu-item__icon", "aria-hidden": "true", children: item.icon }), _jsx("span", { className: "tokis-menu-item__label", children: item.label }), item.shortcut && _jsx("span", { className: "tokis-menu-item__shortcut", "aria-label": `keyboard shortcut: ${item.shortcut}`, children: item.shortcut })] }, i));
|
|
83
|
+
}) }) }))] }));
|
|
84
|
+
}
|
|
85
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/menu/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface NavRailItem {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
icon: React.ReactNode;
|
|
6
|
+
badge?: string | number;
|
|
7
|
+
}
|
|
8
|
+
export interface NavigationRailProps {
|
|
9
|
+
items: NavRailItem[];
|
|
10
|
+
value: string;
|
|
11
|
+
onChange: (value: string) => void;
|
|
12
|
+
header?: React.ReactNode;
|
|
13
|
+
footer?: React.ReactNode;
|
|
14
|
+
className?: string;
|
|
15
|
+
}
|
|
16
|
+
export declare function NavigationRail({ items, value, onChange, header, footer, className }: NavigationRailProps): JSX.Element;
|
|
17
|
+
export declare namespace NavigationRail {
|
|
18
|
+
var displayName: string;
|
|
19
|
+
}
|
|
20
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/nav-rail/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CA+BtH;yBA/Be,cAAc"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { cn } from '../../utils/cn.js';
|
|
3
|
+
export function NavigationRail({ items, value, onChange, header, footer, className }) {
|
|
4
|
+
return (_jsxs("nav", { className: cn('tokis-nav-rail', className), "aria-label": "Navigation rail", children: [header && _jsx("div", { className: "tokis-nav-rail__header", children: header }), _jsx("div", { className: "tokis-nav-rail__items", children: items.map((item) => {
|
|
5
|
+
const isActive = item.value === value;
|
|
6
|
+
return (_jsxs("button", { className: cn('tokis-nav-rail__item', isActive && 'tokis-nav-rail__item--active'), onClick: () => onChange(item.value), "aria-current": isActive ? 'page' : undefined, "aria-label": item.label, children: [_jsxs("span", { className: "tokis-nav-rail__icon", children: [item.badge !== undefined && (_jsx("span", { className: "tokis-nav-rail__badge", "aria-label": `${item.badge} notifications`, children: item.badge })), item.icon] }), _jsx("span", { className: "tokis-nav-rail__label", children: item.label })] }, item.value));
|
|
7
|
+
}) }), footer && _jsx("div", { className: "tokis-nav-rail__footer", children: footer })] }));
|
|
8
|
+
}
|
|
9
|
+
NavigationRail.displayName = 'NavigationRail';
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/nav-rail/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAkBvC,MAAM,UAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAuB;IACvG,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,gBAAa,iBAAiB,aAC1E,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,EACjE,cAAK,SAAS,EAAC,uBAAuB,YACnC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAClB,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC;oBACtC,OAAO,CACL,kBAEE,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,QAAQ,IAAI,8BAA8B,CAAC,EACjF,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,kBACrB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,gBAC/B,IAAI,CAAC,KAAK,aAEtB,gBAAM,SAAS,EAAC,sBAAsB,aACnC,IAAI,CAAC,KAAK,KAAK,SAAS,IAAI,CAC3B,eAAM,SAAS,EAAC,uBAAuB,gBAAa,GAAG,IAAI,CAAC,KAAK,gBAAgB,YAC9E,IAAI,CAAC,KAAK,GACN,CACR,EACA,IAAI,CAAC,IAAI,IACL,EACP,eAAM,SAAS,EAAC,uBAAuB,YAAE,IAAI,CAAC,KAAK,GAAQ,KAdtD,IAAI,CAAC,KAAK,CAeR,CACV,CAAC;gBACJ,CAAC,CAAC,GACE,EACL,MAAM,IAAI,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,IAC7D,CACP,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export interface PaginationProps {
|
|
2
|
+
page: number;
|
|
3
|
+
totalPages: number;
|
|
4
|
+
onChange: (page: number) => void;
|
|
5
|
+
siblingCount?: number;
|
|
6
|
+
className?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function Pagination({ page, totalPages, onChange, siblingCount, className, }: PaginationProps): JSX.Element;
|
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoCD,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAgB,EAChB,SAAS,GACV,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA6D/B"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo } from 'react';
|
|
3
|
+
import { cn } from '../../utils/cn.js';
|
|
4
|
+
function range(start, end) {
|
|
5
|
+
const length = end - start + 1;
|
|
6
|
+
return Array.from({ length }, (_, i) => start + i);
|
|
7
|
+
}
|
|
8
|
+
function usePaginationItems(page, totalPages, siblingCount) {
|
|
9
|
+
return useMemo(() => {
|
|
10
|
+
const totalPageNumbers = siblingCount * 2 + 5; // siblings + first + last + current + 2 ellipsis
|
|
11
|
+
if (totalPages <= totalPageNumbers) {
|
|
12
|
+
return range(1, totalPages);
|
|
13
|
+
}
|
|
14
|
+
const leftSiblingIndex = Math.max(page - siblingCount, 1);
|
|
15
|
+
const rightSiblingIndex = Math.min(page + siblingCount, totalPages);
|
|
16
|
+
const showLeftEllipsis = leftSiblingIndex > 2;
|
|
17
|
+
const showRightEllipsis = rightSiblingIndex < totalPages - 1;
|
|
18
|
+
if (!showLeftEllipsis && showRightEllipsis) {
|
|
19
|
+
const leftRange = range(1, 3 + siblingCount * 2);
|
|
20
|
+
return [...leftRange, 'ellipsis-end', totalPages];
|
|
21
|
+
}
|
|
22
|
+
if (showLeftEllipsis && !showRightEllipsis) {
|
|
23
|
+
const rightRange = range(totalPages - (2 + siblingCount * 2), totalPages);
|
|
24
|
+
return [1, 'ellipsis-start', ...rightRange];
|
|
25
|
+
}
|
|
26
|
+
const middleRange = range(leftSiblingIndex, rightSiblingIndex);
|
|
27
|
+
return [1, 'ellipsis-start', ...middleRange, 'ellipsis-end', totalPages];
|
|
28
|
+
}, [page, totalPages, siblingCount]);
|
|
29
|
+
}
|
|
30
|
+
export function Pagination({ page, totalPages, onChange, siblingCount = 1, className, }) {
|
|
31
|
+
const items = usePaginationItems(page, totalPages, siblingCount);
|
|
32
|
+
const handlePrev = () => { if (page > 1)
|
|
33
|
+
onChange(page - 1); };
|
|
34
|
+
const handleNext = () => { if (page < totalPages)
|
|
35
|
+
onChange(page + 1); };
|
|
36
|
+
return (_jsxs("nav", { className: cn('tokis-pagination', className), "aria-label": "Pagination navigation", role: "navigation", children: [_jsx("button", { className: cn('tokis-pagination__item', 'tokis-pagination__prev', page === 1 && 'tokis-pagination__item--disabled'), onClick: handlePrev, disabled: page === 1, "aria-label": "Go to previous page", "aria-disabled": page === 1, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M10 12L6 8l4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), items.map((item, index) => {
|
|
37
|
+
if (item === 'ellipsis-start' || item === 'ellipsis-end') {
|
|
38
|
+
return (_jsx("span", { className: "tokis-pagination__ellipsis", "aria-hidden": "true", children: "\u2026" }, item));
|
|
39
|
+
}
|
|
40
|
+
const isActive = item === page;
|
|
41
|
+
return (_jsx("button", { className: cn('tokis-pagination__item', isActive && 'tokis-pagination__item--active'), onClick: () => onChange(item), "aria-label": `Go to page ${item}`, "aria-current": isActive ? 'page' : undefined, disabled: isActive, children: item }, `${item}-${index}`));
|
|
42
|
+
}), _jsx("button", { className: cn('tokis-pagination__item', 'tokis-pagination__next', page === totalPages && 'tokis-pagination__item--disabled'), onClick: handleNext, disabled: page === totalPages, "aria-label": "Go to next page", "aria-disabled": page === totalPages, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M6 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }));
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pagination/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
|
|
3
|
+
export interface PopoverProps {
|
|
4
|
+
trigger: React.ReactElement;
|
|
5
|
+
content: React.ReactNode;
|
|
6
|
+
title?: React.ReactNode;
|
|
7
|
+
placement?: PopoverPlacement;
|
|
8
|
+
open?: boolean;
|
|
9
|
+
defaultOpen?: boolean;
|
|
10
|
+
onOpenChange?: (open: boolean) => void;
|
|
11
|
+
closeOnClickOutside?: boolean;
|
|
12
|
+
closeOnEsc?: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare function Popover({ trigger, content, title, placement, open, defaultOpen, onOpenChange, closeOnClickOutside, closeOnEsc, className }: PopoverProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0D,MAAM,OAAO,CAAC;AAI/E,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,GAAG,cAAc,GAAG,YAAY,CAAC;AAE7H,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAA0B,EAAE,IAAI,EAAE,WAAmB,EAAE,YAAY,EAAE,mBAA0B,EAAE,UAAiB,EAAE,SAAS,EAAE,EAAE,YAAY,2CAkF/L"}
|