react-science 4.1.3 → 6.0.0

package/src/components/info-panel/InfoPanel.tsx

@@ -4,8 +4,8 @@ import { css } from '@emotion/react';
 import * as Collapsible from '@radix-ui/react-collapsible';
 import { CSSProperties, useCallback, useMemo, useState } from 'react';
 
-import { ValueRenderers } from '../index';
-import { Table } from '../table/Table';
+import { createTableColumnHelper, Table } from '../table';
+import * as ValueRenderers from '../value-renderers';
 
 export interface InfoPanelData {
   description: string;
@@ -71,35 +71,51 @@ const style = {
   }),
 };
 
+interface InfoPanelDatum {
+  parameter: string;
+  value: string | number | object;
+}
+
+const columnHelper = createTableColumnHelper<InfoPanelDatum>();
+const columns = [
+  columnHelper.accessor('parameter', {
+    header: 'Parameter',
+  }),
+  columnHelper.accessor('value', {
+    header: 'Value',
+    cell: ({ getValue }) => valueCell(getValue()),
+  }),
+];
+
 export function InfoPanel(props: InfoPanelProps) {
   const [search, setSearch] = useState('');
   const { title = 'Information', data = [], titleStyle, inputStyle } = props;
   const viewData = useCallback(
     (data: Record<string, string | number | object>) => {
-      const exactMatch: Array<[string, string | number | object]> = [];
-      const startsWith: Array<[string, string | number | object]> = [];
-      const includes: Array<[string, string | number | object]> = [];
-      const valueContains: Array<[string, string | number | object]> = [];
+      const exactMatch: InfoPanelDatum[] = [];
+      const startsWith: InfoPanelDatum[] = [];
+      const includes: InfoPanelDatum[] = [];
+      const valueContains: InfoPanelDatum[] = [];
 
-      for (const [key, value] of Object.entries(data).sort(([a], [b]) =>
+      for (const [parameter, value] of Object.entries(data).sort(([a], [b]) =>
         a.localeCompare(b),
       )) {
-        const lowerKey = key.toLowerCase();
+        const lowerKey = parameter.toLowerCase();
         const lowerSearch = search.toLowerCase();
         if (lowerKey === lowerSearch) {
-          exactMatch.push([key, value]);
+          exactMatch.push({ parameter, value });
           continue;
         }
         if (lowerKey.startsWith(lowerSearch)) {
-          startsWith.push([key, value]);
+          startsWith.push({ parameter, value });
           continue;
         }
         if (lowerKey.includes(lowerSearch)) {
-          includes.push([key, value]);
+          includes.push({ parameter, value });
           continue;
         }
         if (valueSearch(value, search)) {
-          valueContains.push([key, value]);
+          valueContains.push({ parameter, value });
           continue;
         }
       }
@@ -110,7 +126,7 @@ export function InfoPanel(props: InfoPanelProps) {
   const { filteredData, total, count } = useMemo(() => {
     const filteredData: Array<
       Omit<InfoPanelData, 'data'> & {
-        data: Array<[string, string | number | object]>;
+        data: InfoPanelDatum[];
       }
     > = [];
     let total = 0;
@@ -190,29 +206,12 @@ export function InfoPanel(props: InfoPanelProps) {
               </Collapsible.Trigger>
               <Collapsible.Content css={style.content}>
                 <Table
+                  data={data}
+                  columns={columns}
                   striped
-                  css={css({
-                    width: '100%',
-                  })}
+                  tableProps={{ style: { width: '100%' } }}
                   compact
-                >
-                  <Table.Header>
-                    <ValueRenderers.Header value="Parameter" />
-                    <ValueRenderers.Header value="Value" />
-                  </Table.Header>
-                  {data.map(([key, value]) => (
-                    <Table.Row
-                      key={key}
-                      style={{
-                        height: '10px',
-                        padding: '0 !imporant',
-                      }}
-                    >
-                      <ValueRenderers.Text value={key} />
-                      {valueCell(value)}
-                    </Table.Row>
-                  ))}
-                </Table>
+                />
               </Collapsible.Content>
             </Collapsible.Root>
           );

package/src/components/logger/FifoLoggerDialog.tsx

@@ -4,9 +4,12 @@ import { Dialog, DialogBody, DialogFooter } from '@blueprintjs/core';
 import { css } from '@emotion/react';
 import styled from '@emotion/styled';
 import type { LogEntry } from 'fifo-logger';
-import { CSSProperties } from 'react';
+import { CSSProperties, useMemo } from 'react';
 
-import { Button, Table, useFifoLogger, ValueRenderers } from '../index';
+import { Button } from '../button';
+import { createTableColumnHelper, Table } from '../table';
+
+import { useFifoLogger } from './useFifoLogger';
 
 const ActionsFooter = styled.div`
   display: flex;
@@ -37,8 +40,46 @@ export interface FifoLoggerDialogProps {
   unseen: number;
 }
 
+const columnHelper = createTableColumnHelper<LogEntry>();
+function useColumns(unseen: number) {
+  return useMemo(
+    () => [
+      columnHelper.display({
+        header: '#',
+        cell: ({ row }) => {
+          return (
+            <RowIndexCell
+              pillColor={
+                row.index >= unseen
+                  ? 'transparent'
+                  : rowBackgroundColor[row.original.levelLabel]
+              }
+            >
+              {String(row.index + 1)}
+            </RowIndexCell>
+          );
+        },
+      }),
+      columnHelper.accessor('time', {
+        header: 'Time',
+        cell: ({ getValue }) => new Date(getValue()).toLocaleTimeString(),
+      }),
+      columnHelper.accessor('levelLabel', {
+        header: 'Level',
+      }),
+      columnHelper.accessor('message', {
+        header: 'Message',
+      }),
+    ],
+    [unseen],
+  );
+}
+
 export function FifoLoggerDialog(props: FifoLoggerDialogProps) {
   const logger = useFifoLogger();
+
+  const columns = useColumns(props.unseen);
+
   return (
     <Dialog
       shouldReturnFocusOnClose={false}
@@ -55,44 +96,21 @@ export function FifoLoggerDialog(props: FifoLoggerDialogProps) {
     >
       <DialogBody>
         <Table
+          data={props.logs}
+          columns={columns}
           compact
           bordered
-          css={css`
-            width: 100%;
-          `}
-        >
-          <Table.Header>
-            <ValueRenderers.Header value="#" />
-            <ValueRenderers.Header value="Time" />
-            <ValueRenderers.Header value="Level" />
-            <ValueRenderers.Header value="Message" />
-          </Table.Header>
-          {props.logs.map((logEntry, idx) => (
-            <Table.Row
-              key={logEntry.id}
+          tableProps={{ style: { width: '100%' } }}
+          renderRowTr={({ row, children }) => (
+            <tr
               style={{
-                backgroundColor: rowBackgroundColor[logEntry.levelLabel],
+                backgroundColor: rowBackgroundColor[row.original.levelLabel],
               }}
             >
-              <ValueRenderers.Component>
-                <RowIndexCell
-                  pillColor={
-                    idx >= props.unseen
-                      ? 'transparent'
-                      : rowBackgroundColor[logEntry.levelLabel]
-                  }
-                >
-                  {String(idx + 1)}
-                </RowIndexCell>
-              </ValueRenderers.Component>
-              <ValueRenderers.Text
-                value={new Date(logEntry.time).toLocaleTimeString()}
-              />
-              <ValueRenderers.Text value={logEntry.levelLabel} />
-              <ValueRenderers.Text value={logEntry.message} />
-            </Table.Row>
-          ))}
-        </Table>
+              {children}
+            </tr>
+          )}
+        />
       </DialogBody>
       <DialogFooter
         actions={

package/src/components/table/default_table_cell.tsx

@@ -0,0 +1,20 @@
+import type { CellContext, RowData } from '@tanstack/react-table';
+
+import * as ValueRenderers from '../value-renderers';
+
+// TODO: support Date
+export function defaultTableCell<TData extends RowData, TValue = unknown>(
+  context: CellContext<TData, TValue>,
+) {
+  const value = context.getValue();
+  if (typeof value === 'string') {
+    return <ValueRenderers.Text value={value} />;
+  } else if (typeof value === 'number') {
+    return <ValueRenderers.Number value={value} />;
+  } else if (typeof value === 'boolean') {
+    return <ValueRenderers.Boolean value={value} />;
+  } else {
+    // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+    return <ValueRenderers.Text value={`${value}`} />;
+  }
+}

package/src/components/table/index.ts

@@ -1 +1,2 @@
-export * from './Table';
+export * from './table_root';
+export * from './table_utils';

package/src/components/table/table_body.tsx

@@ -0,0 +1,37 @@
+import type { Row, RowData } from '@tanstack/react-table';
+import { Fragment } from 'react';
+
+import { TableRowCell } from './table_row_cell';
+import type {
+  TableRowTrRenderer,
+  TableRowTrRendererProps,
+} from './table_utils';
+
+interface TableBodyProps<TData extends RowData> {
+  rows: Array<Row<TData>>;
+  renderRowTr: TableRowTrRenderer<TData> | undefined;
+}
+
+export function TableBody<TData extends RowData>(props: TableBodyProps<TData>) {
+  const { rows, renderRowTr = defaultRenderRowTr } = props;
+  return (
+    <tbody>
+      {rows.map((row) => (
+        <Fragment key={row.id}>
+          {renderRowTr({
+            row,
+            children: row
+              .getVisibleCells()
+              .map((cell) => <TableRowCell key={cell.id} cell={cell} />),
+          })}
+        </Fragment>
+      ))}
+    </tbody>
+  );
+}
+
+function defaultRenderRowTr<TData extends RowData>(
+  props: TableRowTrRendererProps<TData>,
+) {
+  return <tr>{props.children}</tr>;
+}

package/src/components/table/table_header.tsx

@@ -0,0 +1,31 @@
+import type { Header, RowData } from '@tanstack/react-table';
+import { CSSProperties } from 'react';
+
+import { TableHeaderCell } from './table_header_cell';
+
+const headerStyle: CSSProperties = {
+  position: 'sticky',
+  top: 0,
+  zIndex: 10,
+  backgroundColor: 'white',
+};
+
+interface TableHeaderProps<TData extends RowData> {
+  headers: Array<Header<TData, unknown>>;
+  sticky: boolean;
+}
+
+export function TableHeader<TData extends RowData>(
+  props: TableHeaderProps<TData>,
+) {
+  const { headers, sticky } = props;
+  return (
+    <thead style={sticky ? headerStyle : undefined}>
+      <tr>
+        {headers.map((header) => (
+          <TableHeaderCell key={header.id} header={header} />
+        ))}
+      </tr>
+    </thead>
+  );
+}

package/src/components/table/table_header_cell.tsx

@@ -0,0 +1,38 @@
+import { flexRender, type Header, type RowData } from '@tanstack/react-table';
+import type { CSSProperties } from 'react';
+
+interface TableHeaderCellProps<TData extends RowData> {
+  header: Header<TData, unknown>;
+}
+
+export function TableHeaderCell<TData extends RowData>(
+  props: TableHeaderCellProps<TData>,
+) {
+  const { header } = props;
+  const column = header.column;
+
+  const canSort = column.getCanSort();
+  const sorted = column.getIsSorted();
+
+  const style: CSSProperties = {
+    position: 'relative',
+    cursor: canSort ? 'pointer' : undefined,
+  };
+
+  return (
+    <th
+      style={style}
+      onClick={canSort ? column.getToggleSortingHandler() : undefined}
+    >
+      <div style={{ display: 'flex', flexDirection: 'row', gap: '5px' }}>
+        {flexRender(header.column.columnDef.header, header.getContext())}
+        {sorted
+          ? {
+              asc: '🔼',
+              desc: '🔽',
+            }[sorted]
+          : null}
+      </div>
+    </th>
+  );
+}

package/src/components/table/table_root.tsx

@@ -0,0 +1,74 @@
+/** @jsxImportSource @emotion/react */
+
+import { HTMLTable } from '@blueprintjs/core';
+import {
+  getCoreRowModel,
+  getSortedRowModel,
+  type RowData,
+  type TableOptions,
+  useReactTable,
+} from '@tanstack/react-table';
+import { TableHTMLAttributes } from 'react';
+
+import { TableBody } from './table_body';
+import { TableHeader } from './table_header';
+import type { TableColumnDef, TableRowTrRenderer } from './table_utils';
+import { useTableColumns } from './use_table_columns';
+
+export interface TableProps<TData extends RowData> {
+  data: TData[];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  columns: Array<TableColumnDef<TData, any>>;
+
+  bordered?: boolean;
+  compact?: boolean;
+  interactive?: boolean;
+  striped?: boolean;
+  stickyHeader?: boolean;
+
+  reactTable?: Omit<
+    TableOptions<TData>,
+    'data' | 'columns' | 'getCoreRowModel' | 'getSortedRowModel'
+  >;
+  tableProps?: Omit<TableHTMLAttributes<HTMLTableElement>, 'children'>;
+  renderRowTr?: TableRowTrRenderer<TData>;
+}
+
+export function Table<TData extends RowData>(props: TableProps<TData>) {
+  const {
+    data,
+    columns,
+
+    bordered = false,
+    compact = false,
+    interactive = false,
+    striped = false,
+    stickyHeader = false,
+
+    reactTable,
+    tableProps,
+    renderRowTr,
+  } = props;
+
+  const columnDefs = useTableColumns(columns);
+  const table = useReactTable<TData>({
+    ...reactTable,
+    data,
+    columns: columnDefs,
+    getCoreRowModel: getCoreRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+  });
+
+  return (
+    <HTMLTable
+      bordered={bordered}
+      compact={compact}
+      interactive={interactive}
+      striped={striped}
+      {...tableProps}
+    >
+      <TableHeader sticky={stickyHeader} headers={table.getFlatHeaders()} />
+      <TableBody rows={table.getRowModel().rows} renderRowTr={renderRowTr} />
+    </HTMLTable>
+  );
+}

package/src/components/table/table_row_cell.tsx

@@ -0,0 +1,17 @@
+import { type Cell, flexRender, type RowData } from '@tanstack/react-table';
+
+interface TableRowCellProps<TData extends RowData> {
+  cell: Cell<TData, unknown>;
+}
+
+export function TableRowCell<TData extends RowData>(
+  props: TableRowCellProps<TData>,
+) {
+  const { cell } = props;
+
+  return (
+    <td style={{ position: 'relative' }}>
+      {flexRender(cell.column.columnDef.cell, cell.getContext())}
+    </td>
+  );
+}

package/src/components/table/table_utils.ts

@@ -0,0 +1,24 @@
+import {
+  type ColumnDef,
+  createColumnHelper,
+  type Row,
+  type RowData,
+} from '@tanstack/react-table';
+import type { ReactNode } from 'react';
+
+export type TableColumnDef<TData extends RowData, TValue = unknown> = ColumnDef<
+  TData,
+  TValue
+>;
+
+export function createTableColumnHelper<TData extends RowData>() {
+  return createColumnHelper<TData>();
+}
+
+export interface TableRowTrRendererProps<TData extends RowData> {
+  row: Row<TData>;
+  children: ReactNode;
+}
+export type TableRowTrRenderer<TData extends RowData> = (
+  props: TableRowTrRendererProps<TData>,
+) => ReactNode;

package/src/components/table/use_table_columns.ts

@@ -0,0 +1,19 @@
+import type { ColumnDef, RowData } from '@tanstack/react-table';
+import { useMemo } from 'react';
+
+import { defaultTableCell } from './default_table_cell';
+import type { TableColumnDef } from './table_utils';
+
+export function useTableColumns<TData extends RowData>(
+  columnDefs: Array<TableColumnDef<TData>>,
+) {
+  return useMemo<Array<ColumnDef<TData>>>(() => {
+    return columnDefs.map((columnDef) => {
+      return {
+        ...columnDef,
+        cell: columnDef.cell ?? defaultTableCell,
+        enableSorting: columnDef.enableSorting ?? false,
+      };
+    });
+  }, [columnDefs]);
+}

package/src/components/toolbar/PanelPreferencesToolbar.tsx

@@ -1,10 +1,11 @@
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
+import type { ReactNode } from 'react';
 
 import { Toolbar } from './Toolbar';
 
 interface PanelPreferencesToolbarProps {
-  title?: React.ReactNode;
+  title?: ReactNode;
   onClose?: () => void;
   onSave?: () => void;
 }

package/src/components/toolbar/Toolbar.tsx

@@ -3,27 +3,26 @@ import {
   ButtonGroup,
   Classes,
   Colors,
+  Icon,
   Intent,
   Popover,
   PopoverProps,
   TagProps,
-  Icon,
   TooltipProps,
 } from '@blueprintjs/core';
 import { IconName } from '@blueprintjs/icons';
 import { css } from '@emotion/react';
 import {
   cloneElement,
-  JSX,
-  MouseEvent,
-  ReactElement,
-  ReactNode,
+  type MouseEvent,
+  type ReactElement,
+  type ReactNode,
   useLayoutEffect,
   useMemo,
   useRef,
 } from 'react';
 
-import { Button } from '../index';
+import { Button } from '../button';
 
 import {
   ToolbarContext,
@@ -57,7 +56,7 @@ export interface ToolbarItemProps extends ToolbarBaseProps {
   id?: string;
   tooltip?: TooltipProps['content'];
   tooltipProps?: Omit<TooltipProps, 'content'>;
-  icon: IconName | JSX.Element;
+  icon: IconName | ReactElement;
   active?: boolean;
   onClick?: (
     item: ToolbarItemProps & {

package/src/components/value-renderers/index.ts

@@ -7,8 +7,6 @@ export { Text } from './Text';
 export { Title } from './Title';
 export { Component } from './Component';
 
-export { Header } from './Header';
-
 export { ObjectRenderer as Object } from './ObjectRenderer';
 export interface ValueRenderersProps {
   onClick?: (event: MouseEvent) => void;

package/lib/components/table/Table.d.ts

@@ -1,17 +0,0 @@
-import { ReactNode } from 'react';
-export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
-    children?: ReactNode;
-    bordered?: boolean;
-    compact?: boolean;
-    interactive?: boolean;
-    striped?: boolean;
-    color?: string;
-}
-export declare function Table(props: TableProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export declare namespace Table {
-    var Row: ({ children, style, bordered, ...other }: import("./TableRow").TableRowProps) => import("react/jsx-runtime").JSX.Element;
-    var Header: ({ children, bordered, style, sticky, }: TableProps & {
-        sticky?: boolean;
-    }) => import("react/jsx-runtime").JSX.Element;
-}
-//# sourceMappingURL=Table.d.ts.map

package/lib/components/table/Table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAEA,OAAO,EAIL,SAAS,EAEV,MAAM,OAAO,CAAC;AAsBf,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IACxE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,oDA2BtC;yBA3Be,KAAK;;;cA3Bc,CAAC"}

package/lib/components/table/Table.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = Table;
-const jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-/** @jsxImportSource @emotion/react */
-const core_1 = require("@blueprintjs/core");
-const react_1 = require("react");
-const TableHeader_1 = require("./TableHeader");
-const TableRow_1 = require("./TableRow");
-const tableContext_1 = require("./tableContext");
-function splitChildren(children) {
-    const Rows = [];
-    let Header = null;
-    for (const child of react_1.Children.toArray(children)) {
-        if (typeof child !== 'object' || !(0, react_1.isValidElement)(child)) {
-            throw new Error('invalid Table child');
-        }
-        else if (child.type === TableRow_1.TableRow) {
-            Rows.push(child);
-        }
-        else if (child.type === TableHeader_1.TableHeader) {
-            Header = child;
-        }
-        else {
-            throw new Error('invalid Table child');
-        }
-    }
-    return { Rows, Header };
-}
-function Table(props) {
-    const { bordered = false, compact = false, interactive = false, striped = false, color = '', children, ...tableProps } = props;
-    const { Header, Rows } = splitChildren(children);
-    const tableContextValue = (0, react_1.useMemo)(() => ({ color }), [color]);
-    return ((0, jsx_runtime_1.jsx)(tableContext_1.TableContext.Provider, { value: tableContextValue, children: (0, jsx_runtime_1.jsxs)(core_1.HTMLTable, { bordered: bordered, compact: compact, interactive: interactive, striped: striped, ...tableProps, children: [Header, (0, jsx_runtime_1.jsx)("tbody", { children: Rows })] }) }));
-}
-Table.Row = TableRow_1.TableRow;
-Table.Header = TableHeader_1.TableHeader;
-//# sourceMappingURL=Table.js.map

package/lib/components/table/Table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":";;AAuCA,sBA2BC;;AAlED,sCAAsC;AACtC,4CAA8C;AAC9C,iCAMe;AAEf,+CAA4C;AAC5C,yCAAsC;AACtC,iDAA8C;AAE9C,SAAS,aAAa,CAAC,QAAmB;IACxC,MAAM,IAAI,GAAmB,EAAE,CAAC;IAChC,IAAI,MAAM,GAAwB,IAAI,CAAC;IACvC,KAAK,MAAM,KAAK,IAAI,gBAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,IAAA,sBAAc,EAAC,KAAK,CAAC,EAAE,CAAC;YACxD,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAQ,EAAE,CAAC;YACnC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;aAAM,IAAI,KAAK,CAAC,IAAI,KAAK,yBAAW,EAAE,CAAC;YACtC,MAAM,GAAG,KAAK,CAAC;QACjB,CAAC;aAAM,CAAC;YACN,MAAM,IAAI,KAAK,CAAC,qBAAqB,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AAC1B,CAAC;AAUD,SAAgB,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,EACf,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjD,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAC9D,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,YAC7C,wBAAC,gBAAS,IACR,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KACZ,UAAU,aAEb,MAAM,EACP,4CAAQ,IAAI,GAAS,IACX,GACU,CACzB,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,GAAG,GAAG,mBAAQ,CAAC;AACrB,KAAK,CAAC,MAAM,GAAG,yBAAW,CAAC"}

package/lib/components/table/TableHeader.d.ts

@@ -1,5 +0,0 @@
-import type { TableProps } from './Table';
-export declare const TableHeader: ({ children, bordered, style, sticky, }: TableProps & {
-    sticky?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TableHeader.d.ts.map

package/lib/components/table/TableHeader.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAU1C,eAAO,MAAM,WAAW,2CAKrB,UAAU,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,4CAQnC,CAAC"}

package/lib/components/table/TableHeader.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableHeader = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const TableRow_1 = require("./TableRow");
-const headerStyle = {
-    position: 'sticky',
-    top: 0,
-    zIndex: 10,
-    backgroundColor: 'white',
-};
-const TableHeader = ({ children, bordered, style, sticky, }) => {
-    return ((0, jsx_runtime_1.jsx)("thead", { style: sticky ? headerStyle : undefined, children: (0, jsx_runtime_1.jsx)(TableRow_1.TableRow, { bordered: bordered, style: style, children: children }) }));
-};
-exports.TableHeader = TableHeader;
-//# sourceMappingURL=TableHeader.js.map

package/lib/components/table/TableHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../src/components/table/TableHeader.tsx"],"names":[],"mappings":";;;;AACA,yCAAsC;AAEtC,MAAM,WAAW,GAAwB;IACvC,QAAQ,EAAE,QAAQ;IAClB,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,EAAE;IACV,eAAe,EAAE,OAAO;CACzB,CAAC;AAEK,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GAC4B,EAAE,EAAE;IACtC,OAAO,CACL,kCAAO,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,YAC5C,uBAAC,mBAAQ,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,YACvC,QAAQ,GACA,GACL,CACT,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,WAAW,eAatB"}