react-science 4.1.3 → 5.0.0

package/lib-esm/components/value-renderers/Header.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Title } from './Title';
-export function Header({ sorted = false, ...other }) {
-    return (_jsxs("div", { children: [_jsx(Title, { ...other, children: "Header" }), sorted
-                ? {
-                    asc: ' 🔼',
-                    desc: ' 🔽',
-                }[sorted]
-                : null] }));
-}
-//# sourceMappingURL=Header.js.map

package/lib-esm/components/value-renderers/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/value-renderers/Header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAK5C,MAAM,UAAU,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,EAAE,GAAG,KAAK,EAAe;IAC9D,OAAO,CACL,0BACE,KAAC,KAAK,OAAK,KAAK,uBAAgB,EAC/B,MAAM;gBACL,CAAC,CAAC;oBACE,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,KAAK;iBACZ,CAAC,MAAM,CAAC;gBACX,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC"}

package/src/components/table/Table.tsx

@@ -1,70 +0,0 @@
-/** @jsxImportSource @emotion/react */
-import { HTMLTable } from '@blueprintjs/core';
-import {
-  Children,
-  isValidElement,
-  ReactElement,
-  ReactNode,
-  useMemo,
-} from 'react';
-
-import { TableHeader } from './TableHeader';
-import { TableRow } from './TableRow';
-import { TableContext } from './tableContext';
-
-function splitChildren(children: ReactNode) {
-  const Rows: ReactElement[] = [];
-  let Header: ReactElement | null = null;
-  for (const child of Children.toArray(children)) {
-    if (typeof child !== 'object' || !isValidElement(child)) {
-      throw new Error('invalid Table child');
-    } else if (child.type === TableRow) {
-      Rows.push(child);
-    } else if (child.type === TableHeader) {
-      Header = child;
-    } else {
-      throw new Error('invalid Table child');
-    }
-  }
-  return { Rows, Header };
-}
-export interface TableProps extends React.HTMLAttributes<HTMLTableElement> {
-  children?: ReactNode;
-  bordered?: boolean;
-  compact?: boolean;
-  interactive?: boolean;
-  striped?: boolean;
-  color?: string;
-}
-
-export function Table(props: TableProps) {
-  const {
-    bordered = false,
-    compact = false,
-    interactive = false,
-    striped = false,
-    color = '',
-    children,
-    ...tableProps
-  } = props;
-  const { Header, Rows } = splitChildren(children);
-
-  const tableContextValue = useMemo(() => ({ color }), [color]);
-  return (
-    <TableContext.Provider value={tableContextValue}>
-      <HTMLTable
-        bordered={bordered}
-        compact={compact}
-        interactive={interactive}
-        striped={striped}
-        {...tableProps}
-      >
-        {Header}
-        <tbody>{Rows}</tbody>
-      </HTMLTable>
-    </TableContext.Provider>
-  );
-}
-
-Table.Row = TableRow;
-Table.Header = TableHeader;

package/src/components/table/TableHeader.tsx

@@ -1,24 +0,0 @@
-import type { TableProps } from './Table';
-import { TableRow } from './TableRow';
-
-const headerStyle: React.CSSProperties = {
-  position: 'sticky',
-  top: 0,
-  zIndex: 10,
-  backgroundColor: 'white',
-};
-
-export const TableHeader = ({
-  children,
-  bordered,
-  style,
-  sticky,
-}: TableProps & { sticky?: boolean }) => {
-  return (
-    <thead style={sticky ? headerStyle : undefined}>
-      <TableRow bordered={bordered} style={style}>
-        {children}
-      </TableRow>
-    </thead>
-  );
-};

package/src/components/table/TableRow.tsx

@@ -1,82 +0,0 @@
-import {
-  Children,
-  HTMLAttributes,
-  isValidElement,
-  ReactElement,
-  ReactNode,
-} from 'react';
-
-import {
-  Boolean,
-  Color,
-  Component,
-  Header,
-  Number,
-  Object,
-  Text,
-} from '../value-renderers';
-
-import type { TableProps } from './Table';
-import { useTableContext } from './tableContext';
-
-export type TableRowProps = TableProps & HTMLAttributes<HTMLTableRowElement>;
-
-export const TableRow = ({
-  children,
-  style = {},
-  bordered = false,
-  ...other
-}: TableRowProps) => {
-  const { cells } = useRowChildren(children);
-  return (
-    <tr
-      style={{ border: bordered ? '1px solid black' : '', ...style }}
-      {...other}
-    >
-      {cells}
-    </tr>
-  );
-};
-
-function useRowChildren(children: ReactNode) {
-  const cells: ReactElement[] = [];
-  const { color } = useTableContext();
-  for (const child of Children.toArray(children)) {
-    if (
-      typeof child === 'object' &&
-      isValidElement(child) &&
-      (child.type === Color ||
-        child.type === Boolean ||
-        child.type === Text ||
-        child.type === Number ||
-        child.type === Object ||
-        child.type === Header ||
-        child.type === Component)
-    ) {
-      if (child.type === Header) {
-        cells.push(
-          <th key={child.key} style={{ color }}>
-            {child}
-          </th>,
-        );
-      } else {
-        cells.push(
-          <td
-            key={child.key}
-            style={{
-              color,
-              position: 'relative',
-            }}
-          >
-            {child}
-          </td>,
-        );
-      }
-    } else {
-      // eslint-disable-next-line no-console
-      console.error('Invalid Row child:', child);
-      throw new Error('invalid Row child');
-    }
-  }
-  return { cells };
-}

package/src/components/table/tableContext.ts

@@ -1,7 +0,0 @@
-import { createContext, useContext } from 'react';
-
-export const TableContext = createContext({ color: '' });
-export function useTableContext() {
-  const context = useContext(TableContext);
-  return context;
-}

package/src/components/value-renderers/Header.tsx

@@ -1,18 +0,0 @@
-import { Title, TitleProps } from './Title';
-
-interface HeaderProps extends TitleProps {
-  sorted?: 'asc' | 'desc' | false;
-}
-export function Header({ sorted = false, ...other }: HeaderProps) {
-  return (
-    <div>
-      <Title {...other}>Header</Title>
-      {sorted
-        ? {
-            asc: ' 🔼',
-            desc: ' 🔽',
-          }[sorted]
-        : null}
-    </div>
-  );
-}