@stack-spot/portal-layout 2.5.2 → 2.5.4
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/CHANGELOG.md +14 -0
- package/dist/components/Contact/show-contact-modal.d.ts.map +1 -1
- package/dist/components/Contact/show-contact-modal.js +4 -4
- package/dist/components/Contact/show-contact-modal.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Contact/show-contact-modal.tsx +5 -4
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.5.4](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.5.3...portal-layout@v2.5.4) (2024-08-14)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* Fix typo ([29054cc](https://github.com/stack-spot/portal-commons/commit/29054ccdb3680f18e2c999695ed9f052c9b6f48f))
|
|
9
|
+
|
|
10
|
+
## [2.5.3](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.5.2...portal-layout@v2.5.3) (2024-08-13)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* improve layout ([1a26442](https://github.com/stack-spot/portal-commons/commit/1a264428bf1f683d1e42f76d84ff86fcc0d24dd5))
|
|
16
|
+
|
|
3
17
|
## [2.5.2](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.5.1...portal-layout@v2.5.2) (2024-08-13)
|
|
4
18
|
|
|
5
19
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"show-contact-modal.d.ts","sourceRoot":"","sources":["../../../src/components/Contact/show-contact-modal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"show-contact-modal.d.ts","sourceRoot":"","sources":["../../../src/components/Contact/show-contact-modal.tsx"],"names":[],"mappings":"AAuCA,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,KAAK,GAAG,IAAI,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAC,MAAM,CAAC;CACtB;AAuBD,eAAO,MAAM,kBAAkB,wBAAyB,KAAK,GAAG;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,SAMhF,CAAA"}
|
|
@@ -6,9 +6,9 @@ import { useTranslate } from '@stack-spot/portal-translate';
|
|
|
6
6
|
import { useAnchorTag } from '@stack-spot/portal-components/anchor';
|
|
7
7
|
import { overlay } from '../../LayoutOverlayManager.js';
|
|
8
8
|
import { RateComponent } from '../Rate/index.js';
|
|
9
|
-
const CardItem = ({ title, description, buttonText, url, icon, onClick }) => {
|
|
9
|
+
const CardItem = ({ title, description, hasMargin = false, buttonText, url, icon, onClick }) => {
|
|
10
10
|
const Link = useAnchorTag();
|
|
11
|
-
return _jsx(Card, { sx: { p: '7', bg: 'light.500', w: '100%' }, children: _jsxs(Flex, { flexDirection: "column", children: [_jsx(Text, { appearance: "h5", mb: "3", children: title }), _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", mb: "8", children: description }), _jsx(Box, { children: _jsx(Link, { onClick: onClick, href: url, target: "_blank", children: _jsxs(Button, { size: "md", colorScheme: "inverse", children: [buttonText, _jsx(IconBox, { sx: { ml: 2 }, colorIcon: "inverse.contrastText", children: icon })] }) }) })] }) });
|
|
11
|
+
return _jsx(Card, { sx: { p: '7', bg: 'light.500', w: '100%' }, children: _jsxs(Flex, { flexDirection: "column", children: [_jsx(Text, { appearance: "h5", mb: "3", children: title }), _jsx(Text, { appearance: "microtext1", colorScheme: "light.700", mb: "8", children: description }), _jsx(Box, { mt: hasMargin ? 5 : 0, children: _jsx(Link, { onClick: onClick, href: url, target: "_blank", children: _jsxs(Button, { size: "md", colorScheme: "inverse", children: [buttonText, _jsx(IconBox, { sx: { ml: 2 }, colorIcon: "inverse.contrastText", children: icon })] }) }) })] }) });
|
|
12
12
|
};
|
|
13
13
|
const ContactUsComponent = ({ serviceNowUrl, ...props }) => {
|
|
14
14
|
const t = useTranslate(dictionary);
|
|
@@ -20,7 +20,7 @@ const ContactUsComponent = ({ serviceNowUrl, ...props }) => {
|
|
|
20
20
|
size: 'large',
|
|
21
21
|
});
|
|
22
22
|
};
|
|
23
|
-
return _jsxs(Flex, { sx: { gap: '8px' }, w: 12, mb: 10, flexWrap: "nowrap", children: [_jsx(CardItem, { title: t.rateUs, description: t.rateUsDescription, buttonText: t.rateUsButton, onClick: onClickContactUs, icon: _jsx(ArrowRight, {}) }), _jsx(CardItem, { title: t.support, description: t.supportDescription, buttonText: t.supportButton, url: serviceNowUrl, icon: _jsx(ExternalLink, {}) })] });
|
|
23
|
+
return _jsxs(Flex, { sx: { gap: '8px' }, w: 12, mb: 10, flexWrap: "nowrap", children: [_jsx(CardItem, { title: t.rateUs, description: t.rateUsDescription, buttonText: t.rateUsButton, onClick: onClickContactUs, icon: _jsx(ArrowRight, {}), hasMargin: true }), _jsx(CardItem, { title: t.support, description: t.supportDescription, buttonText: t.supportButton, url: serviceNowUrl, icon: _jsx(ExternalLink, {}) })] });
|
|
24
24
|
};
|
|
25
25
|
export const showContactUsModal = ({ title, ...props }) => {
|
|
26
26
|
overlay.showModal({
|
|
@@ -36,7 +36,7 @@ const dictionary = {
|
|
|
36
36
|
rateUsDescription: 'Share your StackSpot platform evaluation with us',
|
|
37
37
|
rateUsButton: 'Rate us now',
|
|
38
38
|
support: 'Support and feedback',
|
|
39
|
-
supportDescription: '
|
|
39
|
+
supportDescription: 'Need help or have a feedback? Connect with our Support team',
|
|
40
40
|
supportButton: 'Get in touch',
|
|
41
41
|
},
|
|
42
42
|
pt: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"show-contact-modal.js","sourceRoot":"","sources":["../../../src/components/Contact/show-contact-modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAc,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAA;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"show-contact-modal.js","sourceRoot":"","sources":["../../../src/components/Contact/show-contact-modal.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -14,15 +14,16 @@ interface CardItemProps {
|
|
|
14
14
|
onClick?: () => void,
|
|
15
15
|
url?: string,
|
|
16
16
|
icon: ReactElement,
|
|
17
|
+
hasMargin?: boolean,
|
|
17
18
|
}
|
|
18
19
|
|
|
19
|
-
const CardItem = ({ title, description, buttonText, url, icon, onClick }: CardItemProps) => {
|
|
20
|
+
const CardItem = ({ title, description, hasMargin = false, buttonText, url, icon, onClick }: CardItemProps) => {
|
|
20
21
|
const Link = useAnchorTag()
|
|
21
22
|
return <Card sx={{ p: '7', bg: 'light.500', w: '100%' }}>
|
|
22
23
|
<Flex flexDirection="column">
|
|
23
24
|
<Text appearance="h5" mb="3">{title}</Text>
|
|
24
25
|
<Text appearance="microtext1" colorScheme="light.700" mb="8">{description}</Text>
|
|
25
|
-
<Box>
|
|
26
|
+
<Box mt={hasMargin ? 5: 0}>
|
|
26
27
|
<Link onClick={onClick} href={url} target="_blank">
|
|
27
28
|
<Button size="md" colorScheme="inverse">
|
|
28
29
|
{buttonText}
|
|
@@ -58,7 +59,7 @@ const ContactUsComponent = ({ serviceNowUrl, ...props }: Props) => {
|
|
|
58
59
|
|
|
59
60
|
return <Flex sx={{ gap: '8px' }} w={12} mb={10} flexWrap="nowrap">
|
|
60
61
|
<CardItem title={t.rateUs} description={t.rateUsDescription} buttonText={t.rateUsButton} onClick={onClickContactUs}
|
|
61
|
-
icon={<ArrowRight />} />
|
|
62
|
+
icon={<ArrowRight />} hasMargin={true}/>
|
|
62
63
|
<CardItem title={t.support} description={t.supportDescription} buttonText={t.supportButton} url={serviceNowUrl}
|
|
63
64
|
icon={<ExternalLink />} />
|
|
64
65
|
</Flex>
|
|
@@ -80,7 +81,7 @@ const dictionary = {
|
|
|
80
81
|
rateUsDescription: 'Share your StackSpot platform evaluation with us',
|
|
81
82
|
rateUsButton: 'Rate us now',
|
|
82
83
|
support: 'Support and feedback',
|
|
83
|
-
supportDescription: '
|
|
84
|
+
supportDescription: 'Need help or have a feedback? Connect with our Support team',
|
|
84
85
|
supportButton: 'Get in touch',
|
|
85
86
|
},
|
|
86
87
|
pt: {
|