@navikt/ds-react 8.2.2 → 8.3.0

package/esm/utils/i18n/locales/nb.js.map

@@ -1 +1 @@
-{"version":3,"file":"nb.js","sourceRoot":"","sources":["../../../../src/utils/i18n/locales/nb.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"nb.js","sourceRoot":"","sources":["../../../../src/utils/i18n/locales/nb.ts"],"names":[],"mappings":"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"}

package/esm/utils/i18n/locales/nn.d.ts

@@ -128,5 +128,8 @@ declare const _default: {
             reset: string;
         };
     };
+    Tooltip: {
+        shortcutSeparator: string;
+    };
 };
 export default _default;

package/esm/utils/i18n/locales/nn.js

@@ -129,5 +129,8 @@ export default {
             reset: "Tilbakestill tidsperspektiv",
         },
     },
+    Tooltip: {
+        shortcutSeparator: "eller",
+    },
 };
 //# sourceMappingURL=nn.js.map

package/esm/utils/i18n/locales/nn.js.map

@@ -1 +1 @@
-{"version":3,"file":"nn.js","sourceRoot":"","sources":["../../../../src/utils/i18n/locales/nn.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"nn.js","sourceRoot":"","sources":["../../../../src/utils/i18n/locales/nn.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@navikt/ds-react",
-  "version": "8.2.2",
+  "version": "8.3.0",
   "description": "React components from the Norwegian Labour and Welfare Administration.",
   "author": "Aksel, a team part of the Norwegian Labour and Welfare Administration.",
   "license": "MIT",
@@ -705,8 +705,8 @@
   "dependencies": {
     "@floating-ui/react": "0.27.8",
     "@floating-ui/react-dom": "^2.1.6",
-    "@navikt/aksel-icons": "^8.2.2",
-    "@navikt/ds-tokens": "^8.2.2",
+    "@navikt/aksel-icons": "^8.3.0",
+    "@navikt/ds-tokens": "^8.3.0",
     "date-fns": "^4.0.0",
     "react-day-picker": "9.7.0"
   },

package/src/data/stories/DataTableProfiler.tsx

@@ -0,0 +1,215 @@
+import React, { useEffect, useRef, useState } from "react";
+import { Button } from "../../button";
+import { Box } from "../../layout/box";
+import { VStack } from "../../layout/stack";
+import { Heading } from "../../typography";
+
+type DataTableProfilerProps = {
+  children: React.ReactNode;
+};
+
+type ProfilerEntry = {
+  duration: string;
+  timestamp: number;
+};
+
+type ProfilerState = {
+  actualDuration: ProfilerEntry[];
+};
+
+function DataTableProfiler({ children }: DataTableProfilerProps) {
+  const lastProfilerStateRef = useRef<Record<string, ProfilerState>>({});
+
+  return (
+    <div>
+      <ProfilerDisplay getLatestData={() => lastProfilerStateRef.current} />
+      <React.Profiler
+        id="DataTable"
+        onRender={(_, phase, actualDuration) => {
+          lastProfilerStateRef.current = {
+            ...lastProfilerStateRef.current,
+            [phase]: {
+              actualDuration: rollingLatestValues(
+                lastProfilerStateRef.current[phase]?.actualDuration || [],
+                { duration: actualDuration.toFixed(2), timestamp: Date.now() },
+                10,
+              ),
+            },
+          };
+        }}
+      >
+        <div id="dataTable-profiler-content">{children}</div>
+      </React.Profiler>
+    </div>
+  );
+}
+
+function rollingLatestValues(
+  arr: ProfilerEntry[],
+  newValue: ProfilerEntry,
+  maxLength: number,
+): ProfilerEntry[] {
+  let newArr = [newValue, ...arr];
+  if (newArr.length > maxLength) {
+    newArr = newArr.slice(0, -1);
+  }
+  return newArr;
+}
+
+function ProfilerDisplay({
+  getLatestData,
+}: {
+  getLatestData: () => Record<string, ProfilerState>;
+}) {
+  const [open, setOpen] = useState(false);
+  const [domStats, setDomStats] = useState<{
+    elements: number;
+    nodes: number;
+  } | null>(null);
+  const [, setTick] = useState(0);
+
+  const lastProfilerState = getLatestData();
+
+  useEffect(() => {
+    if (!open) return;
+    const interval = setInterval(() => {
+      const dataTableElement = document.getElementById(
+        "dataTable-profiler-content",
+      );
+      if (dataTableElement) {
+        const walker = document.createTreeWalker(
+          dataTableElement,
+          NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_TEXT,
+          null,
+        );
+        let elements = 0;
+        let nodes = 0;
+        while (walker.nextNode()) {
+          nodes++;
+          if (walker.currentNode.nodeType === Node.ELEMENT_NODE) {
+            elements++;
+          }
+        }
+        setDomStats({ elements, nodes });
+      }
+      setTick((t) => t + 1);
+    }, 500);
+    return () => clearInterval(interval);
+  }, [open]);
+
+  const getOpacity = (timestamp: number) => {
+    const age = Date.now() - timestamp;
+    const maxAge = 10000;
+    return Math.max(0.4, 1 - age / maxAge);
+  };
+
+  return (
+    <VStack asChild>
+      <Box
+        position="fixed"
+        top="space-4"
+        right="space-4"
+        padding="space-6"
+        background="raised"
+        borderRadius="8"
+        borderWidth="1"
+        borderColor="neutral-subtleA"
+        style={{ zIndex: 1000 }}
+      >
+        <Button
+          data-color="neutral"
+          variant="tertiary"
+          size="small"
+          onClick={() => setOpen(!open)}
+        >
+          {open ? "Hide Profiler" : "Show Profiler"}
+        </Button>
+        {open && (
+          <>
+            {!domStats && <div>Loading stats...</div>}
+            {domStats && (
+              <div>
+                <Heading level="2" size="xsmall">
+                  DOM Stats:
+                </Heading>
+                <ul style={{ margin: 0, paddingLeft: "1rem" }}>
+                  <li
+                    style={{ listStyle: "none" }}
+                  >{`${domStats.elements} elements`}</li>
+                  <li
+                    style={{ listStyle: "none" }}
+                  >{`${domStats.nodes} nodes`}</li>
+                </ul>
+              </div>
+            )}
+            {lastProfilerState.mount && (
+              <div>
+                <Heading level="2" size="xsmall">
+                  Mount:
+                </Heading>
+                <ul style={{ margin: 0, paddingLeft: "1rem" }}>
+                  {lastProfilerState.mount.actualDuration.map(
+                    (entry, index) => (
+                      <li
+                        style={{
+                          listStyle: "none",
+                          opacity: getOpacity(entry.timestamp),
+                          transition: "opacity 0.5s",
+                        }}
+                        key={index}
+                      >{`${entry.duration} ms`}</li>
+                    ),
+                  )}
+                </ul>
+              </div>
+            )}
+            {lastProfilerState.update && (
+              <div>
+                <Heading level="2" size="xsmall">
+                  Update:
+                </Heading>
+                <ul style={{ margin: 0, paddingLeft: "1rem" }}>
+                  {lastProfilerState.update.actualDuration.map(
+                    (entry, index) => (
+                      <li
+                        style={{
+                          listStyle: "none",
+                          opacity: getOpacity(entry.timestamp),
+                          transition: "opacity 0.5s",
+                        }}
+                        key={index}
+                      >{`${entry.duration} ms`}</li>
+                    ),
+                  )}
+                </ul>
+              </div>
+            )}
+            {lastProfilerState["nested-update"] && (
+              <div>
+                <Heading level="2" size="xsmall">
+                  Nested-update
+                </Heading>
+                <ul style={{ margin: 0, paddingLeft: "1rem" }}>
+                  {lastProfilerState["nested-update"].actualDuration.map(
+                    (entry, index) => (
+                      <li
+                        style={{
+                          listStyle: "none",
+                          opacity: getOpacity(entry.timestamp),
+                          transition: "opacity 0.5s",
+                        }}
+                        key={index}
+                      >{`${entry.duration} ms`}</li>
+                    ),
+                  )}
+                </ul>
+              </div>
+            )}
+          </>
+        )}
+      </Box>
+    </VStack>
+  );
+}
+
+export { DataTableProfiler };

package/src/data/stories/dummy-data.tsx

@@ -1,6 +1,5 @@
 import { createColumnHelper } from "@tanstack/react-table";
 import React from "react";
-import { HStack } from "../../layout/stack";
 import { Tag } from "../../tag";
 
 // Helper function to get random integer between min and max (inclusive)
@@ -18,7 +17,7 @@ const getRandomItems = <T,>(arr: T[], min = 1, max = 5): T[] => {
   return shuffled.slice(0, count);
 };
 
-interface PersonInfo {
+export interface PersonInfo {
   // id: number;
   name: string;
   nationalId: string;
@@ -66,26 +65,49 @@ export const columns = [
   {
     header: "Age",
     accessorKey: "age",
+    footer: ({ table }) => {
+      const ages: number[] = [];
+      table.getFilteredRowModel().rows.forEach((row) => {
+        const value = row.getValue("age");
+        value && ages.push(value);
+      });
+      return `Avg: ${(ages.reduce((a, b) => a + b, 0) / ages.length).toFixed(2)}`;
+    },
   },
-  {
-    header: "Force sensitive",
-    accessorKey: "forceSensitive",
-  },
+
+  columnHelper.accessor("forceSensitive", {
+    cell: (info) => {
+      const value = info.getValue();
+      return (
+        <Tag
+          size="small"
+          variant="moderate"
+          data-color={value ? "accent" : "warning"}
+        >{`${value ? "Yes" : "No"}`}</Tag>
+      );
+    },
+    footer: ({ table }) => {
+      const totals = new Map();
+      totals.set("Yes", 0);
+      totals.set("No", 0);
+      table.getFilteredRowModel().rows.forEach((row) => {
+        const value = row.getValue("forceSensitive");
+        totals.set(
+          value ? "Yes" : "No",
+          (totals.get(value ? "Yes" : "No") ?? 0) + 1,
+        );
+      });
+      return `Yes: ${totals.get("Yes")}, No: ${totals.get("No")}`;
+    },
+  }),
   {
     header: "Home system",
     accessorKey: "homeSystem",
   },
-  columnHelper.accessor("skills", {
-    cell: (info) => (
-      <HStack gap="space-8">
-        {info.getValue().map((skill) => (
-          <Tag key={skill} size="small">
-            {skill}
-          </Tag>
-        ))}
-      </HStack>
-    ),
-  }),
+  {
+    header: "Skills",
+    accessorKey: "skills",
+  },
 ];
 
 export const homeSystemOptions = [

package/src/data/table/index.tsx

@@ -7,6 +7,7 @@ export {
   DataTableTr,
   DataTableTh,
   DataTableTd,
+  DataTableTfoot,
 } from "./root/DataTableRoot";
 export type {
   DataTableProps,
@@ -16,4 +17,5 @@ export type {
   DataTableTrProps,
   DataTableThProps,
   DataTableTdProps,
+  DataTableTfootProps,
 } from "./root/DataTableRoot";

package/src/data/table/root/DataTableRoot.tsx

@@ -9,6 +9,10 @@ import {
   type DataTableTbodyProps,
 } from "../tbody/DataTableTbody";
 import { DataTableTd, type DataTableTdProps } from "../td/DataTableTd";
+import {
+  DataTableTfoot,
+  type DataTableTfootProps,
+} from "../tfoot/DataTableTfoot";
 import { DataTableTh, type DataTableThProps } from "../th/DataTableTh";
 import {
   DataTableThead,
@@ -101,6 +105,18 @@ interface DataTableRootComponent extends React.ForwardRefExoticComponent<
    * ```
    */
   Td: typeof DataTableTd;
+  /**
+   * @see 🏷️ {@link DataTableTfootProps}
+   * @example
+   * ```jsx
+   * <DataTable>
+   *   <DataTable.Tfoot>
+   *     ...
+   *   </DataTable.Tfoot>
+   * </DataTable>
+   * ```
+   */
+  Tfoot: typeof DataTableTfoot;
 }
 
 const DataTable = forwardRef<HTMLTableElement, DataTableProps>(
@@ -123,6 +139,7 @@ DataTable.Tbody = DataTableTbody;
 DataTable.Th = DataTableTh;
 DataTable.Tr = DataTableTr;
 DataTable.Td = DataTableTd;
+DataTable.Tfoot = DataTableTfoot;
 
 export {
   DataTable,
@@ -132,6 +149,7 @@ export {
   DataTableTh,
   DataTableThead,
   DataTableTr,
+  DataTableTfoot,
 };
 export default DataTable;
 export type {
@@ -142,4 +160,5 @@ export type {
   DataTableThProps,
   DataTableTheadProps,
   DataTableTrProps,
+  DataTableTfootProps,
 };

package/src/data/table/tfoot/DataTableTfoot.tsx

@@ -0,0 +1,21 @@
+import React, { forwardRef } from "react";
+import { cl } from "../../../utils/helpers";
+
+type DataTableTfootProps = React.HTMLAttributes<HTMLTableSectionElement>;
+
+const DataTableTfoot = forwardRef<HTMLTableSectionElement, DataTableTfootProps>(
+  ({ className, children, ...rest }, forwardedRef) => {
+    return (
+      <tfoot
+        {...rest}
+        ref={forwardedRef}
+        className={cl("aksel-data-table__tfoot", className)}
+      >
+        {children}
+      </tfoot>
+    );
+  },
+);
+
+export { DataTableTfoot };
+export type { DataTableTfootProps };

package/src/data/table/th/DataTableTh.tsx

@@ -1,64 +1,101 @@
 import React, { forwardRef } from "react";
-import {
-  CaretLeftRightIcon,
-  PushPinFillIcon,
-  PushPinIcon,
-} from "@navikt/aksel-icons";
-import { Button } from "../../../button";
+import { FunnelIcon, SortDownIcon, SortUpIcon } from "@navikt/aksel-icons";
+import { HStack, Spacer } from "../../../layout/stack";
+import { ActionMenu } from "../../../overlays/action-menu";
 import { cl } from "../../../utils/helpers";
+import { DataTableThActions } from "./DataTableThActions";
+import { DataTableThSortHandle } from "./DataTableThSortHandle";
 
 type DataTableThProps = React.HTMLAttributes<HTMLTableCellElement> & {
   resizeHandler?: React.MouseEventHandler<HTMLButtonElement>;
-  isPinned?: boolean;
-  pinningHandler?: React.MouseEventHandler<HTMLButtonElement>;
   size?: number;
+  sortDirection?: "asc" | "desc" | "none" | false;
+  onSortChange?: (direction: "asc" | "desc" | "none", event: Event) => void;
+  render?: {
+    filterMenu?: {
+      title: string;
+      content: React.ReactNode;
+    };
+  };
 };
 
+/**
+ * TODO:
+ * - Plan for pinning: Move it into "settings" dialog like here: https://cloudscape.design/examples/react/table.html
+ */
 const DataTableTh = forwardRef<HTMLTableCellElement, DataTableThProps>(
   (
     {
       className,
       children,
       resizeHandler,
-      isPinned = false,
-      pinningHandler,
       size,
+      sortDirection,
+      onSortChange,
+      style,
+      render,
       ...rest
     },
     forwardedRef,
   ) => {
+    const { filterMenu } = render || {};
+
     return (
       <th
         {...rest}
         ref={forwardedRef}
         className={cl("aksel-data-table__th", className)}
-        style={{ width: size }}
+        style={{ width: size, ...style }}
       >
-        {children}
-        {pinningHandler && (
-          <Button
-            onClick={pinningHandler}
-            size="small"
-            variant="secondary"
-            icon={
-              isPinned ? (
-                <PushPinFillIcon aria-hidden title="Fest kolonne" />
-              ) : (
-                <PushPinIcon aria-hidden title="Løstne kolonne" />
-              )
-            }
+        <HStack align="center" gap="space-8" wrap={false}>
+          <div className="aksel-data-table__th-content">{children}</div>
+          <DataTableThSortHandle
+            sortDirection={sortDirection}
+            onSortChange={onSortChange}
           />
-        )}
+          <Spacer />
+
+          <DataTableThActions>
+            {/* TODO: onSortChange just rotates between the three states now */}
+            {/* TODO: Sorting texts do not handle different data-types now */}
+            {sortDirection && (
+              <ActionMenu.Group label="Sortering">
+                <ActionMenu.Item
+                  onSelect={(event) => onSortChange?.("desc", event)}
+                  icon={<SortUpIcon aria-hidden />}
+                >
+                  {sortDirection === "desc" ? "Fjern sortering" : "A-Z"}
+                </ActionMenu.Item>
+                <ActionMenu.Item
+                  onSelect={(event) => onSortChange?.("asc", event)}
+                  icon={<SortDownIcon aria-hidden />}
+                >
+                  {sortDirection === "asc" ? "Fjern sortering" : "Z-A"}
+                </ActionMenu.Item>
+              </ActionMenu.Group>
+            )}
+            {filterMenu && (
+              <ActionMenu.Group label="Filter">
+                <ActionMenu.Sub>
+                  <ActionMenu.SubTrigger icon={<FunnelIcon aria-hidden />}>
+                    {filterMenu.title}
+                  </ActionMenu.SubTrigger>
+                  <ActionMenu.SubContent>
+                    {/* TODO: ActionMenu stops tab from working, so user cant tab "into" filter now even when wrapper has focus */}
+                    {filterMenu.content}
+                  </ActionMenu.SubContent>
+                </ActionMenu.Sub>
+              </ActionMenu.Group>
+            )}
+          </DataTableThActions>
+        </HStack>
+
         {resizeHandler && (
-          <Button
+          <button
             onMouseDown={resizeHandler}
             onMouseUp={resizeHandler}
             className={cl("aksel-data-table__th-resize-handle")}
-            size="small"
-            variant="secondary"
-            icon={
-              <CaretLeftRightIcon aria-hidden title="Endre kolonnestørrelse" />
-            }
+            data-color="neutral"
           />
         )}
       </th>

package/src/data/table/th/DataTableThActions.tsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { MenuElipsisVerticalIcon } from "@navikt/aksel-icons";
+import { Button } from "../../../button";
+import { ActionMenu } from "../../../overlays/action-menu";
+
+function DataTableThActions({ children }: { children?: React.ReactNode }) {
+  const [open, setOpen] = React.useState(false);
+  /* TODO: Fix this */
+  // @ts-expect-error Temp hack to hide when no children present
+  if (!children || !children.filter(Boolean).length) {
+    return null;
+  }
+
+  return (
+    <ActionMenu open={open} onOpenChange={setOpen}>
+      <ActionMenu.Trigger>
+        <Button
+          data-color="neutral"
+          variant="tertiary"
+          size="small"
+          icon={<MenuElipsisVerticalIcon title="Åpne kolonnemeny" />}
+          onClick={() => setOpen(!open)}
+          data-expanded={open}
+          className="aksel-data-table__th-action-button"
+        />
+      </ActionMenu.Trigger>
+      <ActionMenu.Content>{children}</ActionMenu.Content>
+    </ActionMenu>
+  );
+}
+
+export { DataTableThActions };