@norges-domstoler/dds-components 13.8.1 → 13.8.3

package/dist/components/Table/SortCell.js

@@ -1,51 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Icon, UnfoldMoreIcon, ChevronDownIcon, ChevronUpIcon } from '@norges-domstoler/dds-icons';
-import styled from 'styled-components';
-import { normalizeButton, removeButtonStyling } from '@norges-domstoler/dds-core';
-import { focusVisible } from '@norges-domstoler/dds-form';
-import { Cell } from './Cell.js';
-import { tableTokens } from './Table.tokens.js';
-
-var cell = tableTokens.cell;
-var StyledButton = styled.button.withConfig({
-  displayName: "SortCell__StyledButton",
-  componentId: "sc-1l3jzvh-0"
-})(["", " user-select:text;", " display:flex;align-items:center;gap:", ";&:focus-visible{", "}"], normalizeButton, removeButtonStyling, cell.sort.gap, focusVisible);
-var makeSortIcon = function makeSortIcon(isSorted, sortOrder) {
-  if (!isSorted || !sortOrder) {
-    return jsx(Icon, {
-      icon: UnfoldMoreIcon,
-      iconSize: "inherit"
-    });
-  }
-  return sortOrder === 'ascending' ? jsx(Icon, {
-    icon: ChevronDownIcon,
-    iconSize: "inherit"
-  }) : jsx(Icon, {
-    icon: ChevronUpIcon,
-    iconSize: "inherit"
-  });
-};
-var SortCell = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var isSorted = _a.isSorted,
-    sortOrder = _a.sortOrder,
-    onClick = _a.onClick,
-    children = _a.children,
-    rest = __rest(_a, ["isSorted", "sortOrder", "onClick", "children"]);
-  return jsx(Cell, Object.assign({
-    ref: ref,
-    type: "head",
-    "aria-sort": isSorted && sortOrder ? sortOrder : undefined
-  }, rest, {
-    children: jsxs(StyledButton, {
-      onClick: onClick,
-      "aria-description": "Aktiver for \xE5 endre sorteringsrekkef\xF8lge",
-      children: [children, " ", makeSortIcon(isSorted, sortOrder)]
-    })
-  }));
-});
-SortCell.displayName = 'Table.SortCell';
-
-export { SortCell };

package/dist/components/Table/Table.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { TableDensity } from './Table.types';
-export declare const Table: import("react").ForwardRefExoticComponent<{
-    density?: TableDensity | undefined;
-    stickyHeader?: boolean | undefined;
-    withDividers?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;

package/dist/components/Table/Table.js

@@ -1,44 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { selection } from '@norges-domstoler/dds-core';
-import '../ScrollableContainer/Scrollbar.js';
-import '../ScrollableContainer/ScrollableContainer.js';
-import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-import { tableTokens } from './Table.tokens.js';
-
-var cell = tableTokens.cell,
-  row = tableTokens.row;
-var StyledTable = styled.table.withConfig({
-  displayName: "Table__StyledTable",
-  componentId: "sc-bw0w0a-0"
-})(["border-spacing:0;border-collapse:collapse;*::selection{", "}", " ", " ", " ", " ", " ", ""], selection, scrollbarStyling.webkit, scrollbarStyling.firefox, function (_ref) {
-  var density = _ref.density;
-  return css(["td,th{padding:", ";}"], cell.density[density].padding);
-}, function (_ref2) {
-  var density = _ref2.density;
-  return density === 'extraCompact' && css(["th{background-color:", ";font-size:", ";}tr[type='body']{&:nth-of-type(even){background-color:", ";}&:nth-of-type(odd){background-color:", ";}}"], row.head.extraCompact.backgroundColor, row.head.extraCompact.fontSize, row.body.odd.backgroundColor, row.body.even.backgroundColor);
-}, function (_ref3) {
-  var stickyHeader = _ref3.stickyHeader;
-  return stickyHeader && css(["tr[type='head']{th[type='head']{position:sticky;top:0;z-index:50;}}"]);
-}, function (_ref4) {
-  var withDividers = _ref4.withDividers;
-  return withDividers && css(["tr[type='body']{border-bottom:", ";}"], row.body.withDividers.borderBottom);
-});
-var Table = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$density = _a.density,
-    density = _a$density === void 0 ? 'normal' : _a$density,
-    children = _a.children,
-    rest = __rest(_a, ["density", "children"]);
-  var tableProps = Object.assign({
-    ref: ref,
-    density: density
-  }, rest);
-  return jsx(StyledTable, Object.assign({}, tableProps, {
-    children: children
-  }));
-});
-Table.displayName = 'Table';
-
-export { Table };

package/dist/components/Table/Table.stories.d.ts

@@ -1,57 +0,0 @@
-/// <reference types="react" />
-import { TableProps, SortOrder } from '.';
-declare const _default: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        density?: import("./Table.types").TableDensity | undefined;
-        stickyHeader?: boolean | undefined;
-        withDividers?: boolean | undefined;
-    } & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>> & {
-        Wrapper: {
-            ({ children, ...rest }: import("./TableWrapper").TableWrapperProps): import("react/jsx-runtime").JSX.Element;
-            displayName: string;
-        };
-        Head: import("react").ForwardRefExoticComponent<import("./Head").TableHeadProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-        Body: import("react").ForwardRefExoticComponent<import("./Body").TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-        Foot: import("react").ForwardRefExoticComponent<import("./Foot").TableFootProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-        Row: import("react").ForwardRefExoticComponent<{
-            type?: import("./Table.types").TableRowType | undefined;
-            mode?: import("./Table.types").RowMode | undefined;
-            selected?: boolean | undefined;
-            hoverable?: boolean | undefined;
-        } & import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;
-        Cell: import("react").ForwardRefExoticComponent<import("./Cell").TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
-        SortCell: import("react").ForwardRefExoticComponent<{
-            isSorted?: boolean | undefined;
-            sortOrder?: SortOrder | undefined;
-            onClick: (event: import("react").MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-        } & Omit<import("./Cell").TableCellProps, "type"> & import("react").RefAttributes<HTMLTableCellElement>>;
-    };
-    argTypes: {
-        stickyHeader: {
-            control: {
-                type: string;
-            };
-        };
-        withDividers: {
-            control: {
-                type: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Default: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithDividers: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Focusable: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Compact: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ExtraCompact: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const StickyHeader: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Hoverable: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithButtonAndIcons: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithSum: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithCheckbox: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Complex: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Sortable: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ColumnAndRowHeaders: (args: TableProps) => import("react/jsx-runtime").JSX.Element;
-export declare const WithScroll: (args: TableProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Table/Table.styles.d.ts

@@ -1,10 +0,0 @@
-import { RowMode, TableRowType } from './Table.types';
-export declare const bodyRowStyles: (mode?: RowMode, selected?: boolean) => import("styled-components").FlattenSimpleInterpolation;
-type StyledProps = {
-    type: TableRowType;
-    mode?: RowMode;
-    selected?: boolean;
-    hoverable?: boolean;
-};
-export declare const StyledRow: import("styled-components").StyledComponent<"tr", any, StyledProps, never>;
-export {};

package/dist/components/Table/Table.styles.js

@@ -1,24 +0,0 @@
-import styled, { css } from 'styled-components';
-import { getFontStyling, defaultTypographyType } from '@norges-domstoler/dds-typography';
-import { focusVisibleInset } from '@norges-domstoler/dds-form';
-import { tableTokens } from './Table.tokens.js';
-
-var row = tableTokens.row;
-var bodyRowStyles = function bodyRowStyles(mode, selected) {
-  return css(["", " ", ""], mode === 'sum' && css(["font-weight:600;border-top:", ";border-bottom:", ";background-color:", ";"], row.body.mode.sum.borderTop, row.body.mode.sum.borderBottom, row.body.mode.sum.backgroundColor), selected && css(["background-color:", ";"], row.body.selected.backgroundColor));
-};
-var StyledRow = styled.tr.withConfig({
-  displayName: "Tablestyles__StyledRow",
-  componentId: "sc-1b057ci-0"
-})(["@media (prefers-reduced-motion:no-preference){transition:background-color 0.2s,border-color 0.2s,box-shadow 0.2s;}", " ", " ", ""], getFontStyling(defaultTypographyType, true), function (_ref) {
-  var type = _ref.type;
-  return type === 'head' && css(["font-weight:600;text-align:left;"]);
-}, function (_ref2) {
-  var type = _ref2.type,
-    mode = _ref2.mode,
-    selected = _ref2.selected,
-    hoverable = _ref2.hoverable;
-  return type === 'body' && css(["&:nth-of-type(even){background-color:", ";", "}&:nth-of-type(odd){background-color:", ";", "}", " &:focus-visible,&.focus-visible{", "}"], row.body.even.backgroundColor, bodyRowStyles(mode, selected), row.body.odd.backgroundColor, bodyRowStyles(mode, selected), hoverable && css(["&:hover{background-color:", ";}"], row.body.hover.backgroundColor), focusVisibleInset);
-});
-
-export { StyledRow, bodyRowStyles };

package/dist/components/Table/Table.tokens.d.ts

@@ -1,67 +0,0 @@
-export declare const tableTokens: {
-    row: {
-        body: {
-            odd: {
-                backgroundColor: string;
-            };
-            even: {
-                backgroundColor: string;
-            };
-            hover: {
-                backgroundColor: string;
-            };
-            selected: {
-                backgroundColor: string;
-            };
-            mode: {
-                sum: {
-                    borderTop: string;
-                    borderBottom: string;
-                    backgroundColor: string;
-                };
-            };
-            withDividers: {
-                borderBottom: string;
-            };
-        };
-        head: {
-            extraCompact: {
-                backgroundColor: string;
-                fontSize: string;
-            };
-        };
-    };
-    cell: {
-        density: {
-            normal: {
-                padding: string;
-            };
-            compact: {
-                padding: string;
-            };
-            extraCompact: {
-                padding: string;
-            };
-        };
-        head: {
-            backgroundColor: string;
-        };
-        sort: {
-            gap: string;
-            icon: {
-                marginInlineStart: string;
-            };
-        };
-        layout: {
-            textAndIcon: {
-                gap: string;
-                marginRight: string;
-            };
-        };
-    };
-    collapseButton: {
-        height: string;
-        width: string;
-        borderRadius: string;
-    };
-};

package/dist/components/Table/Table.tokens.js

@@ -1,80 +0,0 @@
-import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
-
-var font = ddsBaseTokens.font,
-  colors = ddsBaseTokens.colors,
-  border = ddsBaseTokens.border,
-  spacing = ddsBaseTokens.spacing,
-  iconSizes = ddsBaseTokens.iconSizes,
-  borderRadius = ddsBaseTokens.borderRadius;
-var row = {
-  body: {
-    odd: {
-      backgroundColor: colors.DdsColorNeutralsWhite
-    },
-    even: {
-      backgroundColor: colors.DdsColorNeutralsGray1
-    },
-    hover: {
-      backgroundColor: colors.DdsColorInteractiveLightest
-    },
-    selected: {
-      backgroundColor: colors.DdsColorInteractiveLightest
-    },
-    mode: {
-      sum: {
-        borderTop: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray4),
-        borderBottom: "".concat(border.BordersDdsBorderStyleLightStrokeWeight, " solid ").concat(colors.DdsColorNeutralsGray4),
-        backgroundColor: colors.DdsColorNeutralsWhite
-      }
-    },
-    withDividers: {
-      borderBottom: "1px solid ".concat(colors.DdsColorNeutralsGray4)
-    }
-  },
-  head: {
-    extraCompact: {
-      backgroundColor: colors.DdsColorNeutralsWhite,
-      fontSize: font.DdsFontBodySans01FontSize
-    }
-  }
-};
-var cell = {
-  density: {
-    normal: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX15, " ").concat(spacing.SizesDdsSpacingLocalX075)
-    },
-    compact: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX075)
-    },
-    extraCompact: {
-      padding: "".concat(spacing.SizesDdsSpacingLocalX025, " ").concat(spacing.SizesDdsSpacingLocalX05)
-    }
-  },
-  head: {
-    backgroundColor: colors.DdsColorPrimaryLightest
-  },
-  sort: {
-    gap: spacing.SizesDdsSpacingLocalX05,
-    icon: {
-      marginInlineStart: spacing.SizesDdsSpacingLocalX05
-    }
-  },
-  layout: {
-    textAndIcon: {
-      gap: spacing.SizesDdsSpacingLocalX075,
-      marginRight: spacing.SizesDdsSpacingLocalX075
-    }
-  }
-};
-var collapseButton = {
-  height: iconSizes.DdsIconsizeMedium,
-  width: iconSizes.DdsIconsizeMedium,
-  borderRadius: borderRadius.RadiiDdsBorderRadius1Radius
-};
-var tableTokens = {
-  row: row,
-  cell: cell,
-  collapseButton: collapseButton
-};
-
-export { tableTokens };

package/dist/components/Table/Table.types.d.ts

@@ -1,37 +0,0 @@
-import { HTMLAttributes, ReactNode } from 'react';
-export type TableDensity = 'normal' | 'compact' | 'extraCompact';
-export type TableProps = {
-    /**Spesifiserer hvor romslige cellene i tabellen skal være. */
-    density?: TableDensity;
-    /**Spesifiserer om cellene i `<Head>` skal bli sticky ved scrolling. */
-    stickyHeader?: boolean;
-    /**Legger skillelinjer mellom radene. */
-    withDividers?: boolean;
-} & HTMLAttributes<HTMLTableElement>;
-export type HeaderValues = {
-    key: string;
-    content: ReactNode;
-}[];
-export type CollapsibleTableProps = {
-    /**Om tabellen skal kollapse. */
-    isCollapsed?: boolean;
-    /**Innhold i headere (`content`) og deres `key`. `headerValues.content` må være den samme som faktisk innhold i `<Table.Cell type='head'>`. */
-    headerValues: HeaderValues;
-    /**
-     * Indeksen(e) til kolonnen(e) som skal synes når tabellen er kollapset. Rekkefølgen i array avgjør rekkefølgen i render.
-     * @default [0]
-     *  */
-    definingColumnIndex?: number[];
-} & TableProps;
-export type TableRowType = 'body' | 'head';
-export type RowMode = 'normal' | 'sum';
-export type TableRowProps = {
-    /**Spesifiserer om raden skal brukes i `<head>` eller `<body>`-seksjonen. */
-    type?: TableRowType;
-    /**Custom modus for rader som har ytterligere semantisk betydning (f.eks. summeringsrad), definerer kun styling. Ved bruk av sum må `<Cell>` med tall i høyrestilles vha layout prop.  */
-    mode?: RowMode;
-    /**Spesifiserer om raden har blitt valgt/markert. */
-    selected?: boolean;
-    /**Spesifiserer om raden skal ha hover styling. Brukes hovedsakelig på klikkbare rader. */
-    hoverable?: boolean;
-} & HTMLAttributes<HTMLTableRowElement>;

package/dist/components/Table/TableWrapper.d.ts

@@ -1,6 +0,0 @@
-import { HTMLAttributes } from 'react';
-export type TableWrapperProps = HTMLAttributes<HTMLDivElement>;
-export declare const TableWrapper: {
-    ({ children, ...rest }: TableWrapperProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/Table/TableWrapper.js

@@ -1,58 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { useState, useRef, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import '../ScrollableContainer/Scrollbar.js';
-import '../ScrollableContainer/ScrollableContainer.js';
-import { scrollbarStyling } from '../ScrollableContainer/scrollbarStyling.js';
-
-var Wrapper = styled.div.withConfig({
-  displayName: "TableWrapper__Wrapper",
-  componentId: "sc-eb384b-0"
-})(["", " ", " ", ""], function (_ref) {
-  var overflowX = _ref.overflowX;
-  return overflowX && css(["overflow-x:auto;"]);
-}, scrollbarStyling.webkit, scrollbarStyling.firefox);
-var TableWrapper = function TableWrapper(_a) {
-  var children = _a.children,
-    rest = __rest(_a, ["children"]);
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    overflowX = _useState2[0],
-    setOverflowX = _useState2[1];
-  var _useState3 = useState(window.innerWidth),
-    _useState4 = _slicedToArray(_useState3, 2),
-    windowWidth = _useState4[0],
-    setWindowWidth = _useState4[1];
-  function isOverflowingX(event) {
-    return event.offsetWidth < event.scrollWidth;
-  }
-  var wrapperRef = useRef(null);
-  useEffect(function () {
-    if (wrapperRef && wrapperRef.current && isOverflowingX(wrapperRef.current)) {
-      setOverflowX(true);
-      return;
-    }
-    setOverflowX(false);
-  }, [windowWidth]);
-  useEffect(function () {
-    function handleResize() {
-      setWindowWidth(window.innerWidth);
-    }
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    };
-  });
-  var wrapperProps = Object.assign({
-    ref: wrapperRef,
-    overflowX: overflowX
-  }, rest);
-  return jsx(Wrapper, Object.assign({}, wrapperProps, {
-    children: children
-  }));
-};
-TableWrapper.displayName = 'Table.Wrapper';
-
-export { TableWrapper };

package/dist/components/Table/collapsible/CollapsibleRow.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-export declare const CollapsibleRow: import("react").ForwardRefExoticComponent<{
-    type?: import("..").TableRowType | undefined;
-    mode?: import("../Table.types").RowMode | undefined;
-    selected?: boolean | undefined;
-    hoverable?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLTableRowElement> & import("react").RefAttributes<HTMLTableRowElement>>;

package/dist/components/Table/collapsible/CollapsibleRow.js

@@ -1,138 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import { __rest } from 'tslib';
-import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { forwardRef, useState, useEffect, Children, Fragment, isValidElement, cloneElement } from 'react';
-import styled from 'styled-components';
-import { focusVisibleTransitionValue, focusVisible } from '@norges-domstoler/dds-form';
-import { removeButtonStyling, derivativeIdGenerator, spaceSeparatedIdListGenerator, AnimatedChevronUpDown } from '@norges-domstoler/dds-core';
-import { Table } from '../index.js';
-import { DescriptionList } from '../../DescriptionList/DescriptionList.js';
-import { DescriptionListTerm } from '../../DescriptionList/DescriptionListTerm.js';
-import '../../DescriptionList/DescriptionListDesc.js';
-import '../../DescriptionList/DescriptionListGroup.js';
-import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.js';
-import { Cell } from '../Cell.js';
-import { useCollapsibleTableContext } from './Table.context.js';
-import { StyledRow } from '../Table.styles.js';
-import { tableTokens } from '../Table.tokens.js';
-
-var collapseButton = tableTokens.collapseButton;
-var CollapseButton = styled.button.withConfig({
-  displayName: "CollapsibleRow__CollapseButton",
-  componentId: "sc-1bsqre3-0"
-})(["", " margin-left:auto;margin-right:auto;display:flex;align-items:center;justify-content:center;transition:", ";border-radius:", ";height:", ";width:", ";&:focus-visible{", "}"], removeButtonStyling, focusVisibleTransitionValue, collapseButton.borderRadius, collapseButton.height, collapseButton.width, focusVisible);
-var DescriptionListCell = styled(Cell).withConfig({
-  displayName: "CollapsibleRow__DescriptionListCell",
-  componentId: "sc-1bsqre3-1"
-})(["& > div{display:block;}"]);
-var CollapsibleRow = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _a$type = _a.type,
-    type = _a$type === void 0 ? 'body' : _a$type,
-    _a$mode = _a.mode,
-    mode = _a$mode === void 0 ? 'normal' : _a$mode,
-    children = _a.children,
-    rest = __rest(_a, ["type", "mode", "children"]);
-  var rowProps = Object.assign({
-    type: type,
-    mode: mode
-  }, rest);
-  var _useCollapsibleTableC = useCollapsibleTableContext(),
-    isCollapsed = _useCollapsibleTableC.isCollapsed,
-    headerValues = _useCollapsibleTableC.headerValues,
-    definingColumnIndex = _useCollapsibleTableC.definingColumnIndex;
-  var _useState = useState(true),
-    _useState2 = _slicedToArray(_useState, 2),
-    childrenCollapsed = _useState2[0],
-    setChildrenCollapsed = _useState2[1];
-  useEffect(function () {
-    !isCollapsed && setChildrenCollapsed(true);
-  }, [isCollapsed]);
-  var collapsedHeaderValues = headerValues.filter(function (column, index) {
-    return definingColumnIndex.indexOf(index) === -1;
-  });
-  var childrenArray = Children.toArray(children);
-  var collapsedChildren = childrenArray.filter(function (column, index) {
-    return definingColumnIndex.indexOf(index) === -1;
-  });
-  var prefix = 'collapsibleRow';
-  var collapsibleIds = [];
-  var collapsedRenderedChildren = isCollapsed && collapsedHeaderValues.length > 0 ? collapsedChildren.map(function (child, index) {
-    var id = derivativeIdGenerator(prefix, index.toString());
-    collapsibleIds.push(id);
-    return jsxs(Fragment, {
-      children: [jsx(DescriptionListTerm, {
-        children: collapsedHeaderValues[index].content
-      }), /*#__PURE__*/isValidElement(child) && /*#__PURE__*/cloneElement(child, {
-        collapsibleProps: {
-          isCollapsibleChild: true
-        }
-      })]
-    }, "DL-".concat(index));
-  }) : null;
-  var collapsedRows = collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsx(StyledRow, {
-    type: "body",
-    children: jsx(DescriptionListCell, {
-      colSpan: definingColumnIndex.length + 1,
-      children: jsx(DescriptionList, {
-        children: collapsedRenderedChildren
-      })
-    })
-  }) : null;
-  var definingColumnCells = childrenArray.slice().filter(function (column, index) {
-    return definingColumnIndex.indexOf(index) > -1;
-  }).sort(function (a, b) {
-    return definingColumnIndex.indexOf(childrenArray.indexOf(a)) - definingColumnIndex.indexOf(childrenArray.indexOf(b));
-  });
-  var headerRow = function headerRow() {
-    if (type !== 'head' || !isCollapsed) return null;
-    return jsx(StyledRow, Object.assign({
-      ref: ref
-    }, rowProps, {
-      children: jsxs(Fragment$1, {
-        children: [definingColumnCells, jsxs(Table.Cell, {
-          type: "head",
-          layout: "center",
-          children: ["Utvid", jsx(VisuallyHidden, {
-            as: "span",
-            children: "raden"
-          })]
-        })]
-      })
-    }));
-  };
-  var idList = spaceSeparatedIdListGenerator(collapsibleIds);
-  var rowWithChevron = function rowWithChevron() {
-    if (type !== 'body' || !isCollapsed) return null;
-    return jsxs(StyledRow, Object.assign({
-      ref: ref
-    }, rowProps, {
-      "data-isopencollapsibleheader": !childrenCollapsed && true,
-      children: [definingColumnCells, jsx(Table.Cell, {
-        children: jsx(CollapseButton, {
-          onClick: function onClick() {
-            return setChildrenCollapsed(!childrenCollapsed);
-          },
-          "aria-expanded": !childrenCollapsed,
-          "aria-controls": idList,
-          children: jsx(AnimatedChevronUpDown, {
-            isUp: childrenCollapsed ? false : true,
-            height: "7.5px",
-            width: "12px"
-          })
-        })
-      })]
-    }));
-  };
-  return isCollapsed && collapsedRenderedChildren && collapsedRenderedChildren.length > 0 ? jsxs(Fragment$1, {
-    children: [headerRow(), type === 'body' && jsxs(Fragment$1, {
-      children: [rowWithChevron(), childrenCollapsed ? null : collapsedRows]
-    })]
-  }) : jsx(StyledRow, Object.assign({
-    ref: ref
-  }, rowProps, {
-    children: children
-  }));
-});
-CollapsibleRow.displayName = 'CollapsibleTable.Row';
-
-export { CollapsibleRow };

package/dist/components/Table/collapsible/CollapsibleTable.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare const CollapsibleTable: import("react").ForwardRefExoticComponent<{
-    isCollapsed?: boolean | undefined;
-    headerValues: import("../Table.types").HeaderValues;
-    definingColumnIndex?: number[] | undefined;
-} & {
-    density?: import("../Table.types").TableDensity | undefined;
-    stickyHeader?: boolean | undefined;
-    withDividers?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLTableElement> & import("react").RefAttributes<HTMLTableElement>>;

package/dist/components/Table/collapsible/CollapsibleTable.js

@@ -1,42 +0,0 @@
-import { __rest } from 'tslib';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { Table } from '../Table.js';
-import { CollapsibleTableContext } from './Table.context.js';
-
-var StyledTable = styled(Table).withConfig({
-  displayName: "CollapsibleTable__StyledTable",
-  componentId: "sc-1slp1a9-0"
-})(["width:100%;", ""], function (_ref) {
-  var withDividers = _ref.withDividers;
-  return withDividers && css(["tr[data-isopencollapsibleheader='true']{border-bottom:none;}"]);
-});
-var CollapsibleTable = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _props$density = props.density,
-    density = _props$density === void 0 ? 'normal' : _props$density,
-    children = props.children,
-    isCollapsed = props.isCollapsed,
-    headerValues = props.headerValues,
-    _props$definingColumn = props.definingColumnIndex,
-    definingColumnIndex = _props$definingColumn === void 0 ? [0] : _props$definingColumn,
-    rest = __rest(props, ["density", "children", "isCollapsed", "headerValues", "definingColumnIndex"]);
-  var tableProps = Object.assign({
-    ref: ref,
-    density: density,
-    isCollapsed: isCollapsed
-  }, rest);
-  return jsx(CollapsibleTableContext.Provider, {
-    value: {
-      isCollapsed: isCollapsed,
-      headerValues: headerValues,
-      definingColumnIndex: definingColumnIndex
-    },
-    children: jsx(StyledTable, Object.assign({}, tableProps, {
-      children: children
-    }))
-  });
-});
-CollapsibleTable.displayName = 'CollapsibleTable';
-
-export { CollapsibleTable };