cps-ui-kit 17.2.0 → 17.4.0

package/lib/components/cps-autocomplete/cps-autocomplete.component.d.ts

@@ -15,7 +15,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _control;
     private _labelByValue;
     /**
-     * Label of the input element.
+     * Label of the autocomplete component.
      * @group Props
      */
     label: string;
@@ -45,7 +45,7 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
      */
     disabled: boolean;
     /**
-     * Width of the input field, a number denoting pixels or a string.
+     * Width of the autocomplete component, a number denoting pixels or a string.
      * @group Props
      */
     width: number | string;
@@ -199,6 +199,11 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
      * @group Props
      */
     appearance: CpsAutocompleteAppearanceType;
+    /**
+     * Index of empty value in options array. Applicable only if multiple is false.
+     * @group Props
+     */
+    emptyOptionIndex: number;
     /**
      * Value of the autocomplete.
      * @group Props
@@ -261,6 +266,8 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     focusInput(): void;
     focus(): void;
     recalcVirtualListHeight(): void;
+    isEmptyValue(): boolean;
+    private _getEmptyValue;
     private _toggleOptions;
     private _clickOption;
     private _checkErrors;
@@ -274,7 +281,6 @@ export declare class CpsAutocompleteComponent implements ControlValueAccessor, O
     private _navigateOptionsByArrows;
     private _confirmInput;
     private _removeLastValue;
-    isEmptyValue(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsAutocompleteComponent, [{ optional: true; self: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "withOptionsAliases": { "alias": "withOptionsAliases"; "required": false; }; "useOptionsAliasesWhenNoMatch": { "alias": "useOptionsAliasesWhenNoMatch"; "required": false; }; "optionAlias": { "alias": "optionAlias"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "options": { "alias": "options"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "externalError": { "alias": "externalError"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "blurred": "blurred"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsAutocompleteComponent, "cps-autocomplete", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "returnObject": { "alias": "returnObject"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; "selectAll": { "alias": "selectAll"; "required": false; }; "showChevron": { "alias": "showChevron"; "required": false; }; "withOptionsAliases": { "alias": "withOptionsAliases"; "required": false; }; "useOptionsAliasesWhenNoMatch": { "alias": "useOptionsAliasesWhenNoMatch"; "required": false; }; "optionAlias": { "alias": "optionAlias"; "required": false; }; "chips": { "alias": "chips"; "required": false; }; "closableChips": { "alias": "closableChips"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "openOnClear": { "alias": "openOnClear"; "required": false; }; "options": { "alias": "options"; "required": false; }; "keepInitialOrder": { "alias": "keepInitialOrder"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "optionValue": { "alias": "optionValue"; "required": false; }; "optionInfo": { "alias": "optionInfo"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "persistentClear": { "alias": "persistentClear"; "required": false; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; }; "prefixIconSize": { "alias": "prefixIconSize"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "showEmptyMessage": { "alias": "showEmptyMessage"; "required": false; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; }; "numToleratedItems": { "alias": "numToleratedItems"; "required": false; }; "externalError": { "alias": "externalError"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "emptyOptionIndex": { "alias": "emptyOptionIndex"; "required": false; }; "_value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; "blurred": "blurred"; }, never, never, true, never>;
 }

package/lib/components/cps-button/cps-button.component.d.ts

@@ -52,7 +52,7 @@ export declare class CpsButtonComponent implements OnInit {
      */
     height: number | string;
     /**
-     * When present, it specifies that the component should be disabled.
+     * Determines whether the button is disabled.
      * @group Props
      */
     disabled: boolean;

package/lib/components/cps-scheduler/cps-scheduler.component.d.ts

@@ -0,0 +1,146 @@
+import { OnInit, OnChanges, EventEmitter, SimpleChanges, ChangeDetectorRef } from '@angular/core';
+import { UntypedFormBuilder, UntypedFormGroup } from '@angular/forms';
+import { CpsButtonToggleOption } from '../cps-button-toggle/cps-button-toggle.component';
+import { CpsTime } from '../cps-timepicker/cps-timepicker.component';
+import * as i0 from "@angular/core";
+/**
+ * CpsSchedulerComponent is a component designed to facilitate the creation of Amazon EventBridge CRON expressions.
+ * @group Components
+ */
+export declare class CpsSchedulerComponent implements OnInit, OnChanges {
+    private _fb;
+    private _cdr;
+    /**
+     * Label of the component.
+     * @group Props
+     */
+    label: string;
+    /**
+     * Cron expression value.
+     * @group Props
+     */
+    cron: string;
+    /**
+     * Time zone value.
+     * @group Props
+     */
+    timeZone: string;
+    /**
+     * Determines whether to show the 'Not set' tab.
+     * @group Props
+     */
+    showNotSet: boolean;
+    /**
+     * Determines whether to show the 'Advanced' tab.
+     * @group Props
+     */
+    showAdvanced: boolean;
+    /**
+     * Determines whether to show the time zone selector.
+     * @group Props
+     */
+    showTimeZone: boolean;
+    /**
+     * Default time format for the component.
+     * @group Props
+     */
+    defaultTime: string;
+    /**
+     * Determines whether to use 24-hour time format.
+     * @group Props
+     */
+    use24HourTime: boolean;
+    /**
+     * Determines whether the component is disabled.
+     * @group Props
+     */
+    disabled: boolean;
+    /**
+     * Information tooltip for the component.
+     * @group Props
+     */
+    infoTooltip: string;
+    /**
+     * Callback to invoke on cron expression value change.
+     * @param {string} string - cron expression value changed.
+     * @group Emits
+     */
+    cronChange: EventEmitter<string>;
+    /**
+     * Callback to invoke on time zone change.
+     * @param {string} string - time zone changed.
+     * @group Emits
+     */
+    timeZoneChange: EventEmitter<string>;
+    scheduleTypes: CpsButtonToggleOption[];
+    activeScheduleType: string;
+    selectOptions: {
+        monthsNumeric: {
+            label: number;
+            value: number;
+        }[];
+        months: {
+            label: string;
+            value: number;
+        }[];
+        monthWeeks: {
+            label: string;
+            value: string;
+        }[];
+        days: {
+            label: string;
+            value: string;
+        }[];
+        minutes: {
+            label: number;
+            value: number;
+        }[];
+        fullMinutes: {
+            label: string;
+            value: number;
+        }[];
+        hours: {
+            label: number;
+            value: number;
+        }[];
+        monthDays: {
+            label: number;
+            value: number;
+        }[];
+        monthDaysWithLasts: {
+            label: string;
+            value: string;
+        }[];
+    };
+    timeZoneOptions: {
+        label: string;
+        value: string;
+    }[];
+    state: any;
+    form: UntypedFormGroup;
+    private _isDirty;
+    private _minutesDefault;
+    constructor(_fb: UntypedFormBuilder, _cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setActiveScheduleType(value: string): void;
+    regenerateCron(tabChange?: boolean): void;
+    onTimeZoneChanged(value: string): void;
+    onTimeChanged(value: CpsTime, target: any): void;
+    formatTimeValue(value: any): CpsTime;
+    private _updateCron;
+    private _isValidCron;
+    private _validateAdvancedExpr;
+    private _getAmPmHour;
+    private _getHourType;
+    private _hourToCron;
+    private _handleModelChange;
+    private _getDefaultState;
+    private _getRange;
+    private _getSelectOptions;
+    private _getMonthDayLabel;
+    private _numToString;
+    private _stringToNum;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CpsSchedulerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsSchedulerComponent, "cps-scheduler", never, { "label": { "alias": "label"; "required": false; }; "cron": { "alias": "cron"; "required": false; }; "timeZone": { "alias": "timeZone"; "required": false; }; "showNotSet": { "alias": "showNotSet"; "required": false; }; "showAdvanced": { "alias": "showAdvanced"; "required": false; }; "showTimeZone": { "alias": "showTimeZone"; "required": false; }; "defaultTime": { "alias": "defaultTime"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; }, { "cronChange": "cronChange"; "timeZoneChange": "timeZoneChange"; }, never, never, true, never>;
+}

package/lib/components/cps-scheduler/cps-scheduler.utils.d.ts

@@ -0,0 +1 @@
+export declare const timeZones: string[];

package/lib/components/cps-select/cps-select.component.d.ts

@@ -13,7 +13,7 @@ export type CpsSelectAppearanceType = 'outlined' | 'underlined' | 'borderless';
 export declare class CpsSelectComponent implements ControlValueAccessor, OnInit, AfterViewInit, OnDestroy {
     private _control;
     /**
-     * The label of the select component.
+     * Label of the select component.
      * @group Props
      */
     label: string;

package/lib/components/cps-timepicker/cps-timepicker.component.d.ts

@@ -85,6 +85,11 @@ export declare class CpsTimepickerComponent implements OnInit, AfterViewInit, On
      * @group Props
      */
     infoTooltipPosition: CpsTooltipPosition;
+    /**
+     * Determines whether the timepicker input fields can be cleared.
+     * @group Props
+     */
+    mandatoryValue: boolean;
     /**
      * Value of the timepicker.
      * @group Props
@@ -131,5 +136,5 @@ export declare class CpsTimepickerComponent implements OnInit, AfterViewInit, On
     private _tryUpdateValue;
     private _getRange;
     static ɵfac: i0.ɵɵFactoryDeclaration<CpsTimepickerComponent, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTimepickerComponent, "cps-timepicker", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "withSeconds": { "alias": "withSeconds"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CpsTimepickerComponent, "cps-timepicker", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "use24HourTime": { "alias": "use24HourTime"; "required": false; }; "withSeconds": { "alias": "withSeconds"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "hideDetails": { "alias": "hideDetails"; "required": false; }; "infoTooltip": { "alias": "infoTooltip"; "required": false; }; "infoTooltipClass": { "alias": "infoTooltipClass"; "required": false; }; "infoTooltipMaxWidth": { "alias": "infoTooltipMaxWidth"; "required": false; }; "infoTooltipPersistent": { "alias": "infoTooltipPersistent"; "required": false; }; "infoTooltipPosition": { "alias": "infoTooltipPosition"; "required": false; }; "mandatoryValue": { "alias": "mandatoryValue"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChanged": "valueChanged"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cps-ui-kit",
-  "version": "17.2.0",
+  "version": "17.4.0",
   "peerDependencies": {
     "@angular/common": "^17.1.2",
     "@angular/core": "^17.1.2",

package/public-api.d.ts

@@ -38,6 +38,7 @@ export * from './lib/components/cps-tab-group/cps-tab-group.component';
 export * from './lib/components/cps-tab-group/cps-tab/cps-tab.component';
 export * from './lib/components/cps-timepicker/cps-timepicker.component';
 export * from './lib/components/cps-file-upload/cps-file-upload.component';
+export * from './lib/components/cps-scheduler/cps-scheduler.component';
 export * from './lib/directives/cps-tooltip/cps-tooltip.directive';
 export * from './lib/services/cps-dialog/cps-dialog.service';
 export * from './lib/services/cps-dialog/utils/cps-dialog-config';