@lavalogic/scoria 0.35.0 → 0.37.0

package/dist/Components/Table/Headers/TableHead.svelte.d.ts

@@ -1,29 +1,26 @@
-export interface TableHeadProps {
-    showHighlight: boolean;
-    side: 'left' | 'centre' | 'right';
-    oncontextmenu?: (e: MouseEvent) => void;
-}
-declare function $$render<T extends object>(): {
+import type { Primitive } from '../Types/Context/TableInitOptions.js';
+import type { TableHeadProps } from './TableHeadProps.js';
+declare function $$render<T extends object, IdType extends Primitive>(): {
     props: TableHeadProps;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const TableHead: $$IsomorphicComponent;
-type TableHead<T extends object> = InstanceType<typeof TableHead<T>>;
+type TableHead<T extends object, IdType extends Primitive> = InstanceType<typeof TableHead<T, IdType>>;
 export default TableHead;

package/dist/Components/Table/Headers/TableHeadProps.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Props for `TableHead`. The head now renders the full column set (left
+ * pinned + centre + right pinned) inside a single grid container row; the
+ * per-side `side` / `showHighlight` props from the three-section render
+ * were dropped in the div+grid refactor.
+ */
+export interface TableHeadProps {
+    /** Forwarded right-click handler on the head element. */
+    oncontextmenu?: (e: MouseEvent) => void;
+}

package/dist/Components/Table/Headers/TableHeadProps.js

@@ -0,0 +1 @@
+export {};

package/dist/Components/Table/Misc/ColumnPanel.svelte

@@ -1,105 +1,163 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object"
->
-	import Button from '../../Button.svelte';
-	import SingleSelect from '../../SingleSelect.svelte';
-	import ColumnList from '../Body/Rows/ColumnList.svelte';
-	import TextInput from '../../TextInput.svelte';
-	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-
-	const labelledPresets: Array<SelectOption<string>> = $derived(
-		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
-	);
-
-	const selectedValue = $derived(
-		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
-	);
-	let searchValue = $state('');
-	let pendingPresetName = $state('');
-</script>
-
-<div class="column-panel top presets-and-filter">
-	<!-- TODO Select component -->
-	<div class="select">
-		<SingleSelect
-			label="Selected Preset"
-			name="Preset"
-			options={labelledPresets}
-			labelProp="label"
-			valueProp="value"
-			value={selectedValue}
-			valueAsObject
-			onchange={(newSelection: SelectOption<string> | null) => {
-				const preset =
-					newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.label);
-				if (preset) {
-					tableContext.setSelectedPreset(preset);
-				}
-			}}
-		/>
-	</div>
-	<TextInput
-		bind:value={searchValue}
-		leftIcon={{ name: 'search', size: Size.Medium }}
-		placeholder="Search Columns"
-	/>
-</div>
-<ColumnList {searchValue} />
-<form
-	class="column-panel bottom save-preset-wrapper"
-	onsubmit={(e) => {
-		e.preventDefault();
-		tableContext.saveColumnPreset(pendingPresetName);
-		pendingPresetName = '';
-	}}
->
-	<!-- size={Size.MediumSmall} -->
-	<TextInput
-		placeholder="name"
-		bind:value={pendingPresetName}
-	/>
-	<Button
-		type="submit"
-		variant={Variant.Secondary}
-		nowrap
-		size={Size.MediumSmall}>Save Layout</Button
-	>
-</form>
-
-<style>.column-panel {
-  --input-height: 3rem;
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>
+	import Button from '../../Button.svelte';
+	import SingleSelect from '../../SingleSelect.svelte';
+	import ColumnList from '../Body/Rows/ColumnList.svelte';
+	import TextInput from '../../TextInput.svelte';
+	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../Types/Context/TableInitOptions.js';
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	const labelledPresets: Array<SelectOption<string>> = $derived(
+		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
+	);
+
+	const selectedValue = $derived(
+		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
+	);
+	let searchValue = $state('');
+	let pendingPresetName = $state('');
+</script>
+
+<section class="side-panel-section">
+	<header class="side-panel-header">
+		<h2>Modify Columns</h2>
+	</header>
+
+	<div class="toolbar">
+		<SingleSelect
+			label="Selected Preset"
+			name="Preset"
+			options={labelledPresets}
+			labelProp="label"
+			valueProp="value"
+			value={selectedValue}
+			valueAsObject
+			onchange={(newSelection: SelectOption<string> | null) => {
+				const preset =
+					newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
+				if (preset) {
+					tableContext.setSelectedPreset(preset);
+				}
+			}}
+		/>
+		<TextInput
+			bind:value={searchValue}
+			leftIcon={{ name: 'search', size: Size.Medium }}
+			placeholder="Search Columns"
+			onkeydown={() => {
+				// Override the TextInput default `passthrough` keydown so the
+				// input does not blur on every alphanumeric keystroke (which
+				// is the barcode-scanner default; see `Helpers.svelte.ts`).
+			}}
+		/>
+	</div>
+
+	<div class="column-list-wrapper">
+		<ColumnList {searchValue} />
+	</div>
+
+	<form
+		class="side-panel-footer"
+		onsubmit={(e) => {
+			e.preventDefault();
+			const trimmed = pendingPresetName.trim();
+			if (!trimmed) {
+				return;
+			}
+			tableContext.saveColumnPreset(trimmed);
+			pendingPresetName = '';
+		}}
+	>
+		<TextInput
+			placeholder="Preset name"
+			bind:value={pendingPresetName}
+		/>
+		<Button
+			type="submit"
+			variant={Variant.Secondary}
+			nowrap
+			size={Size.MediumSmall}>Save Layout</Button
+		>
+	</form>
+</section>
+
+<style>.side-panel-section {
+  display: flex;
+  flex-flow: column nowrap;
+  height: 100%;
+  width: 100%;
   background-color: #ffffff;
+  box-sizing: border-box;
+  min-height: 0;
 }
-.column-panel.top {
-  border-bottom: solid 2px #cbd4da;
+
+.side-panel-header {
+  flex-shrink: 0;
+  padding: 1.25rem 1.25rem 0.875rem;
+  border-bottom: solid 1px #cbd4da;
+  background-color: #ffffff;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
 }
-.column-panel.bottom {
-  border-top: solid 2px #cbd4da;
+.side-panel-header h2 {
+  margin: 0;
+  font-size: 1.25rem;
+  font-weight: 600;
+  color: #3a4952;
+  line-height: 1.25;
 }
-.column-panel.presets-and-filter {
+
+.side-panel-body {
+  flex: 1 1 auto;
+  min-height: 0;
   display: flex;
-  flex-flow: column;
-  row-gap: 0.5rem;
-  padding: 0.5rem;
-  flex-basis: min-content;
+  flex-flow: column nowrap;
+  gap: 0.75rem;
+  padding: 1rem 1.25rem;
+  overflow-y: auto;
+  box-sizing: border-box;
 }
-.column-panel.save-preset-wrapper {
+
+.side-panel-footer {
+  flex-shrink: 0;
+  padding: 0.875rem 1.25rem;
+  border-top: solid 1px #cbd4da;
+  background-color: #ffffff;
   display: flex;
   flex-flow: row nowrap;
-  justify-content: space-between;
-  gap: 0.5rem;
-  padding: 0.5rem;
-  flex-basis: min-content;
+  gap: 0.75rem;
+  align-items: center;
+  box-sizing: border-box;
 }
-.column-panel .select {
-  width: 100%;
-}</style>
+
+.toolbar {
+  flex-shrink: 0;
+  padding: 1rem 1.25rem;
+  display: flex;
+  flex-flow: column nowrap;
+  gap: 0.75rem;
+  background-color: #ffffff;
+  border-bottom: solid 1px #cbd4da;
+  --input-height: 3rem;
+}
+
+.column-list-wrapper {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  flex-flow: column nowrap;
+  background-color: #ffffff;
+}</style>

package/dist/Components/Table/Misc/ColumnPanel.svelte.d.ts

@@ -1,24 +1,25 @@
-declare function $$render<T extends object>(): {
+import type { Primitive } from '../Types/Context/TableInitOptions.js';
+declare function $$render<T extends object, IdType extends Primitive>(): {
     props: Record<string, never>;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends object>(internal: unknown, props: {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ColumnPanel: $$IsomorphicComponent;
-type ColumnPanel<T extends object> = InstanceType<typeof ColumnPanel<T>>;
+type ColumnPanel<T extends object, IdType extends Primitive> = InstanceType<typeof ColumnPanel<T, IdType>>;
 export default ColumnPanel;

package/dist/Components/Table/Misc/ColumnPanelModal.svelte

@@ -1,101 +1,114 @@
-<svelte:options runes />
-
-<script
-	lang="ts"
-	generics="T extends object"
->
-	import Button from '../../Button.svelte';
-	import SingleSelect from '../../SingleSelect.svelte';
-	import ColumnList from '../Body/Rows/ColumnList.svelte';
-	import TextInput from '../../TextInput.svelte';
-	import TouchModal from '../../Touch/TouchModal.svelte';
-	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
-	import { Size } from '../../../Types/Internal/Size.js';
-	import { Variant } from '../../../Types/Internal/Variant.js';
-	import { getContext } from 'svelte';
-	import { TableContext } from '../Types/Context/TableContext.svelte.js';
-	import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
-
-	const tableContext = getContext<TableContext<T, never>>(TableContext.identifier);
-
-	const { onclose }: ColumnPanelModalProps = $props();
-	const labelledPresets: Array<SelectOption<string>> = $derived(
-		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
-	);
-	let searchValue = $state('');
-	let pendingPresetName = $state('');
-
-	const selectedValue = $derived(
-		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
-	);
-
-	function trySavePreset(e: KeyboardEvent) {
-		if (e.key === 'Enter') {
-			e.preventDefault();
-			tableContext.saveColumnPreset(pendingPresetName);
-			pendingPresetName = '';
-		}
-	}
-
-	function savePreset(e: MouseEvent) {
-		e.preventDefault();
-		tableContext.saveColumnPreset(pendingPresetName);
-		pendingPresetName = '';
-	}
-</script>
-
-<TouchModal
-	header="Modify Columns"
-	onclose={() => onclose?.()}
-	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
->
-	<div class="flex">
-		<div class="column-panel top presets-and-filter">
-			<div class="select">
-				<SingleSelect
-					label="Selected Preset"
-					name="Preset"
-					options={labelledPresets}
-					labelProp="label"
-					valueProp="value"
-					value={selectedValue}
-					valueAsObject
-					onchange={(newSelection: SelectOption<string> | null) => {
-						const preset =
-							newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.label);
-						if (preset) {
-							tableContext.setSelectedPreset(preset);
-						}
-					}}
-				/>
-			</div>
-			<TextInput
-				bind:value={searchValue}
-				leftIcon={{ name: 'search', size: Size.Medium }}
-				placeholder="Search Columns"
-			/>
-		</div>
-		<div class="scrollable">
-			<ColumnList {searchValue} />
-		</div>
-		<div class="column-panel bottom save-preset-wrapper">
-			<!-- size={Size.MediumSmall} -->
-			<TextInput
-				placeholder="name"
-				bind:value={pendingPresetName}
-				onkeydown={trySavePreset}
-			/>
-			<Button
-				type="submit"
-				variant={Variant.Secondary}
-				nowrap
-				size={Size.MediumSmall}
-				onclick={savePreset}>Save Layout</Button
-			>
-		</div>
-	</div>
-</TouchModal>
-
+<svelte:options runes />
+
+<script
+	lang="ts"
+	generics="T extends object, IdType extends Primitive"
+>
+	import Button from '../../Button.svelte';
+	import SingleSelect from '../../SingleSelect.svelte';
+	import ColumnList from '../Body/Rows/ColumnList.svelte';
+	import TextInput from '../../TextInput.svelte';
+	import TouchModal from '../../Touch/TouchModal.svelte';
+	import type { SelectOption } from '../../../Types/Internal/SelectOption.js';
+	import { Size } from '../../../Types/Internal/Size.js';
+	import { Variant } from '../../../Types/Internal/Variant.js';
+	import { getContext } from 'svelte';
+	import { TableContext } from '../Types/Context/TableContext.svelte.js';
+	import type { Primitive } from '../Types/Context/TableInitOptions.js';
+	import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
+
+	const tableContext = getContext<TableContext<T, IdType>>(TableContext.identifier);
+
+	const { onclose }: ColumnPanelModalProps = $props();
+	const labelledPresets: Array<SelectOption<string>> = $derived(
+		tableContext.columnPresets.map((pr) => ({ label: pr.name, value: pr.name }))
+	);
+	let searchValue = $state('');
+	let pendingPresetName = $state('');
+
+	const selectedValue = $derived(
+		labelledPresets.find((it) => it.value === tableContext.selectedPreset?.name) ?? null
+	);
+
+	function trySavePreset(e: KeyboardEvent) {
+		if (e.key === 'Enter') {
+			e.preventDefault();
+			const trimmed = pendingPresetName.trim();
+			if (!trimmed) {
+				return;
+			}
+			tableContext.saveColumnPreset(trimmed);
+			pendingPresetName = '';
+		}
+	}
+
+	function savePreset(e: MouseEvent) {
+		e.preventDefault();
+		const trimmed = pendingPresetName.trim();
+		if (!trimmed) {
+			return;
+		}
+		tableContext.saveColumnPreset(trimmed);
+		pendingPresetName = '';
+	}
+</script>
+
+<TouchModal
+	header="Modify Columns"
+	onclose={() => onclose?.()}
+	buttons={[{ label: 'Close', callback: () => onclose?.() }]}
+>
+	<div class="flex">
+		<div class="column-panel top presets-and-filter">
+			<div class="select">
+				<SingleSelect
+					label="Selected Preset"
+					name="Preset"
+					options={labelledPresets}
+					labelProp="label"
+					valueProp="value"
+					value={selectedValue}
+					valueAsObject
+					onchange={(newSelection: SelectOption<string> | null) => {
+						const preset =
+							newSelection && tableContext.columnPresets.find((p) => p.name === newSelection.value);
+						if (preset) {
+							tableContext.setSelectedPreset(preset);
+						}
+					}}
+				/>
+			</div>
+			<TextInput
+				bind:value={searchValue}
+				leftIcon={{ name: 'search', size: Size.Medium }}
+				placeholder="Search Columns"
+				onkeydown={() => {
+					// Override the TextInput default `passthrough` keydown so
+					// the input does not blur on every alphanumeric keystroke
+					// (the barcode-scanner default; see `Helpers.svelte.ts`).
+				}}
+			/>
+		</div>
+		<div class="scrollable">
+			<ColumnList {searchValue} />
+		</div>
+		<div class="column-panel bottom save-preset-wrapper">
+			<TextInput
+				placeholder="Preset name"
+				bind:value={pendingPresetName}
+				onkeydown={trySavePreset}
+			/>
+			<Button
+				type="submit"
+				variant={Variant.Secondary}
+				nowrap
+				size={Size.MediumSmall}
+				onclick={savePreset}>Save Layout</Button
+			>
+		</div>
+	</div>
+</TouchModal>
+
 <style>.flex {
   display: flex;
   flex-flow: column nowrap;
@@ -136,4 +149,4 @@
 }
 .column-panel .select {
   width: 100%;
-}</style>
+}</style>

package/dist/Components/Table/Misc/ColumnPanelModal.svelte.d.ts

@@ -1,25 +1,26 @@
+import type { Primitive } from '../Types/Context/TableInitOptions.js';
 import type { ColumnPanelModalProps } from './ColumnPanelModalProps.js';
-declare function $$render<T extends object>(): {
+declare function $$render<T extends object, IdType extends Primitive>(): {
     props: ColumnPanelModalProps;
     exports: {};
     bindings: "";
     slots: {};
     events: {};
 };
-declare class __sveltets_Render<T extends object> {
-    props(): ReturnType<typeof $$render<T>>['props'];
-    events(): ReturnType<typeof $$render<T>>['events'];
-    slots(): ReturnType<typeof $$render<T>>['slots'];
+declare class __sveltets_Render<T extends object, IdType extends Primitive> {
+    props(): ReturnType<typeof $$render<T, IdType>>['props'];
+    events(): ReturnType<typeof $$render<T, IdType>>['events'];
+    slots(): ReturnType<typeof $$render<T, IdType>>['slots'];
     bindings(): "";
     exports(): {};
 }
 interface $$IsomorphicComponent {
-    new <T extends object>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
-    } & ReturnType<__sveltets_Render<T>['exports']>;
-    <T extends object>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+    new <T extends object, IdType extends Primitive>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T, IdType>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T, IdType>['props']>, ReturnType<__sveltets_Render<T, IdType>['events']>, ReturnType<__sveltets_Render<T, IdType>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T, IdType>['bindings']>;
+    } & ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    <T extends object, IdType extends Primitive>(internal: unknown, props: ReturnType<__sveltets_Render<T, IdType>['props']> & {}): ReturnType<__sveltets_Render<T, IdType>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
 }
 declare const ColumnPanelModal: $$IsomorphicComponent;
-type ColumnPanelModal<T extends object> = InstanceType<typeof ColumnPanelModal<T>>;
+type ColumnPanelModal<T extends object, IdType extends Primitive> = InstanceType<typeof ColumnPanelModal<T, IdType>>;
 export default ColumnPanelModal;

package/dist/Components/Table/Misc/ColumnPanelModalProps.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Props for `ColumnPanelModal` (the touch variant of the column-presets and
+ * column-list management panel).
+ */
 export interface ColumnPanelModalProps {
+    /** Called when the modal requests close. */
     onclose?: () => void;
 }