@spectric/ui 0.0.19 → 0.0.21

package/dist/components/Banner.d.ts

@@ -24,7 +24,7 @@ export declare class SpectricBanner extends LitElement implements BannerProps {
     protected render(): unknown;
 }
 export interface BannerEventMap {
-    'bannerDismissed': (event: CustomEvent<BannerProps>) => void;
+    bannerDismissed: (event: CustomEvent<BannerProps>) => void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/dialog/dialog.d.ts

@@ -33,7 +33,7 @@ export declare class DialogElement extends LitElement implements DialogProps {
     protected render(): unknown;
 }
 interface DialogEvents {
-    'close': (event: CustomEvent) => void;
+    close: (event: CustomEvent) => void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/query_bar/QueryBar.d.ts

@@ -6,7 +6,7 @@ import { PopoverElement } from '../tooltip/popover';
 import * as kuery from "./querylanguage/kuery";
 export type FieldTypes = {
     name: string;
-    type: "string" | "number" | "boolean";
+    type: "string" | "number" | "boolean" | "integer" | "object";
     format?: "date-time";
 };
 type SuggestionType = 'conjunction' | "field" | 'operator' | 'value';

package/dist/components/table/cell.d.ts

@@ -35,7 +35,7 @@ export declare class TableCellElement<T> extends LitElement implements CellProps
     protected render(): unknown;
 }
 interface TableBodyEvents {
-    'filter': (event: CustomEvent<ColumnSettings<any>>) => void;
+    filter: (event: CustomEvent<ColumnSettings<any>>) => void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/components/table/header.d.ts

@@ -1,5 +1,5 @@
 import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from '../types';
-import { ColumnSettings } from './table';
+import { ColumnSettings, SpectricTableElement } from './table';
 import { DisposableElement } from '../../classes';
 export declare const TableHeaderElementTag = "spectric-table-header";
 interface HeaderProps<T> {
@@ -11,6 +11,7 @@ interface HeaderProps<T> {
 export declare class TableHeaderElement<T> extends DisposableElement implements HeaderProps<T> {
     columns: ColumnSettings<T>[];
     private _resizeStart?;
+    table: SpectricTableElement<T>;
     constructor();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     _handleSortChange: (column: ColumnSettings<T>) => void;

package/dist/components/table/table.d.ts

@@ -4,7 +4,7 @@ import { PaginationChangeProps, PaginationProps } from '../pagination';
 import { FilterEvent } from './cell';
 export declare const TableElementTag = "spectric-table";
 export type { TableProps, TableEvents };
-export type DomRenderable = HTMLElement | TemplateResult | string | number | null;
+export type DomRenderable = HTMLElement | TemplateResult | string | number | null | undefined;
 export declare enum TableSelectOptions {
     multi = "multi",
     single = "single",
@@ -33,7 +33,7 @@ export type ColumnSettings<T> = {
     sortable?: boolean;
     sortDirection?: TableSortDirectionTypes;
     filterable?: boolean;
-    title?: DomRenderable;
+    title?: DomRenderable | ((table: SpectricTableElement<T>) => DomRenderable);
     /**
      * Key to used for getting data from an object for a cell
      */
@@ -92,18 +92,21 @@ export declare class SpectricTableElement<T = any> extends LitElement implements
     private __DO_NOT_USE_filter;
     private selected;
     protected createRenderRoot(): HTMLElement | DocumentFragment;
+    forceRefreshofSelectionColumn(): void;
+    setSelected(selected: T[]): void;
     deselectAll(): void;
     selectAll(): void;
     _handleSelectAllChange: (e: DomEvent<HTMLInputElement>) => void;
+    private selectColumnConfig;
     protected update(changedProperties: PropertyValues): void;
     protected render(): unknown;
 }
 interface TableEvents {
-    'change': (event: CustomEvent<TableDataOptions<any>>) => void;
-    'paginationChange': (event: CustomEvent<PaginationChangeProps>) => void;
-    'filter': (event: CustomEvent<FilterEvent<any>>) => void;
-    'sortChange': (event: CustomEvent<ColumnSettings<any>>) => void;
-    'selected': (event: CustomEvent<any[]>) => void;
+    change: (event: CustomEvent<TableDataOptions<any>>) => void;
+    paginationChange: (event: CustomEvent<PaginationChangeProps>) => void;
+    filter: (event: CustomEvent<FilterEvent<any>>) => void;
+    sortChange: (event: CustomEvent<ColumnSettings<any>>) => void;
+    selected: (event: CustomEvent<any[]>) => void;
 }
 declare global {
     interface HTMLElementTagNameMap {

package/dist/custom-elements.json

@@ -79,7 +79,7 @@
     },
     {
       "name": "spectric-button",
-      "description": "Attributes:\n\n  * `variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\n  * `backgroundColor` {`string | undefined`} - What background color to use\n\n  * `size` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - How large should the button be?\n\n  * `label` {`string | undefined`} - \n\n  * `disabled` {`boolean`} - \n\n  * `danger` {`boolean`} - \n\n  * `icon` {`boolean`} - \n\n  * `tooltip` {`DomRenderable | undefined`} - \n\n  * `tooltipPosition` {`\"top\" | \"bottom\" | \"left\" | \"right\" | \"mouse\" | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResultGroup | undefined`} - \n\n  * `_onClick` - \n\n  * `variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\n  * `backgroundColor` {`string | undefined`} - What background color to use\n\n  * `size` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - How large should the button be?\n\n  * `label` {`string | undefined`} - \n\n  * `disabled` {`boolean`} - \n\n  * `danger` {`boolean`} - \n\n  * `icon` {`boolean`} - \n\n  * `tooltip` {`DomRenderable | undefined`} - \n\n  * `tooltipPosition` {`\"top\" | \"bottom\" | \"left\" | \"right\" | \"mouse\" | undefined`} - \n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: DisposableTarget; event: string; handler: any; options?: AddEventListenerOptions | undefined; }[]`} - \n\n  * `_connected` {`boolean`} - ",
+      "description": "Attributes:\n\n  * `variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\n  * `backgroundColor` {`string | undefined`} - What background color to use\n\n  * `size` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - How large should the button be?\n\n  * `label` {`string | undefined`} - \n\n  * `disabled` {`boolean`} - \n\n  * `danger` {`boolean`} - \n\n  * `icon` {`boolean`} - \n\n  * `tooltip` {`DomRenderable`} - \n\n  * `tooltipPosition` {`\"top\" | \"bottom\" | \"left\" | \"right\" | \"mouse\" | undefined`} - \n\nProperties:\n\n  * `styles` {`CSSResultGroup | undefined`} - \n\n  * `_onClick` - \n\n  * `variant` {`\"text\" | \"primary\" | \"secondary\"`} - Is this the principal call to action on the page?\n\n  * `backgroundColor` {`string | undefined`} - What background color to use\n\n  * `size` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - How large should the button be?\n\n  * `label` {`string | undefined`} - \n\n  * `disabled` {`boolean`} - \n\n  * `danger` {`boolean`} - \n\n  * `icon` {`boolean`} - \n\n  * `tooltip` {`DomRenderable`} - \n\n  * `tooltipPosition` {`\"top\" | \"bottom\" | \"left\" | \"right\" | \"mouse\" | undefined`} - \n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: DisposableTarget; event: string; handler: any; options?: AddEventListenerOptions | undefined; }[]`} - \n\n  * `_connected` {`boolean`} - ",
       "attributes": [
         {
           "name": "variant",
@@ -147,7 +147,7 @@
         },
         {
           "name": "tooltip",
-          "description": "`tooltip` {`DomRenderable | undefined`} - \n\nProperty: tooltip",
+          "description": "`tooltip` {`DomRenderable`} - \n\nProperty: tooltip",
           "values": []
         },
         {
@@ -2060,7 +2060,7 @@
     },
     {
       "name": "spectric-table-header",
-      "description": "Pagination Element\n\nEvents:\n\n  * `sortChange` {`CustomEvent<ColumnSettings<T>>`} - \n\n  * `columnResize` {`CustomEvent<ColumnSettings<T>>`} - \n\nProperties:\n\n  * `_resizeStart` {`{ event: MouseEvent; column: ColumnSettings<T>; } | undefined`} - \n\n  * `_handleSortChange` - \n\n  * `_handleResizeStart` - \n\n  * `_handleResizeEnd` - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: DisposableTarget; event: string; handler: any; options?: AddEventListenerOptions | undefined; }[]`} - \n\n  * `_connected` {`boolean`} - ",
+      "description": "Pagination Element\n\nEvents:\n\n  * `sortChange` {`CustomEvent<ColumnSettings<T>>`} - \n\n  * `columnResize` {`CustomEvent<ColumnSettings<T>>`} - \n\nProperties:\n\n  * `_resizeStart` {`{ event: MouseEvent; column: ColumnSettings<T>; } | undefined`} - \n\n  * `table` {`SpectricTableElement<T>`} - \n\n  * `_handleSortChange` - \n\n  * `_handleResizeStart` - \n\n  * `_handleResizeEnd` - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `_disposables` {`Set<IDisposable>`} - \n\n  * `_isDisposed` {`boolean`} - \n\n  * `_disposableListeners` {`{ target: DisposableTarget; event: string; handler: any; options?: AddEventListenerOptions | undefined; }[]`} - \n\n  * `_connected` {`boolean`} - ",
       "attributes": [
         {
           "name": "onsortChange",
@@ -2074,7 +2074,7 @@
     },
     {
       "name": "spectric-table",
-      "description": "React example\n<iframe  width=\"100%\" height=\"400px\" src=\"https://stackblitz.com/edit/react-ts-2ue7azag?ctl=1&embed=1&file=App.tsx&hideExplorer=1&hideNavigation=1\"/>\n\nEvents:\n\n  * `paginationChange` {`CustomEvent<PaginationChangeProps>`} - \n\n  * `change` {`CustomEvent<TableDataOptions<T>>`} - \n\n  * `filter` {`CustomEvent<FilterEvent<T>>`} - \n\n  * `sortChange` {`CustomEvent<ColumnSettings<T>>`} - \n\n  * `selected` {`CustomEvent<T[]>`} - \n\nAttributes:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `sortOrder` {`string[]`} - \n\nProperties:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `_handlePaginationChange` - \n\n  * `_handleSortChange` - \n\n  * `_handleColumnResize` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_handleSelectAllChange` - \n\n  * `data` {`T[]`} - \n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `pagination` {`PaginationProps | undefined`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `sortOrder` {`string[]`} - ",
+      "description": "React example\n<iframe  width=\"100%\" height=\"400px\" src=\"https://stackblitz.com/edit/react-ts-2ue7azag?ctl=1&embed=1&file=App.tsx&hideExplorer=1&hideNavigation=1\"/>\n\nEvents:\n\n  * `paginationChange` {`CustomEvent<PaginationChangeProps>`} - \n\n  * `change` {`CustomEvent<TableDataOptions<T>>`} - \n\n  * `filter` {`CustomEvent<FilterEvent<T>>`} - \n\n  * `sortChange` {`CustomEvent<ColumnSettings<T>>`} - \n\n  * `selected` {`CustomEvent<T[]>`} - \n\nAttributes:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `sortOrder` {`string[]`} - \n\nProperties:\n\n  * `fontSize` {`number`} - Needed for virtualization\n\n  * `_handlePaginationChange` - \n\n  * `_handleSortChange` - \n\n  * `_handleColumnResize` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_handleSelectAllChange` - \n\n  * `selectColumnConfig` {`ColumnSettings<T>`} - \n\n  * `data` {`T[]`} - \n\n  * `select` {`\"none\" | \"multi\" | \"single\"`} - \n\n  * `sort` {`\"multi\" | \"single\"`} - \n\n  * `rowHeight` {`number`} - Needed for virtualization\n\n  * `pagination` {`PaginationProps | undefined`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `sortOrder` {`string[]`} - ",
       "attributes": [
         {
           "name": "fontSize",