@beterdichtbij/component-library 0.40.0 → 0.40.2

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.
Files changed (14) hide show
  1. package/dist/bd-component-lib.cjs.js +12 -12
  2. package/dist/bd-component-lib.es.js +1029 -1027
  3. package/dist/bd-component-lib.umd.js +7 -7
  4. package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts +18 -29
  5. package/dist/components/molecules/BDChatCloud/BDChatCloud.vue.d.ts +7 -7
  6. package/dist/components/molecules/BDUser/BDUser.vue.d.ts +3 -3
  7. package/dist/interfaces/BDChatCloudProps.d.ts +1 -1
  8. package/dist/interfaces/BDImageProps.d.ts +4 -0
  9. package/dist/interfaces/BDProfileImageProps.d.ts +7 -0
  10. package/dist/interfaces/BDUserProps.d.ts +2 -2
  11. package/dist/scss/_header.scss +4 -2
  12. package/dist/scss/_profile-image.scss +12 -28
  13. package/package.json +1 -1
  14. package/dist/interfaces/BDImage.d.ts +0 -10
package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts CHANGED
@@ -1,9 +1,14 @@
1
1
  import type { PropType as __PropType } from 'vue';
2
2
  declare const _sfc_main: import("vue").DefineComponent<{
3
- showFooter: {
4
- type: __PropType<boolean>;
3
+ src: {
4
+ type: __PropType<string>;
5
+ required: true;
6
+ default: string;
7
+ };
8
+ username: {
9
+ type: __PropType<string | null>;
5
10
  required: true;
6
- default: boolean;
11
+ default: null;
7
12
  };
8
13
  size: {
9
14
  type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes | undefined>;
@@ -11,25 +16,20 @@ declare const _sfc_main: import("vue").DefineComponent<{
11
16
  default: "lg";
12
17
  };
13
18
  linkText: {
14
- type: __PropType<string>;
19
+ type: __PropType<string | null>;
15
20
  required: true;
16
- default: string;
21
+ default: null;
17
22
  };
23
+ }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
18
24
  src: {
19
25
  type: __PropType<string>;
20
26
  required: true;
21
27
  default: string;
22
28
  };
23
- alt: {
24
- type: __PropType<string | undefined>;
25
- required: false;
26
- default: string;
27
- };
28
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
29
- showFooter: {
30
- type: __PropType<boolean>;
29
+ username: {
30
+ type: __PropType<string | null>;
31
31
  required: true;
32
- default: boolean;
32
+ default: null;
33
33
  };
34
34
  size: {
35
35
  type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes | undefined>;
@@ -37,27 +37,16 @@ declare const _sfc_main: import("vue").DefineComponent<{
37
37
  default: "lg";
38
38
  };
39
39
  linkText: {
40
- type: __PropType<string>;
40
+ type: __PropType<string | null>;
41
41
  required: true;
42
- default: string;
43
- };
44
- src: {
45
- type: __PropType<string>;
46
- required: true;
47
- default: string;
48
- };
49
- alt: {
50
- type: __PropType<string | undefined>;
51
- required: false;
52
- default: string;
42
+ default: null;
53
43
  };
54
44
  }>> & {
55
45
  onClick?: ((...args: any[]) => any) | undefined;
56
46
  }, {
57
47
  src: string;
48
+ username: string | null;
58
49
  size: import('../../../types/BootstrapSizes').bootstrapSizes | undefined;
59
- showFooter: boolean;
60
- linkText: string;
61
- alt: string | undefined;
50
+ linkText: string | null;
62
51
  }, {}>;
63
52
  export default _sfc_main;
package/dist/components/molecules/BDChatCloud/BDChatCloud.vue.d.ts CHANGED
@@ -10,10 +10,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
10
10
  required: false;
11
11
  default: undefined;
12
12
  };
13
- AltProfileImage: {
14
- type: __PropType<string>;
13
+ username: {
14
+ type: __PropType<string | null>;
15
15
  required: true;
16
- default: string;
16
+ default: null;
17
17
  };
18
18
  message: {
19
19
  type: __PropType<string>;
@@ -46,10 +46,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
46
46
  required: false;
47
47
  default: undefined;
48
48
  };
49
- AltProfileImage: {
50
- type: __PropType<string>;
49
+ username: {
50
+ type: __PropType<string | null>;
51
51
  required: true;
52
- default: string;
52
+ default: null;
53
53
  };
54
54
  message: {
55
55
  type: __PropType<string>;
@@ -77,7 +77,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
77
77
  }, {
78
78
  headerTitle: string;
79
79
  src: string | undefined;
80
- AltProfileImage: string;
80
+ username: string | null;
81
81
  message: string;
82
82
  isSender: boolean;
83
83
  files: import("../../../types/ApiAttachment").ApiAttachment[] | undefined;
package/dist/components/molecules/BDUser/BDUser.vue.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
6
6
  default: string;
7
7
  };
8
8
  img: {
9
- type: __PropType<import("../../../interfaces/BDImage").ImageProps>;
9
+ type: __PropType<import("../../../interfaces/BDImageProps").BDImageProps>;
10
10
  required: true;
11
11
  default: undefined;
12
12
  };
@@ -27,7 +27,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
27
27
  default: string;
28
28
  };
29
29
  img: {
30
- type: __PropType<import("../../../interfaces/BDImage").ImageProps>;
30
+ type: __PropType<import("../../../interfaces/BDImageProps").BDImageProps>;
31
31
  required: true;
32
32
  default: undefined;
33
33
  };
@@ -43,7 +43,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
43
43
  };
44
44
  }>>, {
45
45
  name: string;
46
- img: import("../../../interfaces/BDImage").ImageProps;
46
+ img: import("../../../interfaces/BDImageProps").BDImageProps;
47
47
  details: string | string[];
48
48
  hideImage: boolean;
49
49
  }, {}>;
package/dist/interfaces/BDChatCloudProps.d.ts CHANGED
@@ -2,7 +2,7 @@ import { ApiAttachment } from '../types/ApiAttachment';
2
2
  export interface BDChatCloudProps {
3
3
  headerTitle: string;
4
4
  src?: string;
5
- AltProfileImage: string;
5
+ username: string | null;
6
6
  message: string;
7
7
  isSender: boolean;
8
8
  files?: ApiAttachment[];
package/dist/interfaces/BDImageProps.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ export interface BDImageProps {
2
+ src: string;
3
+ alt?: string;
4
+ }
package/dist/interfaces/BDProfileImageProps.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import { bootstrapSizes } from '../types/BootstrapSizes';
2
+ export interface BDProfileImageProps {
3
+ src: string;
4
+ username: string | null;
5
+ size?: bootstrapSizes;
6
+ linkText: string | null;
7
+ }
package/dist/interfaces/BDUserProps.d.ts CHANGED
@@ -1,7 +1,7 @@
1
- import { ImageProps } from "./BDImage";
1
+ import { BDImageProps } from "./BDImageProps";
2
2
  export interface BDUserProps {
3
3
  name: string;
4
- img: ImageProps;
4
+ img: BDImageProps;
5
5
  details: string[] | string;
6
6
  hideImage: boolean;
7
7
  }
package/dist/scss/_header.scss CHANGED
@@ -79,8 +79,10 @@
79
79
  }
80
80
 
81
81
  .bd-profile-picture {
82
- width: 40px;
83
- height: 40px;
82
+ .rounded-circle {
83
+ width: 40px;
84
+ height: 40px;
85
+ }
84
86
  }
85
87
 
86
88
  .bd-dropdown.dropdown {
package/dist/scss/_profile-image.scss CHANGED
@@ -6,7 +6,11 @@ $image-sizes:
6
6
 
7
7
 
8
8
  .bd-profile-picture {
9
+ display: flex;
10
+ align-items: center;
11
+ gap: 16px;
9
12
 
13
+ .rounded-circle {
10
14
  @each $variant, $size in $image-sizes {
11
15
  &.#{$variant} {
12
16
  width:$size;
@@ -14,34 +18,14 @@ $image-sizes:
14
18
  }
15
19
  }
16
20
 
17
- overflow:hidden;
21
+ overflow: hidden;
18
22
  position: relative;
19
- background-color:$color-bg;
23
+ background-color: $color-bg;
20
24
 
21
- img{
22
- width:100%;
23
- height:100%;
24
- object-fit:cover;
25
+ img {
26
+ width: 100%;
27
+ height: 100%;
28
+ object-fit: cover;
25
29
  }
26
-
27
- &__footer{
28
- background-color:rgba($color-black, 0.54);
29
- font-size: 12px;
30
- color: $color-white;
31
- text-align: center;
32
- height:27px;
33
- width:100%;
34
- z-index:1;
35
- text-decoration: none;
36
- cursor: pointer;
37
- &:hover{
38
- text-decoration: underline;
39
- color:$color-white;
40
- }
41
-
42
- .sm &, .xs &, .md & {
43
- display: none;
44
- }
45
- }
46
- }
47
-
30
+ }
31
+ }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@beterdichtbij/component-library",
3
3
  "private": false,
4
- "version": "0.40.0",
4
+ "version": "0.40.2",
5
5
  "type": "module",
6
6
  "files": [
7
7
  "dist"
package/dist/interfaces/BDImage.d.ts DELETED
@@ -1,10 +0,0 @@
1
- import { bootstrapSizes } from '../types/BootstrapSizes';
2
- export interface ImageProps {
3
- src: string;
4
- alt?: string;
5
- }
6
- export interface BDProfileImageProps extends ImageProps {
7
- showFooter: boolean;
8
- size?: bootstrapSizes;
9
- linkText: string;
10
- }