@brickclay-org/ui 0.0.18 → 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/index.d.ts
CHANGED
|
@@ -211,7 +211,7 @@ declare class CustomCalendarComponent implements OnInit, OnDestroy, OnChanges {
|
|
|
211
211
|
onTimeInputFocus(event: any): void;
|
|
212
212
|
formatAllMinuteInputs(): void;
|
|
213
213
|
static ɵfac: i0.ɵɵFactoryDeclaration<CustomCalendarComponent, never>;
|
|
214
|
-
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>;
|
|
215
215
|
}
|
|
216
216
|
|
|
217
217
|
interface TimeConfiguration {
|
|
@@ -287,7 +287,7 @@ declare class ScheduledDatePickerComponent implements OnInit {
|
|
|
287
287
|
clear(): void;
|
|
288
288
|
apply(): void;
|
|
289
289
|
static ɵfac: i0.ɵɵFactoryDeclaration<ScheduledDatePickerComponent, never>;
|
|
290
|
-
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>;
|
|
291
291
|
}
|
|
292
292
|
|
|
293
293
|
declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
|
|
@@ -340,7 +340,7 @@ declare class TimePickerComponent implements OnInit, OnChanges, AfterViewInit {
|
|
|
340
340
|
ngOnChanges(changes: SimpleChanges): void;
|
|
341
341
|
onInputKeydown(event: KeyboardEvent): void;
|
|
342
342
|
static ɵfac: i0.ɵɵFactoryDeclaration<TimePickerComponent, never>;
|
|
343
|
-
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>;
|
|
344
344
|
}
|
|
345
345
|
|
|
346
346
|
/**
|
|
@@ -374,7 +374,7 @@ declare class ToggleComponent implements ControlValueAccessor {
|
|
|
374
374
|
registerOnTouched(fn: any): void;
|
|
375
375
|
setDisabledState(isDisabled: boolean): void;
|
|
376
376
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToggleComponent, never>;
|
|
377
|
-
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>;
|
|
378
378
|
}
|
|
379
379
|
|
|
380
380
|
declare class CheckboxComponent implements ControlValueAccessor {
|
|
@@ -393,7 +393,7 @@ declare class CheckboxComponent implements ControlValueAccessor {
|
|
|
393
393
|
registerOnTouched(fn: any): void;
|
|
394
394
|
setDisabledState(isDisabled: boolean): void;
|
|
395
395
|
static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
|
|
396
|
-
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>;
|
|
397
397
|
}
|
|
398
398
|
|
|
399
399
|
declare class RadioComponent implements ControlValueAccessor {
|
|
@@ -414,7 +414,7 @@ declare class RadioComponent implements ControlValueAccessor {
|
|
|
414
414
|
registerOnTouched(fn: any): void;
|
|
415
415
|
setDisabledState(isDisabled: boolean): void;
|
|
416
416
|
static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
|
|
417
|
-
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>;
|
|
418
418
|
}
|
|
419
419
|
|
|
420
420
|
type PillVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
@@ -432,7 +432,7 @@ declare class PillComponent {
|
|
|
432
432
|
get containerClasses(): string;
|
|
433
433
|
onRemove(e: Event): void;
|
|
434
434
|
static ɵfac: i0.ɵɵFactoryDeclaration<PillComponent, never>;
|
|
435
|
-
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>;
|
|
436
436
|
}
|
|
437
437
|
|
|
438
438
|
type BadgeVariant = 'Light' | 'Solid' | 'Outline' | 'Transparent';
|
|
@@ -450,7 +450,7 @@ declare class BadgeComponent {
|
|
|
450
450
|
get containerClasses(): string;
|
|
451
451
|
onRemove(e: Event): void;
|
|
452
452
|
static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
|
|
453
|
-
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>;
|
|
454
454
|
}
|
|
455
455
|
|
|
456
456
|
type SpinnerSize = 'xsm' | 'sm' | 'md' | 'lg' | 'xl';
|
|
@@ -460,7 +460,7 @@ declare class Spinner {
|
|
|
460
460
|
color: string;
|
|
461
461
|
get classes(): string;
|
|
462
462
|
static ɵfac: i0.ɵɵFactoryDeclaration<Spinner, never>;
|
|
463
|
-
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>;
|
|
464
464
|
}
|
|
465
465
|
|
|
466
466
|
type ButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
@@ -482,7 +482,7 @@ declare class UiButton {
|
|
|
482
482
|
onClick(event: Event): void;
|
|
483
483
|
get buttonClasses(): string;
|
|
484
484
|
static ɵfac: i0.ɵɵFactoryDeclaration<UiButton, never>;
|
|
485
|
-
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>;
|
|
486
486
|
}
|
|
487
487
|
|
|
488
488
|
type IconButtonSize = 'xxsm' | 'xsm' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
|
|
@@ -498,7 +498,7 @@ declare class UiIconButton {
|
|
|
498
498
|
onClick(event: Event): void;
|
|
499
499
|
get buttonClasses(): string;
|
|
500
500
|
static ɵfac: i0.ɵɵFactoryDeclaration<UiIconButton, never>;
|
|
501
|
-
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>;
|
|
502
502
|
}
|
|
503
503
|
|
|
504
504
|
interface GroupItem {
|
|
@@ -516,7 +516,7 @@ declare class ButtonGroup {
|
|
|
516
516
|
isActive(itemValue: any): boolean;
|
|
517
517
|
get containerClass(): string;
|
|
518
518
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroup, never>;
|
|
519
|
-
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>;
|
|
520
520
|
}
|
|
521
521
|
|
|
522
522
|
declare class Textarea implements ControlValueAccessor {
|
|
@@ -550,7 +550,7 @@ declare class Textarea implements ControlValueAccessor {
|
|
|
550
550
|
registerOnTouched(fn: any): void;
|
|
551
551
|
setDisabledState(isDisabled: boolean): void;
|
|
552
552
|
static ɵfac: i0.ɵɵFactoryDeclaration<Textarea, [{ optional: true; self: true; }]>;
|
|
553
|
-
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>;
|
|
554
554
|
}
|
|
555
555
|
|
|
556
556
|
interface TableColumn<T = any> {
|
|
@@ -573,7 +573,7 @@ interface TableAction {
|
|
|
573
573
|
}
|
|
574
574
|
|
|
575
575
|
type SortDirection = 'asc' | 'desc';
|
|
576
|
-
declare class
|
|
576
|
+
declare class BkGrid<T = any> {
|
|
577
577
|
draggable: boolean;
|
|
578
578
|
columns: TableColumn<T>[];
|
|
579
579
|
result: T[];
|
|
@@ -599,9 +599,9 @@ declare class Table<T = any> {
|
|
|
599
599
|
dropList(event: CdkDragDrop<T[]>): void;
|
|
600
600
|
onDragMoved(event: CdkDragMove<any>): void;
|
|
601
601
|
onDragStart(event: CdkDragStart<any>): void;
|
|
602
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<
|
|
603
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<
|
|
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
604
|
}
|
|
605
605
|
|
|
606
|
-
export { BadgeComponent, BrickclayIcons, BrickclayLib, ButtonGroup, CalendarManagerService, CalendarModule, CheckboxComponent, CustomCalendarComponent, PillComponent, RadioComponent, ScheduledDatePickerComponent, Spinner,
|
|
606
|
+
export { BadgeComponent, BkGrid, BrickclayIcons, BrickclayLib, ButtonGroup, CalendarManagerService, CalendarModule, CheckboxComponent, CustomCalendarComponent, PillComponent, RadioComponent, ScheduledDatePickerComponent, Spinner, Textarea, TimePickerComponent, ToggleComponent, UiButton, UiIconButton };
|
|
607
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
package/src/styles.css
CHANGED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
.cdk-drag-preview {
|
|
2
|
-
display: table;
|
|
3
|
-
width: 100%;
|
|
4
|
-
background: #fff;
|
|
5
|
-
box-shadow: 0 5px 5px -3px rgba(0,0,0,.2),
|
|
6
|
-
0 8px 10px 1px rgba(0,0,0,.14),
|
|
7
|
-
0 3px 14px 2px rgba(0,0,0,.12);
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
.cdk-drag-placeholder {
|
|
11
|
-
opacity: 0.4;
|
|
12
|
-
background-color: #f3f4f6;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.cdk-drag-animating,
|
|
16
|
-
.cdk-drop-list-dragging .cdk-drag {
|
|
17
|
-
transition: transform 250ms cubic-bezier(0,0,.2,1);
|
|
18
|
-
}
|