@ssa-ui-kit/core 3.23.1 → 3.24.0

package/dist/components/TableContainer/TableContainer.d.ts

@@ -0,0 +1,50 @@
+import { TableContainerProps } from './types';
+/**
+ * TableContainer - The scroll area around a table
+ *
+ * Caps the table at the width of its parent and, with `maxHeight`, at a
+ * height, scrolling whatever does not fit. It is what frozen columns and a
+ * sticky header stick to, but it is just as useful around a plain wide
+ * table.
+ *
+ * It draws the white, 20px-rounded card the table sits on, so the scrollbars
+ * stay inside the card. Override the look with `css` or `className`.
+ *
+ * @category Components
+ * @subcategory Data Display
+ *
+ * @example
+ * ```tsx
+ * // A wide table that scrolls sideways
+ * <TableContainer>
+ *   <Table>{children}</Table>
+ * </TableContainer>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Frozen first column and header in a 480px-tall scroll area
+ * <TableContainer maxHeight={480}>
+ *   <Table stickyHeader defaultFrozenColumns={{ start: [0] }} freezeControls>
+ *     {children}
+ *   </Table>
+ * </TableContainer>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // A different card
+ * <TableContainer css={{ borderRadius: 8, background: 'transparent' }}>
+ *   <Table>{children}</Table>
+ * </TableContainer>
+ * ```
+ *
+ * @see {@link Table} - `frozenColumns`, `freezeControls` and `stickyHeader`
+ *
+ * @accessibility
+ * - A plain `div`; give it `tabIndex={0}`, a `role="region"` and an
+ *   `aria-label` when the table has no focusable content, so keyboard users
+ *   can still scroll it
+ */
+declare const TableContainer: import("react").ForwardRefExoticComponent<TableContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export default TableContainer;

package/dist/components/TableContainer/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './TableContainer';
+export type { TableContainerProps } from './types';

package/dist/components/TableContainer/types.d.ts

@@ -0,0 +1,21 @@
+import { CSSProperties, HTMLAttributes } from 'react';
+import { CommonProps } from '../../types/emotion';
+/**
+ * Props for the {@link TableContainer} component.
+ *
+ * @example
+ * ```tsx
+ * <TableContainer maxHeight={480}>
+ *   <Table stickyHeader>{children}</Table>
+ * </TableContainer>
+ * ```
+ */
+export interface TableContainerProps extends CommonProps, HTMLAttributes<HTMLDivElement> {
+    /**
+     * Tallest the container gets before the table scrolls vertically. Any CSS
+     * value: a number of pixels, `'60vh'`, or `'100%'` to fill a parent that
+     * has a height of its own. Unbounded when omitted, so only horizontal
+     * overflow scrolls.
+     */
+    maxHeight?: CSSProperties['maxHeight'];
+}

package/dist/components/index.d.ts

@@ -57,11 +57,13 @@ export * from './Filters';
 export * from './FiltersMultiSelect';
 export * as JsonSchema from './JsonSchemaForm';
 export { default as Table } from './Table';
-export { ColumnResizeHandle, useColumnResize, useColumnResizeContext, } from './Table';
-export type { ColumnResizeApi, ColumnResizeHandleProps, ColumnResizeMode, ColumnResizeOptions, ResizeHandleProps, TableProps, UseColumnResizeOptions, } from './Table';
+export { ColumnFreezeMenu, ColumnResizeHandle, useColumnFreezeContext, useColumnResize, useColumnResizeContext, } from './Table';
+export type { ColumnFreezeApi, ColumnFreezeMenuProps, ColumnFreezeOptions, ColumnId, ColumnResizeApi, ColumnResizeHandleProps, ColumnResizeMode, ColumnResizeOptions, FrozenColumns, ResizeHandleProps, TableProps, UseColumnResizeOptions, } from './Table';
 export { default as TableBody } from './TableBody';
 export { default as TableCell } from './TableCell';
 export { default as TableCellHeader } from './TableCellHeader';
+export { default as TableContainer } from './TableContainer';
+export type { TableContainerProps } from './TableContainer';
 export * from './TableFilters';
 export { default as TableHead } from './TableHead';
 export { default as TableRow } from './TableRow';
@@ -105,6 +107,8 @@ export * from './Charts';
 export * from './ImageItem';
 export * from './Carousel';
 export type * from './Carousel/types';
+export * from './Calendar';
+export type * from './Calendar/types';
 export { default as ResponsiveImage } from './ResponsiveImage';
 export * from './ResponsiveImage';
 export type * from './ResponsiveImage/types';