@bookjane2/bookjane-design-library 7.0.1-1.1 → 7.0.1-1.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/lib/components/BKJAvatar/BKJAvatar.d.ts.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.js +3 -3
- package/lib/components/BKJAvatar/BKJAvatar.js.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.styled.d.ts +0 -1
- package/lib/components/BKJAvatar/BKJAvatar.styled.d.ts.map +1 -1
- package/lib/components/BKJAvatar/BKJAvatar.styled.js +7 -13
- package/lib/components/BKJAvatar/BKJAvatar.styled.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"BKJAvatar.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAGrD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAyB/C,CAAC"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from 'react';
|
|
2
|
+
import { Fragment, useCallback } from 'react';
|
|
3
3
|
import { BKJIcon } from '../index.js';
|
|
4
4
|
import { BKJImage } from '../BKJImage/index.js';
|
|
5
|
-
import { PendingSignUpIcon
|
|
5
|
+
import { PendingSignUpIcon } from './BKJAvatar.styled.js';
|
|
6
6
|
export const BKJAvatar = ({ src, fontSize = 24, fallbackAvatarColor, showPendingSignUp = false, ...rest }) => {
|
|
7
7
|
const FallbackLoadingComponent = useCallback(() => _jsx(BKJIcon, Object.assign({ color: fallbackAvatarColor, fontSize: fontSize, iconName: "Avatar" }, rest), void 0), [fallbackAvatarColor, fontSize, rest]);
|
|
8
|
-
return (_jsxs(
|
|
8
|
+
return (_jsxs(Fragment, { children: [_jsx(BKJImage, Object.assign({ alt: "Avatar", src: src || '', LoadingComponent: FallbackLoadingComponent, FallbackComponent: FallbackLoadingComponent, variant: 'Round' }, rest), void 0),
|
|
9
9
|
showPendingSignUp && _jsx(PendingSignUpIcon, Object.assign({ iconName: "PendingSignup" }, rest), void 0)] }, void 0));
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=BKJAvatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"BKJAvatar.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,CAAC,MAAM,SAAS,GAA8B,CAAC,EACnD,GAAG,EACH,QAAQ,GAAG,EAAE,EACb,mBAAmB,EACnB,iBAAiB,GAAG,KAAK,EACzB,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,wBAAwB,GAAG,WAAW,CAC1C,GAAG,EAAE,CAAC,KAAC,OAAO,kBAAC,KAAK,EAAE,mBAAmB,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,QAAQ,IAAK,IAAI,UAAI,EAC7F,CAAC,mBAAmB,EAAE,QAAQ,EAAE,IAAI,CAAC,CACtC,CAAC;IAEF,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,QAAQ,kBACP,GAAG,EAAC,QAAQ,EACZ,GAAG,EAAE,GAAG,IAAI,EAAE,EACd,gBAAgB,EAAE,wBAAwB,EAC1C,iBAAiB,EAAE,wBAAwB,EAC3C,OAAO,EAAE,OAAO,IACZ,IAAI,UACR;YACD,iBAAiB,IAAI,KAAC,iBAAiB,kBAAC,QAAQ,EAAC,eAAe,IAAK,IAAI,UAAI,YACrE,CACZ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -6,5 +6,4 @@ export declare const PendingSignUpIcon: import("styled-components").StyledCompon
|
|
|
6
6
|
width: string;
|
|
7
7
|
height: string;
|
|
8
8
|
}, never>;
|
|
9
|
-
export declare const ImageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
9
|
//# sourceMappingURL=BKJAvatar.styled.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.styled.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,MAAM;cAA0B,MAAM;
|
|
1
|
+
{"version":3,"file":"BKJAvatar.styled.d.ts","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.styled.ts"],"names":[],"mappings":";AAEA,eAAO,MAAM,MAAM;cAA0B,MAAM;SAUlD,CAAC;AAEF,eAAO,MAAM,iBAAiB;WACrB,MAAM;YACL,MAAM;SAgBf,CAAC"}
|
|
@@ -3,6 +3,7 @@ import { BKJIcon } from '../BKJIcon/BKJIcon.js';
|
|
|
3
3
|
export const Avatar = styled.img `
|
|
4
4
|
border: 1px solid ${({ theme }) => theme.colors.Grey3};
|
|
5
5
|
border-radius: 50%;
|
|
6
|
+
|
|
6
7
|
${({ fontSize }) => fontSize &&
|
|
7
8
|
css `
|
|
8
9
|
width: ${fontSize}px;
|
|
@@ -10,24 +11,17 @@ export const Avatar = styled.img `
|
|
|
10
11
|
`}
|
|
11
12
|
`;
|
|
12
13
|
export const PendingSignUpIcon = styled(BKJIcon) `
|
|
13
|
-
position:
|
|
14
|
+
position: relative;
|
|
14
15
|
${({ width }) => width &&
|
|
15
16
|
css `
|
|
16
|
-
bottom: ${Number(width) /
|
|
17
|
-
right: ${Number(width) /
|
|
18
|
-
transform: translate(
|
|
19
|
-
|
|
20
|
-
calc(100% + calc(${width} * 0.1px))
|
|
21
|
-
);
|
|
22
|
-
width: calc(${width} * 0.6px);
|
|
17
|
+
bottom: ${Number(width) / 0.9}px;
|
|
18
|
+
right: ${Number(width) / 7}px;
|
|
19
|
+
transform: translate(calc(100% + calc(${width} * 0.2%)), calc(100% + calc(${width} * 0.2%)));
|
|
20
|
+
width: calc(${width} * 0.05%);
|
|
23
21
|
`};
|
|
24
22
|
${({ height }) => height &&
|
|
25
23
|
css `
|
|
26
|
-
height: calc(${height} * 0.
|
|
24
|
+
height: calc(${height} * 0.05%);
|
|
27
25
|
`};
|
|
28
26
|
`;
|
|
29
|
-
export const ImageContainer = styled.div `
|
|
30
|
-
position: relative;
|
|
31
|
-
display: inline-block;
|
|
32
|
-
`;
|
|
33
27
|
//# sourceMappingURL=BKJAvatar.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BKJAvatar.styled.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAsB;sBAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"BKJAvatar.styled.js","sourceRoot":"","sources":["../../../src/components/BKJAvatar/BKJAvatar.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAsB;sBAChC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;;IAGnD,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,GAAG,CAAA;eACQ,QAAQ;gBACP,QAAQ;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,OAAO,CAAC,CAG9C;;IAEE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK;IACL,GAAG,CAAA;gBACS,MAAM,CAAC,KAAK,CAAC,GAAG,GAAG;eACpB,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;8CACc,KAAK,+BAA+B,KAAK;oBACnE,KAAK;KACpB;IACD,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CACf,MAAM;IACN,GAAG,CAAA;qBACc,MAAM;KACtB;CACJ,CAAC"}
|