ngx-ode-ui 3.12.0-dev.2 → 3.12.0-dev.20

package/lib/components/datepicker/datepicker.component.d.ts

@@ -14,6 +14,8 @@ export declare class DatepickerComponent extends OdeComponent implements OnDestr
     private datePickerInst;
     model: NgModel;
     disabled: boolean;
+    readonly: boolean;
+    _readonly: boolean;
     enableTime: boolean;
     placeholder: string;
     minDate: any;

package/lib/components/dropdown/dropdown.component.d.ts

@@ -0,0 +1,36 @@
+import { OnInit, EventEmitter, Injector } from '@angular/core';
+import { OdeComponent } from 'ngx-ode-core';
+/**
+ * DropdownComponent is an alternative to the MonoSelectComponent.
+ * Accept everything inside <ng-content> but should work with <ode-list> component
+ *
+ * Simple Dropdown Component without search:
+ * [isSearchActive] can be set to false to disable search input in <ode-list>
+```
+<ode-dropdown
+    [name]="option_name"
+    [isDropdownOpened]="a_boolean"
+    (onDropdown)="toggle_func"
+  >
+  <ode-list
+    [model]="model"
+    [filters]="filters"
+    (onSelect)="func_to_select_elem($event)"
+    (inputChange)="a_string_for_input_value = $event"
+    noResultsLabel="text_to_display"
+    searchPlaceholder="default_placeholder_text"
+    >
+      <ng-template let-item>
+        <div>{{ item.name }}</div>
+      </ng-template>
+    </ode-list>
+  </ode-dropdown>
+`̀``
+ */
+export declare class DropdownComponent extends OdeComponent implements OnInit {
+    constructor(injector: Injector);
+    name: string;
+    isDropdownOpened: boolean;
+    onDropdown: EventEmitter<void>;
+    ngOnInit(): void;
+}

package/lib/components/list/list.component.d.ts

@@ -4,13 +4,19 @@ export declare class ListComponent extends OdeComponent {
     storedElements: any;
     self: this;
     _storedElements: any[];
-    model: any[];
+    model: any;
     filters: any;
     inputFilter: any;
     sort: any;
     limit: number;
     searchPlaceholder: string;
     noResultsLabel: string;
+    placeholder: string;
+    isSearchActive: boolean;
+    isSearchButtonDisabled: boolean;
+    searchInput: boolean;
+    searchDelay: number;
+    searchSubmit: () => void;
     inputChange: EventEmitter<string>;
     onSelect: EventEmitter<any>;
     listChange: EventEmitter<any>;

package/lib/components/list-checkable/list-checkable.component.d.ts

@@ -0,0 +1,55 @@
+import { OdeComponent } from 'ngx-ode-core';
+import { EventEmitter, TemplateRef, Injector } from '@angular/core';
+/**
+ * ListCheckableComponent is an alternative to the ListComponent to easily select rows by using a checkbox.
+ *
+ *
+```
+<ode-list-checkable
+      [readOnly]="a_boolean"
+      [model]="an_array_of_items"
+      [filters]=""
+      [sort]="'+displayName'"
+      [limit]="a_number"
+      [noResultsLabel]="text_to_display_when_no_item_in_model"
+      [isChecked]="a_lambda_which_takes_1_item_argument_and_returns_a_boolean"
+      [areAllChecked]="a_lambda_with_no_argument_which_returns_a_boolean"
+      [ngClass]="a_lambda_which_takes_1_item_argument_and_returns_an_object"
+      (onCheck)="emits_an_$event_like_{item:any; checked:boolean}"
+      (listChange)=""
+      (scrolledDown)=""
+      >
+
+    <ng-template let-item>
+      <span>{{item.displayName|translate}}</span>
+    </ng-template>
+    
+</ode-list-checkable>
+`̀``
+ */
+declare type OnCheckData = {
+    item: any;
+    checked: boolean;
+};
+export declare class ListCheckableComponent extends OdeComponent {
+    model: any[];
+    filters: any;
+    sort: any;
+    limit: number;
+    noResultsLabel: string;
+    readOnly: boolean;
+    onCheck: EventEmitter<OnCheckData>;
+    listChange: EventEmitter<any>;
+    scrolledDown: EventEmitter<void>;
+    templateRef: TemplateRef<any>;
+    areAllChecked: () => boolean;
+    isChecked: (arg?: any) => boolean;
+    isDisabled: (arg?: any) => boolean;
+    ngClass: (arg?: any) => {};
+    self: this;
+    _storedElements: any[];
+    storedElements: any;
+    constructor(injector: Injector);
+    toggleAll(checkAll: boolean): void;
+}
+export {};

package/lib/components/search-input/search-input.component.d.ts

@@ -4,6 +4,10 @@ export declare class SearchInputComponent extends OdeComponent implements OnInit
     private _elRef;
     private _renderer;
     constructor(injector: Injector, _elRef: ElementRef, _renderer: Renderer2);
+    isSearchActive: boolean;
+    isSearchButtonDisabled: boolean;
+    searchInput: boolean;
+    searchSubmit: () => void;
     delay: number;
     private _delay;
     onChange: EventEmitter<string>;
@@ -15,4 +19,5 @@ export declare class SearchInputComponent extends OdeComponent implements OnInit
     ngOnInit(): void;
     ngOnDestroy(): void;
     search(str: string): void;
+    handleSubmit(): void;
 }

package/lib/components/search-toolbar/search-toolbar.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter, Injector } from "@angular/core";
+import { OdeComponent } from "ngx-ode-core";
+/**
+ * Search Toolbar component.
+ * Used within List component, Search Toolbar will display following information:
+ * - Label of the search filter section (example: 'Search by')
+ * - List of search type filters (example: 'Name', 'Email' , ...)
+ * - Number of items returned by the search
+ *
+```
+<ode-search-toolbar
+  [label]="'user.searchType.label'"
+  [searchTypes]="searchTypes"
+  [nbItem]="nbUser || 0"
+  [nbItemLabel]="'list.results.users'"
+  (selectSearchType)="handleSelectSearchType($event)"
+>
+</ode-search-toolbar>
+```
+ */
+export declare class SearchToolbarComponent extends OdeComponent {
+    label: string;
+    searchTypes: Array<{
+        label: string;
+        value: string;
+    }>;
+    nbItem: number;
+    nbItemLabel: string;
+    selectSearchType: EventEmitter<string>;
+    selectedSearchTypeValue: string;
+    constructor(injector: Injector);
+    ngOnInit(): void;
+    handleSearchTypeClick(searchTypeValue: string): void;
+}

package/ngx-ode-ui.d.ts

@@ -2,3 +2,5 @@
  * Generated bundle index. Do not edit.
  */
 export * from './public-api';
+export { DropdownComponent as ɵa } from './lib/components/dropdown/dropdown.component';
+export { SearchToolbarComponent as ɵb } from './lib/components/search-toolbar/search-toolbar.component';