@krak-stack/registry 0.1.44 → 0.1.46

package/CHANGELOG.md

@@ -0,0 +1,15 @@
+# @krak-stack/registry
+
+## 0.1.46
+
+### Patch Changes
+
+- Highlight sidebar sections on nested routes using TanStack Router's built-in link matching. Add an exact option for overview and index links that should only highlight their own page. Ignore search parameters when determining active links.
+
+## 0.1.45
+
+### Patch Changes
+
+- Support initial hidden columns through `DataTable.initialState.columnVisibility`, with saved user preferences taking precedence. Improve list columns with primary item actions, item menus for nonempty lists, responsive dropdowns, and truncated labels. Consolidate the column-type examples into one kitchen-sink preview.
+
+- Preserve decoded pagination defaults in QueryStandard. Use TanStack Router's stripSearchParams({ page: 0, pageSize: 20 }) search middleware on the root route to omit defaults from URLs without making validated search state optional.

package/dist/components/ui/data-table.d.ts

@@ -378,7 +378,10 @@ export interface DataTableProps<TData extends RowData> {
     columnDefs: readonly DataTableColDef<TData>[];
     getRowId?: (row: TData) => string;
     state?: DataTablePublicState;
-    initialState?: Partial<DataTablePublicState>;
+    initialState?: Partial<DataTablePublicState> & {
+        /** Initial visibility defaults; saved user preferences take precedence. */
+        columnVisibility?: Readonly<Record<string, boolean>>;
+    };
     locale?: string;
     onStateChange?: (state: DataTablePublicState) => void;
     status?: DataTableStatus;

package/dist/components/ui/data-table.js

@@ -2936,6 +2936,7 @@ var HydratedDataTable = ({
 };
 var DataTable = (props) => {
   const locale = useKrakstackLocale3(props.locale);
+  const [initialColumnVisibility] = useState(() => props.initialState?.columnVisibility ?? {});
   const [persistedUiAtom] = useState(() => {
     const pathname = globalThis.window?.location.pathname ?? "/";
     const columnIds = normalizeDataTableColumns(props.columnDefs).map(({ id }) => id).join(",");
@@ -2949,7 +2950,14 @@ var DataTable = (props) => {
     });
   });
   const [persistedUiResult, setPersistedUiState] = useAtom(persistedUiAtom);
-  if (!AsyncResult.isSuccess(persistedUiResult) || AsyncResult.isWaiting(persistedUiResult)) {
+  const persistedUiState = useMemo(() => AsyncResult.isSuccess(persistedUiResult) ? {
+    ...persistedUiResult.value,
+    columnVisibility: {
+      ...initialColumnVisibility,
+      ...persistedUiResult.value.columnVisibility
+    }
+  } : undefined, [initialColumnVisibility, persistedUiResult]);
+  if (!persistedUiState || AsyncResult.isWaiting(persistedUiResult)) {
     return /* @__PURE__ */ jsx14("div", {
       "aria-busy": "true",
       className: "invisible w-full max-w-full min-w-0 rounded-md",
@@ -2959,7 +2967,7 @@ var DataTable = (props) => {
   return /* @__PURE__ */ jsx14(HydratedDataTable, {
     ...props,
     locale,
-    persistedUiState: persistedUiResult.value,
+    persistedUiState,
     setPersistedUiState
   });
 };

package/dist/components/ui/sidebar-layout.d.ts

@@ -2,6 +2,8 @@ import type { LucideIcon } from "lucide-react";
 type NavItem = {
     label: () => string;
     href: string;
+    /** Match only this page instead of also highlighting its nested routes. */
+    exact?: boolean;
     icon?: LucideIcon;
     badge?: () => string;
     external?: boolean;

package/dist/components/ui/sidebar-layout.js

@@ -1,5 +1,5 @@
 // ../../src/components/ui/sidebar-layout.tsx
-import { Link, Outlet, useRouterState } from "@tanstack/react-router";
+import { Link, Outlet } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";
 import { Cookies } from "effect/http";
 import { useState as useState3 } from "react";
@@ -607,9 +607,6 @@ var useSidebarLayout = () => {
 };
 function AppSidebar({ collapsible, footer, groups, header }) {
   const { isMobile, setOpenMobile } = useSidebar();
-  const pathname = useRouterState({
-    select: (state) => state.location.pathname
-  });
   const closeMobileSidebar = () => {
     if (isMobile)
       setOpenMobile(false);
@@ -635,11 +632,15 @@ function AppSidebar({ collapsible, footer, groups, header }) {
                     target: "_blank",
                     rel: "noreferrer"
                   }) : /* @__PURE__ */ jsx5(Link, {
-                    to: item.href
+                    to: item.href,
+                    activeOptions: {
+                      exact: item.exact ?? false,
+                      includeSearch: false
+                    },
+                    activeProps: { "data-active": "" }
                   });
                   return /* @__PURE__ */ jsx5(SidebarMenuItem, {
                     children: /* @__PURE__ */ jsxs4(SidebarMenuButton, {
-                      isActive: !item.external && pathname === item.href,
                       onClick: closeMobileSidebar,
                       render,
                       tooltip: item.label(),

package/dist/lib/docs.js

@@ -799,7 +799,7 @@ function SearchMenu({
 }
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
+import { Link as Link2, Outlet } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";
 import { Cookies } from "effect/http";
 import { useState as useState5 } from "react";
@@ -1317,9 +1317,6 @@ var getSidebarDefaultOpen = (defaultOpen) => {
 };
 function AppSidebar({ collapsible, footer, groups, header }) {
   const { isMobile, setOpenMobile } = useSidebar();
-  const pathname = useRouterState({
-    select: (state) => state.location.pathname
-  });
   const closeMobileSidebar = () => {
     if (isMobile)
       setOpenMobile(false);
@@ -1345,11 +1342,15 @@ function AppSidebar({ collapsible, footer, groups, header }) {
                     target: "_blank",
                     rel: "noreferrer"
                   }) : /* @__PURE__ */ jsx13(Link2, {
-                    to: item.href
+                    to: item.href,
+                    activeOptions: {
+                      exact: item.exact ?? false,
+                      includeSearch: false
+                    },
+                    activeProps: { "data-active": "" }
                   });
                   return /* @__PURE__ */ jsx13(SidebarMenuItem, {
                     children: /* @__PURE__ */ jsxs10(SidebarMenuButton, {
-                      isActive: !item.external && pathname === item.href,
                       onClick: closeMobileSidebar,
                       render,
                       tooltip: item.label(),

package/dist/lib/docs.server.js

@@ -119,7 +119,7 @@ import { XIcon } from "lucide-react";
 import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
+import { Link as Link2, Outlet } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";
 import { Cookies } from "effect/http";
 import { useState as useState5 } from "react";

package/dist/lib/documentation-toolkit.js

@@ -119,7 +119,7 @@ import { XIcon } from "lucide-react";
 import { useKrakstackLocale as useKrakstackLocale3 } from "@krak-stack/registry/krakstack-provider";
 
 // ../../src/components/ui/sidebar-layout.tsx
-import { Link as Link2, Outlet, useRouterState } from "@tanstack/react-router";
+import { Link as Link2, Outlet } from "@tanstack/react-router";
 import { Option, Schema as Schema2 } from "effect";
 import { Cookies } from "effect/http";
 import { useState as useState5 } from "react";

package/dist/lib/query.d.ts

@@ -43,22 +43,24 @@ export declare const Query: Schema.Struct<{
 export type QueryType = typeof Query.Type;
 export type QueryEncoded = typeof Query.Encoded;
 export declare const QueryStandard: import("effect/StandardSchema").StandardSchemaV1<{
+    readonly page?: string | number | undefined;
+    readonly pageSize?: string | number | undefined;
     readonly globalFilter?: string | undefined;
     readonly sort?: readonly {
         readonly id: string;
         readonly direction: "asc" | "desc";
     }[] | undefined;
-    readonly page?: string | number | undefined;
-    readonly pageSize?: string | number | undefined;
 }, {
+    readonly page: number;
+    readonly pageSize: number;
     readonly globalFilter?: string | undefined;
     readonly sort?: readonly {
         readonly id: string;
         readonly direction: "asc" | "desc";
     }[] | undefined;
-    readonly page?: number | undefined;
-    readonly pageSize?: number | undefined;
 }> & Schema.Struct<{
+    readonly page: Schema.decodeTo<Schema.Int, Schema.optional<Schema.Union<readonly [Schema.Number, Schema.NumberFromString]>>, never, never>;
+    readonly pageSize: Schema.decodeTo<Schema.Int, Schema.optional<Schema.Union<readonly [Schema.Number, Schema.NumberFromString]>>, never, never>;
     readonly globalFilter: Schema.optional<Schema.String>;
     readonly sort: Schema.optional<Schema.declare<readonly {
         readonly id: string;
@@ -67,8 +69,6 @@ export declare const QueryStandard: import("effect/StandardSchema").StandardSche
         readonly id: string;
         readonly direction: "asc" | "desc";
     }[]>>;
-    readonly page: Schema.decodeTo<Schema.optional<Schema.Int>, Schema.decodeTo<Schema.Int, Schema.optional<Schema.Union<readonly [Schema.Number, Schema.NumberFromString]>>, never, never>, never, never>;
-    readonly pageSize: Schema.decodeTo<Schema.optional<Schema.Int>, Schema.decodeTo<Schema.Int, Schema.optional<Schema.Union<readonly [Schema.Number, Schema.NumberFromString]>>, never, never>, never, never>;
 }>;
 export declare const PaginationMeta: Schema.Struct<{
     readonly page: Schema.Int;

package/dist/lib/query.js

@@ -107,17 +107,7 @@ var Query = Schema.Struct({
     }
   ]
 });
-var QueryStandard = Schema.toStandardSchemaV1(Schema.Struct({
-  ...Query.fields,
-  page: Query.fields.page.pipe(Schema.decodeTo(Schema.optional(Schema.Int), {
-    decode: SchemaGetter.transform((page) => page === 0 ? undefined : page),
-    encode: SchemaGetter.transform((page) => page ?? 0)
-  })),
-  pageSize: Query.fields.pageSize.pipe(Schema.decodeTo(Schema.optional(Schema.Int), {
-    decode: SchemaGetter.transform((pageSize) => pageSize === 20 ? undefined : pageSize),
-    encode: SchemaGetter.transform((pageSize) => pageSize ?? 20)
-  }))
-}).annotate({ identifier: "QuerySearch" }));
+var QueryStandard = Schema.toStandardSchemaV1(Query);
 var PaginationMeta = Schema.Struct({
   page: Schema.Int,
   pageSize: Schema.Int,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krak-stack/registry",
-  "version": "0.1.44",
+  "version": "0.1.46",
   "description": "Tree-shakable KrakStack components and Effect services.",
   "license": "MIT",
   "repository": {
@@ -11,7 +11,8 @@
   "files": [
     "dist",
     "README.md",
-    "tailwind.css"
+    "tailwind.css",
+    "CHANGELOG.md"
   ],
   "type": "module",
   "sideEffects": false,