@brickclay-org/ui 0.0.17 → 0.0.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/brickclay-org-ui.mjs +154 -28
- package/fesm2022/brickclay-org-ui.mjs.map +1 -1
- package/index.d.ts +66 -15
- package/package.json +3 -2
- package/src/lib/ui-button/ui-button.css +1 -1
- package/src/styles.css +1 -0
package/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { OnInit, OnDestroy, OnChanges, EventEmitter, SimpleChanges, AfterViewIni
|
|
|
3
3
|
import * as rxjs from 'rxjs';
|
|
4
4
|
import * as i1 from '@angular/common';
|
|
5
5
|
import { ControlValueAccessor, NgControl } from '@angular/forms';
|
|
6
|
+
import { CdkDragDrop, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
|
|
6
7
|
|
|
7
8
|
declare const BrickclayIcons: {
|
|
8
9
|
readonly arrowleft: "assets/icons/chevron-left.svg";
|
|
@@ -210,7 +211,7 @@ declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
|
|
|
210
211
|
onTimeInputFocus(event: any): void;
|
|
211
212
|
formatAllMinuteInputs(): void;
|
|
212
213
|
static ɵfac: i0.ɵɵFactoryDeclaration<CustomCalendarComponent, never>;
|
|
213
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CustomCalendarComponent, "
|
|
214
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CustomCalendarComponent, "bk-custom-calendar", never, { "enableTimepicker": { "alias": "enableTimepicker"; "required": false; }; "autoApply": { "alias": "autoApply"; "required": false; }; "closeOnAutoApply": { "alias": "closeOnAutoApply"; "required": false; }; "showCancel": { "alias": "showCancel"; "required": false; }; "linkedCalendars": { "alias": "linkedCalendars"; "required": false; }; "singleDatePicker": { "alias": "singleDatePicker"; "required": false; }; "showWeekNumbers": { "alias": "showWeekNumbers"; "required": false; }; "showISOWeekNumbers": { "alias": "showISOWeekNumbers"; "required": false; }; "customRangeDirection": { "alias": "customRangeDirection"; "required": false; }; "lockStartDate": { "alias": "lockStartDate"; "required": false; }; "position": { "alias": "position"; "required": false; }; "drop": { "alias": "drop"; "required": false; }; "dualCalendar": { "alias": "dualCalendar"; "required": false; }; "showRanges": { "alias": "showRanges"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; "customRanges": { "alias": "customRanges"; "required": false; }; "multiDateSelection": { "alias": "multiDateSelection"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "opens": { "alias": "opens"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "isDisplayCrossIcon": { "alias": "isDisplayCrossIcon"; "required": false; }; "selectedValue": { "alias": "selectedValue"; "required": false; }; "displayFormat": { "alias": "displayFormat"; "required": false; }; }, { "selected": "selected"; "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
|
|
214
215
|
}
|
|
215
216
|
|
|
216
217
|
interface TimeConfiguration {
|
|
@@ -286,7 +287,7 @@ declare class ScheduledDatePickerComponent implements OnInit {
|
|
|
286
287
|
clear(): void;
|
|
287
288
|
apply(): void;
|
|
288
289
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScheduledDatePickerComponent, never>;
|
|
289
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ScheduledDatePickerComponent, "
|
|
290
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ScheduledDatePickerComponent, "bk-scheduled-date-picker", never, { "timeFormat": { "alias": "timeFormat"; "required": false; }; "enableSeconds": { "alias": "enableSeconds"; "required": false; }; }, { "scheduled": "scheduled"; "cleared": "cleared"; }, never, never, true, never>;
|
|
290
291
|
}
|
|
291
292
|
|
|
292
293
|
declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
|
|
@@ -339,7 +340,7 @@ declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
|
|
|
339
340
|
ngOnChanges(changes: SimpleChanges): void;
|
|
340
341
|
onInputKeydown(event: KeyboardEvent): void;
|
|
341
342
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
|
|
342
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "
|
|
343
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<TimePickerComponent, "bk-time-picker", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "position": { "alias": "position"; "required": false; }; "pickerId": { "alias": "pickerId"; "required": false; }; "closePicker": { "alias": "closePicker"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "showSeconds": { "alias": "showSeconds"; "required": false; }; }, { "timeChange": "timeChange"; "pickerOpened": "pickerOpened"; "pickerClosed": "pickerClosed"; }, never, never, true, never>;
|
|
343
344
|
}
|
|
344
345
|
|
|
345
346
|
/**
|
|
@@ -373,7 +374,7 @@ declare class ToggleComponent implements ControlValueAccessor {
|
|
|
373
374
|
registerOnTouched(fn: any): void;
|
|
374
375
|
setDisabledState(isDisabled: boolean): void;
|
|
375
376
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
|
|
376
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "
|
|
377
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ToggleComponent, "bk-toggle", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
377
378
|
}
|
|
378
379
|
|
|
379
380
|
declare class CheckboxComponent implements ControlValueAccessor {
|
|
@@ -392,7 +393,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
392
393
|
registerOnTouched(fn: any): void;
|
|
393
394
|
setDisabledState(isDisabled: boolean): void;
|
|
394
395
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
395
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "
|
|
396
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "bk-checkbox", never, { "checkboxClass": { "alias": "checkboxClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
396
397
|
}
|
|
397
398
|
|
|
398
399
|
declare class RadioComponent implements ControlValueAccessor {
|
|
@@ -413,7 +414,7 @@ declare class RadioComponent implements ControlValueAccessor {
|
|
|
413
414
|
registerOnTouched(fn: any): void;
|
|
414
415
|
setDisabledState(isDisabled: boolean): void;
|
|
415
416
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
416
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "
|
|
417
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "bk-radio-button", never, { "radioClass": { "alias": "radioClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
|
|
417
418
|
}
|
|
418
419
|
|
|
419
420
|
type PillVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
@@ -431,7 +432,7 @@ declare class PillComponent {
|
|
|
431
432
|
get containerClasses(): string;
|
|
432
433
|
onRemove(e: Event): void;
|
|
433
434
|
static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
|
|
434
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "
|
|
435
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<PillComponent, "bk-pill", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
435
436
|
}
|
|
436
437
|
|
|
437
438
|
type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
@@ -449,7 +450,7 @@ declare class BadgeComponent {
|
|
|
449
450
|
get containerClasses(): string;
|
|
450
451
|
onRemove(e: Event): void;
|
|
451
452
|
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
452
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "
|
|
453
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "bk-badge", never, { "label": { "alias": "label"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "color": { "alias": "color"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "customClass": { "alias": "customClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
453
454
|
}
|
|
454
455
|
|
|
455
456
|
type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -459,7 +460,7 @@ declare class Spinner {
|
|
|
459
460
|
color: string;
|
|
460
461
|
get classes(): string;
|
|
461
462
|
static ɵfac: i0.ɵɵFactoryDeclaration<Spinner, never>;
|
|
462
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "
|
|
463
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "bk-spinner", never, { "size": { "alias": "size"; "required": false; }; "show": { "alias": "show"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
|
|
463
464
|
}
|
|
464
465
|
|
|
465
466
|
type ButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
@@ -481,7 +482,7 @@ declare class UiButton {
|
|
|
481
482
|
onClick(event: Event): void;
|
|
482
483
|
get buttonClasses(): string;
|
|
483
484
|
static ɵfac: i0.ɵɵFactoryDeclaration<UiButton, never>;
|
|
484
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UiButton, "
|
|
485
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiButton, "bk-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "label": { "alias": "label"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "iconAlt": { "alias": "iconAlt"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "textClass": { "alias": "textClass"; "required": false; }; "spinnerClass": { "alias": "spinnerClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
485
486
|
}
|
|
486
487
|
|
|
487
488
|
type IconButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
@@ -497,7 +498,7 @@ declare class UiIconButton {
|
|
|
497
498
|
onClick(event: Event): void;
|
|
498
499
|
get buttonClasses(): string;
|
|
499
500
|
static ɵfac: i0.ɵɵFactoryDeclaration<UiIconButton, never>;
|
|
500
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<UiIconButton, "
|
|
501
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<UiIconButton, "bk-icon-button", never, { "icon": { "alias": "icon"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; }, { "clicked": "clicked"; }, never, never, true, never>;
|
|
501
502
|
}
|
|
502
503
|
|
|
503
504
|
interface GroupItem {
|
|
@@ -515,7 +516,7 @@ declare class ButtonGroup {
|
|
|
515
516
|
isActive(itemValue: any): boolean;
|
|
516
517
|
get containerClass(): string;
|
|
517
518
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
|
|
518
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "
|
|
519
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroup, "bk-button-group", never, { "items": { "alias": "items"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
|
|
519
520
|
}
|
|
520
521
|
|
|
521
522
|
declare class Textarea implements ControlValueAccessor {
|
|
@@ -549,8 +550,58 @@ declare class Textarea implements ControlValueAccessor {
|
|
|
549
550
|
registerOnTouched(fn: any): void;
|
|
550
551
|
setDisabledState(isDisabled: boolean): void;
|
|
551
552
|
static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, [{ optional: true; self: true; }]>;
|
|
552
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "
|
|
553
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<Textarea, "bk-textarea", never, { "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "required": { "alias": "required"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "hasError": { "alias": "hasError"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "trimWhiteSpaces": { "alias": "trimWhiteSpaces"; "required": false; }; "eventType": { "alias": "eventType"; "required": false; }; }, {}, never, never, true, never>;
|
|
553
554
|
}
|
|
554
555
|
|
|
555
|
-
|
|
556
|
-
|
|
556
|
+
interface TableColumn<T = any> {
|
|
557
|
+
header: string;
|
|
558
|
+
field?: keyof T;
|
|
559
|
+
width?: string;
|
|
560
|
+
sticky?: boolean;
|
|
561
|
+
sortable?: boolean;
|
|
562
|
+
headerClass?: string;
|
|
563
|
+
cellClass?: string;
|
|
564
|
+
formatter?: (row: T) => string;
|
|
565
|
+
/** show / hide both th + td */
|
|
566
|
+
visible?: boolean;
|
|
567
|
+
}
|
|
568
|
+
interface TableAction {
|
|
569
|
+
name: string;
|
|
570
|
+
icon: string;
|
|
571
|
+
tooltip: string;
|
|
572
|
+
hasPermission: boolean;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
type SortDirection = 'asc' | 'desc';
|
|
576
|
+
declare class BkGrid<T = any> {
|
|
577
|
+
draggable: boolean;
|
|
578
|
+
columns: TableColumn<T>[];
|
|
579
|
+
result: T[];
|
|
580
|
+
actions: TableAction[];
|
|
581
|
+
actionClick: EventEmitter<{
|
|
582
|
+
action: string;
|
|
583
|
+
row: T;
|
|
584
|
+
}>;
|
|
585
|
+
sortChange: EventEmitter<{
|
|
586
|
+
columnIndex: number;
|
|
587
|
+
column: TableColumn<T>;
|
|
588
|
+
direction: SortDirection;
|
|
589
|
+
}>;
|
|
590
|
+
dragDropChange: EventEmitter<T[]>;
|
|
591
|
+
sortColumn?: keyof T;
|
|
592
|
+
sortDirection: SortDirection;
|
|
593
|
+
tableScrollContainer: ElementRef<HTMLDivElement>;
|
|
594
|
+
get firstVisibleColumnIndex(): number;
|
|
595
|
+
sort(column: TableColumn<T>, index: number): void;
|
|
596
|
+
isColumnVisible(column: TableColumn<T>): boolean;
|
|
597
|
+
getCellValue(row: T, column: TableColumn<T>): string;
|
|
598
|
+
emitAction(action: TableAction, row: T): void;
|
|
599
|
+
dropList(event: CdkDragDrop<T[]>): void;
|
|
600
|
+
onDragMoved(event: CdkDragMove<any>): void;
|
|
601
|
+
onDragStart(event: CdkDragStart<any>): void;
|
|
602
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<BkGrid<any>, never>;
|
|
603
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<BkGrid<any>, "bk-grid", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
|
|
604
|
+
}
|
|
605
|
+
|
|
606
|
+
export { BadgeComponent, BkGrid, BrickclayIcons, BrickclayLib, ButtonGroup, CalendarManagerService, CalendarModule, CheckboxComponent, CustomCalendarComponent, PillComponent, RadioComponent, ScheduledDatePickerComponent, Spinner, Textarea, TimePickerComponent, ToggleComponent, UiButton, UiIconButton };
|
|
607
|
+
export type { BadgeColor, BadgeSize, BadgeVariant, ButtonSize, ButtonVariant, CalendarRange, CalendarSelection, GroupItem, GroupMode, IconButtonSize, IconButtonVariant, PillColor, PillSize, PillVariant, ScheduledDateSelection, SortDirection, SpinnerSize, TableAction, TableColumn, TimeConfiguration };
|
package/package.json
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brickclay-org/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.19",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": ">=17.0.0 <=21.0.0",
|
|
6
6
|
"@angular/core": ">=17.0.0 <=21.0.0",
|
|
7
|
-
"moment": "^2.29.0"
|
|
7
|
+
"moment": "^2.29.0",
|
|
8
|
+
"@angular/cdk": "^20.2.14"
|
|
8
9
|
},
|
|
9
10
|
"dependencies": {
|
|
10
11
|
"tslib": "^2.3.0"
|
package/src/styles.css
CHANGED