@datum-cloud/datum-ui 0.9.0 → 0.10.1
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 +1 -1
- package/dist/{app-navigation-CnGkJvwF.mjs → app-navigation-CG0A8Qjz.mjs} +11 -5
- package/dist/components/features/app-navigation/app-navigation.d.ts +5 -1
- package/dist/components/features/app-navigation/app-navigation.d.ts.map +1 -1
- package/dist/components/features/app-navigation/nav-menu.d.ts +4 -1
- package/dist/components/features/app-navigation/nav-menu.d.ts.map +1 -1
- package/dist/components/features/data-table/adapters/nuqs-adapter.d.ts.map +1 -1
- package/dist/components/features/data-table/hooks/use-data-table-server.d.ts.map +1 -1
- package/dist/components/features/index.d.ts +1 -0
- package/dist/components/features/index.d.ts.map +1 -1
- package/dist/components/features/logo/index.d.ts +7 -0
- package/dist/components/features/logo/index.d.ts.map +1 -0
- package/dist/components/features/logo/logo-flat.d.ts +28 -0
- package/dist/components/features/logo/logo-flat.d.ts.map +1 -0
- package/dist/components/features/logo/logo-icon.d.ts +27 -0
- package/dist/components/features/logo/logo-icon.d.ts.map +1 -0
- package/dist/components/features/logo/logo-stacked.d.ts +24 -0
- package/dist/components/features/logo/logo-stacked.d.ts.map +1 -0
- package/dist/components/features/logo/logo-text.d.ts +27 -0
- package/dist/components/features/logo/logo-text.d.ts.map +1 -0
- package/dist/components/features/logo/logo.d.ts +24 -0
- package/dist/components/features/logo/logo.d.ts.map +1 -0
- package/dist/components/features/logo/logo.styles.d.ts +28 -0
- package/dist/components/features/logo/logo.styles.d.ts.map +1 -0
- package/dist/components/features/logo/themed/index.d.ts +2 -0
- package/dist/components/features/logo/themed/index.d.ts.map +1 -0
- package/dist/components/features/logo/themed/logo-themed.d.ts +54 -0
- package/dist/components/features/logo/themed/logo-themed.d.ts.map +1 -0
- package/dist/data-table/index.mjs +10 -6
- package/dist/date-picker/index.mjs +1 -1
- package/dist/form/adapters/conform/index.mjs +1 -1
- package/dist/form/adapters/rhf/index.mjs +1 -1
- package/dist/form/stepper/index.mjs +3 -1
- package/dist/hooks/index.mjs +1 -1
- package/dist/index.mjs +16 -14
- package/dist/logo/index.mjs +3 -0
- package/dist/logo/themed/index.mjs +106 -0
- package/dist/logo-BQVyMDDx.mjs +23 -0
- package/dist/logo-text-BW31T2dS.mjs +227 -0
- package/dist/map/index.mjs +1 -1
- package/dist/{map-l7iwhEwM.mjs → map-t6n7VaX1.mjs} +1 -1
- package/dist/more-actions/index.mjs +2 -2
- package/dist/{more-actions-Baqor0yr.mjs → more-actions-Bp0b_jek.mjs} +1 -1
- package/dist/multi-select/index.mjs +1 -1
- package/dist/page-title/index.mjs +1 -1
- package/dist/picker/index.mjs +1 -1
- package/dist/rich-text-editor/index.mjs +1 -1
- package/dist/stepper/index.mjs +1 -1
- package/dist/tag-input/index.mjs +1 -1
- package/dist/task-queue/index.mjs +1 -1
- package/dist/{to-api-format-CNqrcrz7.mjs → to-api-format-CmXTvYka.mjs} +1 -1
- package/dist/utils/index.mjs +1 -1
- package/package.json +27 -17
- /package/dist/{action-row-ZaMsJ8cP.mjs → action-row-DXw4UnHU.mjs} +0 -0
- /package/dist/{date-time-range-picker-cW4rbuFn.mjs → date-time-range-picker-BAsH_Wv9.mjs} +0 -0
- /package/dist/{hooks-CnphNpwz.mjs → hooks-BPxgIHKV.mjs} +0 -0
- /package/dist/{map-leaflet-imports-Ix8F7E8j.mjs → map-leaflet-imports-C8l0RTTP.mjs} +0 -0
- /package/dist/{multi-select-BHmtkQIi.mjs → multi-select-7jly2Hcd.mjs} +0 -0
- /package/dist/{page-title-D5JhOpxV.mjs → page-title-CGW3f4qH.mjs} +0 -0
- /package/dist/{rich-text-editor-aWuLRaj9.mjs → rich-text-editor-Ddqx_EiO.mjs} +0 -0
- /package/dist/{stepper-adDdiJMx.mjs → stepper-BMC_QbJK.mjs} +0 -0
- /package/dist/{tag-input-D3NYy9-_.mjs → tag-input-CV1JbKTm.mjs} +0 -0
- /package/dist/{task-queue-dropdown-t9KKIL6j.mjs → task-queue-dropdown-J1FuQOSr.mjs} +0 -0
- /package/dist/{use-display-touched-DpX3fsOl.mjs → use-display-touched-CiY6ajpy.mjs} +0 -0
- /package/dist/{utils-bUueJ2r9.mjs → utils-C07H7h7q.mjs} +0 -0
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
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-CUnFkH7o.mjs";
|
|
2
2
|
import "../sidebar/index.mjs";
|
|
3
|
-
import { n as NavMenu, t as AppNavigation } from "../app-navigation-
|
|
3
|
+
import { n as NavMenu, t as AppNavigation } from "../app-navigation-CG0A8Qjz.mjs";
|
|
4
4
|
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 };
|
|
@@ -21,20 +21,20 @@ function NavIcon({ icon: IconComponent, className, size = "default" }) {
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
NavIcon.displayName = "NavIcon";
|
|
24
|
-
function NavSidebarMenuButton({ ref, item, isActive, disableTooltip, className, children, asChild, ...props }) {
|
|
24
|
+
function NavSidebarMenuButton({ ref, item, isActive, disableTooltip, className, activeClassName, children, asChild, ...props }) {
|
|
25
25
|
return /* @__PURE__ */ jsx(SidebarMenuButton, {
|
|
26
26
|
ref,
|
|
27
27
|
tooltip: disableTooltip ? void 0 : item.title,
|
|
28
28
|
isActive,
|
|
29
29
|
disabled: item.disabled,
|
|
30
30
|
asChild,
|
|
31
|
-
className: cn(NAV_STYLES.menuButton, item.disabled && NAV_STYLES.disabled, className),
|
|
31
|
+
className: cn(NAV_STYLES.menuButton, item.disabled && NAV_STYLES.disabled, className, isActive && activeClassName),
|
|
32
32
|
...props,
|
|
33
33
|
children: asChild ? children : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(NavIcon, { icon: item.icon }), children] })
|
|
34
34
|
});
|
|
35
35
|
}
|
|
36
36
|
NavSidebarMenuButton.displayName = "NavSidebarMenuButton";
|
|
37
|
-
function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp = "a", overrideState, itemClassName, disableTooltip, closeOnNavigation, ...props }) {
|
|
37
|
+
function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp = "a", overrideState, itemClassName, activeItemClassName, disableTooltip, closeOnNavigation, ...props }) {
|
|
38
38
|
const pathname = currentPath;
|
|
39
39
|
const { state: sidebarState, isMobile, closeForNavigation, setOpen } = useSidebar();
|
|
40
40
|
const [openItems, setOpenItems] = useState({});
|
|
@@ -155,6 +155,7 @@ function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
155
155
|
isActive,
|
|
156
156
|
disableTooltip,
|
|
157
157
|
className: itemClassName,
|
|
158
|
+
activeClassName: activeItemClassName,
|
|
158
159
|
onClick: () => {
|
|
159
160
|
setOpen(true);
|
|
160
161
|
if (item.href) setOpenItems((prev) => ({
|
|
@@ -233,6 +234,7 @@ function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
233
234
|
isActive,
|
|
234
235
|
disableTooltip,
|
|
235
236
|
className: itemClassName,
|
|
237
|
+
activeClassName: activeItemClassName,
|
|
236
238
|
children: [/* @__PURE__ */ jsx("span", { children: item.title }), /* @__PURE__ */ jsx(Icon, {
|
|
237
239
|
icon: ChevronRight,
|
|
238
240
|
className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
|
|
@@ -305,6 +307,7 @@ function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
305
307
|
isActive: currentItemIsActive,
|
|
306
308
|
disableTooltip,
|
|
307
309
|
className: itemClassName,
|
|
310
|
+
activeClassName: activeItemClassName,
|
|
308
311
|
children: [/* @__PURE__ */ jsx("span", { children: currentItem.title }), /* @__PURE__ */ jsx(Icon, {
|
|
309
312
|
icon: ChevronRight,
|
|
310
313
|
className: "ml-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90"
|
|
@@ -347,6 +350,7 @@ function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp =
|
|
|
347
350
|
disableTooltip,
|
|
348
351
|
onClick: () => hasChildren && toggleItem(item.href),
|
|
349
352
|
className: cn(level >= 1 && "h-6", itemClassName),
|
|
353
|
+
activeClassName: activeItemClassName,
|
|
350
354
|
children: item.type === "externalLink" ? /* @__PURE__ */ jsxs("a", {
|
|
351
355
|
href: item.href || "",
|
|
352
356
|
target: "_blank",
|
|
@@ -436,7 +440,7 @@ function NavSkeleton() {
|
|
|
436
440
|
]
|
|
437
441
|
});
|
|
438
442
|
}
|
|
439
|
-
function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, loading = false, ...props }) {
|
|
443
|
+
function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, loading = false, itemClassName, activeItemClassName, ...props }) {
|
|
440
444
|
const { setOpen } = useSidebar();
|
|
441
445
|
useEffect(() => {
|
|
442
446
|
if (defaultOpen === false) setOpen(false);
|
|
@@ -462,7 +466,9 @@ function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, curren
|
|
|
462
466
|
items: navItems,
|
|
463
467
|
currentPath,
|
|
464
468
|
linkComponent,
|
|
465
|
-
closeOnNavigation
|
|
469
|
+
closeOnNavigation,
|
|
470
|
+
itemClassName,
|
|
471
|
+
activeItemClassName
|
|
466
472
|
}),
|
|
467
473
|
props.collapsible !== "none" && /* @__PURE__ */ jsx(SidebarFooter, {
|
|
468
474
|
className: "mt-auto p-2",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { NavItem } from './nav-menu';
|
|
2
2
|
import { Sidebar } from '../../base/sidebar/sidebar';
|
|
3
|
-
export declare function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, loading, ...props }: React.ComponentProps<typeof Sidebar> & {
|
|
3
|
+
export declare function AppNavigation({ navItems, title, closeOnNavigation, defaultOpen, currentPath, linkComponent, loading, itemClassName, activeItemClassName, ...props }: React.ComponentProps<typeof Sidebar> & {
|
|
4
4
|
navItems: NavItem[];
|
|
5
5
|
title?: string | React.ReactNode;
|
|
6
6
|
closeOnNavigation?: boolean;
|
|
@@ -12,5 +12,9 @@ export declare function AppNavigation({ navItems, title, closeOnNavigation, defa
|
|
|
12
12
|
linkComponent?: React.ElementType;
|
|
13
13
|
/** Show skeleton instead of nav items while loading */
|
|
14
14
|
loading?: boolean;
|
|
15
|
+
/** Class applied to every nav item button. */
|
|
16
|
+
itemClassName?: string;
|
|
17
|
+
/** Class applied only to the active nav item button (e.g. `'font-bold text-primary'`). */
|
|
18
|
+
activeItemClassName?: string;
|
|
15
19
|
}): import("react/jsx-runtime").JSX.Element;
|
|
16
20
|
//# sourceMappingURL=app-navigation.d.ts.map
|
|
@@ -1 +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,EAYR,MAAM,4BAA4B,CAAA;AA2CnC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,aAAa,EACb,OAAe,EACf,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;IACjC,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;
|
|
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,EAYR,MAAM,4BAA4B,CAAA;AA2CnC,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,EACL,iBAAiB,EACjB,WAAW,EACX,WAAW,EACX,aAAa,EACb,OAAe,EACf,aAAa,EACb,mBAAmB,EACnB,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;IACjC,uDAAuD;IACvD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0FAA0F;IAC1F,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,2CA4CA"}
|
|
@@ -17,14 +17,17 @@ 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 NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp, overrideState, itemClassName, disableTooltip, closeOnNavigation, ...props }: ComponentProps<'ul'> & {
|
|
20
|
+
export declare function NavMenu({ ref, className, items, currentPath, linkComponent: LinkComp, overrideState, itemClassName, activeItemClassName, disableTooltip, closeOnNavigation, ...props }: ComponentProps<'ul'> & {
|
|
21
21
|
items: NavItem[];
|
|
22
22
|
/** Current URL pathname — replaces internal useLocation() */
|
|
23
23
|
currentPath: string;
|
|
24
24
|
/** Link component to render navigation links (defaults to native `<a>`) */
|
|
25
25
|
linkComponent?: ElementType;
|
|
26
26
|
overrideState?: 'expanded' | 'collapsed';
|
|
27
|
+
/** Class applied to every nav item button. */
|
|
27
28
|
itemClassName?: string;
|
|
29
|
+
/** Class applied only to the active nav item button. Use to bold the label, change colour, etc. */
|
|
30
|
+
activeItemClassName?: string;
|
|
28
31
|
disableTooltip?: boolean;
|
|
29
32
|
closeOnNavigation?: boolean;
|
|
30
33
|
} & {
|
|
@@ -1 +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;
|
|
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;AA0ED,wBAAgB,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,QAAc,EAAE,aAAa,EAAE,aAAa,EAAE,mBAAmB,EAAE,cAAc,EAAE,iBAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG;IACpN,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,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,mGAAmG;IACnG,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,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,2CAwhBrD;yBAriBe,OAAO"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nuqs-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/data-table/adapters/nuqs-adapter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA+B,YAAY,EAAE,MAAM,UAAU,CAAA;AAQzE,KAAK,UAAU,GAAG,OAAO,CAAA;AAEzB,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;CAC9C;
|
|
1
|
+
{"version":3,"file":"nuqs-adapter.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/data-table/adapters/nuqs-adapter.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAA+B,YAAY,EAAE,MAAM,UAAU,CAAA;AAQzE,KAAK,UAAU,GAAG,OAAO,CAAA;AAEzB,MAAM,WAAW,qBAAqB;IACpC;;;;;;;;;;;;;;;OAeG;IACH,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAA;CAC9C;AA4CD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,wBAAgB,cAAc,CAC5B,OAAO,GAAE,qBAA0B,GAClC,YAAY,CA6Cd"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-data-table-server.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/data-table/hooks/use-data-table-server.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AASjB,YAAY,EAAE,yBAAyB,EAAE,CAAA;AAIzC,MAAM,WAAW,qBAAqB,CAAC,SAAS,EAAE,KAAK;IACrD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/D,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,qBAAqB,CAAC,KAAK,CAAC,CAAA;IACzE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IAC1C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAA;IAC9D,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAA;CACrC;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,KAAK,EAC7C,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAC5B,OAAO,EAAE,qBAAqB,CAAC,SAAS,EAAE,KAAK,CAAC;;
|
|
1
|
+
{"version":3,"file":"use-data-table-server.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/data-table/hooks/use-data-table-server.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,eAAe,EACf,qBAAqB,EACrB,YAAY,EACZ,yBAAyB,EAC1B,MAAM,UAAU,CAAA;AASjB,YAAY,EAAE,yBAAyB,EAAE,CAAA;AAIzC,MAAM,WAAW,qBAAqB,CAAC,SAAS,EAAE,KAAK;IACrD,QAAQ,CAAC,OAAO,EAAE,SAAS,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,OAAO,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC,SAAS,CAAC,CAAA;IAC/D,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,SAAS,KAAK,qBAAqB,CAAC,KAAK,CAAC,CAAA;IACzE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,KAAK,MAAM,CAAA;IAC1C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,OAAO,GAAG,sBAAsB,CAAA;IAC9D,QAAQ,CAAC,YAAY,CAAC,EAAE,YAAY,CAAA;CACrC;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,SAAS,EAAE,KAAK,EAC7C,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAC5B,OAAO,EAAE,qBAAqB,CAAC,SAAS,EAAE,KAAK,CAAC;;EAuJjD;AAID,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,KAAK,EACjD,OAAO,EAAE,yBAAyB,CAAC,SAAS,EAAE,KAAK,CAAC;;;EAuCrD"}
|
|
@@ -17,6 +17,7 @@ export * from './grid';
|
|
|
17
17
|
export * from './input-number';
|
|
18
18
|
export * from './input-with-addons';
|
|
19
19
|
export * from './loader-overlay';
|
|
20
|
+
export * from './logo';
|
|
20
21
|
export * from './more-actions';
|
|
21
22
|
export * from './multi-select';
|
|
22
23
|
export * from './nprogress';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/features/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/features/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,wBAAwB,CAAA;AACtC,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,qBAAqB,CAAA;AACnC,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,oBAAoB,CAAA;AAClC,cAAc,WAAW,CAAA;AACzB,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export { Logo } from './logo';
|
|
2
|
+
export { LogoFlat, type LogoFlatProps } from './logo-flat';
|
|
3
|
+
export { LogoIcon, type LogoIconProps } from './logo-icon';
|
|
4
|
+
export { LogoStacked, type LogoStackedProps } from './logo-stacked';
|
|
5
|
+
export { LogoText, type LogoTextProps } from './logo-text';
|
|
6
|
+
export { logoStyles, type LogoTone } from './logo.styles';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,aAAa,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,QAAQ,EAAE,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { LogoTone } from './logo.styles';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface LogoFlatProps extends Omit<React.SVGProps<SVGSVGElement>, 'role'> {
|
|
4
|
+
/** Colour treatment. Defaults to `brand` (navy text + rose mark). */
|
|
5
|
+
'tone'?: LogoTone;
|
|
6
|
+
/**
|
|
7
|
+
* Mark the logo as decorative (sets `aria-hidden`, drops `role`/`aria-label`).
|
|
8
|
+
* Use when the logo sits next to a textual brand name.
|
|
9
|
+
*/
|
|
10
|
+
'decorative'?: boolean;
|
|
11
|
+
/** Accessible name. Defaults to `'Datum'`. Ignored when `decorative`. */
|
|
12
|
+
'aria-label'?: string;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Datum horizontal lockup ("Datum" wordmark + D mark).
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Logo.Flat className="h-8 w-auto" />
|
|
20
|
+
* <Logo.Flat tone="mono-light" className="h-8 w-auto" /> // for dark surfaces
|
|
21
|
+
* <Logo.Flat decorative className="h-8 w-auto" /> // sibling to brand text
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
24
|
+
export declare function LogoFlat({ tone, decorative, className, 'aria-label': ariaLabel, ...props }: LogoFlatProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export declare namespace LogoFlat {
|
|
26
|
+
var displayName: string;
|
|
27
|
+
}
|
|
28
|
+
//# sourceMappingURL=logo-flat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo-flat.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/logo-flat.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChF,qEAAqE;IACrE,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAmB,EACjC,GAAG,KAAK,EACT,EAAE,aAAa,2CA0Cf;yBAhDe,QAAQ"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { LogoTone } from './logo.styles';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface LogoIconProps extends Omit<React.SVGProps<SVGSVGElement>, 'role'> {
|
|
4
|
+
/** Colour treatment. Defaults to `brand` (uses the rose mark colour). */
|
|
5
|
+
'tone'?: LogoTone;
|
|
6
|
+
/** Mark the logo as decorative (sets `aria-hidden`). */
|
|
7
|
+
'decorative'?: boolean;
|
|
8
|
+
/** Accessible name. Defaults to `'Datum'`. Ignored when `decorative`. */
|
|
9
|
+
'aria-label'?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Datum "D" mark — the standalone icon, no wordmark.
|
|
13
|
+
*
|
|
14
|
+
* Always square — drive size with a single class such as `size-8`.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Logo.Icon className="size-8" />
|
|
19
|
+
* <Logo.Icon tone="mono-light" className="size-8" />
|
|
20
|
+
* <Logo.Icon decorative className="size-6" /> // sibling to brand text
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export declare function LogoIcon({ tone, decorative, className, 'aria-label': ariaLabel, ...props }: LogoIconProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare namespace LogoIcon {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=logo-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo-icon.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/logo-icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChF,yEAAyE;IACzE,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAmB,EACjC,GAAG,KAAK,EACT,EAAE,aAAa,2CAsBf;yBA5Be,QAAQ"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { LogoTone } from './logo.styles';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface LogoStackedProps extends Omit<React.SVGProps<SVGSVGElement>, 'role'> {
|
|
4
|
+
/** Colour treatment. Defaults to `brand` (navy text + rose mark). */
|
|
5
|
+
'tone'?: LogoTone;
|
|
6
|
+
/** Mark the logo as decorative (sets `aria-hidden`). */
|
|
7
|
+
'decorative'?: boolean;
|
|
8
|
+
/** Accessible name. Defaults to `'Datum'`. Ignored when `decorative`. */
|
|
9
|
+
'aria-label'?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* Datum stacked lockup (D mark above the "Datum" wordmark).
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Logo.Stacked className="h-16 w-auto" />
|
|
17
|
+
* <Logo.Stacked tone="mono-light" className="h-16 w-auto" />
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare function LogoStacked({ tone, decorative, className, 'aria-label': ariaLabel, ...props }: LogoStackedProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare namespace LogoStacked {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=logo-stacked.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo-stacked.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/logo-stacked.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IACnF,qEAAqE;IACrE,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAmB,EACjC,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0ClB;yBAhDe,WAAW"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { LogoTone } from './logo.styles';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
export interface LogoTextProps extends Omit<React.SVGProps<SVGSVGElement>, 'role'> {
|
|
4
|
+
/** Colour treatment. Defaults to `brand` (uses the navy text colour). */
|
|
5
|
+
'tone'?: LogoTone;
|
|
6
|
+
/** Mark the logo as decorative (sets `aria-hidden`). */
|
|
7
|
+
'decorative'?: boolean;
|
|
8
|
+
/** Accessible name. Defaults to `'Datum'`. Ignored when `decorative`. */
|
|
9
|
+
'aria-label'?: string;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* "Datum" wordmark only — no D mark.
|
|
13
|
+
*
|
|
14
|
+
* The viewBox is cropped to the wordmark glyphs only, so the component
|
|
15
|
+
* sits flush without leading whitespace where the D mark would otherwise be.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Logo.Text className="h-6 w-auto" />
|
|
20
|
+
* <Logo.Text tone="mono-light" className="h-6 w-auto" />
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
export declare function LogoText({ tone, decorative, className, 'aria-label': ariaLabel, ...props }: LogoTextProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
export declare namespace LogoText {
|
|
25
|
+
var displayName: string;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=logo-text.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo-text.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/logo-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChF,yEAAyE;IACzE,MAAM,CAAC,EAAE,QAAQ,CAAA;IACjB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,yEAAyE;IACzE,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,UAAkB,EAClB,SAAS,EACT,YAAY,EAAE,SAAmB,EACjC,GAAG,KAAK,EACT,EAAE,aAAa,2CAsCf;yBA5Ce,QAAQ"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { LogoFlat } from './logo-flat';
|
|
2
|
+
import { LogoIcon } from './logo-icon';
|
|
3
|
+
import { LogoStacked } from './logo-stacked';
|
|
4
|
+
import { LogoText } from './logo-text';
|
|
5
|
+
/**
|
|
6
|
+
* Datum logo namespace.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* import { Logo } from '@datum-cloud/datum-ui/logo'
|
|
11
|
+
*
|
|
12
|
+
* <Logo.Flat className="h-8 w-auto" />
|
|
13
|
+
* <Logo.Stacked tone="mono-light" className="h-16 w-auto" />
|
|
14
|
+
* <Logo.Icon className="size-8" />
|
|
15
|
+
* <Logo.Text className="h-6 w-auto" />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
18
|
+
export declare const Logo: {
|
|
19
|
+
readonly Flat: typeof LogoFlat;
|
|
20
|
+
readonly Stacked: typeof LogoStacked;
|
|
21
|
+
readonly Icon: typeof LogoIcon;
|
|
22
|
+
readonly Text: typeof LogoText;
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=logo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,IAAI;;;;;CAKP,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Slot classes for the Datum logo family.
|
|
3
|
+
*
|
|
4
|
+
* - `base`: applied to the `<svg>` root. Defaults to `block h-auto max-w-full`
|
|
5
|
+
* so the size is driven by consumer-supplied Tailwind classes
|
|
6
|
+
* (e.g. `className="h-8 w-auto"` or `size-8` for the icon).
|
|
7
|
+
* - `mark`: applied to the "D" mark `<path>` element(s).
|
|
8
|
+
* - `text`: applied to the wordmark `<path>` element(s).
|
|
9
|
+
*
|
|
10
|
+
* Four tones are exposed:
|
|
11
|
+
* - `brand` (default) — rose mark `#BF9595` + navy text `#0C1D31`.
|
|
12
|
+
* - `mono-light` — lime mark `#E6F59F` + white text, matching
|
|
13
|
+
* `Logo - flat - light.svg`; the standard treatment on dark surfaces.
|
|
14
|
+
* - `mono-dark` — both slots in the navy brand colour `#0C1D31`, for
|
|
15
|
+
* monochrome use on light surfaces.
|
|
16
|
+
* - `white` — both slots in `white`, matching `Logo - flat - white - light.svg`;
|
|
17
|
+
* use over photographic or strongly coloured surfaces where the lime
|
|
18
|
+
* accent would clash.
|
|
19
|
+
*/
|
|
20
|
+
export type LogoTone = 'brand' | 'mono-light' | 'mono-dark' | 'white';
|
|
21
|
+
export interface LogoSlotClasses {
|
|
22
|
+
base: string;
|
|
23
|
+
mark: string;
|
|
24
|
+
text: string;
|
|
25
|
+
}
|
|
26
|
+
/** Resolve slot classes for a tone. Defaults to `brand` when `tone` is undefined. */
|
|
27
|
+
export declare function logoStyles(tone?: LogoTone): LogoSlotClasses;
|
|
28
|
+
//# sourceMappingURL=logo.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/features/logo/logo.styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAA;AAErE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAuBD,qFAAqF;AACrF,wBAAgB,UAAU,CAAC,IAAI,GAAE,QAAkB,GAAG,eAAe,CAGpE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/logo/themed/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,cAAc,GACf,MAAM,eAAe,CAAA"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import type { LogoFlatProps } from '../logo-flat';
|
|
2
|
+
import type { LogoIconProps } from '../logo-icon';
|
|
3
|
+
import type { LogoStackedProps } from '../logo-stacked';
|
|
4
|
+
import type { LogoTextProps } from '../logo-text';
|
|
5
|
+
import type { LogoTone } from '../logo.styles';
|
|
6
|
+
type ThemedProps<P> = Omit<P, 'tone'> & {
|
|
7
|
+
/** Force a specific tone, bypassing the theme-driven default. */
|
|
8
|
+
tone?: LogoTone;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* Theme-aware variant of `Logo.Flat`. Picks `brand` on light theme and
|
|
12
|
+
* `mono-light` on dark theme via `useTheme()`. Falls back to `brand`
|
|
13
|
+
* during SSR / before hydration via `ClientOnly`.
|
|
14
|
+
*/
|
|
15
|
+
export declare function ThemedLogoFlat(props: ThemedProps<LogoFlatProps>): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare namespace ThemedLogoFlat {
|
|
17
|
+
var displayName: string;
|
|
18
|
+
}
|
|
19
|
+
/** Theme-aware variant of `Logo.Stacked`. See `ThemedLogoFlat` for behaviour. */
|
|
20
|
+
export declare function ThemedLogoStacked(props: ThemedProps<LogoStackedProps>): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export declare namespace ThemedLogoStacked {
|
|
22
|
+
var displayName: string;
|
|
23
|
+
}
|
|
24
|
+
/** Theme-aware variant of `Logo.Icon`. See `ThemedLogoFlat` for behaviour. */
|
|
25
|
+
export declare function ThemedLogoIcon(props: ThemedProps<LogoIconProps>): import("react/jsx-runtime").JSX.Element;
|
|
26
|
+
export declare namespace ThemedLogoIcon {
|
|
27
|
+
var displayName: string;
|
|
28
|
+
}
|
|
29
|
+
/** Theme-aware variant of `Logo.Text`. See `ThemedLogoFlat` for behaviour. */
|
|
30
|
+
export declare function ThemedLogoText(props: ThemedProps<LogoTextProps>): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
export declare namespace ThemedLogoText {
|
|
32
|
+
var displayName: string;
|
|
33
|
+
}
|
|
34
|
+
/**
|
|
35
|
+
* Theme-aware Datum logo namespace.
|
|
36
|
+
*
|
|
37
|
+
* @example
|
|
38
|
+
* ```tsx
|
|
39
|
+
* import { ThemedLogo } from '@datum-cloud/datum-ui/logo/themed'
|
|
40
|
+
*
|
|
41
|
+
* <ThemedLogo.Flat className="h-8 w-auto" /> // resolves from useTheme()
|
|
42
|
+
* <ThemedLogo.Stacked tone="mono-dark" /> // explicit override
|
|
43
|
+
* ```
|
|
44
|
+
*
|
|
45
|
+
* Requires a `ThemeProvider` ancestor.
|
|
46
|
+
*/
|
|
47
|
+
export declare const ThemedLogo: {
|
|
48
|
+
readonly Flat: typeof ThemedLogoFlat;
|
|
49
|
+
readonly Stacked: typeof ThemedLogoStacked;
|
|
50
|
+
readonly Icon: typeof ThemedLogoIcon;
|
|
51
|
+
readonly Text: typeof ThemedLogoText;
|
|
52
|
+
};
|
|
53
|
+
export {};
|
|
54
|
+
//# sourceMappingURL=logo-themed.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"logo-themed.d.ts","sourceRoot":"","sources":["../../../../../src/components/features/logo/themed/logo-themed.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AACvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AACjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAsB9C,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG;IACtC,iEAAiE;IACjE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,2CAQ/D;yBARe,cAAc;;;AAW9B,iFAAiF;AACjF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,2CAQrE;yBARe,iBAAiB;;;AAWjC,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,2CAQ/D;yBARe,cAAc;;;AAW9B,8EAA8E;AAC9E,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,CAAC,aAAa,CAAC,2CAQ/D;yBARe,cAAc;;;AAW9B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU;;;;;CAKb,CAAA"}
|
|
@@ -9,8 +9,8 @@ import { t as Skeleton } from "../skeleton-CxAhQT6T.mjs";
|
|
|
9
9
|
import { c as TableRow, i as TableCell, n as TableBody, o as TableHead, s as TableHeader, t as Table } from "../table-ouGk4Vxe.mjs";
|
|
10
10
|
import { t as Autocomplete } from "../autocomplete-ChuPNldi.mjs";
|
|
11
11
|
import { t as CalendarDatePicker } from "../calendar-date-picker-CchHKodM.mjs";
|
|
12
|
-
import { t as ActionRow } from "../action-row-
|
|
13
|
-
import { t as MultiSelect } from "../multi-select-
|
|
12
|
+
import { t as ActionRow } from "../action-row-DXw4UnHU.mjs";
|
|
13
|
+
import { t as MultiSelect } from "../multi-select-7jly2Hcd.mjs";
|
|
14
14
|
import { ArrowDown, ArrowUp, ArrowUpDown, ChevronLeft, ChevronRight, MoreHorizontal, X } from "lucide-react";
|
|
15
15
|
import { createContext, memo, use, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
|
|
16
16
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -59,6 +59,7 @@ const coreSearchParams = {
|
|
|
59
59
|
page: parseAsInteger.withDefault(0),
|
|
60
60
|
size: parseAsInteger.withDefault(20)
|
|
61
61
|
};
|
|
62
|
+
const EMPTY_FILTER_PARSERS_PLACEHOLDER = { _dt: parseAsString.withDefault("") };
|
|
62
63
|
/**
|
|
63
64
|
* Hook that creates a StateAdapter backed by nuqs URL query state.
|
|
64
65
|
*
|
|
@@ -85,7 +86,7 @@ function useNuqsAdapter(options = {}) {
|
|
|
85
86
|
const { filters: filterParsers } = options;
|
|
86
87
|
const [coreState, setCoreState] = useQueryStates(coreSearchParams);
|
|
87
88
|
const hasFilters = filterParsers != null && Object.keys(filterParsers).length > 0;
|
|
88
|
-
const [filterState, setFilterState] = useQueryStates(hasFilters ? filterParsers :
|
|
89
|
+
const [filterState, setFilterState] = useQueryStates(hasFilters ? filterParsers : EMPTY_FILTER_PARSERS_PLACEHOLDER);
|
|
89
90
|
return useMemo(() => ({
|
|
90
91
|
read: () => ({
|
|
91
92
|
sorting: parseSorting(coreState.sort),
|
|
@@ -1386,8 +1387,12 @@ function useServerTable(store, options) {
|
|
|
1386
1387
|
store.setPagination(next.pageIndex, next.pageSize);
|
|
1387
1388
|
}
|
|
1388
1389
|
});
|
|
1390
|
+
const stateAdapterRef = useRef(stateAdapter);
|
|
1389
1391
|
useEffect(() => {
|
|
1390
|
-
|
|
1392
|
+
stateAdapterRef.current = stateAdapter;
|
|
1393
|
+
}, [stateAdapter]);
|
|
1394
|
+
useEffect(() => {
|
|
1395
|
+
stateAdapterRef.current?.write({
|
|
1391
1396
|
sorting,
|
|
1392
1397
|
filters,
|
|
1393
1398
|
search,
|
|
@@ -1397,8 +1402,7 @@ function useServerTable(store, options) {
|
|
|
1397
1402
|
sorting,
|
|
1398
1403
|
filters,
|
|
1399
1404
|
search,
|
|
1400
|
-
pageSize
|
|
1401
|
-
stateAdapter
|
|
1405
|
+
pageSize
|
|
1402
1406
|
]);
|
|
1403
1407
|
return { table };
|
|
1404
1408
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { t as CalendarDatePicker } from "../calendar-date-picker-CchHKodM.mjs";
|
|
2
|
-
import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as TimeRangePicker, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-
|
|
2
|
+
import { C as utcToLocalInputString, S as utcStringToZonedDate, _ as getBrowserTimezone, a as TimeRangePicker, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatTimeRangeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as formatDateForInput, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatSingleTimeDisplay, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-CmXTvYka.mjs";
|
|
3
3
|
export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as FormAdapterProvider } from "../../../adapter-context-DemTWhel.mjs";
|
|
2
|
-
import { n as getFieldConstraints, t as useDisplayTouched } from "../../../use-display-touched-
|
|
2
|
+
import { n as getFieldConstraints, t as useDisplayTouched } from "../../../use-display-touched-CiY6ajpy.mjs";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
import { FormProvider, getFormProps, getInputProps, useForm, useFormMetadata, useInputControl } from "@conform-to/react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as FormAdapterProvider } from "../../../adapter-context-DemTWhel.mjs";
|
|
2
|
-
import { n as getFieldConstraints, r as getObjectShape, t as useDisplayTouched } from "../../../use-display-touched-
|
|
2
|
+
import { n as getFieldConstraints, r as getObjectShape, t as useDisplayTouched } from "../../../use-display-touched-CiY6ajpy.mjs";
|
|
3
3
|
import * as React from "react";
|
|
4
4
|
import { jsx } from "react/jsx-runtime";
|
|
5
5
|
import { zodResolver } from "@hookform/resolvers/zod";
|
|
@@ -2,7 +2,7 @@ import { t as cn } from "../../cn-D2KYQ917.mjs";
|
|
|
2
2
|
import { t as Button } from "../../button-BllvE9Lm.mjs";
|
|
3
3
|
import { n as useFormContext, t as FormProvider } from "../../form-context-0usxTumz.mjs";
|
|
4
4
|
import { n as useAdapter } from "../../adapter-context-DemTWhel.mjs";
|
|
5
|
-
import { t as defineStepper } from "../../stepper-
|
|
5
|
+
import { t as defineStepper } from "../../stepper-BMC_QbJK.mjs";
|
|
6
6
|
import { CheckIcon } from "lucide-react";
|
|
7
7
|
import * as React from "react";
|
|
8
8
|
import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
|
|
@@ -269,7 +269,9 @@ function StepForm({ steps, stepper, currentStepConfig, storedValues, children, o
|
|
|
269
269
|
autoComplete: "off",
|
|
270
270
|
noValidate: true,
|
|
271
271
|
onSubmit: (e) => {
|
|
272
|
+
const submitter = e.nativeEvent.submitter;
|
|
272
273
|
e.stopPropagation();
|
|
274
|
+
if (submitter && !submitter.hidden) instance.markAllFieldsTouched();
|
|
273
275
|
const adapterSubmit = instance.formProps.onSubmit;
|
|
274
276
|
adapterSubmit?.(e);
|
|
275
277
|
},
|
package/dist/hooks/index.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { t as useBreakpoint } from "../use-breakpoint-DGcVmB3c.mjs";
|
|
2
2
|
import { t as useCopyToClipboard } from "../use-copy-to-clipboard-ZHDvfV3W.mjs";
|
|
3
|
-
import { t as useDebounce } from "../hooks-
|
|
3
|
+
import { t as useDebounce } from "../hooks-BPxgIHKV.mjs";
|
|
4
4
|
export { useBreakpoint, useCopyToClipboard, useDebounce };
|