@spectric/ui 0.0.9 → 0.0.10

package/dist/components/Button.d.ts

@@ -19,13 +19,13 @@ export declare enum ButtonVariants {
 type ButtonVariantsTypes = `${ButtonVariants}`;
 export interface ButtonProps {
     /** Is this the principal call to action on the page? */
-    variant: ButtonVariantsTypes;
+    variant?: ButtonVariantsTypes;
     /** What background color to use */
     backgroundColor?: string;
     /** How large should the button be? */
     size: ButtonSizesTypes;
     label?: string;
-    disabled: boolean;
+    disabled?: boolean;
     danger?: boolean;
     icon?: boolean;
     tooltip?: DomRenderable;

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

@@ -33,7 +33,7 @@ export interface IQueryProps {
     /**
      * The output of the query in a specific format
      */
-    outputLanguage: SupportedLanguagesTypes;
+    outputLanguage?: SupportedLanguagesTypes;
     /**
      * The output of the query
      */
@@ -41,15 +41,15 @@ export interface IQueryProps {
     /**
      * Fields that are used for the auto complete
      */
-    fields: FieldTypes[];
+    fields?: FieldTypes[];
     /**
      * Callback that will provide values for specific fields
      */
-    getValuesForField: (field: string, text: string) => Promise<string[]>;
+    getValuesForField?: (field: string, text: string) => Promise<string[]>;
     /**
      * Input placeholder
      */
-    placeholder: string;
+    placeholder?: string;
 }
 /**
  * The Query component will take Opensearch Dashboard Query language and transform it into various outputs

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

@@ -26,35 +26,9 @@ type DomEvent<T> = Event & {
     target: T;
 };
 /**
- * Table Element
+ * React example
+ * <iframe  width="100%" height="400px" src="https://stackblitz.com/edit/react-ts-2ue7azag?ctl=1&embed=1&file=App.tsx&hideExplorer=1&hideNavigation=1"/>
  *
- * The table element is a bit more complex and the column settings and data can only be set through the properties
- *
- *
- * React
- *
- * ``` tsx
- * <spectric-table data={[{col1:1}]} columns={[{key:"col1",}]} ></spectric-table>
- * ```
- *
- * Javascript
- *
- * ``` js
- * table = document.createElement("spectric-table")
- * table.data = [{col1:1}]
- * table.columns = [{key:"col1",}]
- * ```
- *
- * HTML
- *
- * ``` html
- * <spectric-table id="table"></spectric-table>
- * <script>
- * document.querySelector("#table")
- * table.data = [{col1:1}]
- * table.columns = [{key:"col1",}]
- * </script>
- * ```
  */
 export declare class TableElement<T> extends LitElement implements TableProps<T> {
     data: T[];

package/dist/custom-elements.json

@@ -2020,7 +2020,7 @@
     },
     {
       "name": "spectric-table",
-      "description": "Table Element\n\nThe table element is a bit more complex and the column settings and data can only be set through the properties\n\n\nReact\n\n``` tsx\n<spectric-table data={[{col1:1}]} columns={[{key:\"col1\",}]} ></spectric-table>\n```\n\nJavascript\n\n``` js\ntable = document.createElement(\"spectric-table\")\ntable.data = [{col1:1}]\ntable.columns = [{key:\"col1\",}]\n```\n\nHTML \n\n``` html\n<spectric-table id=\"table\"></spectric-table>\n<script>\ndocument.querySelector(\"#table\")\ntable.data = [{col1:1}]\ntable.columns = [{key:\"col1\",}]\n</script>\n```\n\nEvents:\n\n  * `change` {`CustomEvent<{ pagination?: PaginationChangeProps | undefined; }>`} - \n\n  * `filter` {`CustomEvent<FilterEvent<T>>`} - \n\n  * `select` {`CustomEvent<T[]>`} - \n\nAttributes:\n\n  * `select` {`TableSelectOptions | undefined`} - \n\nProperties:\n\n  * `_handlePaginationChange` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_handleSelectAllChange` - \n\n  * `pagination` {`PaginationProps | undefined`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `data` {`T[]`} - \n\n  * `select` {`TableSelectOptions | undefined`} - ",
+      "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  * `change` {`CustomEvent<{ pagination?: PaginationChangeProps | undefined; }>`} - \n\n  * `filter` {`CustomEvent<FilterEvent<T>>`} - \n\n  * `select` {`CustomEvent<T[]>`} - \n\nAttributes:\n\n  * `select` {`TableSelectOptions | undefined`} - \n\nProperties:\n\n  * `_handlePaginationChange` - \n\n  * `_emitChange` - \n\n  * `__DO_NOT_USE_filter` - \n\n  * `selected` {`T[]`} - \n\n  * `_handleSelectAllChange` - \n\n  * `pagination` {`PaginationProps | undefined`} - \n\n  * `columns` {`ColumnSettings<T>[]`} - \n\n  * `data` {`T[]`} - \n\n  * `select` {`TableSelectOptions | undefined`} - ",
       "attributes": [
         {
           "name": "select",