@peripheries/core 0.8.0 → 0.10.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@peripheries/core",
-  "version": "0.8.0",
+  "version": "0.10.0",
   "description": "The shared core lineage: layout, the document kit and the display cells, on the semantic tokens",
   "type": "module",
   "license": "UNLICENSED",

package/types/core/_shared/href-template.d.ts

@@ -0,0 +1 @@
+export declare function fillHrefTemplate(template: unknown, values: Readonly<Record<string, string | number | undefined | null>>): string | undefined;

package/types/core/display/DataTable/DataTable.d.ts

@@ -2,6 +2,7 @@ import { type CSSProperties, type ReactElement, type ReactNode } from 'react';
 import { type FormattableValue, type FormatterToken } from '../../_shared/formatters';
 import { type Tone } from '../_shared/tone';
 export type DataTableAlign = 'left' | 'right' | 'center';
+export type DataTableRole = 'title' | 'meta' | 'badge' | 'value';
 export interface DataTableColumn {
     key: string;
     header?: ReactNode;
@@ -9,6 +10,9 @@ export interface DataTableColumn {
     align?: DataTableAlign;
     minWidth?: number;
     format?: DataTableColumnFormat;
+    role?: DataTableRole;
+    weight?: number;
+    width?: number;
 }
 export type DataTableColumnFormat = 'date' | 'datetime' | 'raw' | 'unit' | FormatterToken;
 export interface DataTableCell {
@@ -17,10 +21,14 @@ export interface DataTableCell {
 }
 export type DataTableCellInput = DataTableCell | FormattableValue | ReactNode;
 export interface DataTableRow {
+    id?: string | number;
     cells: ReadonlyArray<DataTableCellInput> | Readonly<Record<string, DataTableCellInput>>;
     highlighted?: boolean;
     total?: boolean;
     unit?: string;
+    href?: string;
+    leading?: ReactNode;
+    actions?: ReactNode;
 }
 export interface DataTableProps {
     title?: string;
@@ -28,8 +36,11 @@ export interface DataTableProps {
     columns: ReadonlyArray<DataTableColumn>;
     rows: ReadonlyArray<DataTableRow>;
     baseProps?: unknown;
+    hrefTemplate?: string;
+    rowHeadingLevel?: number;
+    actionsWidth?: number;
     className?: string;
     style?: CSSProperties;
 }
 export declare function asWords(value: string): string;
-export declare function DataTable({ title, subtitle, columns, rows, baseProps, className, style }: DataTableProps): ReactElement;
+export declare function DataTable({ title, subtitle, columns, rows, baseProps, hrefTemplate, rowHeadingLevel, actionsWidth, className, style }: DataTableProps): ReactElement;

package/types/core/events/_shared/intent.d.ts

@@ -16,3 +16,8 @@ export declare function useIntent<A extends string>(handler: IntentHandler<A> |
     available: boolean;
     clearMessage: () => void;
 };
+export declare function useConfirmation<V>(): {
+    held: V | null;
+    ask: (value: V) => void;
+    clear: () => void;
+};