@astral/ui 1.56.0 → 2.1.3

package/DataGrid/DataGrid.d.ts

@@ -1,90 +0,0 @@
-import { ReactNode } from 'react';
-import { DataGridColumns, DataGridRow, DataGridSort } from './types';
-export type DataGridProps<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data> = {
-    className?: string;
-    /**
-     * @example <DataGrid rows={[{name: 'test'}]} />
-     * Массив данных для таблицы
-     */
-    rows: Data[];
-    /**
-     * @example <DataGrid columns={[
-     *   {
-     *     field: 'test',
-     *     label: 'Тестовая колонка',
-     *     sortable: true,
-     *   }]} />
-     * Конфигурация колонок для таблицы
-     */
-    columns: DataGridColumns<Data>[];
-    keyId: keyof DataGridRow;
-    /**
-     * @example <DataGrid onRowClick={(row) => console.log('clicked')} />
-     * Обработчик клика строки таблицы
-     */
-    onRowClick?: (row: Data) => void;
-    /**
-     * @example <DataGrid selectedRows={[{name: 'test'}]} />
-     * Массив выбранных строк
-     */
-    selectedRows?: Array<Data>;
-    /**
-     * @example <DataGrid onSelectRow={(row) => console.log(select)} />
-     * Обработчик выбора строки
-     */
-    onSelectRow?: (row: Data[]) => void;
-    /**
-     * @example <DataGrid sorting={{fieldId: 'test', sort: 'asc'}} />
-     * Параметры сортируемой колонки
-     */
-    sorting?: DataGridSort<SortField>;
-    /**
-     * @example <DataGrid onSort={({fieldId: 'test', sort: 'asc'}) => console.log('sorted')} />
-     * Обработчик сортировки
-     */
-    onSort?: (sorting: DataGridSort<SortField> | undefined) => void;
-    /**
-     * @example <DataGrid  Footer={<DataGridPagination />} />
-     * Компонент кастомного футера (н-р Pagination)
-     */
-    Footer?: ReactNode;
-    /**
-     * @example <DataGrid  noDataPlaceholder={<DataGridNoData />} />
-     *  Используется для отображения placeholder при отсутствии данных в таблице
-     */
-    noDataPlaceholder?: ReactNode;
-    /**
-     * @example <DataGrid  maxHeight={900} />
-     * Максимальная высота для таблицы
-     */
-    maxHeight?: number;
-    /**
-     * @example <DataGrid  loading={true} />
-     * Флажок загрузки данных
-     */
-    loading?: boolean;
-    /**
-     * @example <DataGrid  disabled={true} />
-     * Флажок блокировки таблицы
-     */
-    disabled?: boolean;
-    /**
-     * @default '-'
-     * @example <DataGrid  emptyCellValue{'Нет данных'} />
-     * Заглушка для пустых ячеек (если отсутствует field и filter и renderCell)
-     */
-    emptyCellValue?: ReactNode;
-    /**
-     * @default 10
-     * @example <DataGrid  minDisplayRows{10} />
-     *  Используется для отображения переданного кол-ва строк при отсутствии данных
-     */
-    minDisplayRows?: number;
-    /**
-     * @default 50
-     * @example <DateGrid Footer={Footer} footerHeight={50} />
-     * Высота Footer, по-умолчанию указана высота Footer из кита
-     */
-    footerHeight?: number;
-};
-export declare function DataGrid<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data>({ columns, rows, selectedRows, sorting, maxHeight, minDisplayRows, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, disabled, onSort, keyId, emptyCellValue, className, footerHeight, }: DataGridProps<Data, SortField>): JSX.Element;

package/DataGrid/DataGrid.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGrid = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const lodash_es_1 = require("lodash-es");
-const Table_1 = require("../Table");
-const DataGridHead_1 = require("./DataGridHead");
-const DataGridBody_1 = require("./DataGridBody");
-const DataGridLoader_1 = __importDefault(require("./DataGridLoader/DataGridLoader"));
-const DataGridNoData_1 = require("./DataGridNoData");
-const styles_1 = require("./styles");
-function DataGrid({ columns, rows = [], selectedRows = [], sorting, maxHeight, minDisplayRows = 10, onRowClick, onSelectRow, Footer, noDataPlaceholder, loading, disabled, onSort, keyId, emptyCellValue, className, footerHeight = 50, }) {
-    const selectable = Boolean(onSelectRow);
-    const withFooter = Boolean(Footer);
-    const isTableDisabled = loading || disabled;
-    const TableContainer = isTableDisabled
-        ? styles_1.DisabledTableContainer
-        : styles_1.StyledTableContainer;
-    const handleSelectAllRows = (event) => {
-        if (!onSelectRow) {
-            return;
-        }
-        if (event.target.checked) {
-            const mergedSelectedRows = (0, lodash_es_1.uniqBy)([...selectedRows, ...rows], keyId);
-            return onSelectRow(mergedSelectedRows);
-        }
-        const filteredRows = selectedRows.filter((selectedRow) => !rows.find((row) => row[keyId] === selectedRow[keyId]));
-        onSelectRow(filteredRows);
-    };
-    const handleSelectRow = (0, react_1.useCallback)((row) => (event) => {
-        if (!onSelectRow) {
-            return;
-        }
-        if (event.target.checked) {
-            return onSelectRow([...selectedRows, row]);
-        }
-        return onSelectRow(selectedRows.filter((selectedRow) => selectedRow[keyId] !== row[keyId]));
-    }, [selectedRows, onSelectRow, keyId]);
-    const uncheckedRowsCount = (0, react_1.useMemo)(() => {
-        return rows.filter((row) => !selectedRows.find((selectedRow) => selectedRow[keyId] === row[keyId])).length;
-    }, [rows, selectedRows, keyId]);
-    const renderedPlaceholder = (0, react_1.useCallback)(() => {
-        if (!loading) {
-            return noDataPlaceholder || (0, jsx_runtime_1.jsx)(DataGridNoData_1.DataGridNoData, {});
-        }
-        return null;
-    }, [noDataPlaceholder, loading]);
-    return ((0, jsx_runtime_1.jsxs)(styles_1.DataGridContainer, Object.assign({ maxHeight: maxHeight, className: className }, { children: [(0, jsx_runtime_1.jsx)(TableContainer, Object.assign({ inert: isTableDisabled ? '' : false }, { children: (0, jsx_runtime_1.jsxs)(Table_1.Table, Object.assign({ stickyHeader: true }, { children: [(0, jsx_runtime_1.jsx)(DataGridHead_1.DataGridHead, { onSort: onSort, rowsCount: rows.length, uncheckedRowsCount: uncheckedRowsCount, onSelectAllRows: handleSelectAllRows, selectable: selectable, sorting: sorting, columns: columns }), (0, jsx_runtime_1.jsx)(DataGridBody_1.DataGridBody, { keyId: keyId, selectedRows: selectedRows, minDisplayRows: minDisplayRows, onRowClick: onRowClick, onSelectRow: handleSelectRow, selectable: selectable, rows: rows, columns: columns, emptyCellValue: emptyCellValue, noDataPlaceholder: renderedPlaceholder() })] })) })), (0, jsx_runtime_1.jsx)(DataGridLoader_1.default, { footerHeight: footerHeight, withFooter: withFooter, disabled: disabled, loading: loading }), Footer] })));
-}
-exports.DataGrid = DataGrid;

package/DataGrid/DataGrid.test.d.ts

@@ -1 +0,0 @@
-export {};

package/DataGrid/DataGrid.test.js

@@ -1,118 +0,0 @@
-"use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const tests_1 = require("@astral/tests");
-const react_1 = require("react");
-const vitest_1 = require("vitest");
-const DataGrid_1 = require("./DataGrid");
-describe('DataGrid', () => {
-    it('Props:columns: отображаются названия колонок', () => {
-        const columns = [
-            {
-                field: 'name',
-                label: 'Наименование',
-            },
-        ];
-        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "id", rows: [], columns: columns }));
-        const title = tests_1.screen.getByText('Наименование');
-        expect(title).toBeVisible();
-    });
-    it('Props:columns:sortable: отображается иконка сортировки', () => {
-        const columns = [
-            {
-                field: 'name',
-                label: 'Наименование',
-                sortable: true,
-            },
-        ];
-        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "id", rows: [], columns: columns }));
-        const icon = tests_1.screen.getByText('Наименование').querySelector('svg');
-        expect(icon).not.toBeNull();
-    });
-    it('Props:columns:sortable: по клику на head cell вызывается onSort', () => __awaiter(void 0, void 0, void 0, function* () {
-        const columns = [
-            {
-                field: 'name',
-                label: 'Наименование',
-                sortable: true,
-            },
-        ];
-        let currentSort;
-        const TestComponent = () => {
-            const [sorting, setSorting] = (0, react_1.useState)();
-            const handleSort = (sort) => {
-                currentSort = sort;
-                setSorting(sort);
-            };
-            return ((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "name", rows: [], sorting: sorting, onSort: handleSort, columns: columns }));
-        };
-        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(TestComponent, {}));
-        expect(currentSort).toBe(undefined);
-        yield tests_1.userEvents.click(tests_1.screen.getByText('Наименование'));
-        expect(currentSort).toEqual({ fieldId: 'name', sort: 'asc' });
-        yield tests_1.userEvents.click(tests_1.screen.getByText('Наименование'));
-        expect(currentSort).toEqual({ fieldId: 'name', sort: 'desc' });
-        yield tests_1.userEvents.click(tests_1.screen.getByText('Наименование'));
-        expect(currentSort).toBe(undefined);
-    }));
-    it('Props:columns:field: отображает в строке данные по field', () => __awaiter(void 0, void 0, void 0, function* () {
-        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "name", rows: [{ name: 'Vasya' }], columns: [
-                {
-                    field: 'name',
-                    label: 'Наименование',
-                },
-            ] }));
-        const title = tests_1.screen.getByText('Vasya');
-        expect(title).toBeVisible();
-    }));
-    it('Props:options=[]: отображается placeholder', () => __awaiter(void 0, void 0, void 0, function* () {
-        const columns = [
-            {
-                field: 'name',
-                label: 'Наименование',
-            },
-        ];
-        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "id", rows: [], columns: columns }));
-        const title = tests_1.screen.getByText('Нет данных');
-        expect(title).toBeVisible();
-    }));
-    it('Props:onRowClick: по клику на строку получаем данные row', () => __awaiter(void 0, void 0, void 0, function* () {
-        const onRowClick = vitest_1.vi.fn();
-        (0, tests_1.renderWithTheme)((0, jsx_runtime_1.jsx)(DataGrid_1.DataGrid, { keyId: "name", rows: [{ name: 'Vasya' }], onRowClick: onRowClick, columns: [
-                {
-                    field: 'name',
-                    label: 'Наименование',
-                },
-            ] }));
-        yield tests_1.userEvents.click(tests_1.screen.getByText('Vasya'));
-        expect(onRowClick.mock.calls[0][0]).toEqual({ name: 'Vasya' });
-    }));
-    // TODO: https://astraltrack.atlassian.net/browse/UIKIT-309
-    // it('Props:emptyCellValue: по дефолту для пустого значения отображается -', async () => {
-    //   renderWithTheme(
-    //     <DataGrid<{ name?: string }>
-    //       keyId="name"
-    //       rows={[{}]}
-    //       columns={[
-    //         {
-    //           field: 'name',
-    //           label: 'Наименование',
-    //         },
-    //       ]}
-    //     />,
-    //   );
-    //
-    //   const emptySymbol = screen.getByText('-');
-    //
-    //   expect(emptySymbol).toBeVisible();
-    // });
-});

package/DataGrid/DataGridBody/DataGridBody.d.ts

@@ -1,15 +0,0 @@
-import { ChangeEvent, ReactNode } from 'react';
-import { DataGridColumns, DataGridRow } from '../types';
-export type DataGridBodyProps<Data extends object> = {
-    columns: DataGridColumns<Data>[];
-    keyId: keyof DataGridRow;
-    onRowClick?: (row: Data) => void;
-    selectable?: boolean;
-    selectedRows?: Array<Data>;
-    rows: Data[];
-    onSelectRow: (row: Data) => (event: ChangeEvent<HTMLInputElement>) => void;
-    minDisplayRows: number;
-    emptyCellValue?: ReactNode;
-    noDataPlaceholder?: ReactNode;
-};
-export declare function DataGridBody<Data extends object>({ rows, columns, selectable, onRowClick, onSelectRow, selectedRows, minDisplayRows, keyId, emptyCellValue, noDataPlaceholder, }: DataGridBodyProps<Data>): JSX.Element;

package/DataGrid/DataGridBody/DataGridBody.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridBody = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Table_1 = require("../../Table");
-const DataGridCell_1 = require("../DataGridCell");
-const Checkbox_1 = require("../../Checkbox");
-const styles_1 = require("./styles");
-function DataGridBody({ rows, columns, selectable, onRowClick, onSelectRow, selectedRows = [], minDisplayRows, keyId, emptyCellValue, noDataPlaceholder, }) {
-    const renderCells = (0, react_1.useCallback)((row, rowId) => {
-        return columns.map((cell, index) => {
-            const cellId = `${rowId}-${index}`;
-            return ((0, jsx_runtime_1.jsx)(DataGridCell_1.DataGridCell, { row: row, cell: cell, emptyCellValue: emptyCellValue }, cellId));
-        });
-    }, [columns]);
-    const handleRowClick = (row) => () => {
-        if (onRowClick) {
-            onRowClick(row);
-        }
-    };
-    const renderedRows = (0, react_1.useMemo)(() => {
-        return rows.map((row) => {
-            const rowId = row[keyId];
-            const checked = selectable &&
-                Boolean(selectedRows.find((selectedRow) => selectedRow[keyId] === rowId));
-            return ((0, jsx_runtime_1.jsxs)(Table_1.TableRow, Object.assign({ hover: Boolean(onRowClick), onClick: handleRowClick(row) }, { children: [selectable && ((0, jsx_runtime_1.jsx)(Table_1.TableCell, Object.assign({ padding: "checkbox", onClick: (event) => event.stopPropagation() }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: checked, onChange: onSelectRow(row) }) }))), renderCells(row, rowId)] }), rowId));
-        });
-    }, [rows, keyId, selectable, selectedRows, onSelectRow, onRowClick, columns]);
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTableBody, Object.assign({ empty: !rows.length, minDisplayRows: minDisplayRows }, { children: rows.length ? renderedRows : noDataPlaceholder })));
-}
-exports.DataGridBody = DataGridBody;

package/DataGrid/DataGridBody/index.d.ts

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

package/DataGrid/DataGridBody/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DataGridBody"), exports);

package/DataGrid/DataGridBody/styles.d.ts

@@ -1,6 +0,0 @@
-export declare const StyledTableBody: import("@emotion/styled").StyledComponent<import("../../Table").TableBodyProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    empty: boolean;
-    minDisplayRows: number;
-}, {}, {}>;

package/DataGrid/DataGridBody/styles.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTableBody = void 0;
-const styles_1 = require("../../styles");
-const Table_1 = require("../../Table");
-const TABLE_ROW_HEIGHT = 44;
-exports.StyledTableBody = (0, styles_1.styled)(Table_1.TableBody, {
-    shouldForwardProp: (prop) => prop !== 'empty' && prop !== 'minDisplayRows',
-}) `
-  height: ${({ empty, minDisplayRows }) => empty ? `${TABLE_ROW_HEIGHT * minDisplayRows}px` : '100%'};
-
-  /* Без этого в FF не применяется height */
-  &::after {
-    content: '';
-  }
-`;

package/DataGrid/DataGridCell/DataGridCell.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-import { DataGridColumns } from '../types';
-export type CellProps<Data extends object> = {
-    row: Data;
-    cell: DataGridColumns<Data>;
-    emptyCellValue?: ReactNode;
-};
-export declare function DataGridCell<Data extends object>({ row, cell: { field, renderCell, format, align }, emptyCellValue, }: CellProps<Data>): JSX.Element;

package/DataGrid/DataGridCell/DataGridCell.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridCell = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Table_1 = require("../../Table");
-const Typography_1 = require("../../Typography");
-function DataGridCell({ row, cell: { field, renderCell, format, align = 'left' }, emptyCellValue = '-', }) {
-    const formattedValue = (0, react_1.useMemo)(() => {
-        if (format) {
-            return format(row);
-        }
-        if (field) {
-            return row[field];
-        }
-        return emptyCellValue;
-    }, [field, format, row, emptyCellValue]);
-    return ((0, jsx_runtime_1.jsxs)(Table_1.TableCell, Object.assign({ align: align }, { children: [renderCell && renderCell(row), !renderCell && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedValue }) }))] })));
-}
-exports.DataGridCell = DataGridCell;

package/DataGrid/DataGridCell/index.d.ts

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

package/DataGrid/DataGridCell/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DataGridCell"), exports);

package/DataGrid/DataGridHead/DataGridHead.d.ts

@@ -1,12 +0,0 @@
-import { ChangeEvent } from 'react';
-import { DataGridColumns, DataGridRow, DataGridSort } from '../types';
-export type DataGridHeadProps<Data extends object = DataGridRow, SortField extends keyof Data = keyof Data> = {
-    columns: DataGridColumns<Data>[];
-    selectable: boolean;
-    onSelectAllRows: (event: ChangeEvent<HTMLInputElement>) => void;
-    sorting?: DataGridSort<SortField>;
-    onSort?: (sorting: DataGridSort<SortField> | undefined) => void;
-    uncheckedRowsCount: number;
-    rowsCount: number;
-};
-export declare function DataGridHead<Data extends object, SortField extends keyof Data>({ columns, selectable, onSelectAllRows, rowsCount, onSort, sorting, uncheckedRowsCount, }: DataGridHeadProps<Data, SortField>): JSX.Element;

package/DataGrid/DataGridHead/DataGridHead.js

@@ -1,37 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHead = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const TableHead_1 = require("../../Table/TableHead");
-const Table_1 = require("../../Table");
-const Checkbox_1 = require("../../Checkbox");
-const enums_1 = require("../enums");
-const DataGridHeadColumn_1 = require("../DataGridHeadColumn");
-function DataGridHead({ columns, selectable, onSelectAllRows, rowsCount, onSort, sorting, uncheckedRowsCount, }) {
-    const checked = (0, react_1.useMemo)(() => !Boolean(uncheckedRowsCount) && rowsCount > 0, [uncheckedRowsCount, rowsCount]);
-    const indeterminate = (0, react_1.useMemo)(() => uncheckedRowsCount > 0 && uncheckedRowsCount < rowsCount, [uncheckedRowsCount, rowsCount]);
-    const handleSort = (0, react_1.useCallback)((field) => {
-        if (!onSort) {
-            return;
-        }
-        const isCurrentField = (sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) === field;
-        // если для выбранного столбца текущая сортировка ASC - меняем на DESC
-        if (isCurrentField && sorting.sort === enums_1.SortStates.ASC) {
-            return onSort({ fieldId: field, sort: enums_1.SortStates.DESC });
-        }
-        // если для выбранного столбца текущая сортировка DESC - убираем сортировку
-        if (isCurrentField && sorting.sort === enums_1.SortStates.DESC) {
-            return onSort(undefined);
-        }
-        // если для выбранного столбца нет сортировки - добавляем сортировку ASC
-        onSort({ fieldId: field, sort: enums_1.SortStates.ASC });
-    }, [sorting, onSort]);
-    const renderColumns = (0, react_1.useMemo)(() => {
-        return columns.map(({ field, label, sortable, align, width }) => {
-            return ((0, jsx_runtime_1.jsx)(DataGridHeadColumn_1.DataGridHeadColumn, { sorting: sorting, field: field, onSort: handleSort, label: label, sortable: sortable, align: align, width: width }, label));
-        });
-    }, [columns, handleSort, sorting]);
-    return ((0, jsx_runtime_1.jsx)(TableHead_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(Table_1.TableRow, { children: [selectable && ((0, jsx_runtime_1.jsx)(Table_1.TableCell, Object.assign({ padding: "checkbox" }, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: checked, indeterminate: indeterminate, onChange: onSelectAllRows }) }))), renderColumns] }) }));
-}
-exports.DataGridHead = DataGridHead;

package/DataGrid/DataGridHead/index.d.ts

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

package/DataGrid/DataGridHead/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DataGridHead"), exports);

package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.d.ts

@@ -1,13 +0,0 @@
-import { CSSProperties } from 'react';
-import { TableCellProps } from '@mui/material';
-import { DataGridRow, DataGridSort } from '../types';
-export type DataGridHeadColumnProps<Data = DataGridRow, SortField extends keyof Data = keyof Data> = {
-    onSort: (field: SortField) => void;
-    sorting?: DataGridSort<SortField>;
-    label?: string;
-    sortable?: boolean;
-    align?: TableCellProps['align'];
-    field?: keyof Data;
-    width?: CSSProperties['width'];
-};
-export declare function DataGridHeadColumn<Data, SortField extends keyof Data>({ onSort, field, sortable, align, label, sorting, width, }: DataGridHeadColumnProps<Data, SortField>): JSX.Element;

package/DataGrid/DataGridHeadColumn/DataGridHeadColumn.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataGridHeadColumn = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const icons_1 = require("@astral/icons");
-const enums_1 = require("../enums");
-const styles_1 = require("./styles");
-function DataGridHeadColumn({ onSort, field, sortable, align, label, sorting, width, }) {
-    const sortIcon = (0, react_1.useMemo)(() => {
-        if (!sortable) {
-            return null;
-        }
-        if ((sorting === null || sorting === void 0 ? void 0 : sorting.fieldId) !== field) {
-            return (0, jsx_runtime_1.jsx)(icons_1.SortFillSm, {});
-        }
-        switch (sorting === null || sorting === void 0 ? void 0 : sorting.sort) {
-            case enums_1.SortStates.ASC:
-                return (0, jsx_runtime_1.jsx)(icons_1.SortUpFillSm, { color: "primary" });
-            case enums_1.SortStates.DESC:
-                return (0, jsx_runtime_1.jsx)(icons_1.SortDownFillSm, { color: "primary" });
-            default:
-                return (0, jsx_runtime_1.jsx)(icons_1.SortFillSm, {});
-        }
-    }, [sorting, sortable, field]);
-    const handleSortClick = () => {
-        if (field && sortable) {
-            onSort(field);
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledTableCell, Object.assign({ onClick: handleSortClick, align: align, width: width, sortable: sortable }, { children: (0, jsx_runtime_1.jsxs)(styles_1.TableCellTitle, Object.assign({ variant: "pointer" }, { children: [label, sortIcon] })) })));
-}
-exports.DataGridHeadColumn = DataGridHeadColumn;

package/DataGrid/DataGridHeadColumn/index.d.ts

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

package/DataGrid/DataGridHeadColumn/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./DataGridHeadColumn"), exports);

package/DataGrid/DataGridHeadColumn/styles.d.ts

@@ -1,11 +0,0 @@
-import { TableCellProps } from '@mui/material';
-import { CSSProperties } from 'react';
-export declare const StyledTableCell: import("@emotion/styled").StyledComponent<import("../../Table").TableCellProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & TableCellProps & {
-    width?: CSSProperties['width'];
-    sortable?: boolean | undefined;
-}, {}, {}>;
-export declare const TableCellTitle: import("@emotion/styled").StyledComponent<Pick<import("react").PropsWithChildren<import("../../Typography").TypographyProps>, string | number | symbol> & import("react").RefAttributes<HTMLElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/DataGrid/DataGridHeadColumn/styles.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableCellTitle = exports.StyledTableCell = void 0;
-const styles_1 = require("../../styles");
-const Table_1 = require("../../Table");
-const Typography_1 = require("../../Typography");
-exports.StyledTableCell = (0, styles_1.styled)(Table_1.TableCell, {
-    shouldForwardProp: (prop) => prop !== 'width' && prop !== 'sortable',
-}) `
-  width: ${({ width = 'auto' }) => width};
-  padding: ${({ theme }) => theme.spacing(3, 4)};
-
-  color: ${({ theme }) => theme.palette.grey[700]};
-
-  cursor: ${({ sortable }) => (sortable ? 'pointer' : 'initial')};
-
-  user-select: none;
-`;
-exports.TableCellTitle = (0, styles_1.styled)(Typography_1.Typography) `
-  display: flex;
-  align-items: center;
-
-  > svg {
-    width: 16px;
-    height: 16px;
-  }
-`;

package/DataGrid/DataGridLoader/DataGridLoader.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-export type DataGridLoaderProps = {
-    loading?: boolean;
-    disabled?: boolean;
-    withFooter: boolean;
-    footerHeight: number;
-};
-declare const DataGridLoader: ({ loading, disabled, withFooter, footerHeight, }: DataGridLoaderProps) => JSX.Element;
-export default DataGridLoader;

package/DataGrid/DataGridLoader/DataGridLoader.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const styles_1 = require("./styles");
-const DataGridLoader = ({ loading = false, disabled = false, withFooter, footerHeight, }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.LoaderWrapper, { children: [(loading || disabled) && ((0, jsx_runtime_1.jsx)(styles_1.Backdrop, { withFooter: withFooter, footerHeight: footerHeight })), loading && (0, jsx_runtime_1.jsx)(styles_1.StyledLinearProgress, {}), !loading && (0, jsx_runtime_1.jsx)(styles_1.StyledDivider, {})] }));
-};
-exports.default = DataGridLoader;

package/DataGrid/DataGridLoader/index.d.ts

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

package/DataGrid/DataGridLoader/index.js

@@ -1,17 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./styles"), exports);