@dfds-ui/experiences 0.9.16-alpha.7ea9a773 → 0.9.16-alpha.affd8472

package/cjs/dynamic-table/Body/TableBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableBodyProps } from './TableBody.types';
+declare const TableBody: React.MemoExoticComponent<({ activeRowId, headerRow, onClickRow, onSelectFunction, rows, selectableRows, selectedRows }: TableBodyProps) => JSX.Element>;
+export default TableBody;

package/cjs/dynamic-table/Body/TableBody.js

@@ -41,10 +41,10 @@ const TableBody = /*#__PURE__*/_react.default.memo(({
       }
     }
   }, [selectableRows, selectedRows]);
-  return (0, _react2.jsx)("tbody", null, rows.map(row => (0, _react2.jsx)(_TableRow.default, {
+  return (0, _react2.jsx)("tbody", null, rows.map((row, index) => (0, _react2.jsx)(_TableRow.default, {
     headerRow: headerRow,
     isActive: activeRowId ? row.id === activeRowId : undefined,
-    key: row.id,
+    key: index,
     onClickRow: onClickRow,
     onSelectRow: updateSelectedRows,
     row: row,

package/cjs/dynamic-table/Body/TableBody.types.d.ts

@@ -0,0 +1,10 @@
+import { Header, Row } from '../DynamicTable.types';
+export declare type TableBodyProps = {
+    activeRowId?: string;
+    headerRow: Header[];
+    onClickRow?: (id: string) => void;
+    onSelectFunction?: (list: string[]) => void;
+    rows: Row[];
+    selectableRows: boolean;
+    selectedRows: string[];
+};

package/cjs/dynamic-table/Body/TableCell.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableCellProps } from './TableCell.types';
+declare const TableCell: React.MemoExoticComponent<({ children, columnCount, headerCell, onSelectFunction }: TableCellProps) => JSX.Element>;
+export default TableCell;

package/cjs/dynamic-table/Body/TableCell.js

@@ -22,7 +22,7 @@ const TableCell = /*#__PURE__*/_react.default.memo(({
   align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
   columns: columnCount,
   customColumnWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.customColumnWidth,
-  "data-cy": headerCell === null || headerCell === void 0 ? void 0 : headerCell.key,
+  "data-cy": `dynamic-table-cell-${headerCell === null || headerCell === void 0 ? void 0 : headerCell.key}`,
   hasOnSelectFunction: !!onSelectFunction
 }, children));
 

package/cjs/dynamic-table/Body/TableCell.styles.d.ts

@@ -0,0 +1,16 @@
+export declare const genericTableCellStyle: import("@emotion/react").SerializedStyles;
+declare type TableCellProps = {
+    align?: 'center' | 'left' | 'right';
+    columns: number;
+    customColumnWidth?: string;
+    hasOnSelectFunction: boolean;
+};
+export declare const TableCellStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TableCellProps, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export declare const TableCellCheckboxStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
+export {};

package/cjs/dynamic-table/Body/TableCell.types.d.ts

@@ -0,0 +1,7 @@
+import { Header } from '../DynamicTable.types';
+export declare type TableCellProps = {
+    children: React.ReactNode;
+    columnCount: number;
+    headerCell?: Header;
+    onSelectFunction?: (list: string[]) => void;
+};

package/cjs/dynamic-table/Body/TableRow.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableRowProps } from './TableRow.types';
+declare const TableRow: React.MemoExoticComponent<({ headerRow, isActive, onClickRow, onSelectRow, row, selectableRows, selectedRows }: TableRowProps) => JSX.Element>;
+export default TableRow;

package/cjs/dynamic-table/Body/TableRow.js

@@ -29,9 +29,8 @@ const TableRow = /*#__PURE__*/_react.default.memo(({
   selectedRows
 }) => (0, _react2.jsx)(_TableRow.TableRowStyled, {
   active: isActive,
-  className: `dynamicTableRow-${row.id}`,
   hoverColor: !!onClickRow,
-  onClick: () => onClickRow && onClickRow(row.id || '')
+  onClick: () => onClickRow && onClickRow(row.id ? String(row.id) : '')
 }, selectableRows && row.id && (0, _react2.jsx)(_TableCell2.TableCellCheckboxStyled, null, (0, _react2.jsx)(_forms.Checkbox, {
   checked: selectedRows.includes(row.id),
   name: row.id,
@@ -46,7 +45,7 @@ const TableRow = /*#__PURE__*/_react.default.memo(({
   columnCount: headerRow.length,
   headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
   key: index
-}, row[headerCell.key]))));
+}, row[headerCell.key] || '-'))));
 
 var _default = TableRow;
 exports.default = _default;

package/cjs/dynamic-table/Body/TableRow.styles.d.ts

@@ -0,0 +1,10 @@
+export declare const genericTableRowStyle: import("@emotion/react").SerializedStyles;
+declare type TableRowProps = {
+    active?: boolean;
+    hoverColor: boolean;
+};
+export declare const TableRowStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TableRowProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export {};

package/cjs/dynamic-table/Body/TableRow.types.d.ts

@@ -0,0 +1,10 @@
+import { Header, Row } from '../DynamicTable.types';
+export declare type TableRowProps = {
+    headerRow: Header[];
+    isActive?: boolean;
+    onClickRow?: (id: string) => void;
+    onSelectRow: (id: string) => void;
+    row: Row;
+    selectableRows?: boolean;
+    selectedRows: string[];
+};

package/cjs/dynamic-table/DynamicTable.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DynamicTableProps } from './DynamicTable.types';
+declare const _default: React.NamedExoticComponent<DynamicTableProps>;
+export default _default;

package/cjs/dynamic-table/DynamicTable.js

@@ -39,7 +39,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 const DynamicTable = ({
   activeRowId,
-  className,
   clickRowHandler,
   descending,
   fixedHeight,
@@ -72,9 +71,7 @@ const DynamicTable = ({
   }, [sortDescending, onSortByKey, sortByKeyValue]);
   return (0, _react2.jsx)(_DynamicTable.TableWrapperStyled, {
     fixedHeight: fixedHeight
-  }, (0, _react2.jsx)(_DynamicTable.TableStyled, {
-    className: className
-  }, headerRow && (0, _react2.jsx)(_TableHead.default, {
+  }, (0, _react2.jsx)(_DynamicTable.TableStyled, null, headerRow && (0, _react2.jsx)(_TableHead.default, {
     headerRow: headerRow,
     onSelectFunction: onSelectFunction,
     onSortByKey: onSortByKey,

package/cjs/dynamic-table/DynamicTable.styles.d.ts

@@ -0,0 +1,12 @@
+declare type TableWrapperProps = {
+    fixedHeight?: string;
+};
+export declare const TableWrapperStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TableWrapperProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TableStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
+export {};

package/cjs/dynamic-table/DynamicTable.types.d.ts

@@ -0,0 +1,26 @@
+export declare type Header = {
+    customColumnWidth?: string;
+    displayName: string;
+    key: string;
+    sortable?: boolean;
+    sortKey?: string;
+    textAlign?: 'center' | 'left' | 'right';
+};
+export declare type Row = {
+    [name: string]: any;
+};
+export declare type DynamicTableProps = {
+    activeRowId?: string;
+    clickRowHandler?: (id: string) => void;
+    descending?: boolean;
+    fixedHeight?: string;
+    headerRow: Header[];
+    isLoading?: boolean;
+    onSelectFunction?: (list: string[]) => void;
+    onSortByKey?: (value: string, sortDescending: boolean) => void;
+    rows: Row[];
+    selectedRows?: string[];
+    sortingBy?: string;
+    stickyHeader?: boolean;
+    urlSortValue?: string | null;
+};

package/cjs/dynamic-table/Head/TableHead.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TableHeadProps } from './TableHead.types';
+declare const TableHead: React.MemoExoticComponent<({ headerRow, onSelectFunction, onSortByKey, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
+export default TableHead;

package/cjs/dynamic-table/Head/TableHead.styles.d.ts

@@ -0,0 +1,24 @@
+import { ChevronProps, GenericTableHeadCellProps, TableHeadCellCheckboxProps, TableHeadCellProps } from './TableHead.types';
+export declare const TableHeadRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
+export declare const TableHeadCellStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericTableHeadCellProps & import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TableHeadCellProps, {}, {}>;
+export declare const TableHeadCellCheckboxStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericTableHeadCellProps & import("react").ClassAttributes<HTMLTableHeaderCellElement> & import("react").ThHTMLAttributes<HTMLTableHeaderCellElement> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TableHeadCellCheckboxProps, {}, {}>;
+export declare const ChevronStyled: import("@emotion/styled").StyledComponent<Pick<import("react").SVGProps<SVGSVGElement>, "string" | "filter" | "values" | "fill" | "max" | "type" | "accumulate" | "offset" | "key" | "id" | "media" | "origin" | "height" | "width" | "end" | "name" | "alignmentBaseline" | "baselineShift" | "clip" | "clipPath" | "clipRule" | "color" | "colorInterpolation" | "colorInterpolationFilters" | "cursor" | "direction" | "display" | "dominantBaseline" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "fontFamily" | "fontSize" | "fontSizeAdjust" | "fontStretch" | "fontStyle" | "fontVariant" | "fontWeight" | "imageRendering" | "letterSpacing" | "lightingColor" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "opacity" | "order" | "overflow" | "paintOrder" | "pointerEvents" | "rotate" | "scale" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "textDecoration" | "textRendering" | "transform" | "unicodeBidi" | "visibility" | "wordSpacing" | "writingMode" | "alphabetic" | "hanging" | "ideographic" | "style" | "path" | "method" | "target" | "lang" | "className" | "children" | "tabIndex" | "orientation" | "local" | "x" | "y" | "mathematical" | "azimuth" | "colorRendering" | "glyphOrientationVertical" | "vectorEffect" | "additive" | "unicodeRange" | "crossOrigin" | "href" | "min" | "role" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "accentHeight" | "allowReorder" | "amplitude" | "arabicForm" | "ascent" | "attributeName" | "attributeType" | "autoReverse" | "baseFrequency" | "baseProfile" | "bbox" | "begin" | "bias" | "by" | "calcMode" | "capHeight" | "clipPathUnits" | "colorProfile" | "contentScriptType" | "contentStyleType" | "cx" | "cy" | "d" | "decelerate" | "descent" | "diffuseConstant" | "divisor" | "dur" | "dx" | "dy" | "edgeMode" | "elevation" | "enableBackground" | "exponent" | "externalResourcesRequired" | "filterRes" | "filterUnits" | "focusable" | "format" | "from" | "fx" | "fy" | "g1" | "g2" | "glyphName" | "glyphOrientationHorizontal" | "glyphRef" | "gradientTransform" | "gradientUnits" | "horizAdvX" | "horizOriginX" | "in2" | "in" | "intercept" | "k1" | "k2" | "k3" | "k4" | "k" | "kernelMatrix" | "kernelUnitLength" | "kerning" | "keyPoints" | "keySplines" | "keyTimes" | "lengthAdjust" | "limitingConeAngle" | "markerHeight" | "markerUnits" | "markerWidth" | "maskContentUnits" | "maskUnits" | "mode" | "numOctaves" | "operator" | "orient" | "overlinePosition" | "overlineThickness" | "panose1" | "pathLength" | "patternContentUnits" | "patternTransform" | "patternUnits" | "points" | "pointsAtX" | "pointsAtY" | "pointsAtZ" | "preserveAlpha" | "preserveAspectRatio" | "primitiveUnits" | "r" | "radius" | "refX" | "refY" | "renderingIntent" | "repeatCount" | "repeatDur" | "requiredExtensions" | "requiredFeatures" | "restart" | "result" | "rx" | "ry" | "seed" | "slope" | "spacing" | "specularConstant" | "specularExponent" | "speed" | "spreadMethod" | "startOffset" | "stdDeviation" | "stemh" | "stemv" | "stitchTiles" | "strikethroughPosition" | "strikethroughThickness" | "surfaceScale" | "systemLanguage" | "tableValues" | "targetX" | "targetY" | "textLength" | "to" | "u1" | "u2" | "underlinePosition" | "underlineThickness" | "unicode" | "unitsPerEm" | "vAlphabetic" | "version" | "vertAdvY" | "vertOriginX" | "vertOriginY" | "vHanging" | "vIdeographic" | "viewBox" | "viewTarget" | "vMathematical" | "widths" | "x1" | "x2" | "xChannelSelector" | "xHeight" | "xlinkActuate" | "xlinkArcrole" | "xlinkHref" | "xlinkRole" | "xlinkShow" | "xlinkTitle" | "xlinkType" | "xmlBase" | "xmlLang" | "xmlns" | "xmlnsXlink" | "xmlSpace" | "y1" | "y2" | "yChannelSelector" | "z" | "zoomAndPan" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css"> & import("react").RefAttributes<SVGSVGElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & ChevronProps, {}, {}>;

package/cjs/dynamic-table/Head/TableHead.types.d.ts

@@ -0,0 +1,35 @@
+import { Header, Row } from '../DynamicTable.types';
+export declare type TableHeadProps = {
+    headerRow: Header[];
+    onSelectFunction?: (list: string[]) => void;
+    onSortByKey?: (value: string, sortDescending: boolean) => void;
+    rows: Row[];
+    selectableRows?: boolean;
+    selectedRows: string[];
+    setSortDescending: (arg: boolean) => void;
+    setSortByKeyValue: (value: string) => void;
+    sortDescending: boolean;
+    sortByKeyValue: string;
+    stickyHeader?: boolean;
+};
+export declare type GenericTableHeadCellProps = {
+    sortable?: boolean;
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+};
+export declare type TableHeadCellProps = {
+    align?: 'center' | 'left' | 'right';
+    columns: number;
+    customColumnWidth?: string;
+    hasOnSelectFunction: boolean;
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+};
+export declare type TableHeadCellCheckboxProps = {
+    sortByKey?: (value: string, sortDescending: boolean) => void;
+    stickyHeader?: boolean;
+};
+export declare type ChevronProps = {
+    descending: string;
+    show: string;
+};

package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const Fade: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts

@@ -0,0 +1,3 @@
+import { Header, Row } from '../../DynamicTable.types';
+declare const createSkeletonRows: (headerRow: Header[] | undefined) => Row[];
+export default createSkeletonRows;

package/cjs/dynamic-table/Skeleton/helpers/createSkeletonRows.js

@@ -19,21 +19,22 @@ var _ref = process.env.NODE_ENV === "production" ? {
   name: "d6ykp6",
   styles: "height:12px;width:100%"
 } : {
-  name: "1u3k8d4-createSkeletonRows",
-  styles: "height:12px;width:100%;label:createSkeletonRows;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4uLy4uL0R5bmFtaWNUYWJsZS50eXBlcydcblxuY29uc3QgY3JlYXRlU2tlbGV0b25Sb3dzID0gKGhlYWRlclJvdzogSGVhZGVyW10gfCB1bmRlZmluZWQpID0+XG4gIFsuLi5BcnJheSg3KV0ubWFwKChyb3csIGluZGV4KSA9PiAoe1xuICAgIGNlbGxzOiAoaGVhZGVyUm93IHx8IFsuLi5BcnJheSg1KV0pLm1hcCgoKSA9PiAoXG4gICAgICA8U2tlbGV0b25cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAvPlxuICAgICkpLFxuICAgIGlkOiBpbmRleCArIDEsIC8vIGlkIHNob3VsZCBub3QgYmUgMC5cbiAgfSkpXG5cbmV4cG9ydCBkZWZhdWx0IGNyZWF0ZVNrZWxldG9uUm93c1xuIl19 */",
+  name: "d6ykp6",
+  styles: "height:12px;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKCkgPT4ge1xuICAgIGNvbnN0IHJvdzogUm93ID0ge31cblxuICAgIGhlYWRlclJvdz8uZm9yRWFjaCgoY2VsbCkgPT4ge1xuICAgICAgcm93W2NlbGwua2V5XSA9IChcbiAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuXG4gICAgcmV0dXJuIHJvd1xuICB9KVxuXG5leHBvcnQgZGVmYXVsdCBjcmVhdGVTa2VsZXRvblJvd3NcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-const createSkeletonRows = headerRow => [...Array(7)].map((row, index) => ({
-  cells: (headerRow || [...Array(5)]).map(() => (0, _react2.jsx)(_reactComponents.Skeleton, {
-    css: _ref,
-    key: index,
-    variant: "text"
-  })),
-  id: index + 1 // id should not be 0.
-
-}));
+const createSkeletonRows = headerRow => [...Array(7)].map(() => {
+  const row = {};
+  headerRow === null || headerRow === void 0 ? void 0 : headerRow.forEach(cell => {
+    row[cell.key] = (0, _react2.jsx)(_reactComponents.Skeleton, {
+      css: _ref,
+      variant: "text"
+    });
+  });
+  return row;
+});
 
 var _default = createSkeletonRows;
 exports.default = _default;

package/cjs/dynamic-table/helpers/getHeaderRow.d.ts

@@ -0,0 +1,3 @@
+import { Header, Row } from '../DynamicTable.types';
+declare const getHeaderRow: (rows: Row[], customHeaderRow?: Header[] | undefined) => Header[];
+export default getHeaderRow;

package/cjs/footer/Footer.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { FooterMetaLinkProps } from './FooterMetaLink';
+import { FooterColumnProps } from './FooterColumn';
+export declare type FooterProps = {
+    /**
+     * Content to be displayed above footer columns
+     */
+    topElement?: React.ReactNode;
+    /**
+     * Footer columns, if provided, minimum: 1, maximum: 4. Property is optional
+     */
+    children?: React.ReactElement<FooterColumnProps> | React.ReactElement<FooterColumnProps>[];
+    /**
+     * Links to be displayed at the bottom right corner
+     */
+    metaLinks?: React.ReactElement<FooterMetaLinkProps> | React.ReactElement<FooterMetaLinkProps>[];
+    /**
+     * Content to be display between footer columns and meta links e.g. locale selector, social links.
+     */
+    features?: React.ReactNode;
+};
+export declare const Footer: React.FunctionComponent<FooterProps>;
+export default Footer;

package/cjs/footer/FooterColumn.d.ts

@@ -0,0 +1,11 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { FooterColumnItemProps } from './FooterColumnItem';
+export declare type FooterColumnProps = {
+    children: ReactElement<FooterColumnItemProps> | ReactElement<FooterColumnItemProps>[];
+    /**
+     * Column title
+     */
+    title?: ReactNode;
+};
+export declare const FooterColumn: FC<FooterColumnProps>;
+export default FooterColumn;

package/cjs/footer/FooterColumnItem.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { LinkButtonProps } from '@dfds-ui/react-components';
+export declare type FooterColumnItemProps = {
+    className?: string;
+} & LinkButtonProps;
+export declare const FooterColumnItem: FC<FooterColumnItemProps>;
+export default FooterColumnItem;

package/cjs/footer/FooterMetaLink.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import { LinkButtonProps } from '@dfds-ui/react-components';
+export declare type FooterMetaLinkProps = {
+    className?: string;
+} & LinkButtonProps;
+export declare const FooterMetaLink: FC<FooterMetaLinkProps>;
+export default FooterMetaLink;

package/cjs/footer/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Footer';
+export * from './FooterColumn';
+export * from './FooterColumnItem';
+export * from './FooterMetaLink';

package/cjs/index.d.ts

@@ -0,0 +1,5 @@
+export { default as DynamicTable } from './dynamic-table/DynamicTable';
+export { default as IEModal } from './internet-explorer-modal/IEModal';
+export * from './locale-selector';
+export * from './footer';
+export * from './swiper';

package/cjs/internet-explorer-modal/IEModal.d.ts

@@ -0,0 +1,69 @@
+import React from 'react';
+import { ModalSizes } from '@dfds-ui/modal';
+export declare type IEModalProps = React.PropsWithChildren<{
+    className?: string;
+    /**
+     * Add heading on the Modal.
+     */
+    heading?: React.ReactNode;
+    /**
+     * Class name to be added to the header of the Modal.
+     */
+    headerClassName?: string;
+    /**
+     * Description to be shown a main text in the modal.
+     * Placeholders '{Edge}', '{Chrome}' and '{Firefox}' will be replaced with links to download the individual browser.
+     */
+    description: string;
+    /**
+     * Text to be displayed on the 'Go to front page' button
+     */
+    goToFrontPageText: string;
+    /**
+     * Text to be displayed on the 'Open page in Microsoft Edge' button
+     */
+    openPageInEdgeText: string;
+    /**
+     * Add or remove padding inside the Modal.
+     */
+    noContentPadding?: boolean;
+    /**
+     * Add a z-index prop to modal to specify the stack order.
+     */
+    zIndex?: number;
+    /**
+     * Display content in a column direction.
+     */
+    column?: boolean;
+    /**
+     * Sizes (width) of the modal for the different breakpoints.
+     * Apart from normal css units a special value of `fullscreen` is also
+     * supported.
+     * @example
+     *  sizes={{ s: 'fullscreen', m: 'fullscreen', l: '80%', xl: '80%', xxl: '80%' }}
+     */
+    sizes?: ModalSizes;
+    /**
+     * If set to `true` the modal will not be vertically centered.
+     * Only applies to larger screensizes
+     */
+    fixedTopPosition?: boolean;
+    /**
+     * If set to `true` the area around the modal is semi transparent and the close button becomes visible.
+     */
+    canClose?: boolean;
+    /**
+     * Removes the modal from the default navigation flow and also allows it to receive programmatic focus.
+     */
+    closeTabIndex?: number;
+    /**
+     * Close the Modal after invoking the provided callback.
+     */
+    onRequestClose?: () => void;
+    /**
+     * Callback is invoked when IEModal detects the browser is IE.
+     */
+    onCompatibleBrowserDetected?: () => void;
+}>;
+export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => JSX.Element | null;
+export default IEModal;

package/cjs/locale-selector/LocaleOption.d.ts

@@ -0,0 +1,8 @@
+import { Locale } from '@dfds-ui/react-components';
+export declare type LocaleOptionProps = {
+    label: string;
+    locale: Locale;
+    onClick: () => void;
+};
+export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => JSX.Element;
+export default LocaleOption;

package/cjs/locale-selector/LocaleSelector.d.ts

@@ -0,0 +1,49 @@
+import React, { PropsWithChildren } from 'react';
+import { Locale } from '@dfds-ui/react-components';
+import { ModalProps } from '@dfds-ui/modal';
+export declare type LocaleSelectorProps = PropsWithChildren<{
+    /**
+     * Provide limited set of locales to choose from
+     */
+    locales?: ReadonlyArray<Locale>;
+    /**
+     * Text to display on button that open the selector as
+     * well as in the heading of the selector
+     */
+    label?: string;
+    /**
+     * Current locale of the application
+     */
+    currentLocale: Locale;
+    /** Callback function that fires with locale as an argument */
+    onChange: (locale: Locale) => void;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+} & Pick<ModalProps, 'renderWhenClosed'>>;
+/**
+ * A component to display a modal window where the user can select a locale.
+ */
+export declare const LocaleSelector: React.ForwardRefExoticComponent<{
+    /**
+     * Provide limited set of locales to choose from
+     */
+    locales?: readonly ("en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US")[] | undefined;
+    /**
+     * Text to display on button that open the selector as
+     * well as in the heading of the selector
+     */
+    label?: string | undefined;
+    /**
+     * Current locale of the application
+     */
+    currentLocale: Locale;
+    /** Callback function that fires with locale as an argument */
+    onChange: (locale: Locale) => void;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string | undefined;
+} & Pick<ModalProps, "renderWhenClosed"> & React.RefAttributes<unknown>>;
+export default LocaleSelector;

package/cjs/locale-selector/index.d.ts

@@ -0,0 +1 @@
+export * from './LocaleSelector';

package/cjs/swiper/Swiper.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare type SwiperProps = React.PropsWithChildren<{
+    className?: string;
+}>;
+export declare const Swiper: ({ className, children }: SwiperProps) => JSX.Element;

package/cjs/swiper/SwiperCard.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare type SwiperCardProps = React.PropsWithChildren<{
+    className?: string;
+}>;
+export declare const SwiperCard: ({ className, children }: SwiperCardProps) => JSX.Element;

package/cjs/swiper/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Swiper';
+export * from './SwiperCard';

package/dynamic-table/Body/TableBody.js

@@ -36,11 +36,11 @@ var TableBody = /*#__PURE__*/React.memo(function (_ref) {
       }
     }
   }, [selectableRows, selectedRows]);
-  return ___EmotionJSX("tbody", null, rows.map(function (row) {
+  return ___EmotionJSX("tbody", null, rows.map(function (row, index) {
     return ___EmotionJSX(TableRow, {
       headerRow: headerRow,
       isActive: activeRowId ? row.id === activeRowId : undefined,
-      key: row.id,
+      key: index,
       onClickRow: onClickRow,
       onSelectRow: updateSelectedRows,
       row: row,

package/dynamic-table/Body/TableCell.js

@@ -10,7 +10,7 @@ var TableCell = /*#__PURE__*/React.memo(function (_ref) {
     align: headerCell === null || headerCell === void 0 ? void 0 : headerCell.textAlign,
     columns: columnCount,
     customColumnWidth: headerCell === null || headerCell === void 0 ? void 0 : headerCell.customColumnWidth,
-    "data-cy": headerCell === null || headerCell === void 0 ? void 0 : headerCell.key,
+    "data-cy": "dynamic-table-cell-".concat(headerCell === null || headerCell === void 0 ? void 0 : headerCell.key),
     hasOnSelectFunction: !!onSelectFunction
   }, children);
 });

package/dynamic-table/Body/TableRow.js

@@ -14,10 +14,9 @@ var TableRow = /*#__PURE__*/React.memo(function (_ref) {
       selectedRows = _ref.selectedRows;
   return ___EmotionJSX(TableRowStyled, {
     active: isActive,
-    className: "dynamicTableRow-".concat(row.id),
     hoverColor: !!onClickRow,
     onClick: function onClick() {
-      return onClickRow && onClickRow(row.id || '');
+      return onClickRow && onClickRow(row.id ? String(row.id) : '');
     }
   }, selectableRows && row.id && ___EmotionJSX(TableCellCheckboxStyled, null, ___EmotionJSX(Checkbox, {
     checked: selectedRows.includes(row.id),
@@ -34,7 +33,7 @@ var TableRow = /*#__PURE__*/React.memo(function (_ref) {
       columnCount: headerRow.length,
       headerCell: headerRow === null || headerRow === void 0 ? void 0 : headerRow[index],
       key: index
-    }, row[headerCell.key]);
+    }, row[headerCell.key] || '-');
   }));
 });
 export default TableRow;

package/dynamic-table/DynamicTable.js

@@ -20,7 +20,6 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var DynamicTable = function DynamicTable(_ref) {
   var activeRowId = _ref.activeRowId,
-      className = _ref.className,
       clickRowHandler = _ref.clickRowHandler,
       descending = _ref.descending,
       fixedHeight = _ref.fixedHeight,
@@ -56,9 +55,7 @@ var DynamicTable = function DynamicTable(_ref) {
   }, [sortDescending, onSortByKey, sortByKeyValue]);
   return ___EmotionJSX(TableWrapperStyled, {
     fixedHeight: fixedHeight
-  }, ___EmotionJSX(TableStyled, {
-    className: className
-  }, headerRow && ___EmotionJSX(TableHead, {
+  }, ___EmotionJSX(TableStyled, null, headerRow && ___EmotionJSX(TableHead, {
     headerRow: headerRow,
     onSelectFunction: onSelectFunction,
     onSortByKey: onSortByKey,

package/dynamic-table/DynamicTable.types.d.ts

@@ -1,7 +1,5 @@
 export declare type Header = {
-    allowToggle?: boolean;
     customColumnWidth?: string;
-    defaultToggled?: boolean;
     displayName: string;
     key: string;
     sortable?: boolean;
@@ -13,7 +11,6 @@ export declare type Row = {
 };
 export declare type DynamicTableProps = {
     activeRowId?: string;
-    className?: string;
     clickRowHandler?: (id: string) => void;
     descending?: boolean;
     fixedHeight?: string;

package/dynamic-table/Skeleton/helpers/createSkeletonRows.d.ts

@@ -1,6 +1,3 @@
-import { Header } from '../../DynamicTable.types';
-declare const createSkeletonRows: (headerRow: Header[] | undefined) => {
-    cells: JSX.Element[];
-    id: number;
-}[];
+import { Header, Row } from '../../DynamicTable.types';
+declare const createSkeletonRows: (headerRow: Header[] | undefined) => Row[];
 export default createSkeletonRows;

package/dynamic-table/Skeleton/helpers/createSkeletonRows.js

@@ -21,25 +21,22 @@ var _ref = process.env.NODE_ENV === "production" ? {
   name: "d6ykp6",
   styles: "height:12px;width:100%"
 } : {
-  name: "1u3k8d4-createSkeletonRows",
-  styles: "height:12px;width:100%;label:createSkeletonRows;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFVZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciB9IGZyb20gJy4uLy4uL0R5bmFtaWNUYWJsZS50eXBlcydcblxuY29uc3QgY3JlYXRlU2tlbGV0b25Sb3dzID0gKGhlYWRlclJvdzogSGVhZGVyW10gfCB1bmRlZmluZWQpID0+XG4gIFsuLi5BcnJheSg3KV0ubWFwKChyb3csIGluZGV4KSA9PiAoe1xuICAgIGNlbGxzOiAoaGVhZGVyUm93IHx8IFsuLi5BcnJheSg1KV0pLm1hcCgoKSA9PiAoXG4gICAgICA8U2tlbGV0b25cbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICB2YXJpYW50PVwidGV4dFwiXG4gICAgICAvPlxuICAgICkpLFxuICAgIGlkOiBpbmRleCArIDEsIC8vIGlkIHNob3VsZCBub3QgYmUgMC5cbiAgfSkpXG5cbmV4cG9ydCBkZWZhdWx0IGNyZWF0ZVNrZWxldG9uUm93c1xuIl19 */",
+  name: "d6ykp6",
+  styles: "height:12px;width:100%",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9keW5hbWljLXRhYmxlL1NrZWxldG9uL2hlbHBlcnMvY3JlYXRlU2tlbGV0b25Sb3dzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFha0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL2R5bmFtaWMtdGFibGUvU2tlbGV0b24vaGVscGVycy9jcmVhdGVTa2VsZXRvblJvd3MudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgU2tlbGV0b24gfSBmcm9tICdAZGZkcy11aS9yZWFjdC1jb21wb25lbnRzJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5cbmltcG9ydCB7IEhlYWRlciwgUm93IH0gZnJvbSAnLi4vLi4vRHluYW1pY1RhYmxlLnR5cGVzJ1xuXG5jb25zdCBjcmVhdGVTa2VsZXRvblJvd3MgPSAoaGVhZGVyUm93OiBIZWFkZXJbXSB8IHVuZGVmaW5lZCkgPT5cbiAgWy4uLkFycmF5KDcpXS5tYXAoKCkgPT4ge1xuICAgIGNvbnN0IHJvdzogUm93ID0ge31cblxuICAgIGhlYWRlclJvdz8uZm9yRWFjaCgoY2VsbCkgPT4ge1xuICAgICAgcm93W2NlbGwua2V5XSA9IChcbiAgICAgICAgPFNrZWxldG9uXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBoZWlnaHQ6IDEycHg7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICAgIHZhcmlhbnQ9XCJ0ZXh0XCJcbiAgICAgICAgLz5cbiAgICAgIClcbiAgICB9KVxuXG4gICAgcmV0dXJuIHJvd1xuICB9KVxuXG5leHBvcnQgZGVmYXVsdCBjcmVhdGVTa2VsZXRvblJvd3NcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
 var createSkeletonRows = function createSkeletonRows(headerRow) {
-  return _toConsumableArray(Array(7)).map(function (row, index) {
-    return {
-      cells: (headerRow || _toConsumableArray(Array(5))).map(function () {
-        return ___EmotionJSX(Skeleton, {
-          css: _ref,
-          key: index,
-          variant: "text"
-        });
-      }),
-      id: index + 1 // id should not be 0.
-
-    };
+  return _toConsumableArray(Array(7)).map(function () {
+    var row = {};
+    headerRow === null || headerRow === void 0 ? void 0 : headerRow.forEach(function (cell) {
+      row[cell.key] = ___EmotionJSX(Skeleton, {
+        css: _ref,
+        variant: "text"
+      });
+    });
+    return row;
   });
 };
 

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components for building experiences",
   "license": "MIT",
   "private": false,
-  "version": "0.9.16-alpha.7ea9a773",
+  "version": "0.9.16-alpha.affd8472",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -16,15 +16,15 @@
     "react-dom": ">= 16.8.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "0.9.16-alpha.7ea9a773",
-    "@dfds-ui/grid": "0.9.16-alpha.7ea9a773",
-    "@dfds-ui/icons": "0.9.16-alpha.7ea9a773",
-    "@dfds-ui/modal": "0.9.16-alpha.7ea9a773",
-    "@dfds-ui/react-components": "0.9.16-alpha.7ea9a773",
-    "@dfds-ui/theme": "0.9.16-alpha.7ea9a773",
-    "@dfds-ui/typography": "0.9.16-alpha.7ea9a773"
+    "@dfds-ui/colors": "0.9.16-alpha.affd8472",
+    "@dfds-ui/grid": "0.9.16-alpha.affd8472",
+    "@dfds-ui/icons": "0.9.16-alpha.affd8472",
+    "@dfds-ui/modal": "0.9.16-alpha.affd8472",
+    "@dfds-ui/react-components": "0.9.16-alpha.affd8472",
+    "@dfds-ui/theme": "0.9.16-alpha.affd8472",
+    "@dfds-ui/typography": "0.9.16-alpha.affd8472"
   },
-  "gitHead": "7ea9a773c626fcf1287609a27935af2d8481f85e",
+  "gitHead": "affd8472172a237c1514a698f9e8efcce5db5ac7",
   "publishConfig": {
     "access": "public"
   }