@helsenorge/designsystem-react 16.0.0 → 16.1.0

package/lib/components/UNSAFE_Table/index.js

@@ -0,0 +1,182 @@
+import { LanguageLocales } from "../../constants.js";
+import { useLanguage } from "../../hooks/useLanguage.js";
+import { useBreakpoint } from "../../hooks/useBreakpoint.js";
+import { useLayoutEvent } from "../../hooks/useLayoutEvent.js";
+import { t as HorizontalScroll_default } from "../../HorizontalScroll.js";
+import { a as TextAlign, i as TableSizes, n as SortDirection, o as defaultConfig, r as TableColors, t as ResponsiveTableVariant } from "../../constants3.js";
+import { n as TableContext, r as HN_Designsystem_Table_nb_NO_default } from "../../TableContext.js";
+import { t as UNSAFE_TableHead } from "../../UNSAFE_TableHead.js";
+import { a as getCenteredOverflowTableStyle, c as getHiddenColumns, i as getBreakpointClass, l as omitProps, n as UNSAFE_TableHeadCell, o as getColumnHeadingTexts, r as getAvailableWidth, s as getCurrentConfig } from "../../UNSAFE_TableHeadCell.js";
+import { useSynchronousResizeObserver } from "../../hooks/useSynchronousResizeObserver.js";
+import { useSort } from "../../hooks/useSort.js";
+import { t as UNSAFE_TableCell } from "../../UNSAFE_TableCell.js";
+import { n as UNSAFE_TableRow } from "../../UNSAFE_TableRow.js";
+import "./UNSAFE_TableCell/index.js";
+import { n as UNSAFE_TableBody } from "../../UNSAFE_TableBody.js";
+import "./UNSAFE_TableHead/index.js";
+import classNames from "classnames";
+import { useEffect, useId, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./styles.module.scss";
+//#region src/components/UNSAFE_Table/TableCaption.tsx
+var TableCaption = ({ id, className, children }) => /* @__PURE__ */ jsx("caption", {
+	id,
+	className: classNames(styles["table-caption"], className),
+	children
+});
+//#endregion
+//#region src/components/UNSAFE_Table/resourceHelper.ts
+var getResources = (language) => {
+	switch (language) {
+		case LanguageLocales.NORWEGIAN:
+		default: return HN_Designsystem_Table_nb_NO_default;
+	}
+};
+//#endregion
+//#region src/components/UNSAFE_Table/UNSAFE_Table.tsx
+var UNSAFE_Table = ({ breakpointConfig = defaultConfig, caption, children, className, color, id, resources, size = TableSizes.normal, stackHeadWidth, testId, zebraStripes = false, ...rest }) => {
+	const captionElementId = useId();
+	const [tableWidth, setTableWidth] = useState(0);
+	const [parentWidth, setParentWidth] = useState(0);
+	const [windowWidth, setWindowWidth] = useState(document.documentElement.clientWidth || window.innerWidth);
+	const tableRef = useRef(null);
+	const breakpoint = useBreakpoint();
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	const mergedResources = {
+		...getResources(language),
+		...resources
+	};
+	const currentConfig = useMemo(() => getCurrentConfig(breakpointConfig, breakpoint, tableWidth, windowWidth), [
+		breakpointConfig,
+		breakpoint,
+		tableWidth,
+		windowWidth
+	]);
+	useSynchronousResizeObserver(tableRef, (tableElement, parentElement) => {
+		if (currentConfig?.variant !== ResponsiveTableVariant.stack) setTableWidth(tableElement.getBoundingClientRect().width);
+		const parentStyle = getComputedStyle(parentElement);
+		const horizontalSpacing = [
+			parentStyle.paddingLeft,
+			parentStyle.paddingRight,
+			parentStyle.borderLeftWidth,
+			parentStyle.borderRightWidth
+		].reduce((total, value) => total + (Number.parseFloat(value) || 0), 0);
+		setParentWidth(Math.max(0, parentElement.getBoundingClientRect().width - horizontalSpacing));
+		setWindowWidth(getAvailableWidth(parentElement));
+	}, [currentConfig?.variant]);
+	useLayoutEvent(() => {
+		if (tableRef.current?.parentElement) setWindowWidth(getAvailableWidth(tableRef.current.parentElement));
+	}, ["resize"], 100);
+	const tableStyle = currentConfig?.variant === ResponsiveTableVariant.centeredoverflow || stackHeadWidth !== void 0 ? {
+		...currentConfig?.variant === ResponsiveTableVariant.centeredoverflow ? getCenteredOverflowTableStyle(parentWidth, tableWidth) : void 0,
+		...stackHeadWidth !== void 0 ? { "--table-stack-columns": `${stackHeadWidth}% minmax(0, 1fr)` } : void 0
+	} : void 0;
+	const breakpointClass = getBreakpointClass(currentConfig);
+	const tableClass = classNames(styles.table, breakpointClass, className);
+	const domRest = omitProps(rest, [
+		"breakpoint",
+		"variant",
+		"fallbackVariant",
+		"headerCategory"
+	]);
+	const hiddenColumns = useMemo(() => getHiddenColumns(children), [children]);
+	const headingTexts = useMemo(() => getColumnHeadingTexts(children), [children]);
+	const tableContext = useMemo(() => ({
+		variant: currentConfig?.variant ?? ResponsiveTableVariant.normal,
+		color: color ?? TableColors.normal,
+		size,
+		zebraStripes,
+		hiddenColumns,
+		headingTexts,
+		resources: mergedResources
+	}), [
+		currentConfig?.variant,
+		color,
+		size,
+		zebraStripes,
+		hiddenColumns,
+		headingTexts
+	]);
+	const table = /* @__PURE__ */ jsxs("table", {
+		className: tableClass,
+		id,
+		"data-testid": testId,
+		ref: tableRef,
+		style: tableStyle,
+		...domRest,
+		children: [/* @__PURE__ */ jsx(TableCaption, {
+			id: captionElementId,
+			children: caption
+		}), children]
+	});
+	return /* @__PURE__ */ jsx(TableContext.Provider, {
+		value: tableContext,
+		children: currentConfig?.variant === ResponsiveTableVariant.horizontalscroll ? /* @__PURE__ */ jsx(HorizontalScroll_default, {
+			testId: "horizontal-scroll",
+			"aria-labelledby": captionElementId,
+			children: table
+		}) : table
+	});
+};
+//#endregion
+//#region src/components/UNSAFE_Table/useTableExpandedRows.ts
+/** Expanded state per row for tables with expandable rows (UNSAFE_TableRow expandedContent/hideBehindExpander). */
+var useTableExpandedRows = () => {
+	const [expandedRows, setExpandedRows] = useState({});
+	const isExpanded = (rowKey) => !!expandedRows[rowKey];
+	const toggleExpanded = (rowKey) => {
+		setExpandedRows((prev) => ({
+			...prev,
+			[rowKey]: !prev[rowKey]
+		}));
+	};
+	const collapseAll = () => {
+		setExpandedRows({});
+	};
+	return {
+		expandedRows,
+		isExpanded,
+		toggleExpanded,
+		collapseAll
+	};
+};
+//#endregion
+//#region src/components/UNSAFE_Table/useTableShowMore.ts
+/** Progressive disclosure ("show more") of table rows, with focus management when the show more button disappears. */
+var useTableShowMore = ({ data, pageSize }) => {
+	const [visibleCount, setVisibleCount] = useState(pageSize);
+	const [newRowsStartIndex, setNewRowsStartIndex] = useState();
+	const firstNewRowRef = useRef(null);
+	const shouldFocusNewRow = useRef(false);
+	const visibleData = useMemo(() => visibleCount === void 0 ? data : data.slice(0, visibleCount), [data, visibleCount]);
+	const hasMore = visibleCount !== void 0 && visibleCount < data.length;
+	const showMore = () => {
+		if (visibleCount === void 0 || pageSize === void 0) return;
+		const newCount = Math.min(visibleCount + pageSize, data.length);
+		shouldFocusNewRow.current = newCount >= data.length;
+		setNewRowsStartIndex(visibleCount);
+		setVisibleCount(newCount);
+	};
+	useEffect(() => {
+		if (shouldFocusNewRow.current) {
+			shouldFocusNewRow.current = false;
+			firstNewRowRef.current?.focus();
+		}
+	}, [visibleCount]);
+	const reset = () => {
+		setVisibleCount(pageSize);
+		setNewRowsStartIndex(void 0);
+	};
+	return {
+		visibleData,
+		hasMore,
+		showMore,
+		reset,
+		newRowsStartIndex,
+		firstNewRowRef
+	};
+};
+//#endregion
+export { ResponsiveTableVariant, SortDirection, TableCaption, TableColors, TableSizes, TextAlign, UNSAFE_Table, UNSAFE_Table as default, UNSAFE_TableBody, UNSAFE_TableCell, UNSAFE_TableHead, UNSAFE_TableHeadCell, UNSAFE_TableRow, defaultConfig, useSort, useTableExpandedRows, useTableShowMore };
+
+//# sourceMappingURL=index.js.map

package/lib/components/UNSAFE_Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/UNSAFE_Table/TableCaption.tsx","../../../src/components/UNSAFE_Table/resourceHelper.ts","../../../src/components/UNSAFE_Table/UNSAFE_Table.tsx","../../../src/components/UNSAFE_Table/useTableExpandedRows.ts","../../../src/components/UNSAFE_Table/useTableShowMore.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nexport interface TableCaptionProps {\n  /** Unique ID. Can be used with aria-labelledby, e.g. for the scroll container. */\n  id?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the content of the caption. */\n  children: React.ReactNode;\n}\n\nexport const TableCaption: React.FC<TableCaptionProps> = ({ id, className, children }) => (\n  <caption id={id} className={classNames(styles['table-caption'], className)}>\n    {children}\n  </caption>\n);\n\nexport default TableCaption;\n","import type { HNDesignsystemTable } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.Table.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemTable => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import { useId, useMemo, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { TableContextValue } from './TableContext';\nimport type { HNDesignsystemTable } from '../../resources/Resources';\n\nimport { ResponsiveTableVariant, defaultConfig, TableColors, TableSizes } from './constants';\nimport { getResources } from './resourceHelper';\nimport TableCaption from './TableCaption';\nimport { TableContext } from './TableContext';\nimport {\n  getAvailableWidth,\n  getColumnHeadingTexts,\n  getHiddenColumns,\n  getBreakpointClass,\n  getCenteredOverflowTableStyle,\n  getCurrentConfig,\n  omitProps,\n} from './utils';\nimport { LanguageLocales } from '../../constants';\nimport { useBreakpoint, type Breakpoint } from '../../hooks/useBreakpoint';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { useLayoutEvent } from '../../hooks/useLayoutEvent';\nimport { useSynchronousResizeObserver } from '../../hooks/useSynchronousResizeObserver';\nimport HorizontalScroll from '../HorizontalScroll';\n\nimport styles from './styles.module.scss';\n\nexport interface BreakpointConfig {\n  /** Breakpoint at which responsive behaviour will be applied. The table component uses a \"desktop first\" approach. */\n  breakpoint: keyof typeof Breakpoint;\n  /** Desired behaviour on this breakpoint and all smaller screens. */\n  variant: keyof typeof ResponsiveTableVariant;\n  /** If variant is horizontallscroll, use a fallback instead of device is not a touch device. */\n  fallbackVariant?: keyof typeof ResponsiveTableVariant;\n}\n\nexport interface UNSAFE_TableProps extends Omit<React.ComponentPropsWithoutRef<'table'>, 'style'> {\n  /** Customize how the table behaves on various screen widths */\n  breakpointConfig?: BreakpointConfig | BreakpointConfig[];\n  /** Description of the table for screen readers. Rendered as a visually hidden caption and used to label the scroll container. */\n  caption: string;\n  /** Sets the content of the table. Use TableHead and UNSAFE_TableBody */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Header category for styling. Default: normal */\n  color?: TableColors;\n  /** Unique ID */\n  id?: string;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemTable>;\n  /** For display with less space. Discouraged to use together with interactive elements. */\n  size?: TableSizes;\n  /** Width of the head column in percentage in the stack variant. When not set, the column follows the widest heading in the table, but wraps (minimum 30%) when the content needs the space. */\n  stackHeadWidth?: number;\n  /** Id used for testing */\n  testId?: string;\n  /** Applies zebra stripes to every other row. Default: false */\n  zebraStripes?: boolean;\n}\n\nexport const UNSAFE_Table: React.FC<UNSAFE_TableProps> = ({\n  breakpointConfig = defaultConfig,\n  caption,\n  children,\n  className,\n  color,\n  id,\n  resources,\n  size = TableSizes.normal,\n  stackHeadWidth,\n  testId,\n  zebraStripes = false,\n  ...rest\n}) => {\n  const captionElementId = useId();\n\n  const [tableWidth, setTableWidth] = useState<number>(0);\n  const [parentWidth, setParentWidth] = useState<number>(0);\n  const [windowWidth, setWindowWidth] = useState(document.documentElement.clientWidth || window.innerWidth);\n  const tableRef = useRef<HTMLTableElement>(null);\n  const breakpoint = useBreakpoint();\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemTable = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const currentConfig = useMemo(\n    () => getCurrentConfig(breakpointConfig, breakpoint, tableWidth, windowWidth),\n    [breakpointConfig, breakpoint, tableWidth, windowWidth]\n  );\n\n  useSynchronousResizeObserver(\n    tableRef,\n    (tableElement, parentElement) => {\n      if (currentConfig?.variant !== ResponsiveTableVariant.stack) {\n        setTableWidth(tableElement.getBoundingClientRect().width);\n      }\n      const parentStyle = getComputedStyle(parentElement);\n      const horizontalSpacing = [\n        parentStyle.paddingLeft,\n        parentStyle.paddingRight,\n        parentStyle.borderLeftWidth,\n        parentStyle.borderRightWidth,\n      ].reduce((total, value) => total + (Number.parseFloat(value) || 0), 0);\n      setParentWidth(Math.max(0, parentElement.getBoundingClientRect().width - horizontalSpacing));\n      setWindowWidth(getAvailableWidth(parentElement));\n    },\n    [currentConfig?.variant]\n  );\n\n  useLayoutEvent(\n    () => {\n      if (tableRef.current?.parentElement) {\n        setWindowWidth(getAvailableWidth(tableRef.current.parentElement));\n      }\n    },\n    ['resize'],\n    100\n  );\n\n  const tableStyle: React.CSSProperties | undefined =\n    currentConfig?.variant === ResponsiveTableVariant.centeredoverflow || stackHeadWidth !== undefined\n      ? {\n          ...(currentConfig?.variant === ResponsiveTableVariant.centeredoverflow\n            ? getCenteredOverflowTableStyle(parentWidth, tableWidth)\n            : undefined),\n          ...(stackHeadWidth !== undefined ? { '--table-stack-columns': `${stackHeadWidth}% minmax(0, 1fr)` } : undefined),\n        }\n      : undefined;\n\n  const breakpointClass = getBreakpointClass(currentConfig);\n  const tableClass = classNames(styles.table, breakpointClass, className);\n  const domRest = omitProps(rest as Record<string, unknown>, ['breakpoint', 'variant', 'fallbackVariant', 'headerCategory']);\n\n  const hiddenColumns = useMemo(() => getHiddenColumns(children), [children]);\n  const headingTexts = useMemo(() => getColumnHeadingTexts(children), [children]);\n\n  const tableContext = useMemo<TableContextValue>(\n    () => ({\n      variant: currentConfig?.variant ?? ResponsiveTableVariant.normal,\n      color: color ?? TableColors.normal,\n      size,\n      zebraStripes,\n      hiddenColumns,\n      headingTexts,\n      resources: mergedResources,\n    }),\n    [currentConfig?.variant, color, size, zebraStripes, hiddenColumns, headingTexts]\n  );\n\n  const table = (\n    <table className={tableClass} id={id} data-testid={testId} ref={tableRef} style={tableStyle} {...domRest}>\n      <TableCaption id={captionElementId}>{caption}</TableCaption>\n      {children}\n    </table>\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      {currentConfig?.variant === ResponsiveTableVariant.horizontalscroll ? (\n        <HorizontalScroll testId=\"horizontal-scroll\" aria-labelledby={captionElementId}>\n          {table}\n        </HorizontalScroll>\n      ) : (\n        table\n      )}\n    </TableContext.Provider>\n  );\n};\n\nexport default UNSAFE_Table;\n","import { useState } from 'react';\n\nexport interface UseTableExpandedRowsReturn {\n  /** Current expanded state per row key */\n  expandedRows: Record<string, boolean>;\n  /** Whether a row is expanded */\n  isExpanded: (rowKey: string) => boolean;\n  /** Toggle the expanded state of a row */\n  toggleExpanded: (rowKey: string) => void;\n  /** Collapse all rows, e.g. when the table is re-sorted */\n  collapseAll: () => void;\n}\n\n/** Expanded state per row for tables with expandable rows (UNSAFE_TableRow expandedContent/hideBehindExpander). */\nexport const useTableExpandedRows = (): UseTableExpandedRowsReturn => {\n  const [expandedRows, setExpandedRows] = useState<Record<string, boolean>>({});\n\n  const isExpanded = (rowKey: string): boolean => !!expandedRows[rowKey];\n\n  const toggleExpanded = (rowKey: string): void => {\n    setExpandedRows(prev => ({ ...prev, [rowKey]: !prev[rowKey] }));\n  };\n\n  const collapseAll = (): void => {\n    setExpandedRows({});\n  };\n\n  return { expandedRows, isExpanded, toggleExpanded, collapseAll };\n};\n","import { useEffect, useMemo, useRef, useState } from 'react';\n\nexport interface UseTableShowMoreOptions<TData> {\n  /** All rows */\n  data: TData[];\n  /** Number of rows to show initially and to reveal per showMore(). Shows all rows when not set. */\n  pageSize?: number;\n}\n\nexport interface UseTableShowMoreReturn<TData, TElement extends HTMLElement> {\n  /** The rows that are currently visible */\n  visibleData: TData[];\n  /** Whether there are more rows to show */\n  hasMore: boolean;\n  /** Reveal the next page of rows */\n  showMore: () => void;\n  /** Reset to the initial number of visible rows */\n  reset: () => void;\n  /** Index of the first row revealed by the last showMore() call */\n  newRowsStartIndex?: number;\n  /**\n   * Attach to a focusable element in the first newly revealed row (index === newRowsStartIndex).\n   * The element receives focus when the last page is revealed and the show more button disappears.\n   */\n  firstNewRowRef: React.RefObject<TElement | null>;\n}\n\n/** Progressive disclosure (\"show more\") of table rows, with focus management when the show more button disappears. */\nexport const useTableShowMore = <TData, TElement extends HTMLElement = HTMLElement>({\n  data,\n  pageSize,\n}: UseTableShowMoreOptions<TData>): UseTableShowMoreReturn<TData, TElement> => {\n  const [visibleCount, setVisibleCount] = useState(pageSize);\n  const [newRowsStartIndex, setNewRowsStartIndex] = useState<number>();\n  const firstNewRowRef = useRef<TElement>(null);\n  const shouldFocusNewRow = useRef(false);\n\n  const visibleData = useMemo(() => (visibleCount === undefined ? data : data.slice(0, visibleCount)), [data, visibleCount]);\n  const hasMore = visibleCount !== undefined && visibleCount < data.length;\n\n  const showMore = (): void => {\n    if (visibleCount === undefined || pageSize === undefined) {\n      return;\n    }\n    const newCount = Math.min(visibleCount + pageSize, data.length);\n    // Flytt fokus når \"vis mer\"-knappen forsvinner, slik at fokus ikke går tapt\n    shouldFocusNewRow.current = newCount >= data.length;\n    setNewRowsStartIndex(visibleCount);\n    setVisibleCount(newCount);\n  };\n\n  useEffect(() => {\n    if (shouldFocusNewRow.current) {\n      shouldFocusNewRow.current = false;\n      firstNewRowRef.current?.focus();\n    }\n  }, [visibleCount]);\n\n  const reset = (): void => {\n    setVisibleCount(pageSize);\n    setNewRowsStartIndex(undefined);\n  };\n\n  return { visibleData, hasMore, showMore, reset, newRowsStartIndex, firstNewRowRef };\n};\n"],"mappings":"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"}

package/lib/components/UNSAFE_Table/resourceHelper.d.ts

@@ -0,0 +1,3 @@
+import { HNDesignsystemTable } from '../../resources/Resources';
+import { LanguageLocales } from '../../constants';
+export declare const getResources: (language: LanguageLocales) => HNDesignsystemTable;