@veeqo/ui 9.0.0-beta-3 → 9.0.0

package/dist/components/LegacyDataTable/LegacyDataTable.js

@@ -1,2 +1,347 @@
-import e,{useRef as t,useState as l,useEffect as n,useCallback as r,useMemo as o}from"react";import{Checkbox as i}from"../Checkbox/Checkbox.js";import{Radio as s}from"../Radio/Radio.js";import{Tooltip as a}from"../Tooltip/Tooltip.js";import{theme as d}from"../../theme/index.js";import{HeaderCellLayout as c,HeaderCell as u,TooltipContent as m,Head as h,Row as f,Cell as p,Body as g,Table as E,Wrapper as y,WrapperBordered as w,Footer as b}from"./styled.js";import{SpecificState as C}from"./SpecificState/SpecificState.js";import{ClickableCell as v}from"./cells/ClickableCell.js";import{EditableCell as x}from"./cells/EditableCell.js";import{SkeletonCell as k}from"./cells/SkeletonCell.js";import{ScrollPosition as S,defaultEmptyState as R,defaultErrorState as I}from"./utils/constants.js";import{StickyHeader as j}from"./StickyHeader.js";import{convertFixedColumnInlineStyleToStyled as L}from"./utils/index.js";import{SkeletonHeaderCell as F}from"./cells/SkeletonHeaderCell.js";import{SkeletonContent as N}from"./SkeletonContent/SkeletonContent.js";import{DoubleArrowIcon as $}from"../../tempIcons/DoubleArrowIconIcon.js";import{DoubleArrowAscIcon as D}from"../../tempIcons/DoubleArrowAscIcon.js";import{DoubleArrowDescIcon as z}from"../../tempIcons/DoubleArrowDescIcon.js";const H=()=>e.createElement($,{width:d.sizes.base,height:d.sizes.base,color:"lightgrey"}),W=()=>e.createElement(D,{width:d.sizes.base,height:d.sizes.base,color:"lightgrey"}),A=()=>e.createElement(z,{width:d.sizes.base,height:d.sizes.base,color:"lightgrey"}),B=({borderless:d=!1,striped:v=!0,noWrap:x=!1,showScrollbar:N=!1,headers:$,rows:D,renderRow:z,renderNestedRow:B,expandedRowIds:P,renderLoadingRow:T,renderFooterRow:Y,renderFooterLoadingRow:M,omitFooterSelectionCell:q=!1,selectedRowIds:G,disabledSelectionInputRowIds:J,selectionMode:K="multiple",onChangeSelectedRowIds:O,sortColumnId:Q,sortDirection:U,onChangeSort:V,isError:X=!1,isLoading:Z=!1,skeletonRowsNumber:_=5,isHeaderSticky:ee=!0,stickyHeaderStyle:te,customSpecificState:le,bodyHeightInSpecificStates:ne=375,startFixedColumnsNumber:re,endFixedColumnsNumber:oe})=>{const ie=d?y:w,se=!!D&&0===D.length,ae=Boolean(re||oe),de=!re&&!oe,ce=t(null),ue=t(null),[me,he]=l(S.none);n((()=>{var e;let t=null;const l=()=>{if(!ue.current||de)return;const e=ue.current,t=e.scrollWidth+2,{scrollLeft:l}=e,{width:n}=e.getBoundingClientRect(),r=l+n;t===n?he(S.none):0===l?he(S.start):l>0&&r<t?he(S.middle):r===t&&he(S.end)};return ue.current&&(t=ue.current,l(),null===(e=ue.current)||void 0===e||e.addEventListener("scroll",l)),()=>{null==t||t.removeEventListener("scroll",l)}}),[ce,de]);const fe=r((e=>"string"==typeof e?(console.error("You can only use a numeric value in the 'width' property when you use fixed columns"),null):void 0===e?(console.error("You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns"),null):e),[]),pe=r(((e,t,l)=>({index:"left"===l?e:-e,style:{position:"sticky",[l]:t,zIndex:1}})),[]),ge=r((()=>{if(!$||Z)return null;const e=[],t=[];let l=0,n=0;if(re){G&&(e.push(pe(1,l,"left")),l+=58);for(let t=0;t<re;t+=1){const n=fe($[t].width);n&&(e.push(pe(G?t+2:t+1,l,"left")),l+=n)}}if(oe)for(let e=0;e<oe;e+=1){const l=fe($.slice(-e-1)[0].width);l&&(t.push(pe(e+1,n,"right")),n+=l)}return 0===e.length&&0===t.length?null:[...e,...t]}),[Z,fe,oe,pe,$,re,G]),Ee=o((()=>ge()),[ge]),ye=r(((e,t)=>{if(!G||!O)return;if(e)return"single"===K?void O([t.id]):void O([...G,t.id]);const l=[...G],n=l.findIndex((e=>e===t.id));l.splice(n,1),O(l)}),[O,G,K]),we=r((()=>{if(!G||!O)return;if(G.length===D.length)return void O([]);const e=D.map((e=>e.id));O(e)}),[O,D,G]),be=r((e=>{if(void 0===Q||void 0===V)return;let t=Q,l="ascending";"ascending"===U&&(l="descending"),e!==Q&&(t=e,l="ascending"),V(t,l)}),[V,Q,U]),Ce=r(((t,l)=>{let n="",r=()=>{},o=e.createElement(H,null);const{tooltip:i,align:s,icon:d,title:h,sortable:f,id:p}=t;f&&(n="sortable",r=()=>be(p),Q===p&&(o="ascending"===U?e.createElement(W,null):e.createElement(A,null)));const g=e.createElement(c,{align:s},d&&d,h&&e.createElement("span",null,h),f&&o);return e.createElement(u,{key:p,id:`data-table-header-${p}`,className:n,onClick:r,align:t.align,grow:t.grow,style:{width:t.width||"auto",...l}},i?e.createElement(a,{text:i},e.createElement(m,null,g)):g)}),[be,Q,U]),ve=r(((t,l)=>e.createElement(F,{key:t.id,width:t.width||"auto",style:l,isLoading:Z})),[Z]),xe=r((()=>{if(!$)return null;const t=ge(),l=t?t[0].style:{};return e.createElement(h,null,e.createElement(f,null,G&&e.createElement(u,{style:{width:58,...l}},"multiple"===K&&e.createElement(i,{checked:D.length>0&&(null==G?void 0:G.length)===D.length||!1,onChange:we,disabled:J&&J.length>0||Z||se,ariaLabel:"Select all"})),$.map(((e,l)=>{const n=G?l+2:l+1,r=l-$.length,o=null==t?void 0:t.find((e=>e.index===n||e.index===r));return e.skeleton&&(Z||X||se)?ve(e,e.skeletonStyle||{}):Ce(e,(null==o?void 0:o.style)||{})}))))}),[ge,we,$,se,X,Z,ve,Ce,D.length,G,K,J]),ke=r(((t,l)=>{const n={checked:t,onChange:e=>ye(e,l),disabled:(null==J?void 0:J.includes(l.id))||!1};return"single"===K?e.createElement(s,{...n}):e.createElement(i,{...n})}),[ye,K,J]),Se=r((t=>{const l={width:18,height:18,margin:3,animationDuration:"0s"};return"single"===K?e.createElement(k,{key:void 0===t?null:`radio-skeleton-${t}`,style:{...l,borderRadius:"50%"}}):e.createElement(k,{key:void 0===t?null:`checkbox-skeleton-${t}`,style:{...l,borderRadius:"0.25rem"}})}),[K]),Re=r(((t,l)=>{var n,r;if(!B)return null;const o=B(t);if(!o)return null;const i=(null===(r=null===(n=null==t?void 0:t.data)||void 0===n?void 0:n.e2eClassNames)||void 0===r?void 0:r.row)||"";return e.createElement(f,{key:t.id,className:`${i} ${l?"hidden":""}`},G&&e.createElement(p,null),o)}),[B,G]),Ie=r((t=>{if(!$)return e.createElement(k,null);const l=$.map((l=>e.createElement(k,{key:`${t}-${l.id}`})));return G&&l.unshift(Se(t)),l}),[$,Se,G]),je=()=>Y?Z&&!M||!Z&&se?null:e.createElement(b,{fixedColumnsStyle:L(Ee||[])},e.createElement(f,null,G&&!q&&e.createElement(p,null),!Z&&Y(D),Z&&M&&M())):null;let Le=re;G&&Le&&(Le+=1);const Fe=o((()=>D.map((t=>{var l,n,r;const{data:o}=t,i=!!G&&G.includes(t.id),s=!P||P.includes(t.id),a=null===(l=null==o?void 0:o.e2eClassNames)||void 0===l?void 0:l.body,d=null!==(r=null===(n=null==o?void 0:o.e2eClassNames)||void 0===n?void 0:n.row)&&void 0!==r?r:"",c=i?`selected ${d}`:`${d}`;return e.createElement(g,{key:t.id,className:a,fixedColumnsStyle:L(Ee||[])},e.createElement(f,{key:t.id,className:c,accentColor:t.accentColor},G&&e.createElement(p,null,ke(i,t)),z(t)),t.nestedRows&&t.nestedRows.map((e=>Re(e,!s))))}))),[D,P,Ee,Re,z,ke,G]);if(Z){const t=[];for(let l=0;l<_;l+=1)t.push(e.createElement(g,{key:`loading-row-${l}`,fixedColumnsStyle:L(Ee||[])},e.createElement(f,null,T?e.createElement(e.Fragment,null,G&&Se(),T()):Ie(l))));return e.createElement(ie,{ref:ue,scrollDisabled:!0,scrollPosition:me,lastStartFixedColumnsIndex:Le,firstEndFixedColumnsIndex:oe},ee&&$&&e.createElement(j,{renderHeader:xe,tableRef:ce,wrapperRef:ue,isFixedLayout:ae,wrapperStyle:te}),e.createElement(E,{ref:ce,striped:v,noWrap:x,tableLoading:!0,isFixedLayout:ae},xe(),t,je()))}if(se||X){let t=R;return le?t=le:X&&(t=I),e.createElement(ie,{scrollDisabled:!0},e.createElement(E,{ref:ce,striped:v,noWrap:x,tableLoading:!1,isFixedLayout:ae},xe(),je()),e.createElement(C,{height:ne,...t}))}return e.createElement(ie,{scrollDisabled:!1,ref:ue,scrollPosition:me,lastStartFixedColumnsIndex:Le,firstEndFixedColumnsIndex:oe,showScrollbar:N},ee&&$&&e.createElement(j,{renderHeader:xe,tableRef:ce,wrapperRef:ue,isFixedLayout:ae,wrapperStyle:te}),e.createElement(E,{ref:ce,striped:v,noWrap:x,tableLoading:!1,isFixedLayout:ae},xe(),Fe,je()))};B.Cell=p,B.ClickableCell=v,B.EditableCell=x,B.SkeletonCell=k,B.SkeletonContent=N;export{W as IconSortAsc,A as IconSortDesc,H as IconUnsorted,B as LegacyDataTable};
+import React, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import { Radio } from '../Radio/Radio.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import { theme } from '../../theme/index.js';
+import { HeaderCellLayout, HeaderCell, TooltipContent, Head, Row, Cell, Body, Table, Wrapper, WrapperBordered, Footer } from './styled.js';
+import { SpecificState } from './SpecificState/SpecificState.js';
+import { ClickableCell } from './cells/ClickableCell.js';
+import { EditableCell } from './cells/EditableCell.js';
+import { SkeletonCell } from './cells/SkeletonCell.js';
+import { ScrollPosition, defaultEmptyState, defaultErrorState } from './utils/constants.js';
+import { StickyHeader } from './StickyHeader.js';
+import { convertFixedColumnInlineStyleToStyled } from './utils/index.js';
+import { SkeletonHeaderCell } from './cells/SkeletonHeaderCell.js';
+import { SkeletonContent } from './SkeletonContent/SkeletonContent.js';
+import { DoubleArrowIcon } from '../../tempIcons/DoubleArrowIconIcon.js';
+import { DoubleArrowAscIcon } from '../../tempIcons/DoubleArrowAscIcon.js';
+import { DoubleArrowDescIcon } from '../../tempIcons/DoubleArrowDescIcon.js';
+
+const IconUnsorted = () => (React.createElement(DoubleArrowIcon, { width: theme.sizes.base, height: theme.sizes.base, color: "lightgrey" }));
+const IconSortAsc = () => (React.createElement(DoubleArrowAscIcon, { width: theme.sizes.base, height: theme.sizes.base, color: "lightgrey" }));
+const IconSortDesc = () => (React.createElement(DoubleArrowDescIcon, { width: theme.sizes.base, height: theme.sizes.base, color: "lightgrey" }));
+/**
+ * @deprecated
+ *
+ * Use DataTable instead
+ */
+const LegacyDataTable = ({ borderless = false, striped = true, noWrap = false, showScrollbar = false, headers, rows, renderRow, renderNestedRow, expandedRowIds, renderLoadingRow, renderFooterRow, renderFooterLoadingRow, omitFooterSelectionCell = false, selectedRowIds, disabledSelectionInputRowIds, selectionMode = 'multiple', onChangeSelectedRowIds, sortColumnId, sortDirection, onChangeSort, isError = false, isLoading = false, skeletonRowsNumber = 5, isHeaderSticky = true, stickyHeaderStyle, customSpecificState, bodyHeightInSpecificStates = 375, startFixedColumnsNumber, endFixedColumnsNumber, }) => {
+    const WrapperComponent = borderless ? Wrapper : WrapperBordered;
+    const isEmpty = rows ? rows.length === 0 : false;
+    const isFixedLayout = Boolean(startFixedColumnsNumber || endFixedColumnsNumber);
+    const isFixedColumnsNotEnabled = !startFixedColumnsNumber && !endFixedColumnsNumber;
+    const tableRef = useRef(null);
+    const wrapperRef = useRef(null);
+    const selectionColumnWidth = 58;
+    const [scrollPosition, setScrollPosition] = useState(ScrollPosition.none);
+    useEffect(() => {
+        var _a;
+        let refValue = null;
+        const handleScroll = () => {
+            if (!wrapperRef.current || isFixedColumnsNotEnabled)
+                return;
+            const el = wrapperRef.current;
+            const scrollWidth = el.scrollWidth + 2; // 2 here is 2px which adds by border
+            const { scrollLeft } = el;
+            const { width } = el.getBoundingClientRect();
+            const scrollValue = scrollLeft + width;
+            if (scrollWidth === width)
+                setScrollPosition(ScrollPosition.none);
+            else if (scrollLeft === 0)
+                setScrollPosition(ScrollPosition.start);
+            else if (scrollLeft > 0 && scrollValue < scrollWidth)
+                setScrollPosition(ScrollPosition.middle);
+            else if (scrollValue === scrollWidth)
+                setScrollPosition(ScrollPosition.end);
+        };
+        if (wrapperRef.current) {
+            refValue = wrapperRef.current;
+            handleScroll();
+            (_a = wrapperRef.current) === null || _a === undefined ? undefined : _a.addEventListener('scroll', handleScroll);
+        }
+        return () => {
+            refValue === null || refValue === undefined ? undefined : refValue.removeEventListener('scroll', handleScroll);
+        };
+    }, [tableRef, isFixedColumnsNotEnabled]);
+    const castWidthToNumber = useCallback((width) => {
+        if (typeof width === 'string') {
+            // eslint-disable-next-line no-console
+            console.error("You can only use a numeric value in the 'width' property when you use fixed columns");
+            return null;
+        }
+        if (width === undefined) {
+            // eslint-disable-next-line no-console
+            console.error("You should provide numeric value in the 'width' attribute in all fixed columns when you use fixed columns");
+            return null;
+        }
+        return width;
+    }, []);
+    const generateFixedColumnInlineStyle = useCallback((index, offset, side) => ({
+        index: side === 'left' ? index : -index,
+        style: {
+            position: 'sticky',
+            [side]: offset,
+            zIndex: 1,
+        },
+    }), []);
+    const generateFixedColumnsStyle = useCallback(() => {
+        if (!headers || isLoading)
+            return null;
+        const startColumns = [];
+        const endColumns = [];
+        let totalStartOffset = 0;
+        let totalEndOffset = 0;
+        if (startFixedColumnsNumber) {
+            if (selectedRowIds) {
+                startColumns.push(generateFixedColumnInlineStyle(1, totalStartOffset, 'left'));
+                totalStartOffset += selectionColumnWidth;
+            }
+            for (let i = 0; i < startFixedColumnsNumber; i += 1) {
+                const headerWidth = castWidthToNumber(headers[i].width);
+                if (headerWidth) {
+                    startColumns.push(generateFixedColumnInlineStyle(selectedRowIds ? i + 2 : i + 1, totalStartOffset, 'left'));
+                    totalStartOffset += headerWidth;
+                }
+            }
+        }
+        if (endFixedColumnsNumber) {
+            for (let i = 0; i < endFixedColumnsNumber; i += 1) {
+                const headerWidth = castWidthToNumber(headers.slice(-i - 1)[0].width);
+                if (headerWidth) {
+                    endColumns.push(generateFixedColumnInlineStyle(i + 1, totalEndOffset, 'right'));
+                    totalEndOffset += headerWidth;
+                }
+            }
+        }
+        if (startColumns.length === 0 && endColumns.length === 0)
+            return null;
+        return [...startColumns, ...endColumns];
+    }, [
+        isLoading,
+        castWidthToNumber,
+        endFixedColumnsNumber,
+        generateFixedColumnInlineStyle,
+        headers,
+        startFixedColumnsNumber,
+        selectedRowIds,
+    ]);
+    const fixedColumnsStyle = useMemo(() => generateFixedColumnsStyle(), [generateFixedColumnsStyle]);
+    const handleSelectRow = useCallback((checked, row) => {
+        if (!selectedRowIds || !onChangeSelectedRowIds)
+            return;
+        if (checked) {
+            if (selectionMode === 'single') {
+                onChangeSelectedRowIds([row.id]);
+                return;
+            }
+            onChangeSelectedRowIds([...selectedRowIds, row.id]);
+            return;
+        }
+        const newSelectedRowIds = [...selectedRowIds];
+        const index = newSelectedRowIds.findIndex((id) => id === row.id);
+        newSelectedRowIds.splice(index, 1);
+        onChangeSelectedRowIds(newSelectedRowIds);
+    }, [onChangeSelectedRowIds, selectedRowIds, selectionMode]);
+    const handleSelectAll = useCallback(() => {
+        if (!selectedRowIds || !onChangeSelectedRowIds)
+            return;
+        if (selectedRowIds.length === rows.length) {
+            onChangeSelectedRowIds([]);
+            return;
+        }
+        const rowIds = rows.map((row) => row.id);
+        onChangeSelectedRowIds(rowIds);
+    }, [onChangeSelectedRowIds, rows, selectedRowIds]);
+    const handleClickSortableHeader = useCallback((columnId) => {
+        if (sortColumnId === undefined || onChangeSort === undefined)
+            return;
+        let nextColumnId = sortColumnId;
+        let nextDirection = 'ascending';
+        if (sortDirection === 'ascending') {
+            nextDirection = 'descending';
+        }
+        if (columnId !== sortColumnId) {
+            nextColumnId = columnId;
+            nextDirection = 'ascending';
+        }
+        onChangeSort(nextColumnId, nextDirection);
+    }, [onChangeSort, sortColumnId, sortDirection]);
+    const renderHeaderCell = useCallback((header, style) => {
+        let className = '';
+        let onClick = () => { };
+        let sortIcon = React.createElement(IconUnsorted, null);
+        const { tooltip, align, icon, title, sortable, id } = header;
+        if (sortable) {
+            className = 'sortable';
+            onClick = () => handleClickSortableHeader(id);
+            if (sortColumnId === id) {
+                sortIcon = sortDirection === 'ascending' ? React.createElement(IconSortAsc, null) : React.createElement(IconSortDesc, null);
+            }
+        }
+        const headerContents = (React.createElement(HeaderCellLayout, { align: align },
+            icon && icon,
+            title && React.createElement("span", null, title),
+            sortable && sortIcon));
+        return (React.createElement(HeaderCell, { key: id, id: `data-table-header-${id}`, className: className, onClick: onClick, align: header.align, grow: header.grow, style: { width: header.width || 'auto', ...style } }, tooltip ? (React.createElement(Tooltip, { text: tooltip },
+            React.createElement(TooltipContent, null, headerContents))) : (headerContents)));
+    }, [handleClickSortableHeader, sortColumnId, sortDirection]);
+    const renderSkeletonHeaderCell = useCallback((header, style) => (React.createElement(SkeletonHeaderCell, { key: header.id, width: header.width || 'auto', style: style, isLoading: isLoading })), [isLoading]);
+    const renderHeader = useCallback(() => {
+        if (!headers)
+            return null;
+        const styles = generateFixedColumnsStyle();
+        const selectionCellStyle = styles ? styles[0].style : {};
+        return (React.createElement(Head, null,
+            React.createElement(Row, null,
+                selectedRowIds && (React.createElement(HeaderCell, { style: { width: selectionColumnWidth, ...selectionCellStyle } }, selectionMode === 'multiple' && (React.createElement(Checkbox, { checked: (rows.length > 0 && (selectedRowIds === null || selectedRowIds === undefined ? undefined : selectedRowIds.length) === rows.length) || false, onChange: handleSelectAll, disabled: (disabledSelectionInputRowIds && disabledSelectionInputRowIds.length > 0) ||
+                        isLoading ||
+                        isEmpty, ariaLabel: "Select all" })))),
+                headers.map((header, index) => {
+                    const startHeaderIndex = selectedRowIds ? index + 2 : index + 1;
+                    const endHeaderIndex = index - headers.length;
+                    const headerCellStyle = styles === null || styles === undefined ? undefined : styles.find((style) => style.index === startHeaderIndex || style.index === endHeaderIndex);
+                    return header.skeleton && (isLoading || isError || isEmpty)
+                        ? renderSkeletonHeaderCell(header, header.skeletonStyle || {})
+                        : renderHeaderCell(header, (headerCellStyle === null || headerCellStyle === undefined ? undefined : headerCellStyle.style) || {});
+                }))));
+    }, [
+        generateFixedColumnsStyle,
+        handleSelectAll,
+        headers,
+        isEmpty,
+        isError,
+        isLoading,
+        renderSkeletonHeaderCell,
+        renderHeaderCell,
+        rows.length,
+        selectedRowIds,
+        selectionMode,
+        disabledSelectionInputRowIds,
+    ]);
+    const renderSelectionInput = useCallback((isSelected, row) => {
+        const inputProps = {
+            checked: isSelected,
+            onChange: (checked) => handleSelectRow(checked, row),
+            disabled: (disabledSelectionInputRowIds === null || disabledSelectionInputRowIds === undefined ? undefined : disabledSelectionInputRowIds.includes(row.id)) || false,
+        };
+        if (selectionMode === 'single') {
+            return React.createElement(Radio, { ...inputProps });
+        }
+        return React.createElement(Checkbox, { ...inputProps });
+    }, [handleSelectRow, selectionMode, disabledSelectionInputRowIds]);
+    const renderSkeletonSelectionInput = useCallback((rowIndex) => {
+        const generalStyle = {
+            width: 18,
+            height: 18,
+            margin: 3,
+            animationDuration: '0s',
+        };
+        if (selectionMode === 'single') {
+            return (React.createElement(SkeletonCell, { key: rowIndex === undefined ? null : `radio-skeleton-${rowIndex}`, style: { ...generalStyle, borderRadius: '50%' } }));
+        }
+        return (React.createElement(SkeletonCell, { key: rowIndex === undefined ? null : `checkbox-skeleton-${rowIndex}`, style: { ...generalStyle, borderRadius: '0.25rem' } }));
+    }, [selectionMode]);
+    const getNestedRow = useCallback((nestedRow, isHidden) => {
+        var _a, _b;
+        if (!renderNestedRow)
+            return null;
+        const content = renderNestedRow(nestedRow);
+        if (!content)
+            return null;
+        const nestedRowE2eClassName = ((_b = (_a = nestedRow === null || nestedRow === undefined ? undefined : nestedRow.data) === null || _a === undefined ? undefined : _a.e2eClassNames) === null || _b === undefined ? undefined : _b.row) || '';
+        return (React.createElement(Row, { key: nestedRow.id, className: `${nestedRowE2eClassName} ${isHidden ? 'hidden' : ''}` },
+            selectedRowIds && React.createElement(Cell, null),
+            content));
+    }, [renderNestedRow, selectedRowIds]);
+    const renderDefaultLoadingRow = useCallback((rowIndex) => {
+        if (!headers)
+            return React.createElement(SkeletonCell, null);
+        // Otherwise render a cell for each column
+        const cells = headers.map((header) => React.createElement(SkeletonCell, { key: `${rowIndex}-${header.id}` }));
+        if (selectedRowIds)
+            cells.unshift(renderSkeletonSelectionInput(rowIndex));
+        return cells;
+    }, [headers, renderSkeletonSelectionInput, selectedRowIds]);
+    const getFooter = () => {
+        if (!renderFooterRow)
+            return null;
+        if (isLoading && !renderFooterLoadingRow)
+            return null;
+        if (!isLoading && isEmpty)
+            return null;
+        return (React.createElement(Footer, { fixedColumnsStyle: convertFixedColumnInlineStyleToStyled(fixedColumnsStyle || []) },
+            React.createElement(Row, null,
+                selectedRowIds && !omitFooterSelectionCell && React.createElement(Cell, null),
+                !isLoading && renderFooterRow(rows),
+                isLoading && renderFooterLoadingRow && renderFooterLoadingRow())));
+    };
+    let lastStartFixedColumnsIndex = startFixedColumnsNumber;
+    if (selectedRowIds && lastStartFixedColumnsIndex)
+        lastStartFixedColumnsIndex += 1;
+    const renderedRows = useMemo(() => rows.map((row) => {
+        var _a, _b, _c;
+        const { data } = row;
+        const isSelected = selectedRowIds ? selectedRowIds.includes(row.id) : false;
+        const isExpanded = expandedRowIds ? expandedRowIds.includes(row.id) : true;
+        const bodyClassName = (_a = data === null || data === undefined ? undefined : data.e2eClassNames) === null || _a === undefined ? undefined : _a.body;
+        const rowE2eClassName = (_c = (_b = data === null || data === undefined ? undefined : data.e2eClassNames) === null || _b === undefined ? undefined : _b.row) !== null && _c !== undefined ? _c : '';
+        const rowClassName = isSelected ? `selected ${rowE2eClassName}` : `${rowE2eClassName}`;
+        return (React.createElement(Body, { key: row.id, className: bodyClassName, fixedColumnsStyle: convertFixedColumnInlineStyleToStyled(fixedColumnsStyle || []) },
+            React.createElement(Row, { key: row.id, className: rowClassName, accentColor: row.accentColor },
+                selectedRowIds && React.createElement(Cell, null, renderSelectionInput(isSelected, row)),
+                renderRow(row)),
+            row.nestedRows && row.nestedRows.map((item) => getNestedRow(item, !isExpanded))));
+    }), [
+        rows,
+        expandedRowIds,
+        fixedColumnsStyle,
+        getNestedRow,
+        renderRow,
+        renderSelectionInput,
+        selectedRowIds,
+    ]);
+    /* Loading state */
+    if (isLoading) {
+        const loadingRows = [];
+        for (let i = 0; i < skeletonRowsNumber; i += 1) {
+            loadingRows.push(React.createElement(Body, { key: `loading-row-${i}`, fixedColumnsStyle: convertFixedColumnInlineStyleToStyled(fixedColumnsStyle || []) },
+                React.createElement(Row, null, renderLoadingRow ? (React.createElement(React.Fragment, null,
+                    selectedRowIds && renderSkeletonSelectionInput(),
+                    renderLoadingRow())) : (renderDefaultLoadingRow(i)))));
+        }
+        return (React.createElement(WrapperComponent, { ref: wrapperRef, scrollDisabled: true, scrollPosition: scrollPosition, lastStartFixedColumnsIndex: lastStartFixedColumnsIndex, firstEndFixedColumnsIndex: endFixedColumnsNumber },
+            isHeaderSticky && headers && (React.createElement(StickyHeader, { renderHeader: renderHeader, tableRef: tableRef, wrapperRef: wrapperRef, isFixedLayout: isFixedLayout, wrapperStyle: stickyHeaderStyle })),
+            React.createElement(Table, { ref: tableRef, striped: striped, noWrap: noWrap, tableLoading: true, isFixedLayout: isFixedLayout },
+                renderHeader(),
+                loadingRows,
+                getFooter())));
+    }
+    /* Empty & Error states */
+    if (isEmpty || isError) {
+        let specificStateValues = defaultEmptyState;
+        if (customSpecificState)
+            specificStateValues = customSpecificState;
+        else if (isError)
+            specificStateValues = defaultErrorState;
+        return (React.createElement(WrapperComponent, { scrollDisabled: true },
+            React.createElement(Table, { ref: tableRef, striped: striped, noWrap: noWrap, tableLoading: false, isFixedLayout: isFixedLayout },
+                renderHeader(),
+                getFooter()),
+            React.createElement(SpecificState, { height: bodyHeightInSpecificStates, ...specificStateValues })));
+    }
+    /* Populated state */
+    return (React.createElement(WrapperComponent, { scrollDisabled: false, ref: wrapperRef, scrollPosition: scrollPosition, lastStartFixedColumnsIndex: lastStartFixedColumnsIndex, firstEndFixedColumnsIndex: endFixedColumnsNumber, showScrollbar: showScrollbar },
+        isHeaderSticky && headers && (React.createElement(StickyHeader, { renderHeader: renderHeader, tableRef: tableRef, wrapperRef: wrapperRef, isFixedLayout: isFixedLayout, wrapperStyle: stickyHeaderStyle })),
+        React.createElement(Table, { ref: tableRef, striped: striped, noWrap: noWrap, tableLoading: false, isFixedLayout: isFixedLayout },
+            renderHeader(),
+            renderedRows,
+            getFooter())));
+};
+LegacyDataTable.Cell = Cell;
+LegacyDataTable.ClickableCell = ClickableCell;
+LegacyDataTable.EditableCell = EditableCell;
+LegacyDataTable.SkeletonCell = SkeletonCell;
+LegacyDataTable.SkeletonContent = SkeletonContent;
+
+export { IconSortAsc, IconSortDesc, IconUnsorted, LegacyDataTable };
 //# sourceMappingURL=LegacyDataTable.js.map

package/dist/components/LegacyDataTable/LegacyDataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegacyDataTable.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.tsx"],"sourcesContent":[null],"names":["LegacyDataTable","borderless","striped","noWrap","showScrollbar","headers","rows","renderRow","renderNestedRow","expandedRowIds","renderLoadingRow","renderFooterRow","renderFooterLoadingRow","omitFooterSelectionCell","selectedRowIds","disabledSelectionInputRowIds","selectionMode","onChangeSelectedRowIds","sortColumnId","sortDirection","onChangeSort","isError","isLoading","skeletonRowsNumber","isHeaderSticky","stickyHeaderStyle","customSpecificState","bodyHeightInSpecificStates","startFixedColumnsNumber","endFixedColumnsNumber"],"mappings":"6/CAwnBEA,EAAA,EAAAC,cAAA,EAAAC,WAAA,EAAAC,UAAA,EAAAC,iBAAA,EAAAC,UAAAC,OAAAC,YAAAC,kBAAAC,iBAAAC,mBAAAC,kBAAAC,yBAAAC,2BAAA,EAAAC,iBAAAC,+BAAAC,gBAAA,WAAAC,yBAAAC,eAAAC,gBAAAC,eAAAC,WAAA,EAAAC,aAAA,EAAAC,qBAAA,EAAAC,mBAAA,EAAAC,qBAAAC,uBAAAC,8BAAA,IAAAC,2BAAAC"}
+{"version":3,"file":"LegacyDataTable.js","sources":["../../../src/components/LegacyDataTable/LegacyDataTable.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.cjs

@@ -1,28 +1,19 @@
-"use strict";var e=require("react"),i=require("styled-components"),t=require("../../../theme/index.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e),r=n(i);const{grey:o}=t.theme.colors.neutral,d=r.default.div`
-  height: 16px;
-  width: 100%;
-`,l=r.default.div`
-  display: inline-block;
-  color: transparent;
-  border-radius: 4px;
-  animation-duration: ${({isLoading:e=!0})=>e?"1s":0};
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: placeHolderShimmer;
-  animation-timing-function: linear;
-  background: linear-gradient(to right, ${o.base} 8%, ${o.dark} 15%, ${o.base} 33%);
-  background-size: 800px 104px;
-  border: 0;
-  width: 100%;
-  height: 100%;
+'use strict';
 
-  @keyframes placeHolderShimmer {
-    0% {
-      background-position: -380px 0;
-    }
-    100% {
-      background-position: 380px 0;
-    }
-  }
-`;exports.SkeletonContent=({isLoading:e,style:i})=>a.default.createElement(d,{style:i},a.default.createElement(l,{isLoading:e}));
+var React = require('react');
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const { grey } = index.theme.colors.neutral;
+const SkeletonContentWrapper = styled__default.default.div.withConfig({ displayName: "vui--SkeletonContentWrapper", componentId: "vui--oakirc" }) `height:16px;width:100%;`;
+const SkeletonContentComponent = styled__default.default.div.withConfig({ displayName: "vui--SkeletonContentComponent", componentId: "vui--dbfg3y" }) `display:inline-block;color:transparent;border-radius:4px;animation-duration:${({ isLoading = true }) => (isLoading ? '1s' : 0)};animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right, ${grey.base} 8%, ${grey.dark} 15%, ${grey.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`;
+const SkeletonContent = ({ isLoading, style }) => (React__default.default.createElement(SkeletonContentWrapper, { style: style },
+    React__default.default.createElement(SkeletonContentComponent, { isLoading: isLoading })));
+
+exports.SkeletonContent = SkeletonContent;
 //# sourceMappingURL=SkeletonContent.cjs.map

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonContent.cjs","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.tsx"],"sourcesContent":[null],"names":["grey","theme","SkeletonContentWrapper","styled","div"],"mappings":"8KAsCE,MAAAA,KAAAA,GAAaC,uBACbC,EAAAC,EAAAA,QAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SkeletonContent.cjs","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.tsx"],"sourcesContent":[null],"names":["theme","styled","React"],"mappings":";;;;;;;;;;;AAIA,MAAM,EAAE,IAAI,EAAE,GAAGA,WAAK,CAAC,MAAM,CAAC,OAAO;AAErC,MAAM,sBAAsB,GAAGC,uBAAM,CAAC,GAAG,iHAGxC;AAED,MAAM,wBAAwB,GAAGA,uBAAM,CAAC,GAAG,yKAInB,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAA,yKAAA,EAK9B,IAAI,CAAC,IAAI,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,sKAcrF;AAOY,MAAA,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAA4B,MAC5EC,sBAAA,CAAA,aAAA,CAAC,sBAAsB,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;IAClCA,sBAAC,CAAA,aAAA,CAAA,wBAAwB,IAAC,SAAS,EAAE,SAAS,EAAI,CAAA,CAC3B;;;;"}

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.d.ts

@@ -5,4 +5,3 @@ type SkeletonContentPropTypes = {
 };
 export declare const SkeletonContent: ({ isLoading, style }: SkeletonContentPropTypes) => React.JSX.Element;
 export {};
-//# sourceMappingURL=SkeletonContent.d.ts.map

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js

@@ -1,28 +1,12 @@
-import i from"react";import e from"styled-components";import{theme as n}from"../../../theme/index.js";const{grey:o}=n.colors.neutral,r=e.div`
-  height: 16px;
-  width: 100%;
-`,t=e.div`
-  display: inline-block;
-  color: transparent;
-  border-radius: 4px;
-  animation-duration: ${({isLoading:i=!0})=>i?"1s":0};
-  animation-fill-mode: forwards;
-  animation-iteration-count: infinite;
-  animation-name: placeHolderShimmer;
-  animation-timing-function: linear;
-  background: linear-gradient(to right, ${o.base} 8%, ${o.dark} 15%, ${o.base} 33%);
-  background-size: 800px 104px;
-  border: 0;
-  width: 100%;
-  height: 100%;
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../../theme/index.js';
 
-  @keyframes placeHolderShimmer {
-    0% {
-      background-position: -380px 0;
-    }
-    100% {
-      background-position: 380px 0;
-    }
-  }
-`,a=({isLoading:e,style:n})=>i.createElement(r,{style:n},i.createElement(t,{isLoading:e}));export{a as SkeletonContent};
+const { grey } = theme.colors.neutral;
+const SkeletonContentWrapper = styled.div.withConfig({ displayName: "vui--SkeletonContentWrapper", componentId: "vui--oakirc" }) `height:16px;width:100%;`;
+const SkeletonContentComponent = styled.div.withConfig({ displayName: "vui--SkeletonContentComponent", componentId: "vui--dbfg3y" }) `display:inline-block;color:transparent;border-radius:4px;animation-duration:${({ isLoading = true }) => (isLoading ? '1s' : 0)};animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:linear-gradient(to right, ${grey.base} 8%, ${grey.dark} 15%, ${grey.base} 33%);background-size:800px 104px;border:0;width:100%;height:100%;@keyframes placeHolderShimmer{0%{background-position:-380px 0;}100%{background-position:380px 0;}}`;
+const SkeletonContent = ({ isLoading, style }) => (React.createElement(SkeletonContentWrapper, { style: style },
+    React.createElement(SkeletonContentComponent, { isLoading: isLoading })));
+
+export { SkeletonContent };
 //# sourceMappingURL=SkeletonContent.js.map

package/dist/components/LegacyDataTable/SkeletonContent/SkeletonContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonContent.js","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.tsx"],"sourcesContent":[null],"names":["grey","theme","SkeletonContentWrapper","styled","div"],"mappings":"sGAsCE,MAAAA,KAAAA,GAAaC,iBACbC,EAAAC,EAAAC,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SkeletonContent.js","sources":["../../../../src/components/LegacyDataTable/SkeletonContent/SkeletonContent.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;AAIA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,OAAO;AAErC,MAAM,sBAAsB,GAAG,MAAM,CAAC,GAAG,iHAGxC;AAED,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,yKAInB,CAAC,EAAE,SAAS,GAAG,IAAI,EAAE,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAA,yKAAA,EAK9B,IAAI,CAAC,IAAI,CAAQ,KAAA,EAAA,IAAI,CAAC,IAAI,CAAA,MAAA,EAAS,IAAI,CAAC,IAAI,sKAcrF;AAOY,MAAA,eAAe,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAA4B,MAC5E,KAAA,CAAA,aAAA,CAAC,sBAAsB,EAAC,EAAA,KAAK,EAAE,KAAK,EAAA;IAClC,KAAC,CAAA,aAAA,CAAA,wBAAwB,IAAC,SAAS,EAAE,SAAS,EAAI,CAAA,CAC3B;;;;"}

package/dist/components/LegacyDataTable/SkeletonContent/index.d.ts

@@ -1,2 +1 @@
 export { SkeletonContent } from './SkeletonContent';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/LegacyDataTable/SpecificState/SpecificState.cjs

@@ -1,2 +1,16 @@
-"use strict";var e=require("react"),t=require("./styled.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var i=a(e);exports.SpecificState=({height:e,icon:a,title:r,subTitle:l})=>i.default.createElement(t.SpecificStateContainer,{height:e},i.default.createElement(t.EllipseContainer,null,a),i.default.createElement(t.TitleText,{variant:"headingLarge"},r),l&&i.default.createElement(t.SubTitleText,{variant:"subheadingMedium"},l));
+'use strict';
+
+var React = require('react');
+var styled = require('./styled.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+const SpecificState = ({ height, icon, title, subTitle }) => (React__default.default.createElement(styled.SpecificStateContainer, { height: height },
+    React__default.default.createElement(styled.EllipseContainer, null, icon),
+    React__default.default.createElement(styled.TitleText, { variant: "headingLarge" }, title),
+    subTitle && React__default.default.createElement(styled.SubTitleText, { variant: "subheadingMedium" }, subTitle)));
+
+exports.SpecificState = SpecificState;
 //# sourceMappingURL=SpecificState.cjs.map

package/dist/components/LegacyDataTable/SpecificState/SpecificState.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SpecificState.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/SpecificState.tsx"],"sourcesContent":[null],"names":["height","icon","title","subTitle","React","createElement","SpecificStateContainer","EllipseContainer","default","TitleText","variant","SubTitleText"],"mappings":"kJAM8B,EAAAA,SAAAC,OAAAC,QAAoBC,cAAAC,EAAAA,QAAAC,cAAAC,EAAAA,uBAAA,CAAAN,OAAAA,GAChDI,EAAAA,QAAMC,cAASE,mBAAA,KAAAN,GACfG,EAAAI,QAAAH,cAAAI,EAAAA,UAAA,CAAAC,QAAA,gBAAAR,GAEFC,GAAaC,EAAAA,QAAAC,cAAoDM,EAAAA,aAAA,CAAAD,QAAA,oBAAAP"}
+{"version":3,"file":"SpecificState.cjs","sources":["../../../../src/components/LegacyDataTable/SpecificState/SpecificState.tsx"],"sourcesContent":[null],"names":["React","SpecificStateContainer","EllipseContainer","TitleText","SubTitleText"],"mappings":";;;;;;;;;MAUa,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAA0B,MACrFA,qCAACC,6BAAsB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA;IACpCD,sBAAC,CAAA,aAAA,CAAAE,uBAAgB,EAAE,IAAA,EAAA,IAAI,CAAoB;AAC3C,IAAAF,sBAAA,CAAA,aAAA,CAACG,gBAAS,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,EAAE,KAAK,CAAa;AACpD,IAAA,QAAQ,IAAIH,sBAAA,CAAA,aAAA,CAACI,mBAAY,EAAA,EAAC,OAAO,EAAC,kBAAkB,EAAA,EAAE,QAAQ,CAAgB,CACxD;;;;"}

package/dist/components/LegacyDataTable/SpecificState/SpecificState.d.ts

@@ -5,4 +5,3 @@ type SpecificStatePropTypes = SpecificStateType & {
 };
 export declare const SpecificState: ({ height, icon, title, subTitle }: SpecificStatePropTypes) => React.JSX.Element;
 export {};
-//# sourceMappingURL=SpecificState.d.ts.map

package/dist/components/LegacyDataTable/SpecificState/SpecificState.js

@@ -1,2 +1,10 @@
-import e from"react";import{SpecificStateContainer as t,EllipseContainer as r,TitleText as a,SubTitleText as i}from"./styled.js";const n=({height:n,icon:l,title:m,subTitle:c})=>e.createElement(t,{height:n},e.createElement(r,null,l),e.createElement(a,{variant:"headingLarge"},m),c&&e.createElement(i,{variant:"subheadingMedium"},c));export{n as SpecificState};
+import React from 'react';
+import { SpecificStateContainer, EllipseContainer, TitleText, SubTitleText } from './styled.js';
+
+const SpecificState = ({ height, icon, title, subTitle }) => (React.createElement(SpecificStateContainer, { height: height },
+    React.createElement(EllipseContainer, null, icon),
+    React.createElement(TitleText, { variant: "headingLarge" }, title),
+    subTitle && React.createElement(SubTitleText, { variant: "subheadingMedium" }, subTitle)));
+
+export { SpecificState };
 //# sourceMappingURL=SpecificState.js.map

package/dist/components/LegacyDataTable/SpecificState/SpecificState.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpecificState.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/SpecificState.tsx"],"sourcesContent":[null],"names":["SpecificState","height","icon","title","subTitle","React","createElement","SpecificStateContainer","EllipseContainer","TitleText","variant","SubTitleText"],"mappings":"iIAMK,MAAAA,EAAyB,EAAAC,SAAAC,OAAAC,QAAoBC,cAAAC,EAAAC,cAAAC,EAAA,CAAAN,OAAAA,GAChDI,EAAMC,cAASE,EAAA,KAAAN,GACfG,EAAAC,cAAAG,EAAA,CAAAC,QAAA,gBAAAP,GAEFC,GAAaC,EAAAC,cAAoDK,EAAA,CAAAD,QAAA,oBAAAN"}
+{"version":3,"file":"SpecificState.js","sources":["../../../../src/components/LegacyDataTable/SpecificState/SpecificState.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;MAUa,aAAa,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAA0B,MACrF,oBAAC,sBAAsB,EAAA,EAAC,MAAM,EAAE,MAAM,EAAA;IACpC,KAAC,CAAA,aAAA,CAAA,gBAAgB,EAAE,IAAA,EAAA,IAAI,CAAoB;AAC3C,IAAA,KAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,OAAO,EAAC,cAAc,EAAA,EAAE,KAAK,CAAa;AACpD,IAAA,QAAQ,IAAI,KAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,OAAO,EAAC,kBAAkB,EAAA,EAAE,QAAQ,CAAgB,CACxD;;;;"}

package/dist/components/LegacyDataTable/SpecificState/index.d.ts

@@ -1,2 +1 @@
 export { SpecificState } from './SpecificState';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/LegacyDataTable/SpecificState/styled.cjs

@@ -1,26 +1,21 @@
-"use strict";var e=require("styled-components"),t=require("../../../theme/index.cjs"),i=require("../../BaseContainer/BaseContainer.cjs"),r=require("../../Text/Text.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var a=n(e);const o=a.default(i.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  height: ${e=>e.height}px;
-  background: white;
-`,s=a.default(i.BaseContainer)`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  width: 120px;
-  height: 120px;
-  border-radius: 100px;
-  background: ${t.theme.colors.neutral.grey.base};
+'use strict';
 
-  svg {
-    width: 64px !important;
-    height: 64px !important;
-  }
-`,x=a.default(r.Text)`
-  margin-top: 24px;
-`,l=a.default(r.Text)`
-  margin-top: 8px;
-`;exports.EllipseContainer=s,exports.SpecificStateContainer=o,exports.SubTitleText=l,exports.TitleText=x;
+var styled = require('styled-components');
+var index = require('../../../theme/index.cjs');
+var BaseContainer = require('../../BaseContainer/BaseContainer.cjs');
+var Text = require('../../Text/Text.cjs');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
+
+const SpecificStateContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--SpecificStateContainer", componentId: "vui--991hgo" }) `display:flex;flex-direction:column;justify-content:center;align-items:center;height:${(props) => props.height}px;background:white;`;
+const EllipseContainer = styled__default.default(BaseContainer.BaseContainer).withConfig({ displayName: "vui--EllipseContainer", componentId: "vui--1oi4ebm" }) `display:flex;justify-content:center;align-items:center;width:120px;height:120px;border-radius:100px;background:${index.theme.colors.neutral.grey.base};svg{width:64px !important;height:64px !important;}`;
+const TitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--TitleText", componentId: "vui--pj8i0k" }) `margin-top:24px;`;
+const SubTitleText = styled__default.default(Text.Text).withConfig({ displayName: "vui--SubTitleText", componentId: "vui--19x6udv" }) `margin-top:8px;`;
+
+exports.EllipseContainer = EllipseContainer;
+exports.SpecificStateContainer = SpecificStateContainer;
+exports.SubTitleText = SubTitleText;
+exports.TitleText = TitleText;
 //# sourceMappingURL=styled.cjs.map