@alaarab/ogrid-react-fluent 2.1.2 → 2.1.4

package/dist/esm/DataGridTable/DropIndicator.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseDropIndicator } from '@alaarab/ogrid-react';
-import styles from './DataGridTable.module.css';
-export function DropIndicator({ dropIndicatorX, wrapperLeft }) {
-    return _jsx(BaseDropIndicator, { dropIndicatorX: dropIndicatorX, wrapperLeft: wrapperLeft, className: styles.dropIndicator });
-}

package/dist/esm/DataGridTable/EmptyState.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseEmptyState } from '@alaarab/ogrid-react';
-import styles from './DataGridTable.module.css';
-const classNames = {
-    emptyStateInGrid: styles.emptyStateInGrid,
-    emptyStateInGridInner: styles.emptyStateInGridMessageSticky,
-    emptyStateInGridIcon: styles.emptyStateInGridIcon,
-    emptyStateInGridTitle: styles.emptyStateInGridTitle,
-    emptyStateInGridMessage: styles.emptyStateInGridMessage,
-    emptyStateInGridLink: styles.emptyStateInGridLink,
-};
-export function EmptyState({ emptyState }) {
-    return _jsx(BaseEmptyState, { emptyState: emptyState, classNames: classNames, icon: '\uD83D\uDCCB' });
-}

package/dist/esm/DataGridTable/GridContextMenu.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GridContextMenu as BaseGridContextMenu } from '@alaarab/ogrid-react';
-import styles from './DataGridTable.module.css';
-const classNames = {
-    contextMenu: styles.contextMenu,
-    contextMenuItem: styles.contextMenuItem,
-    contextMenuItemLabel: styles.contextMenuItemLabel,
-    contextMenuItemShortcut: styles.contextMenuItemShortcut,
-    contextMenuDivider: styles.contextMenuDivider,
-};
-export function GridContextMenu(props) {
-    return _jsx(BaseGridContextMenu, { ...props, classNames: classNames });
-}

package/dist/esm/DataGridTable/InlineCellEditor.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Checkbox } from '@fluentui/react-components';
-import { BaseInlineCellEditor } from '@alaarab/ogrid-react';
-export function InlineCellEditor(props) {
-    return (_jsx(BaseInlineCellEditor, { ...props, renderCheckbox: (checked, onCommit, onCancel) => (_jsx(Checkbox, { checked: checked, onChange: (_, data) => onCommit(!!data.checked), onKeyDown: (e) => e.key === 'Escape' && (e.preventDefault(), onCancel()) })) }));
-}

package/dist/esm/DataGridTable/LoadingOverlay.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { BaseLoadingOverlay } from '@alaarab/ogrid-react';
-import styles from './DataGridTable.module.css';
-const classNames = {
-    loadingOverlay: styles.loadingOverlay,
-    loadingOverlayContent: styles.loadingOverlayContent,
-    spinner: styles.spinner,
-    loadingOverlayText: styles.loadingOverlayText,
-};
-export function LoadingOverlay({ message }) {
-    return _jsx(BaseLoadingOverlay, { message: message, classNames: classNames });
-}

package/dist/esm/DataGridTable/StatusBar.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StatusBar as BaseStatusBar } from '@alaarab/ogrid-react';
-import styles from './DataGridTable.module.css';
-const statusBarClassNames = {
-    statusBar: styles.statusBar,
-    statusBarItem: styles.statusBarItem,
-    statusBarLabel: styles.statusBarLabel,
-    statusBarValue: styles.statusBarValue,
-};
-export function StatusBar(props) {
-    return _jsx(BaseStatusBar, { ...props, classNames: statusBarClassNames });
-}

package/dist/esm/OGrid/OGrid.js

@@ -1,9 +0,0 @@
-import { createOGrid } from '@alaarab/ogrid-react';
-import { DataGridTable } from '../DataGridTable/DataGridTable';
-import { ColumnChooser } from '../ColumnChooser/ColumnChooser';
-import { PaginationControls } from '../PaginationControls/PaginationControls';
-export const OGrid = createOGrid({
-    DataGridTable: DataGridTable,
-    ColumnChooser: ColumnChooser,
-    PaginationControls,
-});

package/dist/esm/OGrid/index.js

@@ -1 +0,0 @@
-export { OGrid } from './OGrid';

package/dist/esm/PaginationControls/PaginationControls.js

@@ -1,26 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import * as React from 'react';
-import { Button, Select } from '@fluentui/react-components';
-import { ChevronLeftRegular, ChevronRightRegular, ChevronDoubleLeftRegular, ChevronDoubleRightRegular, } from '@fluentui/react-icons';
-import { usePaginationControls } from '@alaarab/ogrid-react';
-import styles from './PaginationControls.module.css';
-export const PaginationControls = React.memo((props) => {
-    const { currentPage, pageSize, totalCount, onPageChange, onPageSizeChange, pageSizeOptions, entityLabelPlural, className } = props;
-    const { labelPlural, vm, handlePageSizeChange } = usePaginationControls({
-        currentPage,
-        pageSize,
-        totalCount,
-        onPageChange,
-        onPageSizeChange,
-        pageSizeOptions,
-        entityLabelPlural,
-    });
-    const handlePageSizeChangeEvent = (_e, data) => {
-        handlePageSizeChange(Number(data.value));
-    };
-    if (!vm) {
-        return null;
-    }
-    const { pageNumbers, showStartEllipsis, showEndEllipsis, totalPages, startItem, endItem } = vm;
-    return (_jsxs("div", { className: `${styles.pagination} ${className || ''}`, role: "navigation", "aria-label": "Pagination", children: [_jsxs("div", { className: styles.paginationInfo, children: ["Showing ", startItem, " to ", endItem, " of ", totalCount.toLocaleString(), " ", labelPlural] }), _jsxs("div", { className: styles.paginationControls, children: [_jsx(Button, { appearance: "outline", shape: "circular", size: "small", icon: _jsx(ChevronDoubleLeftRegular, {}), onClick: () => onPageChange(1), disabled: currentPage === 1, "aria-label": "First page", className: styles.navBtn }), _jsx(Button, { appearance: "outline", shape: "circular", size: "small", icon: _jsx(ChevronLeftRegular, {}), onClick: () => onPageChange(currentPage - 1), disabled: currentPage === 1, "aria-label": "Previous page", className: styles.navBtn }), _jsxs("div", { className: styles.pageNumbers, children: [showStartEllipsis && (_jsxs(_Fragment, { children: [_jsx(Button, { appearance: "outline", size: "small", shape: "rounded", onClick: () => onPageChange(1), "aria-label": "Page 1", className: styles.pageBtn, children: "1" }), _jsx("span", { className: styles.ellipsis, "aria-hidden": true, children: "\u2026" })] })), pageNumbers.map((pageNum) => (_jsx(Button, { appearance: currentPage === pageNum ? 'primary' : 'outline', size: "small", shape: "rounded", onClick: () => onPageChange(pageNum), "aria-label": `Page ${pageNum}`, "aria-current": currentPage === pageNum ? 'page' : undefined, className: styles.pageBtn, children: pageNum }, pageNum))), showEndEllipsis && (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.ellipsis, "aria-hidden": true, children: "\u2026" }), _jsx(Button, { appearance: "outline", size: "small", shape: "rounded", onClick: () => onPageChange(totalPages), "aria-label": `Page ${totalPages}`, className: styles.pageBtn, children: totalPages })] }))] }), _jsx(Button, { appearance: "outline", shape: "circular", size: "small", icon: _jsx(ChevronRightRegular, {}), onClick: () => onPageChange(currentPage + 1), disabled: currentPage >= totalPages, "aria-label": "Next page", className: styles.navBtn }), _jsx(Button, { appearance: "outline", shape: "circular", size: "small", icon: _jsx(ChevronDoubleRightRegular, {}), onClick: () => onPageChange(totalPages), disabled: currentPage >= totalPages, "aria-label": "Last page", className: styles.navBtn })] }), _jsxs("div", { className: styles.pageSizeSelector, children: [_jsx("span", { className: styles.pageSizeLabel, children: "Rows" }), _jsx(Select, { value: String(pageSize), onChange: handlePageSizeChangeEvent, size: "small", appearance: "outline", "aria-label": "Rows per page", className: styles.pageSizeSelect, children: vm.pageSizeOptions.map((n) => (_jsx("option", { value: n, children: n }, n))) })] })] }));
-});

package/dist/esm/PaginationControls/PaginationControls.module.css

@@ -1,74 +0,0 @@
-.pagination {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 14px 24px;
-  width: 100%;
-  min-width: 0;
-  box-sizing: border-box;
-  padding: 0;
-}
-
-.paginationInfo {
-  font-size: 13px;
-  color: var(--colorNeutralForeground2, #605e5c);
-  flex-shrink: 0;
-  font-variant-numeric: tabular-nums;
-}
-
-.paginationControls {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-wrap: wrap;
-  flex: 1 1 auto;
-  justify-content: center;
-  min-width: 0;
-}
-
-.navBtn {
-  min-width: 28px;
-  min-height: 28px;
-}
-
-.pageNumbers {
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  margin: 0 8px;
-}
-
-.pageBtn {
-  min-width: 28px;
-  min-height: 28px;
-  font-variant-numeric: tabular-nums;
-}
-
-.ellipsis {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 24px;
-  font-size: 12px;
-  color: var(--colorNeutralForeground3, #8a8886);
-  user-select: none;
-  pointer-events: none;
-  letter-spacing: 0.02em;
-}
-
-.pageSizeSelector {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  flex-shrink: 0;
-}
-.pageSizeSelector .pageSizeLabel {
-  font-size: 13px;
-  color: var(--colorNeutralForeground2, #605e5c);
-  user-select: none;
-  white-space: nowrap;
-}
-.pageSizeSelector .pageSizeSelect {
-  min-width: 72px;
-}