@spectric/ui 0.0.23 → 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/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",
@@ -2257,7 +2257,7 @@
     },
     {
       "name": "spectric-storybook-example-content",
-      "description": "Attributes:\n\n  * `frameWidth` {`number`} - \n\nProperties:\n\n  * `frameWidth` {`number`} - \n\n  * `query` {`SpectricQuery`} - \n\n  * `dataSorter` - \n\n  * `dialogOpen` {`boolean`} - \n\n  * `tableData` {`TestData[]`} - \n\n  * `columns` - \n\n  * `pagination` {`PaginationProps`} - \n\n  * `_handleFilter` - \n\n  * `_handlePaginationChange` - ",
+      "description": "Attributes:\n\n  * `frameWidth` {`number`} - \n\nProperties:\n\n  * `frameWidth` {`number`} - \n\n  * `query` {`SpectricQuery`} - \n\n  * `dataSorter` - \n\n  * `dialogOpen` {`boolean`} - \n\n  * `tableData` {`TestData[]`} - \n\n  * `columns` {`ColumnSettings<TestData>[]`} - \n\n  * `pagination` {`PaginationProps`} - \n\n  * `_handleFilter` - \n\n  * `_handlePaginationChange` - ",
       "attributes": [
         {
           "name": "frameWidth",

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;