@entur/table 4.9.14 → 4.9.16

package/dist/DataCell.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { VariantType } from '../../utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const danger = "danger";
+export type DataCellProps = {
+    /** Innholdet i tabellcellen */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Størrelse som settes for DataCell for ulikt innhold av komponenter */
+    padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';
+    /** @deprecated bruk variant */
+    status?: 'positive' | 'negative' | 'neutral';
+    /** Hvilken type status man vil vise */
+    variant?: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
+} & React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
+export declare const DataCell: React.ForwardRefExoticComponent<Omit<DataCellProps, "ref"> & React.RefAttributes<HTMLTableDataCellElement>>;
+export {};

package/dist/EditableCell.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { VariantType } from '../../utils';
+/** @deprecated use variant="information" instead */
+declare const info = "info";
+/** @deprecated use variant="negative" instead */
+declare const error = "error";
+type EditableCellProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Inputelementet som skal være i tabellcellen */
+    children: React.ReactElement;
+    /** Valideringsvariant for EditableCell */
+    variant?: VariantType | typeof error | typeof info;
+    /** Varselmelding, som vil komme som en Tooltip under EditableCell */
+    feedback?: string;
+    /** Om cellen skal vise omriss til enhver tid
+     * @default false
+     */
+    outlined?: boolean;
+    [key: string]: any;
+};
+export declare const EditableCell: React.FC<EditableCellProps>;
+export {};

package/dist/ExpandRowButton.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export type ExpandRowButtonProps = {
+    open: boolean;
+    onClick: (e: React.MouseEvent) => void;
+} & React.ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const ExpandRowButton: React.FC<ExpandRowButtonProps>;

package/dist/ExpandableRow.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+export type ExpandableRowProps = {
+    /** Antall kolonner tabellraden er */
+    colSpan: number;
+    /** Innholdet til ExpandableRow */
+    children: React.ReactNode;
+    /** Om ExpandableRow er åpen
+     * @default false
+     */
+    open?: boolean;
+};
+export declare const ExpandableRow: React.FC<ExpandableRowProps>;

package/dist/HeaderCell.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { ExternalSortConfig } from '.';
+export type HeaderCellProps = {
+    /** Kolonneoverskrift */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Størrelse som settes for HeaderCell for ulikt innhold av komponenter */
+    padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';
+    /** Ekstra props som kan sendes til sorteringsknappelementet. Benyttes via useSortableTable */
+    sortableButtonProps?: React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
+    /** Om komponenten brukes til sortering. Benytt via useSortableTable
+     * @default false
+     */
+    sortable?: boolean;
+    /** Konfigurering og rekkefølgen på sortering. Benyttes via useSortableTable */
+    sortConfig?: ExternalSortConfig;
+    /** Navnet det skal sorteres på. Benyttes via useSortableTable */
+    name?: string;
+    sortedAscendingAriaLabel?: string;
+    sortedDescendingAriaLabel?: string;
+} & React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>;
+export declare const HeaderCell: React.ForwardRefExoticComponent<Omit<HeaderCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;

package/dist/Table.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type TableProps = {
+    /** Ekstra klassenavn */
+    className?: string;
+    /** Setter tettheten mellom rader og kolonner. Bruk gjerne middle og small for for sider med høy informasjonstetthet
+     * @default "default"
+     */
+    spacing?: 'default' | 'middle' | 'small';
+    /** Setter kolonne-layout til å være uavhengig av innhold
+     * @default false
+     */
+    fixed?: boolean;
+    /** Om header-raden skal bli værende på skjermen når man skroller tabellen
+     * @default false
+     */
+    stickyHeader?: boolean;
+    /** Innholdet i tabellen */
+    children: React.ReactNode;
+    [key: string]: any;
+};
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps, "ref"> & React.RefAttributes<HTMLTableElement>>;

package/dist/TableBody.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export type TableBodyProps = {
+    /** Tabellrader */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    ref?: React.Ref<HTMLTableSectionElement>;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+export declare const TableBody: React.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/TableFooter.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export type TableFooterProps = {
+    /** Tabellrader */
+    children: React.ReactNode;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+export declare const TableFooter: React.ForwardRefExoticComponent<Omit<TableFooterProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/TableHead.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export type TableHeadProps = {
+    /** Kolonneoverskrifter */
+    children: React.ReactNode;
+    /** Esktra klassenavn */
+    className?: string;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
+export declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;

package/dist/TableRow.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+export type TableRowProps = {
+    /** Tabellceller */
+    children: React.ReactNode;
+    /** Ekstra klassenavn */
+    className?: string;
+    /**Hvis satt, så vil tabellraden endre fargen ved hover
+     * @default false
+     */
+    hover?: boolean;
+    /** Om raden er klikkbar, så vil raden endre farge, og musepekeren vil symbolisere interaktivitet
+     * @default false
+     */
+    active?: boolean;
+    /**Signalisere om at det er en feil i tabellraden
+     * @default false
+     */
+    error?: boolean;
+    ref?: React.Ref<HTMLTableRowElement>;
+} & React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>;
+export declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;

package/dist/index.d.ts

@@ -1,226 +1,12 @@
-import { ButtonHTMLAttributes } from 'react';
-import { default as default_2 } from 'react';
-import { DetailedHTMLProps } from 'react';
-
-/** @deprecated use variant="negative" instead */
-declare const danger = "danger";
-
-export declare const DataCell: default_2.ForwardRefExoticComponent<Omit<DataCellProps, "ref"> & default_2.RefAttributes<HTMLTableDataCellElement>>;
-
-export declare type DataCellProps = {
-    /** Innholdet i tabellcellen */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Størrelse som settes for DataCell for ulikt innhold av komponenter */
-    padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';
-    /** @deprecated bruk variant */
-    status?: 'positive' | 'negative' | 'neutral';
-    /** Hvilken type status man vil vise */
-    variant?: 'primary' | 'neutral' | VariantType | typeof danger | typeof info;
-} & default_2.DetailedHTMLProps<default_2.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>;
-
-export declare const EditableCell: default_2.FC<EditableCellProps>;
-
-declare type EditableCellProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Inputelementet som skal være i tabellcellen */
-    children: default_2.ReactElement;
-    /** Valideringsvariant for EditableCell */
-    variant?: VariantType | typeof error | typeof info_2;
-    /** Varselmelding, som vil komme som en Tooltip under EditableCell */
-    feedback?: string;
-    /** Om cellen skal vise omriss til enhver tid
-     * @default false
-     */
-    outlined?: boolean;
-    [key: string]: any;
-};
-
-/** @deprecated use variant="negative" instead */
-declare const error = "error";
-
-export declare const ExpandableRow: default_2.FC<ExpandableRowProps>;
-
-export declare type ExpandableRowProps = {
-    /** Antall kolonner tabellraden er */
-    colSpan: number;
-    /** Innholdet til ExpandableRow */
-    children: default_2.ReactNode;
-    /** Om ExpandableRow er åpen
-     * @default false
-     */
-    open?: boolean;
-};
-
-export declare const ExpandRowButton: default_2.FC<ExpandRowButtonProps>;
-
-export declare type ExpandRowButtonProps = {
-    open: boolean;
-    onClick: (e: default_2.MouseEvent) => void;
-} & default_2.ButtonHTMLAttributes<HTMLButtonElement>;
-
-export declare type ExternalSortConfig = {
-    /**
-     * @default ""
-     */
-    key: string;
-    /** @default "none" */
-    order: 'ascending' | 'descending' | 'none';
-};
-
-export declare const HeaderCell: default_2.ForwardRefExoticComponent<Omit<HeaderCellProps, "ref"> & default_2.RefAttributes<HTMLTableCellElement>>;
-
-export declare type HeaderCellProps = {
-    /** Kolonneoverskrift */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Størrelse som settes for HeaderCell for ulikt innhold av komponenter */
-    padding?: 'default' | 'checkbox' | 'radio' | 'overflow-menu';
-    /** Ekstra props som kan sendes til sorteringsknappelementet. Benyttes via useSortableTable */
-    sortableButtonProps?: default_2.DetailedHTMLProps<default_2.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
-    /** Om komponenten brukes til sortering. Benytt via useSortableTable
-     * @default false
-     */
-    sortable?: boolean;
-    /** Konfigurering og rekkefølgen på sortering. Benyttes via useSortableTable */
-    sortConfig?: ExternalSortConfig;
-    /** Navnet det skal sorteres på. Benyttes via useSortableTable */
-    name?: string;
-    sortedAscendingAriaLabel?: string;
-    sortedDescendingAriaLabel?: string;
-} & default_2.DetailedHTMLProps<default_2.ThHTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement>;
-
-/** @deprecated use variant="information" instead */
-declare const info = "info";
-
-/** @deprecated use variant="information" instead */
-declare const info_2 = "info";
-
-export declare type SortableHeaderProps = {
-    /** Navnet headeren skal se etter i forhold til sortering av items */
-    name: string;
-    /** Om headeren skal være sorterbar eller ikke
-     * @default true */
-    sortable?: boolean;
-    /** Props som sendes til knapp-elementet  */
-    buttonProps?: Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'type' | 'onClick'>;
-    [key: string]: any;
-};
-
-export declare type SortableHeaderReturnProps = {
-    name: string;
-    sortable: boolean;
-    sortConfig: ExternalSortConfig;
-    [key: string]: any;
-};
-
-export declare type SortableTableProps = {
-    /** @default true */
-    sortable?: boolean;
-    [key: string]: any;
-};
-
-export declare type SortableTableReturnProps = {
-    /** @default true */
-    sortable?: boolean;
-    sortConfig: ExternalSortConfig;
-    [key: string]: any;
-};
-
-export declare const Table: default_2.ForwardRefExoticComponent<Omit<TableProps, "ref"> & default_2.RefAttributes<HTMLTableElement>>;
-
-export declare const TableBody: default_2.ForwardRefExoticComponent<Omit<TableBodyProps, "ref"> & default_2.RefAttributes<HTMLTableSectionElement>>;
-
-export declare type TableBodyProps = {
-    /** Tabellrader */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    ref?: default_2.Ref<HTMLTableSectionElement>;
-} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
-
-export declare const TableFooter: default_2.ForwardRefExoticComponent<Omit<TableFooterProps, "ref"> & default_2.RefAttributes<HTMLTableSectionElement>>;
-
-export declare type TableFooterProps = {
-    /** Tabellrader */
-    children: default_2.ReactNode;
-} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
-
-export declare const TableHead: default_2.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & default_2.RefAttributes<HTMLTableSectionElement>>;
-
-export declare type TableHeadProps = {
-    /** Kolonneoverskrifter */
-    children: default_2.ReactNode;
-    /** Esktra klassenavn */
-    className?: string;
-} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>;
-
-export declare type TableProps = {
-    /** Ekstra klassenavn */
-    className?: string;
-    /** Setter tettheten mellom rader og kolonner. Bruk gjerne middle og small for for sider med høy informasjonstetthet
-     * @default "default"
-     */
-    spacing?: 'default' | 'middle' | 'small';
-    /** Setter kolonne-layout til å være uavhengig av innhold
-     * @default false
-     */
-    fixed?: boolean;
-    /** Om header-raden skal bli værende på skjermen når man skroller tabellen
-     * @default false
-     */
-    stickyHeader?: boolean;
-    /** Innholdet i tabellen */
-    children: default_2.ReactNode;
-    [key: string]: any;
-};
-
-export declare const TableRow: default_2.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & default_2.RefAttributes<HTMLTableRowElement>>;
-
-export declare type TableRowProps = {
-    /** Tabellceller */
-    children: default_2.ReactNode;
-    /** Ekstra klassenavn */
-    className?: string;
-    /**Hvis satt, så vil tabellraden endre fargen ved hover
-     * @default false
-     */
-    hover?: boolean;
-    /** Om raden er klikkbar, så vil raden endre farge, og musepekeren vil symbolisere interaktivitet
-     * @default false
-     */
-    active?: boolean;
-    /**Signalisere om at det er en feil i tabellraden
-     * @default false
-     */
-    error?: boolean;
-    ref?: default_2.Ref<HTMLTableRowElement>;
-} & default_2.DetailedHTMLProps<default_2.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>;
-
-export declare function useSortableData<T>(tableData: T[], externalSortConfig?: ExternalSortConfig): {
-    sortedData: T[];
-    getSortableHeaderProps: (args: SortableHeaderProps) => SortableHeaderReturnProps;
-    getSortableTableProps: (args?: SortableTableProps) => SortableTableReturnProps;
-};
-
-export declare const useTableKeyboardNavigation: useTableKeyboardNavigationProps;
-
-export declare type useTableKeyboardNavigationProps = (
-/** Antall rader i tabellen */
-numberOfRows: number, 
-/** Tillate at man kan navigere sirkulært
- * @default false
- */
-allowWrap?: boolean) => {
-    getTableRowNavigationProps: (
-    /** Raden i tabellen (0-indeksert) */
-    row: number) => Partial<TableRowProps>;
-    getTableBodyNavigationProps: () => Partial<TableBodyProps>;
-};
-
-declare type VariantType = 'success' | 'negative' | 'warning' | 'information';
-
-export { }
+export * from './Table';
+export * from './TableHead';
+export * from './TableBody';
+export * from './TableFooter';
+export * from './TableRow';
+export * from './DataCell';
+export * from './HeaderCell';
+export * from './useSortableTable';
+export * from './EditableCell';
+export * from './ExpandableRow';
+export * from './ExpandRowButton';
+export * from './useTableKeyboardNavigation';

package/dist/styles.css

@@ -57,7 +57,7 @@
   --basecolors-frame-tint: #f6f6f9;
   --basecolors-shape-accent: #181c56;
   --basecolors-shape-bicycle-contrast: #00db9b;
-  --basecolors-shape-bicycle-default: #388f76;
+  --basecolors-shape-bicycle-default: #33826b;
   --basecolors-shape-bus-contrast: #ff6392;
   --basecolors-shape-bus-default: #c5044e;
   --basecolors-shape-cableway-contrast: #b482fb;
@@ -77,7 +77,7 @@
   --basecolors-shape-metro-contrast: #f08901;
   --basecolors-shape-metro-default: #bf5826;
   --basecolors-shape-mobility-contrast: #00db9b;
-  --basecolors-shape-mobility-default: #388f76;
+  --basecolors-shape-mobility-default: #33826b;
   --basecolors-shape-plane-contrast: #fbafea;
   --basecolors-shape-plane-default: #800664;
   --basecolors-shape-subdued: #626493;

package/dist/useSortableTable.d.ts

@@ -0,0 +1,41 @@
+import { ButtonHTMLAttributes, DetailedHTMLProps } from 'react';
+export type ExternalSortConfig = {
+    /**
+     * @default ""
+     */
+    key: string;
+    /** @default "none" */
+    order: 'ascending' | 'descending' | 'none';
+};
+export declare function useSortableData<T>(tableData: T[], externalSortConfig?: ExternalSortConfig): {
+    sortedData: T[];
+    getSortableHeaderProps: (args: SortableHeaderProps) => SortableHeaderReturnProps;
+    getSortableTableProps: (args?: SortableTableProps) => SortableTableReturnProps;
+};
+export type SortableHeaderProps = {
+    /** Navnet headeren skal se etter i forhold til sortering av items */
+    name: string;
+    /** Om headeren skal være sorterbar eller ikke
+     * @default true */
+    sortable?: boolean;
+    /** Props som sendes til knapp-elementet  */
+    buttonProps?: Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'type' | 'onClick'>;
+    [key: string]: any;
+};
+export type SortableHeaderReturnProps = {
+    name: string;
+    sortable: boolean;
+    sortConfig: ExternalSortConfig;
+    [key: string]: any;
+};
+export type SortableTableProps = {
+    /** @default true */
+    sortable?: boolean;
+    [key: string]: any;
+};
+export type SortableTableReturnProps = {
+    /** @default true */
+    sortable?: boolean;
+    sortConfig: ExternalSortConfig;
+    [key: string]: any;
+};

package/dist/useTableKeyboardNavigation.d.ts

@@ -0,0 +1,14 @@
+import { TableBodyProps, TableRowProps } from './index';
+export type useTableKeyboardNavigationProps = (
+/** Antall rader i tabellen */
+numberOfRows: number, 
+/** Tillate at man kan navigere sirkulært
+ * @default false
+ */
+allowWrap?: boolean) => {
+    getTableRowNavigationProps: (
+    /** Raden i tabellen (0-indeksert) */
+    row: number) => Partial<TableRowProps>;
+    getTableBodyNavigationProps: () => Partial<TableBodyProps>;
+};
+export declare const useTableKeyboardNavigation: useTableKeyboardNavigationProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@entur/table",
-  "version": "4.9.14",
+  "version": "4.9.16",
   "license": "EUPL-1.2",
   "main": "dist/table.cjs.js",
   "module": "dist/table.esm.js",
@@ -27,15 +27,15 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@entur/a11y": "^0.2.100",
-    "@entur/button": "^3.3.13",
-    "@entur/expand": "^3.6.13",
-    "@entur/form": "^8.3.2",
-    "@entur/icons": "^8.0.1",
-    "@entur/layout": "^3.1.9",
-    "@entur/tokens": "^3.19.2",
-    "@entur/tooltip": "^5.2.13",
-    "@entur/utils": "^0.12.4",
+    "@entur/a11y": "^0.2.102",
+    "@entur/button": "^3.3.16",
+    "@entur/expand": "^3.6.16",
+    "@entur/form": "^8.4.0",
+    "@entur/icons": "^8.1.0",
+    "@entur/layout": "^3.2.0",
+    "@entur/tokens": "^3.20.0",
+    "@entur/tooltip": "^5.2.15",
+    "@entur/utils": "^0.12.5",
     "@types/lodash.get": "^4.4.9",
     "classnames": "^2.5.1",
     "lodash.get": "^4.4.2"
@@ -53,5 +53,5 @@
     "vite": "^7.1.3",
     "vite-plugin-dts": "^4.5.4"
   },
-  "gitHead": "268fb2f3387485206586a7c4c6f2a058f824f5d6"
+  "gitHead": "121225eb41428c01d02eeaa81669651cb9499456"
 }