@entur/table 4.9.14-beta.1 → 4.9.14-beta.11

package/dist/DataCell.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { VariantType } from '@entur/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,24 @@
+import React from 'react';
+import { VariantType } from '@entur/utils';
+import './EditableCell.scss';
+/** @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,7 @@
+import React from 'react';
+import './ExpandRowButton.scss';
+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 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,24 @@
+import React from 'react';
+import { ExternalSortConfig } from '.';
+import './HeaderCell.scss';
+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 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 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 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 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 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,13 @@
-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 { }
+import './index.scss';
+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/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./table.cjs.production.min.js')
+} else {
+  module.exports = require('./table.cjs.development.js')
+}