@datum-cloud/datum-ui 0.3.0-alpha.3670fb2 → 0.3.0-alpha.4702cdb
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/app-navigation/index.mjs +12 -0
- package/dist/app-navigation-CCvjPijd.mjs +416 -0
- package/dist/autocomplete/index.mjs +1 -1
- package/dist/{autocomplete-B9bCkXtz.mjs → autocomplete-DcKO7pj5.mjs} +1 -1
- package/dist/avatar-stack/index.mjs +2 -2
- package/dist/{avatar-stack-Bh-tLz0X.mjs → avatar-stack-B21McFeb.mjs} +1 -1
- package/dist/{calendar-date-picker-mlbzp3xR.mjs → calendar-date-picker-Bw6Mrr-P.mjs} +2 -1
- package/dist/components/base/index.d.ts +1 -0
- package/dist/components/base/index.d.ts.map +1 -1
- package/dist/components/base/sidebar/index.d.ts +2 -0
- package/dist/components/base/sidebar/index.d.ts.map +1 -0
- package/dist/components/{features → base}/sidebar/sidebar.d.ts +1 -1
- package/dist/components/base/sidebar/sidebar.d.ts.map +1 -0
- package/dist/components/base/skeleton/index.d.ts +1 -1
- package/dist/components/base/skeleton/index.d.ts.map +1 -1
- package/dist/components/base/skeleton/skeleton.d.ts +22 -0
- package/dist/components/base/skeleton/skeleton.d.ts.map +1 -0
- package/dist/components/base/typography/typography.d.ts +2 -2
- package/dist/components/features/app-navigation/app-navigation.d.ts +14 -0
- package/dist/components/features/app-navigation/app-navigation.d.ts.map +1 -0
- package/dist/components/features/app-navigation/index.d.ts +4 -0
- package/dist/components/features/app-navigation/index.d.ts.map +1 -0
- package/dist/components/features/{sidebar/nav-main.d.ts → app-navigation/nav-menu.d.ts} +3 -3
- package/dist/components/features/app-navigation/nav-menu.d.ts.map +1 -0
- package/dist/components/features/calendar-date-picker/calendar-date-picker.d.ts +2 -1
- package/dist/components/features/calendar-date-picker/calendar-date-picker.d.ts.map +1 -1
- package/dist/components/features/data-table/components/active-filters.d.ts +1 -1
- package/dist/components/features/data-table/components/active-filters.d.ts.map +1 -1
- package/dist/components/features/data-table/components/content.d.ts.map +1 -1
- package/dist/components/features/data-table/components/loading.d.ts.map +1 -1
- package/dist/components/features/data-table/components/search.d.ts +1 -1
- package/dist/components/features/data-table/components/search.d.ts.map +1 -1
- package/dist/components/features/data-table/core/client-provider.d.ts +5 -7
- package/dist/components/features/data-table/core/client-provider.d.ts.map +1 -1
- package/dist/components/features/data-table/core/data-table-context.d.ts +23 -0
- package/dist/components/features/data-table/core/data-table-context.d.ts.map +1 -1
- package/dist/components/features/data-table/core/filter-engine.d.ts +5 -0
- package/dist/components/features/data-table/core/filter-engine.d.ts.map +1 -1
- package/dist/components/features/data-table/core/server-provider.d.ts +4 -7
- package/dist/components/features/data-table/core/server-provider.d.ts.map +1 -1
- package/dist/components/features/data-table/core/store.d.ts.map +1 -1
- package/dist/components/features/data-table/data-table.d.ts +1 -1
- package/dist/components/features/data-table/filters/checkbox-filter.d.ts +1 -1
- package/dist/components/features/data-table/filters/checkbox-filter.d.ts.map +1 -1
- package/dist/components/features/data-table/filters/date-picker-filter.d.ts +1 -1
- package/dist/components/features/data-table/filters/date-picker-filter.d.ts.map +1 -1
- package/dist/components/features/data-table/filters/select-filter.d.ts +1 -1
- package/dist/components/features/data-table/filters/select-filter.d.ts.map +1 -1
- package/dist/components/features/data-table/hooks/index.d.ts +1 -1
- package/dist/components/features/data-table/hooks/index.d.ts.map +1 -1
- package/dist/components/features/data-table/hooks/use-data-table-client.d.ts +11 -10
- package/dist/components/features/data-table/hooks/use-data-table-client.d.ts.map +1 -1
- package/dist/components/features/data-table/hooks/use-data-table-server.d.ts +12 -17
- package/dist/components/features/data-table/hooks/use-data-table-server.d.ts.map +1 -1
- package/dist/components/features/data-table/hooks/use-selectors.d.ts +4 -33
- package/dist/components/features/data-table/hooks/use-selectors.d.ts.map +1 -1
- package/dist/components/features/data-table/index.d.ts +2 -4
- package/dist/components/features/data-table/index.d.ts.map +1 -1
- package/dist/components/features/data-table/types.d.ts +28 -33
- package/dist/components/features/data-table/types.d.ts.map +1 -1
- package/dist/components/features/index.d.ts +1 -1
- package/dist/components/features/index.d.ts.map +1 -1
- package/dist/data-table/index.mjs +481 -388
- package/dist/date-picker/index.mjs +2 -2
- package/dist/dropdown/index.mjs +1 -1
- package/dist/dropzone/index.mjs +1 -1
- package/dist/empty-content/index.mjs +1 -1
- package/dist/form/index.mjs +3 -3
- package/dist/grid/index.mjs +1 -1
- package/dist/hooks/index.mjs +2 -2
- package/dist/index.mjs +34 -32
- package/dist/input-number/index.mjs +1 -1
- package/dist/input-with-addons/index.mjs +1 -1
- package/dist/loader-overlay/index.mjs +1 -1
- package/dist/map/index.mjs +1 -1
- package/dist/{map-ClJD-qxm.mjs → map-2RG9pYZR.mjs} +1 -1
- package/dist/more-actions/index.mjs +2 -2
- package/dist/{more-actions-DbC8dyed.mjs → more-actions-BODYgG1C.mjs} +2 -2
- package/dist/page-title/index.mjs +1 -1
- package/dist/sidebar/index.mjs +4 -5
- package/dist/{sidebar-C4NqSr4r.mjs → sidebar-BW76ss_f.mjs} +6 -415
- package/dist/skeleton/index.mjs +2 -1
- package/dist/skeleton-DZ31pU4B.mjs +28 -0
- package/dist/stepper/index.mjs +1 -1
- package/dist/styles/root.css +3 -0
- package/dist/switch/index.mjs +1 -1
- package/dist/table/index.mjs +1 -1
- package/dist/tabs/index.mjs +1 -1
- package/dist/tag-input/index.mjs +1 -1
- package/dist/task-queue/index.mjs +3 -3
- package/dist/{task-queue-dropdown-fo3TX58Q.mjs → task-queue-dropdown-DtS0IKci.mjs} +3 -3
- package/dist/textarea/index.mjs +1 -1
- package/dist/theme/index.mjs +1 -1
- package/dist/toast/index.mjs +1 -1
- package/dist/tooltip/index.mjs +1 -1
- package/dist/typography/index.mjs +1 -1
- package/dist/{use-copy-to-clipboard-C7xqNxBX.mjs → use-copy-to-clipboard-C9cT2Qb-.mjs} +1 -1
- package/dist/{use-stepper-CB1injte.mjs → use-stepper-DJd8o9dV.mjs} +8 -8
- package/dist/visually-hidden/index.mjs +1 -1
- package/package.json +83 -77
- package/dist/components/features/data-table/hooks/use-data-table-context.d.ts +0 -2
- package/dist/components/features/data-table/hooks/use-data-table-context.d.ts.map +0 -1
- package/dist/components/features/sidebar/app-sidebar.d.ts +0 -14
- package/dist/components/features/sidebar/app-sidebar.d.ts.map +0 -1
- package/dist/components/features/sidebar/index.d.ts +0 -4
- package/dist/components/features/sidebar/index.d.ts.map +0 -1
- package/dist/components/features/sidebar/nav-main.d.ts.map +0 -1
- package/dist/components/features/sidebar/sidebar.d.ts.map +0 -1
- /package/dist/{col-RfO7d6AR.mjs → col-DCneNxQj.mjs} +0 -0
- /package/dist/{dropdown-Cs7Xr8w7.mjs → dropdown-Dgm_b6Mm.mjs} +0 -0
- /package/dist/{dropzone-BT5fEDEF.mjs → dropzone-DR6O9OdU.mjs} +0 -0
- /package/dist/{empty-content-iDu3NUqG.mjs → empty-content-Dm7_5jO9.mjs} +0 -0
- /package/dist/{input-number-D9ydFith.mjs → input-number-D1HCcTXO.mjs} +0 -0
- /package/dist/{input-with-addons-CdgiUQce.mjs → input-with-addons-DN9LGwUU.mjs} +0 -0
- /package/dist/{loader-overlay-D83QeQNj.mjs → loader-overlay-CpA0zV8D.mjs} +0 -0
- /package/dist/{map-leaflet-imports-CdzvEnzY.mjs → map-leaflet-imports-CgEyVRnp.mjs} +0 -0
- /package/dist/{page-title-SGchAF6Y.mjs → page-title-D62FV6vD.mjs} +0 -0
- /package/dist/{skeleton-Cs6Q5GQc.mjs → skeleton-CkE23wsL.mjs} +0 -0
- /package/dist/{stepper-BG9DIzN5.mjs → stepper-CZeks9Ex.mjs} +0 -0
- /package/dist/{switch-B2VVauH6.mjs → switch-Cn9IM2gC.mjs} +0 -0
- /package/dist/{table-Dc3HfbM4.mjs → table-Dpzh0VPK.mjs} +0 -0
- /package/dist/{tabs-Ccb4uqbe.mjs → tabs-OYVCDOif.mjs} +0 -0
- /package/dist/{tag-input-BfHaKoMF.mjs → tag-input-DorFQ9bA.mjs} +0 -0
- /package/dist/{textarea-X4OjkqLJ.mjs → textarea-KZUKGHlO.mjs} +0 -0
- /package/dist/{theme.provider-Nun_O9-O.mjs → theme.provider-BG3cS9xe.mjs} +0 -0
- /package/dist/{to-api-format-zI26rEBI.mjs → to-api-format-CzPt5UAX.mjs} +0 -0
- /package/dist/{tooltip-DZFG1iMs.mjs → tooltip-U3XxlW4l.mjs} +0 -0
- /package/dist/{typography-T7WgvO77.mjs → typography-DdrxIJMd.mjs} +0 -0
- /package/dist/{use-debounce-Ctljs3MB.mjs → use-debounce-Dc95PFRX.mjs} +0 -0
- /package/dist/{use-toast-DN-fZBzJ.mjs → use-toast-DBmysDS6.mjs} +0 -0
- /package/dist/{visuallyhidden-CgkVhApW.mjs → visuallyhidden-CfBnXfvh.mjs} +0 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "../utils-Bfgoe-Gm.mjs";
|
|
2
|
+
import "../separator-T2ppyD-8.mjs";
|
|
3
|
+
import "../button-AzpnV-WB.mjs";
|
|
4
|
+
import "../collapsible-Bt9UYfv3.mjs";
|
|
5
|
+
import "../input-DuyjEKEW.mjs";
|
|
6
|
+
import "../sheet-Cemwh78x.mjs";
|
|
7
|
+
import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-BW76ss_f.mjs";
|
|
8
|
+
import "../skeleton-CkE23wsL.mjs";
|
|
9
|
+
import "../tooltip-U3XxlW4l.mjs";
|
|
10
|
+
import { n as NavMenu, t as AppNavigation } from "../app-navigation-CCvjPijd.mjs";
|
|
11
|
+
|
|
12
|
+
export { AppNavigation, NavMenu, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };
|
|
@@ -0,0 +1,416 @@
|
|
|
1
|
+
import { t as cn } from "./cn-DWCc1QRE.mjs";
|
|
2
|
+
import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
|
|
3
|
+
import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "./collapsible-Bt9UYfv3.mjs";
|
|
4
|
+
import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, c as SidebarHeader, d as SidebarMenu, h as SidebarMenuItem, i as SidebarGroup, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, w as useSidebar } from "./sidebar-BW76ss_f.mjs";
|
|
5
|
+
import { ChevronRight, ExternalLinkIcon } from "lucide-react";
|
|
6
|
+
import { Fragment, useCallback, useEffect, useRef, useState } from "react";
|
|
7
|
+
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
8
|
+
import { motion } from "motion/react";
|
|
9
|
+
|
|
10
|
+
//#region src/components/features/app-navigation/nav-menu.tsx
|
|
11
|
+
const NAV_STYLES = {
|
|
12
|
+
menuButton: "rounded-xl h-8 font-normal text-xs transition-all px-2 py-1 data-[active=true]:bg-sidebar data-[active=true]:text-foreground data-[active=true]:text-sidebar-primary data-[active=true]:[&>svg]:text-primary hover:bg-sidebar hover:text-sidebar-primary hover:[&>svg]:text-sidebar-primary hover:bg-sidebar-accent data-[active=true]:bg-sidebar-accent hover:font-semibold data-[active=true]:hover:[&>svg]:text-sidebar-primary transition-colors duration-300 gap-2.5 text-foreground [&>svg]:text-icon-primary",
|
|
13
|
+
disabled: "pointer-events-none opacity-50",
|
|
14
|
+
icon: "duration-300 transition-all",
|
|
15
|
+
iconSmall: "size-4 duration-300 transition-all"
|
|
16
|
+
};
|
|
17
|
+
function NavIcon({ icon: IconComponent, className, size = "default" }) {
|
|
18
|
+
if (!IconComponent) return null;
|
|
19
|
+
return /* @__PURE__ */ jsx(Icon, {
|
|
20
|
+
icon: IconComponent,
|
|
21
|
+
className: cn(size === "small" ? NAV_STYLES.iconSmall : NAV_STYLES.icon, className)
|
|
22
|
+
});
|
|
23
|
+
}
|
|
24
|
+
NavIcon.displayName = "NavIcon";
|
|
25
|
+
function NavSidebarMenuButton({ ref, item, isActive, disableTooltip, className, children, asChild, ...props }) {
|
|
26
|
+
return /* @__PURE__ */ jsx(SidebarMenuButton, {
|
|
27
|
+
ref,
|
|
28
|
+
tooltip: disableTooltip ? void 0 : item.title,
|
|
29
|
+
isActive,
|
|
30
|
+
disabled: item.disabled,
|
|
31
|
+
asChild,
|
|
32
|
+
className: cn(NAV_STYLES.menuButton, item.disabled && NAV_STYLES.disabled, className),
|
|
33
|
+
...props,
|
|
34
|
+
children: asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(NavIcon, { icon: item.icon }), children] })
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
NavSidebarMenuButton.displayName = "NavSidebarMenuButton";
|
|
38
|
+
function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp = "a", overrideState, itemClassName, disableTooltip, closeOnNavigation, ...props }) {
|
|
39
|
+
const pathname = currentPath;
|
|
40
|
+
const { state: sidebarState, isMobile, closeForNavigation, setOpen } = useSidebar();
|
|
41
|
+
const [openItems, setOpenItems] = useState({});
|
|
42
|
+
const isInitialMount = useRef(true);
|
|
43
|
+
const previousOpenItems = useRef({});
|
|
44
|
+
const previousPathname = useRef(pathname);
|
|
45
|
+
const state = overrideState ?? sidebarState;
|
|
46
|
+
const previousState = useRef(state);
|
|
47
|
+
useEffect(() => {
|
|
48
|
+
previousOpenItems.current = openItems;
|
|
49
|
+
if (isInitialMount.current) isInitialMount.current = false;
|
|
50
|
+
}, [openItems]);
|
|
51
|
+
useEffect(() => {
|
|
52
|
+
previousPathname.current = pathname;
|
|
53
|
+
}, [pathname]);
|
|
54
|
+
const activeNavItem = useCallback((item) => {
|
|
55
|
+
const normalize = (p) => {
|
|
56
|
+
let result = p.startsWith("/") ? p : `/${p}`;
|
|
57
|
+
if (result !== "/" && result.endsWith("/")) result = result.slice(0, -1);
|
|
58
|
+
return result;
|
|
59
|
+
};
|
|
60
|
+
const cleanCurrentPath = normalize(pathname);
|
|
61
|
+
if (!item.href) return false;
|
|
62
|
+
const cleanNavPath = normalize(item.href);
|
|
63
|
+
if (cleanNavPath === "/") return cleanCurrentPath === "/";
|
|
64
|
+
const hasActiveDescendant = (navItem) => {
|
|
65
|
+
if (!navItem.children || navItem.children.length === 0) return false;
|
|
66
|
+
return navItem.children.some((child) => {
|
|
67
|
+
if (!child.href) return hasActiveDescendant(child);
|
|
68
|
+
const cleanChildPath = normalize(child.href);
|
|
69
|
+
if (cleanCurrentPath === cleanChildPath || cleanCurrentPath.startsWith(`${cleanChildPath}/`)) return true;
|
|
70
|
+
return hasActiveDescendant(child);
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
if ((item.children || []).length > 0) {
|
|
74
|
+
if (hasActiveDescendant(item)) return false;
|
|
75
|
+
return cleanCurrentPath === cleanNavPath;
|
|
76
|
+
}
|
|
77
|
+
const isExcluded = item.excludePaths?.some((excludePath) => {
|
|
78
|
+
const cleanExcludePath = normalize(excludePath);
|
|
79
|
+
return cleanCurrentPath === cleanExcludePath || cleanCurrentPath.startsWith(`${cleanExcludePath}/`);
|
|
80
|
+
}) ?? false;
|
|
81
|
+
const isDirectMatch = cleanCurrentPath === cleanNavPath || !isExcluded && cleanCurrentPath.startsWith(`${cleanNavPath}/`);
|
|
82
|
+
const isTabChildMatch = item.tabChildLinks?.some((childPath) => {
|
|
83
|
+
const cleanChildPath = normalize(childPath);
|
|
84
|
+
return cleanCurrentPath === cleanChildPath || cleanCurrentPath.startsWith(`${cleanChildPath}/`);
|
|
85
|
+
}) ?? false;
|
|
86
|
+
return isDirectMatch || isTabChildMatch;
|
|
87
|
+
}, [pathname]);
|
|
88
|
+
const hasActiveDescendant = useCallback((item) => {
|
|
89
|
+
if (activeNavItem(item)) return true;
|
|
90
|
+
if (item.children) return item.children.some((child) => hasActiveDescendant(child));
|
|
91
|
+
return false;
|
|
92
|
+
}, [activeNavItem]);
|
|
93
|
+
const findItemByHref = useCallback((href, items) => {
|
|
94
|
+
for (const item of items) {
|
|
95
|
+
if (item.href === href) return item;
|
|
96
|
+
if (item.children) {
|
|
97
|
+
const found = findItemByHref(href, item.children);
|
|
98
|
+
if (found) return found;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
return null;
|
|
102
|
+
}, []);
|
|
103
|
+
useEffect(() => {
|
|
104
|
+
if (previousState.current === "expanded" && state === "collapsed") setOpenItems((prev) => {
|
|
105
|
+
const newOpenItems = {};
|
|
106
|
+
Object.keys(prev).forEach((itemHref) => {
|
|
107
|
+
const item = findItemByHref(itemHref, items);
|
|
108
|
+
if (item && hasActiveDescendant(item)) newOpenItems[itemHref] = true;
|
|
109
|
+
});
|
|
110
|
+
return newOpenItems;
|
|
111
|
+
});
|
|
112
|
+
previousState.current = state;
|
|
113
|
+
}, [
|
|
114
|
+
state,
|
|
115
|
+
items,
|
|
116
|
+
hasActiveDescendant,
|
|
117
|
+
findItemByHref
|
|
118
|
+
]);
|
|
119
|
+
const toggleItem = (itemId) => {
|
|
120
|
+
setOpenItems((prev) => ({
|
|
121
|
+
...prev,
|
|
122
|
+
[itemId]: !prev[itemId]
|
|
123
|
+
}));
|
|
124
|
+
};
|
|
125
|
+
const handleNavigation = useCallback(() => {
|
|
126
|
+
if (closeOnNavigation && !isMobile) closeForNavigation();
|
|
127
|
+
}, [
|
|
128
|
+
closeOnNavigation,
|
|
129
|
+
isMobile,
|
|
130
|
+
closeForNavigation
|
|
131
|
+
]);
|
|
132
|
+
const renderNavItem = (item, level = 0) => {
|
|
133
|
+
if ("hidden" in item && item.hidden) return null;
|
|
134
|
+
const itemKey = `${item.title}-${item.href || ""}-${level}`;
|
|
135
|
+
if ("type" in item && item.type === "group") return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(SidebarGroup, {
|
|
136
|
+
className: "mb-2 p-0! px-2",
|
|
137
|
+
children: [item.title && /* @__PURE__ */ jsx(SidebarGroupLabel, {
|
|
138
|
+
className: "lowercase group-data-[state=collapsed]:hidden first-letter:uppercase",
|
|
139
|
+
children: item.title
|
|
140
|
+
}), /* @__PURE__ */ jsx(SidebarGroupContent, {
|
|
141
|
+
className: "flex flex-col gap-1",
|
|
142
|
+
children: (item.children || []).map((child) => renderNavItem(child, level + 1))
|
|
143
|
+
})]
|
|
144
|
+
}), /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2 hidden group-data-[state=collapsed]:block" })] }, itemKey);
|
|
145
|
+
const isActive = activeNavItem(item);
|
|
146
|
+
const pathnameExistInDropdowns = item.children?.filter((dropdownItem) => pathname.includes(dropdownItem.href)) || [];
|
|
147
|
+
const hasChildren = (item.children || []).length > 0;
|
|
148
|
+
const isOpen = openItems[item.href] !== void 0 ? openItems[item.href] : Boolean(pathnameExistInDropdowns.length);
|
|
149
|
+
const hasActiveChild = pathnameExistInDropdowns.length > 0;
|
|
150
|
+
if (state === "collapsed" && !isMobile && level <= 2 && hasChildren) return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
151
|
+
item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-1" }),
|
|
152
|
+
/* @__PURE__ */ jsx(SidebarMenu, { children: /* @__PURE__ */ jsxs("div", {
|
|
153
|
+
className: "flex flex-col px-2",
|
|
154
|
+
children: [/* @__PURE__ */ jsx(NavSidebarMenuButton, {
|
|
155
|
+
item,
|
|
156
|
+
isActive,
|
|
157
|
+
disableTooltip,
|
|
158
|
+
className: itemClassName,
|
|
159
|
+
onClick: () => {
|
|
160
|
+
setOpen(true);
|
|
161
|
+
if (item.href) setOpenItems((prev) => ({
|
|
162
|
+
...prev,
|
|
163
|
+
[item.href]: true
|
|
164
|
+
}));
|
|
165
|
+
}
|
|
166
|
+
}), hasActiveChild && /* @__PURE__ */ jsx(motion.div, {
|
|
167
|
+
variants: {
|
|
168
|
+
hidden: { opacity: 0 },
|
|
169
|
+
visible: {
|
|
170
|
+
opacity: 1,
|
|
171
|
+
transition: {
|
|
172
|
+
staggerChildren: .05,
|
|
173
|
+
delayChildren: .1
|
|
174
|
+
}
|
|
175
|
+
}
|
|
176
|
+
},
|
|
177
|
+
initial: "hidden",
|
|
178
|
+
animate: "visible",
|
|
179
|
+
className: "flex flex-col gap-0.5",
|
|
180
|
+
children: item.children?.map((subItem) => {
|
|
181
|
+
const isSubItemActive = activeNavItem(subItem);
|
|
182
|
+
return /* @__PURE__ */ jsx(motion.div, {
|
|
183
|
+
variants: {
|
|
184
|
+
hidden: { opacity: 0 },
|
|
185
|
+
visible: {
|
|
186
|
+
opacity: 1,
|
|
187
|
+
transition: {
|
|
188
|
+
duration: .2,
|
|
189
|
+
ease: "easeOut"
|
|
190
|
+
}
|
|
191
|
+
}
|
|
192
|
+
},
|
|
193
|
+
children: /* @__PURE__ */ jsx(SidebarMenuButton, {
|
|
194
|
+
tooltip: subItem.title,
|
|
195
|
+
isActive: isSubItemActive,
|
|
196
|
+
className: "h-6 p-0 group-data-[collapsible=icon]:h-6! group-data-[collapsible=icon]:p-0!",
|
|
197
|
+
asChild: true,
|
|
198
|
+
children: /* @__PURE__ */ jsx(LinkComp, {
|
|
199
|
+
className: "flex items-center justify-center",
|
|
200
|
+
...LinkComp === "a" ? { href: subItem.href || "" } : { to: subItem.href || "" },
|
|
201
|
+
onClick: () => {
|
|
202
|
+
handleNavigation();
|
|
203
|
+
},
|
|
204
|
+
children: /* @__PURE__ */ jsx("span", { className: cn("size-1 rounded-full", isSubItemActive ? "bg-primary" : "bg-sidebar-primary-foreground") })
|
|
205
|
+
})
|
|
206
|
+
})
|
|
207
|
+
}, `collapsed-dot-${subItem.href}-${level}`);
|
|
208
|
+
})
|
|
209
|
+
})]
|
|
210
|
+
}) }),
|
|
211
|
+
item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
|
|
212
|
+
] }, itemKey);
|
|
213
|
+
if (hasChildren && level <= 3) return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
214
|
+
item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
|
|
215
|
+
/* @__PURE__ */ jsx(SidebarMenu, {
|
|
216
|
+
className: "px-2",
|
|
217
|
+
children: /* @__PURE__ */ jsx(Collapsible, {
|
|
218
|
+
asChild: true,
|
|
219
|
+
open: isOpen,
|
|
220
|
+
onOpenChange: (open) => {
|
|
221
|
+
if (item.href) setOpenItems((prev) => ({
|
|
222
|
+
...prev,
|
|
223
|
+
[item.href]: open
|
|
224
|
+
}));
|
|
225
|
+
},
|
|
226
|
+
className: "group/collapsible",
|
|
227
|
+
children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
|
|
228
|
+
asChild: true,
|
|
229
|
+
className: "w-full",
|
|
230
|
+
children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
|
|
231
|
+
item,
|
|
232
|
+
isActive,
|
|
233
|
+
disableTooltip,
|
|
234
|
+
className: itemClassName,
|
|
235
|
+
children: [/* @__PURE__ */ jsx("span", { children: item.title }), /* @__PURE__ */ jsx(Icon, {
|
|
236
|
+
icon: ChevronRight,
|
|
237
|
+
className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
|
|
238
|
+
})]
|
|
239
|
+
})
|
|
240
|
+
}), /* @__PURE__ */ jsx(CollapsibleContent, {
|
|
241
|
+
className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
|
|
242
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
243
|
+
style: {
|
|
244
|
+
minHeight: 0,
|
|
245
|
+
overflow: "hidden"
|
|
246
|
+
},
|
|
247
|
+
children: /* @__PURE__ */ jsx(motion.div, {
|
|
248
|
+
variants: {
|
|
249
|
+
hidden: { opacity: 0 },
|
|
250
|
+
visible: {
|
|
251
|
+
opacity: 1,
|
|
252
|
+
transition: {
|
|
253
|
+
staggerChildren: .05,
|
|
254
|
+
delayChildren: .1
|
|
255
|
+
}
|
|
256
|
+
}
|
|
257
|
+
},
|
|
258
|
+
initial: isInitialMount.current || previousOpenItems.current[item.href] === openItems[item.href] && previousState.current === state && previousPathname.current === pathname && !hasActiveChild ? "visible" : "hidden",
|
|
259
|
+
animate: isOpen ? "visible" : "hidden",
|
|
260
|
+
children: /* @__PURE__ */ jsx(SidebarMenuSub, {
|
|
261
|
+
className: cn(level >= 1 ? "mr-0 pr-[.1rem]" : "", level === 2 ? "pl-4" : "", level === 3 ? "pl-6" : "", "mr-0 gap-0.5 pr-0"),
|
|
262
|
+
children: item.children?.map((subItem, index) => /* @__PURE__ */ jsx(motion.div, {
|
|
263
|
+
variants: {
|
|
264
|
+
hidden: { opacity: 0 },
|
|
265
|
+
visible: {
|
|
266
|
+
opacity: 1,
|
|
267
|
+
transition: {
|
|
268
|
+
duration: .2,
|
|
269
|
+
ease: "easeOut"
|
|
270
|
+
}
|
|
271
|
+
}
|
|
272
|
+
},
|
|
273
|
+
children: renderNavItem(subItem, level + 1)
|
|
274
|
+
}, `${subItem.href}-${level}-${index}`))
|
|
275
|
+
})
|
|
276
|
+
}, `collapsible-${item.href}-${isOpen}`)
|
|
277
|
+
})
|
|
278
|
+
})] })
|
|
279
|
+
}, `collapsed-item-drop-down-item-${item.title}-${level}`)
|
|
280
|
+
}),
|
|
281
|
+
item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
|
|
282
|
+
] }, itemKey);
|
|
283
|
+
const renderCollapsible = (currentItem, currentLevel) => {
|
|
284
|
+
const currentItemIsActive = activeNavItem(currentItem);
|
|
285
|
+
const currentItemPathnameExistInDropdowns = currentItem.children?.filter((dropdownItem) => pathname.includes(dropdownItem.href)) || [];
|
|
286
|
+
return /* @__PURE__ */ jsx(Collapsible, {
|
|
287
|
+
asChild: true,
|
|
288
|
+
open: openItems[currentItem.href] || Boolean(currentItemPathnameExistInDropdowns.length),
|
|
289
|
+
onOpenChange: (open) => {
|
|
290
|
+
if (currentItem.href) setOpenItems((prev) => ({
|
|
291
|
+
...prev,
|
|
292
|
+
[currentItem.href]: open
|
|
293
|
+
}));
|
|
294
|
+
},
|
|
295
|
+
className: "group/collapsible",
|
|
296
|
+
children: /* @__PURE__ */ jsxs(SidebarMenuItem, { children: [/* @__PURE__ */ jsx(CollapsibleTrigger, {
|
|
297
|
+
asChild: true,
|
|
298
|
+
className: "w-full",
|
|
299
|
+
children: /* @__PURE__ */ jsxs(NavSidebarMenuButton, {
|
|
300
|
+
item: currentItem,
|
|
301
|
+
isActive: currentItemIsActive,
|
|
302
|
+
disableTooltip,
|
|
303
|
+
className: itemClassName,
|
|
304
|
+
children: [/* @__PURE__ */ jsx("span", { children: currentItem.title }), /* @__PURE__ */ jsx(Icon, {
|
|
305
|
+
icon: ChevronRight,
|
|
306
|
+
className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
|
|
307
|
+
})]
|
|
308
|
+
})
|
|
309
|
+
}), /* @__PURE__ */ jsx(CollapsibleContent, {
|
|
310
|
+
className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
|
|
311
|
+
children: /* @__PURE__ */ jsx("div", {
|
|
312
|
+
style: {
|
|
313
|
+
minHeight: 0,
|
|
314
|
+
overflow: "hidden"
|
|
315
|
+
},
|
|
316
|
+
children: /* @__PURE__ */ jsx(SidebarMenuSub, {
|
|
317
|
+
className: cn(currentLevel >= 1 ? "mr-0 pr-[.1rem]" : "", "gap-0.5"),
|
|
318
|
+
children: currentItem.children?.map((subItem) => renderNavItem(subItem, currentLevel + 1))
|
|
319
|
+
})
|
|
320
|
+
})
|
|
321
|
+
})] }, `collapsible-sidebar-${currentItem.title}-${currentLevel}`)
|
|
322
|
+
}, `collapsed-item-drop-down-item-${currentItem.title}-${currentLevel}`);
|
|
323
|
+
};
|
|
324
|
+
if (level <= 2 && hasChildren) return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
325
|
+
item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
|
|
326
|
+
/* @__PURE__ */ jsx(SidebarMenu, {
|
|
327
|
+
className: "px-2",
|
|
328
|
+
children: renderCollapsible(item, level)
|
|
329
|
+
}),
|
|
330
|
+
item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
|
|
331
|
+
] }, itemKey);
|
|
332
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
333
|
+
item.showSeparatorAbove && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" }),
|
|
334
|
+
/* @__PURE__ */ jsx(SidebarMenu, {
|
|
335
|
+
className: cn(`level_${level} px-2`),
|
|
336
|
+
children: /* @__PURE__ */ jsx(SidebarMenuItem, { children: /* @__PURE__ */ jsx(NavSidebarMenuButton, {
|
|
337
|
+
asChild: true,
|
|
338
|
+
item,
|
|
339
|
+
isActive: isActive && !hasActiveChild,
|
|
340
|
+
disableTooltip,
|
|
341
|
+
onClick: () => hasChildren && toggleItem(item.href),
|
|
342
|
+
className: cn(level >= 1 && "h-6", itemClassName),
|
|
343
|
+
children: item.type === "externalLink" ? /* @__PURE__ */ jsxs("a", {
|
|
344
|
+
href: item.href || "",
|
|
345
|
+
target: "_blank",
|
|
346
|
+
rel: "noopener noreferrer",
|
|
347
|
+
className: "flex items-center justify-between",
|
|
348
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
349
|
+
className: "flex items-center gap-2",
|
|
350
|
+
children: [item?.icon && /* @__PURE__ */ jsx(Icon, {
|
|
351
|
+
icon: item.icon,
|
|
352
|
+
className: "size-4 transition-all duration-300"
|
|
353
|
+
}), /* @__PURE__ */ jsx("span", { children: item.title })]
|
|
354
|
+
}), /* @__PURE__ */ jsx(Icon, {
|
|
355
|
+
icon: ExternalLinkIcon,
|
|
356
|
+
className: "ml-auto size-4"
|
|
357
|
+
})]
|
|
358
|
+
}) : /* @__PURE__ */ jsxs(LinkComp, {
|
|
359
|
+
...LinkComp === "a" ? { href: item.href || "" } : { to: item.href || "" },
|
|
360
|
+
onClick: handleNavigation,
|
|
361
|
+
onMouseEnter: () => item.onPrefetch?.(),
|
|
362
|
+
children: [item?.icon && /* @__PURE__ */ jsx(Icon, {
|
|
363
|
+
icon: item.icon,
|
|
364
|
+
className: "text-sidebar-primary transition-all duration-300"
|
|
365
|
+
}), /* @__PURE__ */ jsx("span", { children: item.title })]
|
|
366
|
+
})
|
|
367
|
+
}) })
|
|
368
|
+
}),
|
|
369
|
+
item.showSeparatorBelow && /* @__PURE__ */ jsx(SidebarSeparator, { className: "my-2" })
|
|
370
|
+
] }, itemKey);
|
|
371
|
+
};
|
|
372
|
+
return /* @__PURE__ */ jsx("ul", {
|
|
373
|
+
ref,
|
|
374
|
+
"data-sidebar": "menu",
|
|
375
|
+
className: cn("flex h-full w-full min-w-0 flex-col gap-0.5 py-2", className),
|
|
376
|
+
...props,
|
|
377
|
+
children: (items || []).map((item) => renderNavItem(item))
|
|
378
|
+
});
|
|
379
|
+
}
|
|
380
|
+
NavMenu.displayName = "NavMenu";
|
|
381
|
+
|
|
382
|
+
//#endregion
|
|
383
|
+
//#region src/components/features/app-navigation/app-navigation.tsx
|
|
384
|
+
function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, ...props }) {
|
|
385
|
+
const { setOpen } = useSidebar();
|
|
386
|
+
useEffect(() => {
|
|
387
|
+
if (defaultOpen === false) setOpen(false);
|
|
388
|
+
}, [defaultOpen, setOpen]);
|
|
389
|
+
return /* @__PURE__ */ jsx(Sidebar, {
|
|
390
|
+
collapsible: props.collapsible ?? "offcanvas",
|
|
391
|
+
...props,
|
|
392
|
+
children: /* @__PURE__ */ jsxs(SidebarContent, {
|
|
393
|
+
className: "gap-0",
|
|
394
|
+
children: [
|
|
395
|
+
title && /* @__PURE__ */ jsx(SidebarHeader, {
|
|
396
|
+
className: "px-4 pt-4 pb-0",
|
|
397
|
+
children: title
|
|
398
|
+
}),
|
|
399
|
+
navItems.length > 0 && /* @__PURE__ */ jsx(NavMenu, {
|
|
400
|
+
className: "h-fit py-2",
|
|
401
|
+
items: navItems,
|
|
402
|
+
currentPath,
|
|
403
|
+
linkComponent,
|
|
404
|
+
closeOnNavigation
|
|
405
|
+
}),
|
|
406
|
+
props.collapsible !== "none" && /* @__PURE__ */ jsx(SidebarFooter, {
|
|
407
|
+
className: "mt-auto p-2",
|
|
408
|
+
children: /* @__PURE__ */ jsx(SidebarTrigger, {})
|
|
409
|
+
})
|
|
410
|
+
]
|
|
411
|
+
})
|
|
412
|
+
});
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
//#endregion
|
|
416
|
+
export { NavMenu as n, AppNavigation as t };
|
|
@@ -2,6 +2,6 @@ import "../utils-Bfgoe-Gm.mjs";
|
|
|
2
2
|
import "../dialog-DXBaT9gA.mjs";
|
|
3
3
|
import "../command-s0Yv3abE.mjs";
|
|
4
4
|
import "../popover-Ds9624qY.mjs";
|
|
5
|
-
import { t as Autocomplete } from "../autocomplete-
|
|
5
|
+
import { t as Autocomplete } from "../autocomplete-DcKO7pj5.mjs";
|
|
6
6
|
|
|
7
7
|
export { Autocomplete };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as cn } from "./cn-DWCc1QRE.mjs";
|
|
2
2
|
import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-s0Yv3abE.mjs";
|
|
3
3
|
import { i as PopoverTrigger, r as PopoverContent, t as Popover } from "./popover-Ds9624qY.mjs";
|
|
4
|
-
import { t as LoaderOverlay } from "./loader-overlay-
|
|
4
|
+
import { t as LoaderOverlay } from "./loader-overlay-CpA0zV8D.mjs";
|
|
5
5
|
import { CheckIcon, ChevronDown } from "lucide-react";
|
|
6
6
|
import * as React$1 from "react";
|
|
7
7
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "../utils-Bfgoe-Gm.mjs";
|
|
2
|
-
import "../tooltip-
|
|
3
|
-
import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-
|
|
2
|
+
import "../tooltip-U3XxlW4l.mjs";
|
|
3
|
+
import { n as avatarStackVariants, t as AvatarStack } from "../avatar-stack-B21McFeb.mjs";
|
|
4
4
|
|
|
5
5
|
export { AvatarStack, avatarStackVariants };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as cn } from "./cn-DWCc1QRE.mjs";
|
|
2
2
|
import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
|
|
3
|
-
import { t as Tooltip } from "./tooltip-
|
|
3
|
+
import { t as Tooltip } from "./tooltip-U3XxlW4l.mjs";
|
|
4
4
|
import { cva } from "class-variance-authority";
|
|
5
5
|
import "react";
|
|
6
6
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -36,7 +36,7 @@ const multiSelectVariants = cva("flex font-normal shadow-none items-center justi
|
|
|
36
36
|
} },
|
|
37
37
|
defaultVariants: { variant: "default" }
|
|
38
38
|
});
|
|
39
|
-
function CalendarDatePicker({ ref, id = "calendar-date-picker", className, triggerClassName, date, closeOnSelect = false, numberOfMonths = 2, yearsRange = 10, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture = false, disablePast = false, maxRange, popoverClassName, ...props }) {
|
|
39
|
+
function CalendarDatePicker({ ref, id = "calendar-date-picker", className, triggerClassName, date, closeOnSelect = false, numberOfMonths = 2, yearsRange = 10, onDateSelect, variant, placeholder, excludePresets, customPresets, minDate, maxDate, disableFuture = false, disablePast = false, maxRange, popoverClassName, disabled, ...props }) {
|
|
40
40
|
const [isPopoverOpen, setIsPopoverOpen] = React$1.useState(false);
|
|
41
41
|
const [selectedRange, setSelectedRange] = React$1.useState(numberOfMonths === 2 ? "This Year" : "Today");
|
|
42
42
|
const [monthFrom, setMonthFrom] = React$1.useState(date?.from);
|
|
@@ -428,6 +428,7 @@ function CalendarDatePicker({ ref, id = "calendar-date-picker", className, trigg
|
|
|
428
428
|
id: "date",
|
|
429
429
|
ref,
|
|
430
430
|
...props,
|
|
431
|
+
disabled,
|
|
431
432
|
className: cn("w-full", triggerClassName, multiSelectVariants({
|
|
432
433
|
variant,
|
|
433
434
|
className
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAEvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AAEvB,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/base/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AAEvB,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,SAAS,CAAA;AAEvB,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/sidebar/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}
|
|
@@ -2,7 +2,7 @@ import type { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
import { Button } from '../../../_shadcn/ui/button';
|
|
3
3
|
import { Separator } from '../../../_shadcn/ui/separator';
|
|
4
4
|
import * as React from 'react';
|
|
5
|
-
import { Input } from '
|
|
5
|
+
import { Input } from '../input/input';
|
|
6
6
|
interface SidebarContext {
|
|
7
7
|
state: 'expanded' | 'collapsed';
|
|
8
8
|
open: boolean;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../../src/components/base/sidebar/sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from '
|
|
1
|
+
export * from './skeleton';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/base/skeleton/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { Skeleton as ShadcnSkeleton } from '../../../_shadcn/ui/skeleton';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Datum Skeleton component – extends shadcn Skeleton with Datum-specific styling.
|
|
5
|
+
*
|
|
6
|
+
* Wraps the shadcn Skeleton so you can add custom base styles here and pass
|
|
7
|
+
* additional className for overrides. All standard div props are supported.
|
|
8
|
+
*
|
|
9
|
+
* @example
|
|
10
|
+
* ```tsx
|
|
11
|
+
* <Skeleton className="h-4 w-48" />
|
|
12
|
+
* <Skeleton className="h-8 w-full rounded-lg" />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
15
|
+
declare function Skeleton({ ref, className, ...props }: React.ComponentProps<typeof ShadcnSkeleton> & {
|
|
16
|
+
ref?: React.RefObject<React.ComponentRef<typeof ShadcnSkeleton> | null>;
|
|
17
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare namespace Skeleton {
|
|
19
|
+
var displayName: string;
|
|
20
|
+
}
|
|
21
|
+
export { Skeleton };
|
|
22
|
+
//# sourceMappingURL=skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/base/skeleton/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,IAAI,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;GAWG;AACH,iBAAS,QAAQ,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG,IAAI,CAAC,CAAA;CAAE,2CAOxK;kBAPQ,QAAQ;;;AAWjB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -9,11 +9,11 @@ declare const textVariants: (props?: ({
|
|
|
9
9
|
size?: "base" | "xs" | "sm" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | null | undefined;
|
|
10
10
|
weight?: "bold" | "normal" | "medium" | "semibold" | "extrabold" | null | undefined;
|
|
11
11
|
textColor?: "default" | "secondary" | "destructive" | "success" | "info" | "warning" | "primary" | "muted" | null | undefined;
|
|
12
|
-
type?: "default" | "code" | "mark" | "strong" | "delete" | "
|
|
12
|
+
type?: "default" | "code" | "mark" | "strong" | "delete" | "italic" | "underline" | null | undefined;
|
|
13
13
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
14
14
|
declare const paragraphVariants: (props?: ({
|
|
15
15
|
size?: "base" | "xs" | "sm" | "lg" | "xl" | null | undefined;
|
|
16
|
-
spacing?: "normal" | "
|
|
16
|
+
spacing?: "normal" | "loose" | "tight" | null | undefined;
|
|
17
17
|
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
18
18
|
interface TitleProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof titleVariants> {
|
|
19
19
|
as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { NavItem } from './nav-menu';
|
|
2
|
+
import { Sidebar } from '../../base/sidebar/sidebar';
|
|
3
|
+
export declare function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, ...props }: React.ComponentProps<typeof Sidebar> & {
|
|
4
|
+
navItems: NavItem[];
|
|
5
|
+
title?: string | React.ReactNode;
|
|
6
|
+
closeOnNavigation?: boolean;
|
|
7
|
+
/** Controls sidebar open state — when false, sidebar closes on mount */
|
|
8
|
+
defaultOpen?: boolean;
|
|
9
|
+
/** Current URL pathname — passed through to NavMenu */
|
|
10
|
+
currentPath: string;
|
|
11
|
+
/** Link component — passed through to NavMenu (defaults to native `<a>`) */
|
|
12
|
+
linkComponent?: React.ElementType;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
//# sourceMappingURL=app-navigation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/features/app-navigation/app-navigation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AAEzC,OAAO,EACL,OAAO,EAMR,MAAM,4BAA4B,CAAA;AAGnC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,aAAa,EACb,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,GAAG;IACxC,QAAQ,EAAE,OAAO,EAAE,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,wEAAwE;IACxE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,4EAA4E;IAC5E,aAAa,CAAC,EAAE,KAAK,CAAC,WAAW,CAAA;CAClC,2CAgCA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/app-navigation/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,YAAY,CAAA"}
|
|
@@ -17,7 +17,7 @@ export interface NavItem {
|
|
|
17
17
|
/** Called when the user hovers over the link (e.g. to prefetch route data). */
|
|
18
18
|
onPrefetch?: () => void;
|
|
19
19
|
}
|
|
20
|
-
export declare function
|
|
20
|
+
export declare function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp, overrideState, itemClassName, disableTooltip, closeOnNavigation, ...props }: ComponentProps<'ul'> & {
|
|
21
21
|
items: NavItem[];
|
|
22
22
|
/** Current URL pathname — replaces internal useLocation() */
|
|
23
23
|
currentPath: string;
|
|
@@ -30,7 +30,7 @@ export declare function NavMain({ ref, className, items, currentPath, linkCompon
|
|
|
30
30
|
} & {
|
|
31
31
|
ref?: React.RefObject<HTMLUListElement | null>;
|
|
32
32
|
}): import("react/jsx-runtime").JSX.Element;
|
|
33
|
-
export declare namespace
|
|
33
|
+
export declare namespace NavMenu {
|
|
34
34
|
var displayName: string;
|
|
35
35
|
}
|
|
36
|
-
//# sourceMappingURL=nav-
|
|
36
|
+
//# sourceMappingURL=nav-menu.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"nav-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/features/app-navigation/nav-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAC9C,OAAO,KAAK,EACV,cAAc,EACd,WAAW,EACZ,MAAM,OAAO,CAAA;AAyBd,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,aAAa,GAAG,cAAc,CAAA;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAA;IACpB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAM5B,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IAOvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IAExB,+EAA+E;IAC/E,UAAU,CAAC,EAAE,MAAM,IAAI,CAAA;CACxB;AAmED,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,QAAc,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IAC/L,KAAK,EAAE,OAAO,EAAE,CAAA;IAChB,6DAA6D;IAC7D,WAAW,EAAE,MAAM,CAAA;IACnB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,aAAa,CAAC,EAAE,UAAU,GAAG,WAAW,CAAA;IACxC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAA;CAAE,2CAohBrD;yBA9hBe,OAAO"}
|