@helsenorge/designsystem-react 16.0.0 → 16.2.0

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

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { BreakpointConfig } from './UNSAFE_Table';
+import { Breakpoint } from '../../hooks/useBreakpoint';
+/**
+ * Finn konfigurasjon for nåværende breakpoint og tabellbredde
+ * @param config Konfigurasjon for responsiv oppførsel
+ * @param breakpoint Nåværende breakpoint
+ * @param tableWidth Bredde på tabell i px
+ * @returns Konfigurasjon for responsiv oppførsel uten fallbackVariant
+ */
+export declare const getCurrentConfig: (config: BreakpointConfig | BreakpointConfig[], breakpoint: Breakpoint, tableWidth: number, windowWidth: number) => Omit<BreakpointConfig, "fallbackVariant"> | undefined;
+/**
+ * Finn bredden tabellen kan bruke. Innholdsbredden til nærmeste overordnede element merket med data-overflow-boundary,
+ * eller skjermbredden om ingen er merket.
+ * @param element Elementet det søkes fra, vanligvis tabellens overordnede element
+ * @returns Tilgjengelig bredde i px
+ */
+export declare const getAvailableWidth: (element: HTMLElement) => number;
+/**
+ * Finn klassenavn for responsiv oppførsel
+ * @param config Konfigurasjon for responsiv oppførsel
+ * @returns Klassenavn
+ */
+export declare const getBreakpointClass: (config?: BreakpointConfig) => string | undefined;
+/**
+ * Finn riktig posisjon for horisontal sentrering av tabell som skal vises "centeredoverflow"
+ * @param parentWidth Bredde på element som tabellen ligger i
+ * @param tableWidth Bredde på tabellen
+ * @returns Styling som posisjonerer tabellen riktig
+ */
+export declare const getCenteredOverflowTableStyle: (parentWidth: number, tableWidth: number) => React.CSSProperties | undefined;
+/**
+ * Create a shallow copy of an object with specific keys omitted.
+ */
+export declare const omitProps: <T extends Record<PropertyKey, unknown>>(obj: T, keys: Array<keyof T>) => Partial<T>;
+/**
+ * Finn indeksene til kolonnene som er markert med hideBehindExpander i første rad i UNSAFE_TableHead.
+ * @param children Innholdet i UNSAFE_Table
+ * @returns Kolonneindekser som skjules bak expander i stack-varianten
+ */
+export declare const getHiddenColumns: (children: React.ReactNode) => number[];
+/**
+ * Finn teksten i hver kolonne i første rad i UNSAFE_TableHead. Brukes som overskrift i cellene i stack-varianten.
+ * @param children Innholdet i UNSAFE_Table
+ * @returns Overskrift per kolonneindeks, tom streng for kolonner uten tekst
+ */
+export declare const getColumnHeadingTexts: (children: React.ReactNode) => string[];

package/lib/constants3.js

@@ -0,0 +1,42 @@
+//#region src/components/UNSAFE_Table/constants.ts
+var SortDirection = /* @__PURE__ */ function(SortDirection) {
+	SortDirection["asc"] = "asc";
+	SortDirection["desc"] = "desc";
+	return SortDirection;
+}({});
+var TableColors = /* @__PURE__ */ function(TableColors) {
+	TableColors["normal"] = "normal";
+	TableColors["transparent"] = "transparent";
+	return TableColors;
+}({});
+var TextAlign = /* @__PURE__ */ function(TextAlign) {
+	TextAlign["left"] = "left";
+	TextAlign["center"] = "center";
+	TextAlign["right"] = "right";
+	return TextAlign;
+}({});
+var ResponsiveTableVariant = /* @__PURE__ */ function(ResponsiveTableVariant) {
+	/** Normal table grid */
+	ResponsiveTableVariant["normal"] = "normal";
+	/** Collapse to two columns. */
+	ResponsiveTableVariant["stack"] = "stack";
+	/** Overflow parent container to the left and right while remaining centered horizontally. */
+	ResponsiveTableVariant["centeredoverflow"] = "centeredoverflow";
+	/** Show horizontal scrollbar when table is too big for the screen. */
+	ResponsiveTableVariant["horizontalscroll"] = "horizontalscroll";
+	return ResponsiveTableVariant;
+}({});
+var TableSizes = /* @__PURE__ */ function(TableSizes) {
+	TableSizes["normal"] = "normal";
+	TableSizes["compact"] = "compact";
+	return TableSizes;
+}({});
+var defaultConfig = [{
+	breakpoint: "xl",
+	variant: "centeredoverflow",
+	fallbackVariant: "stack"
+}];
+//#endregion
+export { TextAlign as a, TableSizes as i, SortDirection as n, defaultConfig as o, TableColors as r, ResponsiveTableVariant as t };
+
+//# sourceMappingURL=constants3.js.map

package/lib/constants3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants3.js","names":[],"sources":["../src/components/UNSAFE_Table/constants.ts"],"sourcesContent":["import type { BreakpointConfig } from './UNSAFE_Table';\n\nexport enum SortDirection {\n  asc = 'asc',\n  desc = 'desc',\n}\n\nexport enum TableColors {\n  normal = 'normal',\n  transparent = 'transparent',\n}\n\nexport enum TextAlign {\n  left = 'left',\n  center = 'center',\n  right = 'right',\n}\n// normal\n// stack\n// centeredoverflow\n// horizontalscroll\nexport enum ResponsiveTableVariant {\n  /** Normal table grid */\n  normal = 'normal',\n  /** Collapse to two columns. */\n  stack = 'stack',\n  /** Overflow parent container to the left and right while remaining centered horizontally. */\n  centeredoverflow = 'centeredoverflow',\n  /** Show horizontal scrollbar when table is too big for the screen. */\n  horizontalscroll = 'horizontalscroll',\n}\nexport enum TableSizes {\n  normal = 'normal',\n  compact = 'compact',\n}\n\nexport const defaultConfig: BreakpointConfig[] = [\n  {\n    breakpoint: 'xl',\n    variant: ResponsiveTableVariant.centeredoverflow,\n    fallbackVariant: ResponsiveTableVariant.stack,\n  },\n];\n"],"mappings":";AAEA,IAAY,gBAAL,yBAAA,eAAA;CACL,cAAA,SAAA;CACA,cAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,YAAA;CACA,YAAA,iBAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,YAAL,yBAAA,WAAA;CACL,UAAA,UAAA;CACA,UAAA,YAAA;CACA,UAAA,WAAA;;AACF,EAAA,CAAA,CAAA;AAKA,IAAY,yBAAL,yBAAA,wBAAA;;CAEL,uBAAA,YAAA;;CAEA,uBAAA,WAAA;;CAEA,uBAAA,sBAAA;;CAEA,uBAAA,sBAAA;;AACF,EAAA,CAAA,CAAA;AACA,IAAY,aAAL,yBAAA,YAAA;CACL,WAAA,YAAA;CACA,WAAA,aAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAa,gBAAoC,CAC/C;CACE,YAAY;CACZ,SAAA;CACA,iBAAA;AACF,CACF"}

package/lib/floating-ui.react.js

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 import { useLayoutEffect } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as ReactDOM from "react-dom";
+import * as ReactDOM$1 from "react-dom";
 //#region ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function hasWindow() {
 	return typeof window !== "undefined";
@@ -1859,7 +1859,7 @@ function useFloating$1(options) {
 			};
 			if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
 				dataRef.current = fullData;
-				ReactDOM.flushSync(() => {
+				ReactDOM$1.flushSync(() => {
 					setData(fullData);
 				});
 			}