@sarasanalytics-com/design-system 0.0.136 → 0.0.138

package/lib/query-builder-textarea/query-builder-textarea.component.d.ts

@@ -0,0 +1,143 @@
+import { EventEmitter, OnInit, ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
+import { FormBuilder, FormGroup } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface TextareaQueryConfig {
+    fields: TextareaQueryField[];
+    operators: TextareaQueryOperator[];
+    defaultCondition?: 'and' | 'or';
+}
+export interface TextareaQueryField {
+    key: string;
+    label: string;
+    type: string;
+    description?: string;
+    unit?: string;
+    options?: {
+        label: string;
+        value: any;
+    }[];
+    operators?: string[];
+}
+export interface TextareaQueryOperator {
+    value: string;
+    label: string;
+    description?: string;
+    types?: string[];
+}
+export interface TextareaQueryGroup {
+    condition: 'and' | 'or';
+    rules: (TextareaQueryRule | TextareaQueryGroup)[];
+}
+export interface TextareaQueryRule {
+    field: string;
+    operator: string;
+    value: any;
+    condition?: 'and' | 'or';
+}
+export interface SuggestionItem {
+    id: string;
+    name: string;
+    label: string;
+    description?: string;
+    unit?: string;
+    value: string;
+    type: 'field' | 'operator' | 'value' | 'condition';
+}
+export interface DropdownPosition {
+    top: number;
+    left: number;
+}
+export declare class QueryBuilderTextareaComponent implements OnInit, AfterViewInit, OnDestroy {
+    private fb;
+    config: TextareaQueryConfig;
+    queryChange: EventEmitter<TextareaQueryGroup>;
+    suggestionSelected: EventEmitter<SuggestionItem>;
+    queryTextarea: ElementRef<HTMLTextAreaElement>;
+    dropdown: ElementRef<HTMLDivElement>;
+    form: FormGroup;
+    suggestions: SuggestionItem[];
+    filteredSuggestions: SuggestionItem[];
+    isDropdownVisible: boolean;
+    selectedIndex: number;
+    dropdownPosition: DropdownPosition;
+    selectedSuggestion: SuggestionItem | null;
+    isDatePickerVisible: boolean;
+    datePickerPosition: DropdownPosition;
+    currentDateField: string | null;
+    currentDateOperator: string | null;
+    showDualDatePicker: boolean;
+    firstDateSelected: Date | null;
+    secondDateSelected: Date | null;
+    private destroy$;
+    private searchSubject;
+    private cursorPosition;
+    private currentContext;
+    private lastSelectedField;
+    private readonly DEBOUNCE_DELAY;
+    private readonly MAX_SUGGESTIONS;
+    constructor(fb: FormBuilder);
+    onDocumentClick(event: Event): void;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupSearchStream;
+    private setupTextareaEvents;
+    private initSuggestions;
+    private updateCursorPosition;
+    /**
+     * Gets text up to the cursor position
+     */
+    getTillCursor(): string;
+    /**
+     * Gets the last word before cursor position
+     */
+    getLastWordBeforeCursor(): string;
+    /**
+     * Inserts text at the position of the current word
+     */
+    insertWord(text: string, appendOnly?: boolean): void;
+    private insertSuggestion;
+    onApply(): void;
+    onReset(): void;
+    private onTextareaInput;
+    private onTextareaBlur;
+    private updateContext;
+    private filterSuggestionsByContext;
+    private getContextSuggestions;
+    private getOperatorSuggestions;
+    private getValueSuggestions;
+    private calculateRelevanceScore;
+    private parseQuery;
+    private parseAndEmitQuery;
+    private onKeyDown;
+    private getCurrentWord;
+    private getCurrentWordBounds;
+    private getPreviousTokens;
+    private isAfterOperator;
+    private isAfterField;
+    private isAfterValue;
+    private getLastField;
+    onSuggestionClick(suggestion: SuggestionItem): void;
+    private selectSuggestion;
+    onOptionSelected(event: any): void;
+    private searchSuggestions;
+    private hideDropdown;
+    private showOperatorSuggestions;
+    private showValueSuggestions;
+    private updateDropdownPosition;
+    private showDatePicker;
+    private updateDatePickerPosition;
+    private getCurrentOperator;
+    onFirstDateSelected(date: Date): void;
+    onSecondDateSelected(date: Date): void;
+    private insertDateValue;
+    private insertDateRangeValue;
+    private formatDate;
+    private insertTextAtCursor;
+    hideDatePicker(): void;
+    private getCursorCoordinates;
+    private scrollToSelected;
+    private parseRule;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QueryBuilderTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<QueryBuilderTextareaComponent, "sa-query-builder-textarea", never, { "config": { "alias": "config"; "required": false; }; }, { "queryChange": "queryChange"; "suggestionSelected": "suggestionSelected"; }, never, never, true, never>;
+}

package/lib/tool-tip/tool-tip.component.d.ts

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
 export declare class ToolTipComponent {
     messages: string[];
     pointerPosition: string;
+    simpleMode: boolean;
     toolTipSkipped: EventEmitter<any>;
     toolTipSeen: EventEmitter<any>;
     arrowIcon: string;
@@ -11,5 +12,5 @@ export declare class ToolTipComponent {
     updateMsgInd(k: number): void;
     skipToolTip(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolTipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolTipComponent, "sa-tool-tip", never, { "messages": { "alias": "messages"; "required": false; }; "pointerPosition": { "alias": "pointerPosition"; "required": false; }; }, { "toolTipSkipped": "toolTipSkipped"; "toolTipSeen": "toolTipSeen"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolTipComponent, "sa-tool-tip", never, { "messages": { "alias": "messages"; "required": false; }; "pointerPosition": { "alias": "pointerPosition"; "required": false; }; "simpleMode": { "alias": "simpleMode"; "required": false; }; }, { "toolTipSkipped": "toolTipSkipped"; "toolTipSeen": "toolTipSeen"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sarasanalytics-com/design-system",
-  "version": "0.0.136",
+  "version": "0.0.138",
   "peerDependencies": {
     "@angular/common": "^17.2.0",
     "@angular/core": "^17.2.0"

package/public-api.d.ts

@@ -13,12 +13,15 @@ export * from './lib/card/guide-card/guide-card.component';
 export * from './lib/card/menu-card/menu-card.component';
 export * from './lib/card/thumbnail-card/thumbnail-card.component';
 export * from './lib/card-carousel/card-carousel.component';
+export * from './lib/categories-nav/categories-nav.component';
 export * from './lib/checkbox/checkbox.component';
 export * from './lib/chips/chips.component';
 export * from './lib/component-library.component';
 export * from './lib/dashboard-loader/dashboard-loader.component';
+export * from './lib/data-grid/data-grid.component';
 export * from './lib/datepicker/datepicker.component';
 export * from './lib/dialog/dialog.component';
+export * from './lib/filter/filter.component';
 export * from './lib/form-input/form-input.component';
 export * from './lib/form-select/form-select.component';
 export * from './lib/grid-cell/grid-cell.component';
@@ -34,6 +37,10 @@ export * from './lib/message-banner-v2/message-banner-v2.component';
 export * from './lib/mini-card/mini-card.component';
 export * from './lib/page-layout/page-layout.component';
 export * from './lib/progress-bar/progress-bar.component';
+export * from './lib/query-builder/query-builder-demo.component';
+export * from './lib/query-builder/query-builder.component';
+export * from './lib/query-builder-textarea/query-builder-textarea-demo.component';
+export * from './lib/query-builder-textarea/query-builder-textarea.component';
 export * from './lib/radio-button/radio-button.component';
 export * from './lib/scrolling-cards/scrolling-cards.component';
 export * from './lib/skeleton/skeleton-base.component';
@@ -49,10 +56,12 @@ export * from './lib/tool-tip/tool-tip.component';
 export * from './lib/typography-animation/typography-animation.component';
 export * from './lib/component-library.service';
 export * from './lib/icon/icon.service';
+export * from './lib/query-builder/query-builder.service';
 export * from './interfaces/avatar-interface';
 export * from './interfaces/button-interface';
 export * from './interfaces/card-carousel-interface';
 export * from './interfaces/chip-interface';
+export * from './interfaces/form-layout.interface';
 export * from './interfaces/grid-interface';
 export * from './interfaces/guide-card-interface';
 export * from './interfaces/header-interface';