@servicetitan/mpa-components 2.1.0 → 2.2.0
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 +16 -0
- package/lib/components/brands/brand-card/actions-button-section.d.ts.map +1 -1
- package/lib/components/brands/brand-card/actions-button-section.js +4 -1
- package/lib/components/brands/brand-card/actions-button-section.js.map +1 -1
- package/lib/components/brands/brand-card/info-section.js +1 -1
- package/lib/components/brands/brand-card/info-section.js.map +1 -1
- package/lib/components/settings/settings-section/index.d.ts +1 -0
- package/lib/components/settings/settings-section/index.d.ts.map +1 -1
- package/lib/components/settings/settings-section/index.js +1 -1
- package/lib/components/settings/settings-section/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/brands/brand-card/actions-button-section.tsx +8 -1
- package/src/components/brands/brand-card/info-section.tsx +1 -1
- package/src/components/settings/settings-section/index.tsx +17 -4
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,22 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [2.2.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@2.1.1...@servicetitan/mpa-components@2.2.0) (2025-05-27)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [2.1.1](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@2.1.0...@servicetitan/mpa-components@2.1.1) (2025-04-18)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
6
22
|
# [2.1.0](https://github.com/servicetitan/marketing/compare/@servicetitan/mpa-components@2.0.0...@servicetitan/mpa-components@2.1.0) (2025-04-17)
|
|
7
23
|
|
|
8
24
|
**Note:** Version bump only for package @servicetitan/mpa-components
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions-button-section.d.ts","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/actions-button-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"actions-button-section.d.ts","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/actions-button-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAOhC,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAExD,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC;IAClC,OAAO,EAAE,WAAW,GAAG,WAAW,EAAE,CAAC;CACxC,CAqCA,CAAC"}
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useHistory } from 'react-router-dom';
|
|
3
3
|
import { Menu } from '@servicetitan/anvil2';
|
|
4
|
+
import ExpandMoreIcon from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
|
|
4
5
|
import { SingleActionButtonSection } from './single-action-button';
|
|
5
6
|
export const ActionsButtonSection = ({ actions }) => {
|
|
6
7
|
const history = useHistory();
|
|
7
8
|
if (!Array.isArray(actions)) {
|
|
8
9
|
return _jsx(SingleActionButtonSection, { action: actions });
|
|
9
10
|
}
|
|
10
|
-
return (_jsx(Menu, { label: "Actions", className: "qa-brand-card-action-menu", size: "small",
|
|
11
|
+
return (_jsx(Menu, { label: "Actions", className: "qa-brand-card-action-menu", size: "small",
|
|
12
|
+
// @ts-expect-error Menu icon API expects a raw component, but we're passing an object with 'after' per design, Anvil has ticket to fix it
|
|
13
|
+
icon: { after: ExpandMoreIcon }, children: actions.map(action => {
|
|
11
14
|
const actionClick = () => {
|
|
12
15
|
if (action.action) {
|
|
13
16
|
action.action();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actions-button-section.js","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/actions-button-section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"actions-button-section.js","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/actions-button-section.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,cAAc,MAAM,kEAAkE,CAAC;AAE9F,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAGnE,MAAM,CAAC,MAAM,oBAAoB,GAE5B,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACjB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAE7B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;QAC1B,OAAO,KAAC,yBAAyB,IAAC,MAAM,EAAE,OAAO,GAAI,CAAC;IAC1D,CAAC;IAED,OAAO,CACH,KAAC,IAAI,IACD,KAAK,EAAC,SAAS,EACf,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,OAAO;QACZ,0IAA0I;QAC1I,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,YAE9B,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YAClB,MAAM,WAAW,GAAG,GAAG,EAAE;gBACrB,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;oBAChB,MAAM,CAAC,MAAM,EAAE,CAAC;gBACpB,CAAC;gBACD,IAAI,MAAM,CAAC,IAAI,EAAE,CAAC;oBACd,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;gBAC9B,CAAC;YACL,CAAC,CAAC;YAEF,OAAO,CACH,KAAC,IAAI,CAAC,IAAI,IACN,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAEzB,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,gCAAgC,EAC1C,KAAK,EAAE,MAAM,CAAC,IAAI,IAHb,MAAM,CAAC,IAAI,CAIlB,CACL,CAAC;QACN,CAAC,CAAC,GACC,CACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Chip, Flex, Text } from '@servicetitan/anvil2';
|
|
3
|
-
export const InfoSection = ({ nameToShow, email, isDefault, isShared }) => (_jsx(Flex, { direction: "column", gap: "4", children: _jsxs(Flex, { direction: "column", gap: "1", children: [_jsxs(Flex, { gap: "2", alignItems: "center", children: [_jsx(Text, { className: "t-truncate-i m-0", title: nameToShow, variant: "headline", el: "h3", children: nameToShow }), _jsxs(Flex, { gap: "1", children: [isDefault && _jsx(Chip, { label: "Default" }), isShared && _jsx(Chip, { color: "#b5deff", label: "Corporate HQ" })] })] }), email && (_jsx(Text, { subdued: true, title: email, className: "t-truncate-i", children: email }))] }) }));
|
|
3
|
+
export const InfoSection = ({ nameToShow, email, isDefault, isShared }) => (_jsx(Flex, { direction: "column", gap: "4", children: _jsxs(Flex, { direction: "column", gap: "1", children: [_jsxs(Flex, { gap: "2", alignItems: "center", children: [_jsx(Text, { className: "t-truncate-i m-0", title: nameToShow, variant: "headline", el: "h3", children: nameToShow }), _jsxs(Flex, { gap: "1", children: [isDefault && _jsx(Chip, { label: "Default" }), isShared && _jsx(Chip, { color: "#b5deff", label: "Corporate HQ" })] })] }), email && (_jsx(Text, { subdued: true, title: email, className: "t-truncate-i", size: "small", children: email }))] }) }));
|
|
4
4
|
//# sourceMappingURL=info-section.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"info-section.js","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/info-section.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAUxD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7F,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC5B,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,IAAI,YAC3E,UAAU,GACR,EACP,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,aACR,SAAS,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,GAAG,EACrC,QAAQ,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,GAAG,IACvD,IACJ,EACN,KAAK,IAAI,CACN,KAAC,IAAI,IAAC,OAAO,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"info-section.js","sourceRoot":"","sources":["../../../../src/components/brands/brand-card/info-section.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAUxD,MAAM,CAAC,MAAM,WAAW,GAAyB,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC7F,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC5B,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAC5B,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,UAAU,EAAC,QAAQ,aAC7B,KAAC,IAAI,IAAC,SAAS,EAAC,kBAAkB,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAC,UAAU,EAAC,EAAE,EAAC,IAAI,YAC3E,UAAU,GACR,EACP,MAAC,IAAI,IAAC,GAAG,EAAC,GAAG,aACR,SAAS,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,GAAG,EACrC,QAAQ,IAAI,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,GAAG,IACvD,IACJ,EACN,KAAK,IAAI,CACN,KAAC,IAAI,IAAC,OAAO,QAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,cAAc,EAAC,IAAI,EAAC,OAAO,YAC5D,KAAK,GACH,CACV,IACE,GACJ,CACV,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAsB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAsB,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,YAAY,CAsC5C,CAAC"}
|
|
@@ -2,5 +2,5 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { observer } from 'mobx-react';
|
|
4
4
|
import { Text, Card, Layout } from '@servicetitan/design-system';
|
|
5
|
-
export const SettingsSection = observer(({ title, text, children, qaPrefix, className = '', layout = 'support' }) => (_jsxs(Layout, { type: layout, direction: "left", className: classNames(qaPrefix, className), children: [_jsxs(Layout.Section, { children: [typeof title === 'string' ? (_jsx(Text, { size: 3, bold: true, className: `${qaPrefix}-title`, children: title })) : (title), typeof text === 'string' ? (_jsx(Text, { size: 2, subdued: true, className: `${qaPrefix}-text`, children: text })) : (text)] }), _jsx(Layout.Section, { children: _jsx(Card, { raised: true, children: _jsx(Card.Section, { className: `${qaPrefix}-content`, children: children }) }) })] })));
|
|
5
|
+
export const SettingsSection = observer(({ title, text, children, qaPrefix, className = '', layout = 'support', withoutBorders, }) => (_jsxs(Layout, { type: layout, direction: "left", className: classNames(qaPrefix, className), children: [_jsxs(Layout.Section, { children: [typeof title === 'string' ? (_jsx(Text, { size: 3, bold: true, className: `${qaPrefix}-title`, children: title })) : (title), typeof text === 'string' ? (_jsx(Text, { size: 2, subdued: true, className: `${qaPrefix}-text`, children: text })) : (text)] }), _jsx(Layout.Section, { children: withoutBorders ? (_jsx("div", { className: `${qaPrefix}-content`, children: children })) : (_jsx(Card, { raised: true, children: _jsx(Card.Section, { className: `${qaPrefix}-content`, children: children }) })) })] })));
|
|
6
6
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAe,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/settings/settings-section/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAe,MAAM,6BAA6B,CAAC;AAY9E,MAAM,CAAC,MAAM,eAAe,GAAqB,QAAQ,CACrD,CAAC,EACG,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,SAAS,EAClB,cAAc,GACH,EAAE,EAAE,CAAC,CAChB,MAAC,MAAM,IAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS,CAAC,aAC7E,MAAC,MAAM,CAAC,OAAO,eACV,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CACzB,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,IAAI,QAAC,SAAS,EAAE,GAAG,QAAQ,QAAQ,YAC7C,KAAK,GACH,CACV,CAAC,CAAC,CAAC,CACA,KAAK,CACR,EACA,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,CACxB,KAAC,IAAI,IAAC,IAAI,EAAE,CAAC,EAAE,OAAO,QAAC,SAAS,EAAE,GAAG,QAAQ,OAAO,YAC/C,IAAI,GACF,CACV,CAAC,CAAC,CAAC,CACA,IAAI,CACP,IACY,EACjB,KAAC,MAAM,CAAC,OAAO,cACV,cAAc,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAE,GAAG,QAAQ,UAAU,YAAG,QAAQ,GAAO,CAC1D,CAAC,CAAC,CAAC,CACA,KAAC,IAAI,IAAC,MAAM,kBACR,KAAC,IAAI,CAAC,OAAO,IAAC,SAAS,EAAE,GAAG,QAAQ,UAAU,YAAG,QAAQ,GAAgB,GACtE,CACV,GACY,IACZ,CACZ,CACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"repository": {
|
|
4
4
|
"url": "https://github.com/servicetitan/marketing"
|
|
5
5
|
},
|
|
6
|
-
"version": "2.
|
|
6
|
+
"version": "2.2.0",
|
|
7
7
|
"description": "",
|
|
8
8
|
"main": "./lib/index.js",
|
|
9
9
|
"typings": "./lib/index.d.ts",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
"cli": {
|
|
35
35
|
"webpack": false
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "85b07514ffda2ade719c453ddf5a33f13ab09926"
|
|
38
38
|
}
|
|
@@ -2,6 +2,7 @@ import type { FC } from 'react';
|
|
|
2
2
|
import { useHistory } from 'react-router-dom';
|
|
3
3
|
|
|
4
4
|
import { Menu } from '@servicetitan/anvil2';
|
|
5
|
+
import ExpandMoreIcon from '@servicetitan/anvil2/assets/icons/material/round/expand_more.svg';
|
|
5
6
|
|
|
6
7
|
import { SingleActionButtonSection } from './single-action-button';
|
|
7
8
|
import { BrandAction } from '../../../utils/interfaces';
|
|
@@ -16,7 +17,13 @@ export const ActionsButtonSection: FC<{
|
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
return (
|
|
19
|
-
<Menu
|
|
20
|
+
<Menu
|
|
21
|
+
label="Actions"
|
|
22
|
+
className="qa-brand-card-action-menu"
|
|
23
|
+
size="small"
|
|
24
|
+
// @ts-expect-error Menu icon API expects a raw component, but we're passing an object with 'after' per design, Anvil has ticket to fix it
|
|
25
|
+
icon={{ after: ExpandMoreIcon }}
|
|
26
|
+
>
|
|
20
27
|
{actions.map(action => {
|
|
21
28
|
const actionClick = () => {
|
|
22
29
|
if (action.action) {
|
|
@@ -23,7 +23,7 @@ export const InfoSection: FC<InfoSectionProps> = ({ nameToShow, email, isDefault
|
|
|
23
23
|
</Flex>
|
|
24
24
|
</Flex>
|
|
25
25
|
{email && (
|
|
26
|
-
<Text subdued title={email} className="t-truncate-i">
|
|
26
|
+
<Text subdued title={email} className="t-truncate-i" size="small">
|
|
27
27
|
{email}
|
|
28
28
|
</Text>
|
|
29
29
|
)}
|
|
@@ -11,10 +11,19 @@ export interface SectionProps {
|
|
|
11
11
|
qaPrefix?: string;
|
|
12
12
|
className?: string;
|
|
13
13
|
layout?: LayoutProps['type'];
|
|
14
|
+
withoutBorders?: boolean;
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
export const SettingsSection: FC<SectionProps> = observer(
|
|
17
|
-
({
|
|
18
|
+
({
|
|
19
|
+
title,
|
|
20
|
+
text,
|
|
21
|
+
children,
|
|
22
|
+
qaPrefix,
|
|
23
|
+
className = '',
|
|
24
|
+
layout = 'support',
|
|
25
|
+
withoutBorders,
|
|
26
|
+
}: SectionProps) => (
|
|
18
27
|
<Layout type={layout} direction="left" className={classNames(qaPrefix, className)}>
|
|
19
28
|
<Layout.Section>
|
|
20
29
|
{typeof title === 'string' ? (
|
|
@@ -33,9 +42,13 @@ export const SettingsSection: FC<SectionProps> = observer(
|
|
|
33
42
|
)}
|
|
34
43
|
</Layout.Section>
|
|
35
44
|
<Layout.Section>
|
|
36
|
-
|
|
37
|
-
<
|
|
38
|
-
|
|
45
|
+
{withoutBorders ? (
|
|
46
|
+
<div className={`${qaPrefix}-content`}>{children}</div>
|
|
47
|
+
) : (
|
|
48
|
+
<Card raised>
|
|
49
|
+
<Card.Section className={`${qaPrefix}-content`}>{children}</Card.Section>
|
|
50
|
+
</Card>
|
|
51
|
+
)}
|
|
39
52
|
</Layout.Section>
|
|
40
53
|
</Layout>
|
|
41
54
|
),
|