Merge pull request #787 from dxc-technology/progressbar-types-interface

Added types file to progressbar

Author: Jialecl

projects/dxc-ngx-cdk/src/lib/dxc-progressbar/dxc-progressbar.component.ts

@@ -3,22 +3,7 @@ import { css } from "emotion";
 import { BehaviorSubject } from "rxjs";
 import { CssUtils } from "../utils";
 import { coerceBooleanProperty } from "@angular/cdk/coercion";
-
-type Space =
-  | "xxsmall"
-  | "xsmall"
-  | "small"
-  | "medium"
-  | "large"
-  | "xlarge"
-  | "xxlarge";
-
-type Margin = {
-  top?: Space;
-  bottom?: Space;
-  left?: Space;
-  right?: Space;
-};
+import { ProgressBarProperties, Space, Spacing } from "./dxc-progressbar.types";
 
 @Component({
   selector: "dxc-progressbar",
@@ -69,15 +54,20 @@ export class DxcProgressbarComponent {
    * Size of the margin to be applied to the component ('xxsmall' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge').
    * You can pass an object with 'top', 'bottom', 'left' and 'right' properties in order to specify different margin sizes.
    */
-  @Input() margin: Space | Margin;
+  @Input() margin: Space | Spacing;
 
   @HostBinding("class") className;
   @HostBinding("class.absolute") isAbsolute: boolean = false;
 
   mode: string = "indeterminate";
 
-  defaultInputs = new BehaviorSubject<any>({
+  defaultInputs = new BehaviorSubject<ProgressBarProperties>({
     overlay: false,
+    margin: null,
+    value: null,
+    label: null,
+    helperText: null,
+    showValue: false,
   });
 
   constructor(private utils: CssUtils) {}

projects/dxc-ngx-cdk/src/lib/dxc-progressbar/dxc-progressbar.types.ts

@@ -0,0 +1,24 @@
+export interface ProgressBarProperties {
+  margin?: Space | Spacing;
+  value?: number;
+  label?: string;
+  helperText?: string;
+  showValue?: boolean;
+  overlay?: boolean;
+}
+
+export type Space =
+  | "xxsmall"
+  | "xsmall"
+  | "small"
+  | "medium"
+  | "large"
+  | "xlarge"
+  | "xxlarge";
+
+export type Spacing = {
+  top?: Space;
+  bottom?: Space;
+  left?: Space;
+  right?: Space;
+};