@krrli/cm-designsystem 1.34.0 → 1.34.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.
- package/dist/components/avatar/Avatar.d.ts.map +1 -1
- package/dist/components/avatar/Avatar.js +9 -2
- package/dist/compositions/post/Post.d.ts +1 -1
- package/dist/compositions/post/Post.d.ts.map +1 -1
- package/dist/compositions/post-creator/PostCreator.d.ts +1 -1
- package/dist/compositions/post-creator/PostCreator.d.ts.map +1 -1
- package/dist/compositions/profile-banner-info/ProfileBannerInfo.d.ts.map +1 -1
- package/dist/compositions/profile-banner-info/ProfileBannerInfo.js +6 -5
- package/dist/compositions/user-info/UserInfo.d.ts.map +1 -1
- package/dist/compositions/user-info/UserInfo.js +5 -4
- package/dist/compositions/utils/defaults.constants.d.ts +4 -0
- package/dist/compositions/utils/defaults.constants.d.ts.map +1 -0
- package/dist/compositions/utils/defaults.constants.js +8 -0
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwDhB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,UAAU,WAAY,SAAQ,cAAc;IAC1C;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAK1D,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAwDhB,CAAC;AAEH,KAAK,cAAc,GAAG,YAAY,CAAC,OAAO,YAAY,CAAC,CAAC;AACxD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;GAEG;AACH,UAAU,WAAY,SAAQ,cAAc;IAC1C;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IAEjB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgCxC,CAAC"}
|
|
@@ -63,7 +63,7 @@ const avatarStyles = tv({
|
|
|
63
63
|
}
|
|
64
64
|
});
|
|
65
65
|
const Avatar = ({
|
|
66
|
-
src
|
|
66
|
+
src,
|
|
67
67
|
...props
|
|
68
68
|
}) => {
|
|
69
69
|
const { base, avatar, action } = avatarStyles(props);
|
|
@@ -74,7 +74,14 @@ const Avatar = ({
|
|
|
74
74
|
className: base({ isClickable: !!props.onAvatarClick, ...props }),
|
|
75
75
|
"data-testid": "avatar",
|
|
76
76
|
children: [
|
|
77
|
-
/* @__PURE__ */ jsx(
|
|
77
|
+
/* @__PURE__ */ jsx(
|
|
78
|
+
RadixAvatar.Image,
|
|
79
|
+
{
|
|
80
|
+
src: src ?? "",
|
|
81
|
+
alt: props.alt,
|
|
82
|
+
className: avatar(props)
|
|
83
|
+
}
|
|
84
|
+
),
|
|
78
85
|
props.size === "xl" && props.onActionClick && /* @__PURE__ */ jsx("div", { className: action(props), children: /* @__PURE__ */ jsx(
|
|
79
86
|
RoundButton,
|
|
80
87
|
{
|
|
@@ -51,7 +51,7 @@ interface PostProps extends PostVariants {
|
|
|
51
51
|
/** The date and time when the post was created. */
|
|
52
52
|
timestamp?: Date | null;
|
|
53
53
|
/** The main text content of the post. */
|
|
54
|
-
text?: string;
|
|
54
|
+
text?: string | null;
|
|
55
55
|
/** Avatar image URL */
|
|
56
56
|
avatarSrc?: string | null;
|
|
57
57
|
/** Number of likes the post has received. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Post.d.ts","sourceRoot":"","sources":["../../../src/compositions/post/Post.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAc1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5B,UAAU,SAAU,SAAQ,YAAY;IACtC,sDAAsD;IACtD,IAAI,EAAE,QAAQ,CAAC;IAEf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Post.d.ts","sourceRoot":"","sources":["../../../src/compositions/post/Post.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAc1D,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAmBd,CAAC;AAEH,KAAK,YAAY,GAAG,YAAY,CAAC,OAAO,UAAU,CAAC,CAAC;AACpD,KAAK,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5B,UAAU,SAAU,SAAQ,YAAY;IACtC,sDAAsD;IACtD,IAAI,EAAE,QAAQ,CAAC;IAEf,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,mDAAmD;IACnD,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAExB,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAErB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE1B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAE7B,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B,yDAAyD;IACzD,cAAc,EAAE,MAAM,IAAI,CAAC;IAE3B,sDAAsD;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB,uDAAuD;IACvD,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAgEpC,CAAC"}
|
|
@@ -51,7 +51,7 @@ declare const PostCreatorStyles: import('tailwind-variants').TVReturnType<{
|
|
|
51
51
|
type PostCreatorVariants = VariantProps<typeof PostCreatorStyles>;
|
|
52
52
|
interface PostCreatorProps extends PostCreatorVariants {
|
|
53
53
|
/** Avatar image URL */
|
|
54
|
-
src
|
|
54
|
+
src?: string | null;
|
|
55
55
|
/** Triggered when the avatar is clicked. */
|
|
56
56
|
onAvatarClick: () => void;
|
|
57
57
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PostCreator.d.ts","sourceRoot":"","sources":["../../../src/compositions/post-creator/PostCreator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQrB,CAAC;AAEH,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,UAAU,gBAAiB,SAAQ,mBAAmB;IACpD,uBAAuB;IACvB,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"PostCreator.d.ts","sourceRoot":"","sources":["../../../src/compositions/post-creator/PostCreator.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAS1D,QAAA,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQrB,CAAC;AAEH,KAAK,mBAAmB,GAAG,YAAY,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAElE,UAAU,gBAAiB,SAAQ,mBAAmB;IACpD,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,4CAA4C;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAC;IAE1B;;;OAGG;IACH,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACxD;AAED;;;;GAIG;AACH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAuDlD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProfileBannerInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner-info/ProfileBannerInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProfileBannerInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/profile-banner-info/ProfileBannerInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAe1D,QAAA,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAS3B,CAAC;AAEH,KAAK,yBAAyB,GAAG,YAAY,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAE9E,UAAU,sBAAuB,SAAQ,yBAAyB;IAChE,sEAAsE;IACtE,aAAa,EAAE,OAAO,CAAC;IAEvB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAEzB;;;OAGG;IACH,eAAe,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAE9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAE5B,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAwBD;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoD9D,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { tv } from "tailwind-variants";
|
|
4
4
|
import { IconButton } from "../../components/icon-button/IconButton.js";
|
|
5
5
|
import { Label } from "../../components/typography/Label.js";
|
|
6
|
+
import { DEFAULT_DISPLAYNAME, DEFAULT_USERNAME, DEFAULT_LOCATION } from "../utils/defaults.constants.js";
|
|
6
7
|
import { Settings } from "../../components/icons/generated/Settings.js";
|
|
7
8
|
import { Location } from "../../components/icons/generated/Location.js";
|
|
8
9
|
import { Calendar } from "../../components/icons/generated/Calendar.js";
|
|
@@ -36,9 +37,9 @@ function timeSince(timestamp) {
|
|
|
36
37
|
}
|
|
37
38
|
const memberSincePrefix = "Member since ";
|
|
38
39
|
const ProfileBannerInfo = ({
|
|
39
|
-
displayName =
|
|
40
|
-
userName =
|
|
41
|
-
location =
|
|
40
|
+
displayName = DEFAULT_DISPLAYNAME,
|
|
41
|
+
userName = DEFAULT_USERNAME,
|
|
42
|
+
location = DEFAULT_LOCATION,
|
|
42
43
|
joinedTimestamp = /* @__PURE__ */ new Date(),
|
|
43
44
|
...props
|
|
44
45
|
}) => {
|
|
@@ -55,7 +56,7 @@ const ProfileBannerInfo = ({
|
|
|
55
56
|
intent: "secondary",
|
|
56
57
|
icon: Profile,
|
|
57
58
|
onClick: props.onProfileClick,
|
|
58
|
-
children: userName
|
|
59
|
+
children: userName ?? DEFAULT_USERNAME
|
|
59
60
|
}
|
|
60
61
|
),
|
|
61
62
|
/* @__PURE__ */ jsx(
|
|
@@ -65,7 +66,7 @@ const ProfileBannerInfo = ({
|
|
|
65
66
|
icon: Location,
|
|
66
67
|
onClick: props.onProfileClick,
|
|
67
68
|
className: secondaryInfo(),
|
|
68
|
-
children: location
|
|
69
|
+
children: location ?? DEFAULT_LOCATION
|
|
69
70
|
}
|
|
70
71
|
),
|
|
71
72
|
/* @__PURE__ */ jsx(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/user-info/UserInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"UserInfo.d.ts","sourceRoot":"","sources":["../../../src/compositions/user-info/UserInfo.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAM,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAU1D,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2CAQlB,CAAC;AAEH,KAAK,gBAAgB,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,KAAK,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,UAAU,aAAc,SAAQ,gBAAgB;IAC9C,uBAAuB;IACvB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,oCAAoC;IACpC,IAAI,EAAE,YAAY,CAAC;IACnB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,sCAAsC;IACtC,SAAS,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACxB,qDAAqD;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAoCD;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuC5C,CAAC"}
|
|
@@ -4,6 +4,7 @@ import { tv } from "tailwind-variants";
|
|
|
4
4
|
import { Avatar } from "../../components/avatar/Avatar.js";
|
|
5
5
|
import { IconButton } from "../../components/icon-button/IconButton.js";
|
|
6
6
|
import { Label } from "../../components/typography/Label.js";
|
|
7
|
+
import { DEFAULT_DISPLAYNAME, DEFAULT_USERNAME } from "../utils/defaults.constants.js";
|
|
7
8
|
import { Profile } from "../../components/icons/generated/Profile.js";
|
|
8
9
|
import { Time } from "../../components/icons/generated/Time.js";
|
|
9
10
|
const userInfoStyles = tv({
|
|
@@ -46,14 +47,14 @@ function getLabelSize(size) {
|
|
|
46
47
|
}
|
|
47
48
|
}
|
|
48
49
|
const UserInfo = ({
|
|
49
|
-
displayName =
|
|
50
|
-
userName =
|
|
50
|
+
displayName = DEFAULT_DISPLAYNAME,
|
|
51
|
+
userName = DEFAULT_USERNAME,
|
|
51
52
|
timestamp = /* @__PURE__ */ new Date(),
|
|
52
53
|
...props
|
|
53
54
|
}) => {
|
|
54
55
|
const { base, userInfo, name, detailInfo, timeInfo } = userInfoStyles(props);
|
|
55
56
|
return /* @__PURE__ */ jsxs("div", { className: base(), children: [
|
|
56
|
-
/* @__PURE__ */ jsx(
|
|
57
|
+
props.src && /* @__PURE__ */ jsx(
|
|
57
58
|
Avatar,
|
|
58
59
|
{
|
|
59
60
|
alt: "Profile",
|
|
@@ -65,7 +66,7 @@ const UserInfo = ({
|
|
|
65
66
|
/* @__PURE__ */ jsxs("div", { className: userInfo(), children: [
|
|
66
67
|
/* @__PURE__ */ jsx("button", { onClick: props.onClick, className: name(), children: /* @__PURE__ */ jsx(Label, { size: getLabelSize(props.size), children: displayName }) }),
|
|
67
68
|
/* @__PURE__ */ jsxs("div", { className: detailInfo(), children: [
|
|
68
|
-
/* @__PURE__ */ jsx(IconButton, { intent: "secondary", icon: Profile, onClick: props.onClick, children: userName }),
|
|
69
|
+
/* @__PURE__ */ jsx(IconButton, { intent: "secondary", icon: Profile, onClick: props.onClick, children: userName ?? DEFAULT_USERNAME }),
|
|
69
70
|
/* @__PURE__ */ jsx(
|
|
70
71
|
IconButton,
|
|
71
72
|
{
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"defaults.constants.d.ts","sourceRoot":"","sources":["../../../src/compositions/utils/defaults.constants.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,aAAa,CAAC;AAC3C,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAC1C,eAAO,MAAM,mBAAmB,aAAa,CAAC"}
|