@databricks/design-system 1.12.17 → 1.12.19

package/dist/design-system/TableUI/tableStyles.js

@@ -0,0 +1,197 @@
+import { css } from '@emotion/react';
+import { random, times } from 'lodash';
+// Class names that can be used to reference children within
+// Should not be used outside of design system
+// TODO: PE-239 Maybe we could add "dangerous" into the names or make them completely random.
+function randomString() {
+    return times(20, () => random(35).toString(36)).join('');
+}
+export const tableClassNames = {
+    cell: `js--ds-table-cell-${randomString()}`,
+    header: `js--ds-table-header-${randomString()}`,
+    row: `js--ds-table-row-${randomString()}`,
+};
+// We do not want to use `css=` for elements that can appear on the screen more than ~100 times.
+// Instead, we define them here and nest the styling in the styles for the table component below.
+// For details see: https://emotion.sh/docs/performance
+export const repeatingElementsStyles = {
+    cell: css({
+        display: 'inline-grid',
+        position: 'relative',
+        flex: 1,
+        boxSizing: 'border-box',
+        paddingLeft: 'var(--table-spacing-sm)',
+        paddingRight: 'var(--table-spacing-sm)',
+        wordBreak: 'break-word',
+        overflow: 'hidden',
+        '& .anticon': {
+            verticalAlign: 'text-bottom',
+        },
+    }),
+    header: css({
+        fontWeight: 'bold',
+        alignItems: 'flex-end',
+        display: 'flex',
+        overflow: 'hidden',
+        '&[aria-sort]': {
+            cursor: 'pointer',
+            userSelect: 'none',
+        },
+        '.table-header-text': {
+            color: 'var(--table-header-text-color)',
+        },
+        '.table-header-icon-container': {
+            color: 'var(--table-header-sort-icon-color)',
+            display: 'none',
+        },
+        '&[aria-sort]:hover': {
+            '.table-header-icon-container, .table-header-text': {
+                color: 'var(--table-header-focus-color)',
+            },
+        },
+        '&[aria-sort]:active': {
+            '.table-header-icon-container, .table-header-text': {
+                color: 'var(--table-header-active-color)',
+            },
+        },
+        '&:hover, &[aria-sort="ascending"], &[aria-sort="descending"]': {
+            '.table-header-icon-container': {
+                display: 'inline',
+            },
+        },
+    }),
+    row: css({
+        display: 'flex',
+        '&.table-isHeader': {
+            '> *': {
+                backgroundColor: 'var(--table-header-background-color)',
+            },
+            '.table-isScrollable &': {
+                position: 'sticky',
+                top: 0,
+                zIndex: 1,
+            },
+        },
+        // Note: Next-sibling selector is necessary for Ant Checkboxes; if we move away
+        // from those in the future we would need to adjust these styles.
+        '.table-row-select-cell input[type="checkbox"] ~ *': {
+            opacity: 'var(--row-checkbox-opacity, 0)',
+        },
+        '&:not(.table-row-isGrid)&:hover': {
+            '&:not(.table-isHeader)': {
+                backgroundColor: 'var(--table-row-hover)',
+            },
+            '.table-row-select-cell input[type="checkbox"] ~ *': {
+                opacity: 1,
+            },
+        },
+        '.table-row-select-cell input[type="checkbox"]:focus ~ *': {
+            opacity: 1,
+        },
+        '> *': {
+            paddingTop: 'var(--table-row-vertical-padding)',
+            paddingBottom: 'var(--table-row-vertical-padding)',
+            borderBottom: '1px solid',
+            borderColor: 'var(--table-separator-color)',
+        },
+        '&.table-row-isGrid > *': {
+            borderRight: '1px solid',
+            borderColor: 'var(--table-separator-color)',
+        },
+        // Add left border to first cell in grid
+        '&.table-row-isGrid > :first-of-type': {
+            borderLeft: '1px solid',
+            borderColor: 'var(--table-separator-color)',
+        },
+        // Add top border for first row in cell
+        '&.table-row-isGrid.table-isHeader:first-of-type > *': {
+            borderTop: '1px solid',
+            borderColor: 'var(--table-separator-color)',
+        },
+    }),
+};
+// For performance, these styles are defined outside of the component so they are not redefined on every render.
+// We're also using CSS Variables rather than any dynamic styles so that the style object remains static.
+const tableStyles = {
+    tableWrapper: css({
+        '&.table-isScrollable': {
+            overflow: 'auto',
+        },
+        display: 'flex',
+        flexDirection: 'column',
+        height: '100%',
+        // Inline repeating elements styles for performance reasons
+        [`.${tableClassNames.cell}`]: repeatingElementsStyles.cell,
+        [`.${tableClassNames.header}`]: repeatingElementsStyles.header,
+        [`.${tableClassNames.row}`]: repeatingElementsStyles.row,
+    }),
+    table: css({
+        '.table-isScrollable &': {
+            flex: 1,
+            overflow: 'auto',
+        },
+    }),
+    headerButtonTarget: css({
+        alignItems: 'flex-end',
+        display: 'flex',
+        overflow: 'hidden',
+        width: '100%',
+        justifyContent: 'inherit',
+        '&:focus': {
+            '.table-header-text': {
+                color: 'var(--table-header-focus-color)',
+            },
+            '.table-header-icon-container': {
+                color: 'var(--table-header-focus-color)',
+                display: 'inline',
+            },
+        },
+        '&:active': {
+            '.table-header-icon-container, .table-header-text': {
+                color: 'var(--table-header-active-color)',
+            },
+        },
+    }),
+    sortHeaderIconOnRight: css({
+        marginLeft: 'var(--table-spacing-xs)',
+    }),
+    sortHeaderIconOnLeft: css({
+        marginRight: 'var(--table-spacing-xs)',
+    }),
+    checkboxCell: css({
+        display: 'flex',
+        alignItems: 'center',
+        flex: 0,
+        paddingLeft: 'var(--table-spacing-sm)',
+        paddingTop: 0,
+        paddingBottom: 0,
+        minWidth: 'var(--table-spacing-md)',
+        maxWidth: 'var(--table-spacing-md)',
+        boxSizing: 'content-box',
+    }),
+    resizeHandleContainer: css({
+        position: 'absolute',
+        right: -3,
+        top: 'var(--table-spacing-sm)',
+        bottom: 'var(--table-spacing-sm)',
+        width: 'var(--table-spacing-sm)',
+        display: 'flex',
+        justifyContent: 'center',
+        cursor: 'col-resize',
+        userSelect: 'none',
+        touchAction: 'none',
+        zIndex: 1,
+    }),
+    resizeHandle: css({
+        width: 1,
+        background: 'var(--table-resize-handle-color)',
+    }),
+    paginationContainer: css({
+        display: 'flex',
+        justifyContent: 'flex-end',
+        paddingTop: 'var(--table-spacing-sm)',
+        paddingBottom: 'var(--table-spacing-sm)',
+    }),
+};
+export default tableStyles;
+//# sourceMappingURL=tableStyles.js.map

package/dist/design-system/TableUI/tableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableStyles.js","sourceRoot":"","sources":["../../../src/design-system/TableUI/tableStyles.ts"],"names":[],"mappings":"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"}

package/dist/design-system/TableUI/tests/TableUIGetRowsSelected.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=TableUIGetRowsSelected.test.d.ts.map

package/dist/design-system/TableUI/tests/TableUIGetRowsSelected.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableUIGetRowsSelected.test.d.ts","sourceRoot":"","sources":["../../../../src/design-system/TableUI/tests/TableUIGetRowsSelected.test.tsx"],"names":[],"mappings":""}

package/dist/design-system/TableUI/tests/TableUIGetRowsSelected.test.js

@@ -0,0 +1,151 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { describe, afterEach, jest, it, expect } from '@jest/globals';
+import { filterFns, flexRender, getCoreRowModel, getFilteredRowModel, getPaginationRowModel, getSortedRowModel, useReactTable, } from '@tanstack/react-table';
+import { fireEvent, render, waitFor, within } from '@testing-library/react';
+import { useEffect, useState } from 'react';
+import { Button, CheckCircleIcon, Empty, Header, NewWindowIcon, Pagination, Spacer, Table, TableCell, TableHeader, TableRow, TableRowSelectCell, useDesignSystemTheme, XCircleIcon, } from '../..';
+// Define your columns
+const columns = [
+    {
+        id: 'status',
+        header: 'Status',
+        accessorKey: 'status',
+        filterFn: filterFns.equals,
+    },
+    {
+        id: 'name',
+        header: 'Name',
+        accessorKey: 'name',
+    },
+    {
+        id: 'category',
+        header: 'Category',
+        accessorKey: 'category',
+        filterFn: filterFns.arrIncludesSome,
+    },
+    {
+        id: 'size',
+        header: 'Size',
+        accessorKey: 'size',
+    },
+    {
+        id: 'createdBy',
+        header: 'Created By',
+        accessorKey: 'createdBy',
+        filterFn: filterFns.arrIncludesSome,
+    },
+];
+const getTableData = () => {
+    const authors = [];
+    const categories = ['Financial', 'Retail', 'Healthcare', 'Manufacturing', 'Other'];
+    const data = [];
+    // Generate twenty fake authors with faker
+    for (let i = 0; i < 20; i++) {
+        authors.push(`firstname_${i}.lastname_${i}@databricks.com`);
+    }
+    // Generate some fake data
+    for (let i = 0; i < 100; i++) {
+        // Ensures that the faker data is determinstic by row.
+        data.push({
+            key: i.toString(),
+            status: Math.random() > 0.5 ? 'Success' : 'Failure',
+            name: `file_${i}.csv`,
+            category: categories[Math.floor(Math.random() * categories.length)],
+            size: `10 GB`,
+            createdBy: authors[Math.floor(Math.random() * authors.length)],
+        });
+    }
+    return data;
+};
+const Example = () => {
+    const [data] = useState(() => getTableData());
+    // Set up pagination state, so that we can control the pagination from outside the table
+    // in our `Pagination` component.
+    const [pagination, setPagination] = useState({
+        pageSize: 10,
+        pageIndex: 0,
+    });
+    const { theme } = useDesignSystemTheme();
+    const [sorting, setSorting] = useState([{ id: 'status', desc: true }]);
+    const [globalFilter, setGlobalFilter] = useState('');
+    const [columnFilters, setColumnFilters] = useState([]);
+    const [rowSelection, setRowSelection] = useState({});
+    useEffect(() => {
+        // Goto page 1
+        setPagination((prev) => ({
+            ...prev,
+            pageIndex: 0,
+        }));
+    }, [globalFilter, columnFilters]);
+    const table = useReactTable({
+        data,
+        columns,
+        state: {
+            pagination,
+            sorting,
+            columnFilters,
+            globalFilter,
+            rowSelection,
+        },
+        getCoreRowModel: getCoreRowModel(),
+        getFilteredRowModel: getFilteredRowModel(),
+        getPaginationRowModel: getPaginationRowModel(),
+        getSortedRowModel: getSortedRowModel(),
+        onColumnFiltersChange: setColumnFilters,
+        onGlobalFilterChange: setGlobalFilter,
+        onRowSelectionChange: setRowSelection,
+        onSortingChange: setSorting,
+        enableRowSelection: (row) => Number.parseInt(row.original.size, 10) > 30,
+    });
+    const paginationComponent = (_jsx(Pagination, { componentId: "codegen_design-system_src_design-system_tableui_tests_tableuigetrowsselected.test.tsx_144", currentPageIndex: pagination.pageIndex + 1, numTotal: table.getFilteredRowModel().rows.length, onChange: (page, pageSize) => {
+            setPagination({
+                pageSize: pageSize || pagination.pageSize,
+                pageIndex: page - 1,
+            });
+        }, pageSize: pagination.pageSize }));
+    const emptyComponent = _jsx(Empty, { description: "No things found that match your search." });
+    const isEmpty = () => table.getRowModel().rows.length === 0;
+    // Should be a Record type mapping keys of the `File` type above to CSS properties.
+    const columnStyles = {
+        status: {
+            maxWidth: 100,
+        },
+        size: {
+            maxWidth: 100,
+        },
+    };
+    return (_jsxs("div", { children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', gap: 8 }, children: [_jsx(Header, { title: "Things" }), _jsxs(Button, { componentId: "codegen_design-system_src_design-system_tableui_tests_tableuigetrowsselected.test.tsx_174", type: "link", children: ["Provide feedback ", _jsx(NewWindowIcon, {})] })] }), _jsx(Spacer, {}), _jsxs(Table, { pagination: paginationComponent, empty: isEmpty() ? emptyComponent : undefined, someRowsSelected: table.getIsSomePageRowsSelected() || table.getIsAllPageRowsSelected(), children: [table.getHeaderGroups().map((headerGroup) => (_jsxs(TableRow, { isHeader: true, children: [_jsx(TableRowSelectCell, { componentId: "codegen_design-system_src_design-system_tableui_tests_tableuigetrowsselected.test.tsx_190", checked: table.getIsAllPageRowsSelected(), indeterminate: table.getIsSomePageRowsSelected(), onChange: table.getToggleAllPageRowsSelectedHandler() }), headerGroup.headers.map((header) => {
+                                return (_jsx(TableHeader, { componentId: "codegen_design-system_src_design-system_tableui_tests_tableuigetrowsselected.test.tsx_199", style: (header.column.columnDef.id &&
+                                        // @ts-expect-error-next-line
+                                        columnStyles[header.column.columnDef.id]) ||
+                                        {}, ellipsis: true, sortable: true, sortDirection: header.column.getIsSorted() || 'none', onToggleSort: header.column.getToggleSortingHandler(), children: flexRender(header.column.columnDef.header, header.getContext()) }, header.id));
+                            })] }, headerGroup.id))), table.getRowModel().rows.map((row) => (_jsxs(TableRow, { css: row.getCanSelect() ? undefined : { opacity: 0.5 }, children: [_jsx(TableRowSelectCell, { componentId: "codegen_design-system_src_design-system_tableui_tests_tableuigetrowsselected.test.tsx_218", checked: row.getIsSelected(), onChange: row.getCanSelect() ? row.getToggleSelectedHandler() : undefined }), row.getAllCells().map((cell) => {
+                                if (cell.column.columnDef.id === 'status') {
+                                    return (_jsx(TableCell, { ellipsis: true, style: (cell.column.columnDef.id && columnStyles[cell.column.columnDef.id]) || {}, align: "center", children: cell.getValue() === 'Success' ? (_jsx(CheckCircleIcon, { css: { color: theme.colors.textValidationSuccess } })) : (_jsx(XCircleIcon, { css: { color: theme.colors.textValidationDanger } })) }, cell.id));
+                                }
+                                return (_jsxs(TableCell, { ellipsis: true, style: (cell.column.columnDef.id &&
+                                        // @ts-expect-error-next-line
+                                        columnStyles[cell.column.columnDef.id]) ||
+                                        {}, children: [flexRender(cell.column.columnDef.cell, cell.getContext()), ' '] }, cell.id));
+                            })] }, row.id)))] })] }));
+};
+describe('TableUI GetRowsSelected', () => {
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('Selects all correctly when some rows are disabled', async () => {
+        const { queryAllByRole } = render(_jsx(Example, {}));
+        expect(queryAllByRole('columnheader')).toHaveLength(6);
+        const columnHeader = queryAllByRole('columnheader')[0];
+        const checkbox = await within(columnHeader).findByRole('checkbox');
+        expect(checkbox).toBeInTheDocument();
+        fireEvent.click(checkbox);
+        // eslint-disable-next-line testing-library/await-async-utils -- FEINF-3005
+        waitFor(() => {
+            expect(checkbox).toHaveAttribute('aria-checked', 'mixed');
+        });
+        fireEvent.click(checkbox);
+        expect(checkbox).toHaveAttribute('aria-checked', 'false');
+    });
+});
+//# sourceMappingURL=TableUIGetRowsSelected.test.js.map

package/dist/design-system/TableUI/tests/TableUIGetRowsSelected.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableUIGetRowsSelected.test.js","sourceRoot":"","sources":["../../../../src/design-system/TableUI/tests/TableUIGetRowsSelected.test.tsx"],"names":[],"mappings":"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"}

package/dist/{development/TabsV2/TabsV2.d.ts → design-system/Tabs/Tabs.d.ts}

@@ -1,11 +1,11 @@
 import type { Interpolation } from '@emotion/react';
 import * as RadixTabs from '@radix-ui/react-tabs';
 import React from 'react';
-import type { ButtonProps } from '../../design-system';
-import { DesignSystemEventProviderAnalyticsEventTypes } from '../../design-system';
-import type { AnalyticsEventValueChangeNoPiiFlagProps, DangerousGeneralProps } from '../../design-system/types';
+import type { ButtonProps } from '..';
+import { DesignSystemEventProviderAnalyticsEventTypes } from '..';
 import type { Theme } from '../../theme';
-interface RootProps extends Omit<RadixTabs.TabsProps, 'asChild' | 'orientation' | 'dir' | 'activationMode'>, AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {
+import type { AnalyticsEventValueChangeNoPiiFlagProps, DangerousGeneralProps } from '../types';
+interface RootProps extends Omit<RadixTabs.TabsProps, 'asChild' | 'orientation' | 'dir'>, AnalyticsEventValueChangeNoPiiFlagProps<DesignSystemEventProviderAnalyticsEventTypes.OnValueChange> {
 }
 export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLDivElement>>;
 interface AddButtonProps extends DangerousGeneralProps, Pick<ButtonProps, 'onClick' | 'className'> {
@@ -15,13 +15,23 @@ interface ListProps extends DangerousGeneralProps, Omit<RadixTabs.TabsListProps,
     addButtonProps?: AddButtonProps;
     /** Styling for the list's scrollable area viewport */
     scrollAreaViewportCss?: Interpolation<Theme>;
+    /** If using a background color other than primary, pass this color along so the shadow scroll styling can use this color*/
+    shadowScrollStylesBackgroundColor?: string;
+    /** For customizing the height of the list's scrollbar. The default height is 3px.
+     *  Customizing the scrollbar height is not recommended. Ask in #dubois before using.
+     */
+    scrollbarHeight?: number;
+    /** Optional callback to get access to the viewport element. */
+    getScrollAreaViewportRef?: (element: HTMLDivElement | null) => void;
+    /** Optional CSS to append to the tab list container */
+    tabListCss?: Interpolation<Theme>;
 }
 export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLDivElement>>;
-interface TriggerProps extends Omit<RadixTabs.TabsTriggerProps, 'asChild'> {
+export interface TriggerProps extends Omit<RadixTabs.TabsTriggerProps, 'asChild'> {
     /** Called when the close tab icon is clicked. The close icon is only displayed when this prop is passed */
     onClose?: (value: string) => void;
 }
 export declare const Trigger: React.ForwardRefExoticComponent<TriggerProps & React.RefAttributes<HTMLButtonElement>>;
 export declare const Content: React.ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps, "asChild"> & React.RefAttributes<HTMLDivElement>>;
 export {};
-//# sourceMappingURL=TabsV2.d.ts.map
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/design-system/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/design-system/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAa,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAG/D,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAElD,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,WAAW,EAAsB,MAAM,IAAI,CAAC;AAC1D,OAAO,EAKL,4CAA4C,EAI7C,MAAM,IAAI,CAAC;AACZ,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEzC,OAAO,KAAK,EAAE,uCAAuC,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAoB/F,UAAU,SACR,SAAQ,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,SAAS,GAAG,aAAa,GAAG,KAAK,CAAC,EAClE,uCAAuC,CAAC,4CAA4C,CAAC,aAAa,CAAC;CAAG;AAE1G,eAAO,MAAM,IAAI,kFAmDhB,CAAC;AAEF,UAAU,cAAe,SAAQ,qBAAqB,EAAE,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,WAAW,CAAC;CAAG;AAErG,UAAU,SAAU,SAAQ,qBAAqB,EAAE,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,SAAS,GAAG,MAAM,CAAC;IAClG,2HAA2H;IAC3H,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sDAAsD;IACtD,qBAAqB,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE7C,2HAA2H;IAC3H,iCAAiC,CAAC,EAAE,MAAM,CAAC;IAE3C;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+DAA+D;IAC/D,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IAEpE,uDAAuD;IACvD,UAAU,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,IAAI,kFAuDhB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,SAAS,CAAC;IAC/E,2GAA2G;IAC3G,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,OAAO,wFAuGnB,CAAC;AAEF,eAAO,MAAM,OAAO,oHAMnB,CAAC"}