@spectric/ui 0.0.22 → 0.0.24

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

@@ -62,6 +62,7 @@ export declare const toLabelValue: (value: LabelValueOrString) => {
     label: string;
     value: string;
 };
+export declare const GeospatialOperators: Record<string, LabelValue>;
 /**
  * The Query component will take Opensearch Dashboard Query language and transform it into various outputs
  */
@@ -69,6 +70,7 @@ export declare class SpectricQuery extends LitElement implements IQueryProps {
     private uuid;
     placeholder: string;
     valueHelper: any;
+    highlightedSyntax: any;
     constructor();
     protected createRenderRoot(): HTMLElement | DocumentFragment;
     /**

package/dist/components/query_bar/querylanguage/kuery/index.d.ts

@@ -1,7 +1,8 @@
 export { DQLSyntaxError } from './kuery_syntax_error';
 export { nodeTypes } from './node_types';
 export * from './ast';
-export { fromKueryExpression as parse, toOpenSearchQuery as toDSL } from './ast';
+export { fromKueryExpression as parse, toOpenSearchQuery as toDSL, } from './ast';
 export { toCql } from '../outputTypes/toCQL';
 export { toMongo } from '../outputTypes/toMongo';
+export { toHTML } from '../outputTypes/toHTML';
 export * from './types';

package/dist/components/query_bar/querylanguage/outputTypes/toHTML.d.ts

@@ -0,0 +1,15 @@
+import { FieldTypes, KueryNode } from '../..';
+export declare const KQL_WILDCARD_SYMBOL = "@kuery-wildcard@";
+export declare const KQL_NODE_TYPE_WILDCARD = "wildcard";
+export type FunctionName = "is" | "and" | "or" | "not" | "range" | "exists" | "nested";
+export declare const functions: {
+    is: (node: KueryNode, fields?: FieldTypes[]) => string;
+    and: (node: KueryNode, fields?: FieldTypes[]) => string;
+    or: (node: KueryNode, fields?: FieldTypes[]) => string;
+    not: (node: KueryNode, fields?: FieldTypes[]) => string;
+    range: (node: KueryNode) => string;
+    exists: (node: KueryNode) => string;
+    nested: (node: KueryNode) => string;
+    geospatial: (node: KueryNode) => string;
+};
+export declare const toHTML: (node: KueryNode, fields?: FieldTypes[]) => string;

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

@@ -2,6 +2,7 @@ import { LitElement, PropertyValues, TemplateResult } from 'lit';
 import { HTMLElementTagWithEvents, ReactElementWithPropsAndEvents } from '../types';
 import { PaginationChangeProps, PaginationProps } from '../pagination';
 import { FilterEvent } from './cell';
+import { ButtonSizesTypes } from '../Button';
 export declare const TableElementTag = "spectric-table";
 export type { TableProps, TableEvents };
 export type DomRenderable = HTMLElement | TemplateResult | string | number | null | undefined;
@@ -21,6 +22,11 @@ export declare enum TableSortDirection {
     none = "none"
 }
 export type TableSortDirectionTypes = `${TableSortDirection}`;
+export type CellAction<T> = {
+    tooltip: DomRenderable;
+    icon: DomRenderable;
+    onClick: (row: T, column: ColumnSettings<T>) => void;
+};
 export type ColumnSettings<T> = {
     [TABLE_CREATED_SELECTION_COLUMN]?: boolean;
     width?: number;
@@ -34,6 +40,7 @@ export type ColumnSettings<T> = {
     sortDirection?: TableSortDirectionTypes;
     filterable?: boolean;
     disableCellOverflowTooltip?: boolean;
+    cellActions?: CellAction<T>[];
     title?: DomRenderable | ((table: SpectricTableElement<T>) => DomRenderable);
     /**
      * Key to used for getting data from an object for a cell
@@ -85,6 +92,8 @@ export declare class SpectricTableElement<T = any> extends LitElement implements
      * Needed for virtualization
      */
     fontSize: number;
+    protected cellActionButtonSize: ButtonSizesTypes;
+    getCellActionButtonSize(): "small" | "large" | "medium" | "xsmall" | "xxsmall" | "tiny";
     static getDefaultDataSorterAndPaginatior<T>(data: T[]): (props: TableDataOptions<T>) => T[];
     private _handlePaginationChange;
     private _handleSortChange;

package/dist/custom-elements.json

@@ -1960,7 +1960,7 @@
     },
     {
       "name": "spectric-query",
-      "description": "The Query component will take Opensearch Dashboard Query language and transform it into various outputs\n\nEvents:\n\n  * `change` {`CustomEvent<any>`} - \n\nAttributes:\n\n  * `outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\n  * `value` {`string`} - The value of the input.\n\n  * `fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\n  * `placeholder` {`string`} - Input placeholder\n\nProperties:\n\n  * `valueHelper` - \n\n  * `_value` {`string`} - The internal value.\n\n  * `suggestion` {`Suggestion | undefined`} - \n\n  * `completions` {`Completion[]`} - \n\n  * `completionIndex` {`number`} - \n\n  * `_autocomplete` {`PopoverElement | undefined`} - \n\n  * `_valueHelper` {`PopoverElement | undefined`} - \n\n  * `_asyncAutocomplete` {`Promise<HTMLDivElement>`} - \n\n  * `_input` {`SpectricInput`} - The underlying input element\n\n  * `_checkClickLocation` - \n\n  * `_setValue` - \n\n  * `_showValueHelper` - Value helper is a popover above the query bar that will help users set/change/clear the value if it is complex (like date time or geoshape)\n\n  * `_getSuggestion` - \n\n  * `_parseQuery` - \n\n  * `_selectCompletion` - \n\n  * `_handleArrows` - \n\n  * `uuid` {`string`} - \n\n  * `outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\n  * `value` {`string`} - The value of the input.\n\n  * `fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\n  * `getValuesForField` - Callback that will provide values for specific fields\n\n  * `placeholder` {`string`} - Input placeholder",
+      "description": "The Query component will take Opensearch Dashboard Query language and transform it into various outputs\n\nEvents:\n\n  * `change` {`CustomEvent<any>`} - \n\nAttributes:\n\n  * `outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\n  * `value` {`string`} - The value of the input.\n\n  * `fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\n  * `placeholder` {`string`} - Input placeholder\n\nProperties:\n\n  * `valueHelper` - \n\n  * `highlightedSyntax` - \n\n  * `_value` {`string`} - The internal value.\n\n  * `suggestion` {`Suggestion | undefined`} - \n\n  * `completions` {`Completion[]`} - \n\n  * `completionIndex` {`number`} - \n\n  * `_autocomplete` {`PopoverElement | undefined`} - \n\n  * `_valueHelper` {`PopoverElement | undefined`} - \n\n  * `_asyncAutocomplete` {`Promise<HTMLDivElement>`} - \n\n  * `_input` {`SpectricInput`} - The underlying input element\n\n  * `_checkClickLocation` - \n\n  * `_setValue` - \n\n  * `_showValueHelper` - Value helper is a popover above the query bar that will help users set/change/clear the value if it is complex (like date time or geoshape)\n\n  * `_getSuggestion` - \n\n  * `_parseQuery` - \n\n  * `_selectCompletion` - \n\n  * `_handleArrows` - \n\n  * `uuid` {`string`} - \n\n  * `outputLanguage` {`\"toMongo\" | \"toCql\" | \"toDSL\" | \"AST\"`} - The output of the query in a specific format\n\n  * `value` {`string`} - The value of the input.\n\n  * `fields` {`FieldTypes[]`} - Fields that are used for the auto complete\n\n  * `getValuesForField` - Callback that will provide values for specific fields\n\n  * `placeholder` {`string`} - Input placeholder",
       "attributes": [
         {
           "name": "outputLanguage",
@@ -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  * `_getRowHeight` - \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[]`} - ",
+      "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  * `cellActionButtonSize` {`\"large\" | \"medium\" | \"small\" | \"xsmall\" | \"xxsmall\" | \"tiny\"`} - \n\n  * `_handlePaginationChange` - \n\n  * `_handleSortChange` - \n\n  * `_handleColumnResize` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_getRowHeight` - \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",

package/dist/index.d.ts

@@ -23,6 +23,10 @@ declare const module: {
         label: string;
         value: string;
     };
+    GeospatialOperators: Record<string, {
+        label?: string;
+        value: string;
+    }>;
     SpectricQuery: typeof components.SpectricQuery;
     nodeTypes: import('./components/query_bar/querylanguage/kuery').NodeTypes;
     SpectricPanel: typeof components.SpectricPanel;