@simplybusiness/mobius 3.11.1 → 3.12.1
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 +15 -0
- package/dist/cjs/components/Accordion/Accordion.d.ts +3 -0
- package/dist/cjs/components/Accordion/Accordion.js +11 -4
- package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
- package/dist/cjs/components/Accordion/Accordion.stories.d.ts +1 -0
- package/dist/cjs/components/Accordion/Accordion.stories.js +12 -2
- package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -1
- package/dist/cjs/components/Accordion/Accordion.test.js +34 -1
- package/dist/cjs/components/Accordion/Accordion.test.js.map +1 -1
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/components/Accordion/Accordion.js +12 -5
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/mobius.d.ts +3 -0
- package/package.json +2 -2
- package/src/components/Accordion/Accordion.stories.tsx +20 -2
- package/src/components/Accordion/Accordion.test.tsx +60 -1
- package/src/components/Accordion/Accordion.tsx +54 -4
package/CHANGELOG.md
CHANGED
|
@@ -5,6 +5,19 @@ All notable changes to this project will be documented in this file, or link in
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [3.12.1] - 2023-09-27
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
|
|
12
|
+
- Fix `startOpen` prop in `<Accordion>`. Changing the prop doesn't update the internal state of the component. For example, if initial state is `true`, which then changes to `false`, the component remains in initial state.
|
|
13
|
+
- Fix `<Accordion>` toggle not rendering `aria-expanded` attribute
|
|
14
|
+
|
|
15
|
+
## [3.12.0] - 2023-09-25
|
|
16
|
+
|
|
17
|
+
### Added
|
|
18
|
+
|
|
19
|
+
- Add `headerChildren` prop to `<Accordion>` in order to enable additional content to be added in the header part of the component.
|
|
20
|
+
|
|
8
21
|
## [3.11.0] - 2023-09-14
|
|
9
22
|
|
|
10
23
|
### Removed
|
|
@@ -327,6 +340,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
|
|
|
327
340
|
|
|
328
341
|
## Github Links
|
|
329
342
|
|
|
343
|
+
[3.12.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.12.1
|
|
344
|
+
[3.12.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.12.0
|
|
330
345
|
[3.11.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.11.1
|
|
331
346
|
[3.11.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.11.0
|
|
332
347
|
[3.10.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.10.0
|
|
@@ -7,6 +7,8 @@ export interface AccordionLinkProps extends DOMProps {
|
|
|
7
7
|
text?: string;
|
|
8
8
|
onClick?: (event: React.SyntheticEvent) => void;
|
|
9
9
|
toggle: () => void;
|
|
10
|
+
headerChildren?: ReactNode;
|
|
11
|
+
ariaExpanded: boolean;
|
|
10
12
|
}
|
|
11
13
|
export type AccordionElementType = HTMLDivElement;
|
|
12
14
|
export type AccordionRef = Ref<AccordionElementType>;
|
|
@@ -23,6 +25,7 @@ export interface AccordionProps extends DOMProps, RefAttributes<AccordionElement
|
|
|
23
25
|
startOpen?: boolean;
|
|
24
26
|
children?: ReactNode;
|
|
25
27
|
onClick?: (event: React.SyntheticEvent) => void;
|
|
28
|
+
headerChildren?: ReactNode;
|
|
26
29
|
}
|
|
27
30
|
declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;
|
|
28
31
|
export { Accordion };
|
|
@@ -22,7 +22,8 @@ const clsx_1 = __importDefault(require("clsx"));
|
|
|
22
22
|
const react_animate_height_1 = __importDefault(require("react-animate-height"));
|
|
23
23
|
const icons_1 = require("@simplybusiness/icons");
|
|
24
24
|
const Icon_1 = require("../Icon");
|
|
25
|
-
const
|
|
25
|
+
const Flex_1 = require("../Flex");
|
|
26
|
+
const AccordionLink = ({ text, type, toggle, onClick, headerChildren, ariaExpanded, }) => {
|
|
26
27
|
const linkClasses = (0, clsx_1.default)("mobius/AccordionLink", type);
|
|
27
28
|
const handleOnClick = (event) => {
|
|
28
29
|
if (onClick) {
|
|
@@ -30,17 +31,23 @@ const AccordionLink = ({ text, type, toggle, onClick }) => {
|
|
|
30
31
|
}
|
|
31
32
|
toggle();
|
|
32
33
|
};
|
|
33
|
-
|
|
34
|
+
if (headerChildren) {
|
|
35
|
+
return ((0, jsx_runtime_1.jsxs)(Flex_1.Flex, { justifyContent: "space-between", alignItems: "center", className: "mobius/AccordionHeader", children: [(0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, "aria-expanded": ariaExpanded, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/AccordionLinkText", children: text })] }), headerChildren] }));
|
|
36
|
+
}
|
|
37
|
+
return ((0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, "aria-expanded": ariaExpanded, children: [(0, jsx_runtime_1.jsx)(Icon_1.Icon, { icon: icons_1.chevronDown }), (0, jsx_runtime_1.jsx)("span", { className: "mobius/AccordionLinkText", children: text })] }));
|
|
34
38
|
};
|
|
35
39
|
const Accordion = (0, react_1.forwardRef)((props, ref) => {
|
|
36
|
-
const { showText = "See more", hideText = "See less", headerPosition = "bottom", startOpen = false, onClick = () => { } } = props, rest = __rest(props, ["showText", "hideText", "headerPosition", "startOpen", "onClick"]);
|
|
40
|
+
const { showText = "See more", hideText = "See less", headerPosition = "bottom", startOpen = false, onClick = () => { }, headerChildren } = props, rest = __rest(props, ["showText", "hideText", "headerPosition", "startOpen", "onClick", "headerChildren"]);
|
|
37
41
|
const [open, setOpen] = (0, react_1.useState)(startOpen);
|
|
38
42
|
const contentHeight = open ? "auto" : 0;
|
|
39
43
|
const classes = (0, clsx_1.default)("mobius", "mobius/Accordion", props.className);
|
|
40
44
|
const linkText = open ? hideText : showText;
|
|
41
45
|
const linkType = open ? "hide" : "show";
|
|
42
46
|
const toggle = () => setOpen(!open);
|
|
43
|
-
|
|
47
|
+
(0, react_1.useEffect)(() => {
|
|
48
|
+
setOpen(startOpen);
|
|
49
|
+
}, [startOpen]);
|
|
50
|
+
return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ ref: ref }, rest, { className: classes, children: [headerPosition === "top" && ((0, jsx_runtime_1.jsx)(AccordionLink, { text: linkText, toggle: toggle, type: linkType, onClick: onClick, ariaExpanded: open, headerChildren: headerChildren })), (0, jsx_runtime_1.jsx)(react_animate_height_1.default, { duration: 500, height: contentHeight, children: (0, jsx_runtime_1.jsx)("div", { className: "mobius/AccordionContent", children: props.children }) }), headerPosition === "bottom" && ((0, jsx_runtime_1.jsx)(AccordionLink, { text: linkText, toggle: toggle, type: linkType, onClick: onClick, ariaExpanded: open, headerChildren: headerChildren }))] })));
|
|
44
51
|
});
|
|
45
52
|
exports.Accordion = Accordion;
|
|
46
53
|
Accordion.displayName = "Accordion";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,4 +9,5 @@ export default _default;
|
|
|
9
9
|
export declare const Normal: Meta<typeof Accordion>;
|
|
10
10
|
export declare const StartExpanded: Meta<typeof Accordion>;
|
|
11
11
|
export declare const TopHeader: Meta<typeof Accordion>;
|
|
12
|
+
export declare const TopHeaderWithChildren: Meta<typeof Accordion>;
|
|
12
13
|
export declare const ComplexContent: Meta<typeof Accordion>;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ComplexContent = exports.TopHeader = exports.StartExpanded = exports.Normal = void 0;
|
|
3
|
+
exports.ComplexContent = exports.TopHeaderWithChildren = exports.TopHeader = exports.StartExpanded = exports.Normal = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const __1 = require("..");
|
|
6
6
|
const excludeControls_1 = require("../../utils/excludeControls");
|
|
7
7
|
exports.default = {
|
|
8
8
|
title: "Components/Accordion",
|
|
9
9
|
component: __1.Accordion,
|
|
10
|
-
argTypes: (0, excludeControls_1.excludeControls)("onClick", "className"),
|
|
10
|
+
argTypes: (0, excludeControls_1.excludeControls)("onClick", "className", "headerChildren"),
|
|
11
11
|
};
|
|
12
12
|
exports.Normal = {
|
|
13
13
|
render: (args) => ((0, jsx_runtime_1.jsxs)(__1.Accordion, Object.assign({}, args, { children: [(0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }))),
|
|
@@ -36,6 +36,16 @@ exports.TopHeader = {
|
|
|
36
36
|
startOpen: false,
|
|
37
37
|
},
|
|
38
38
|
};
|
|
39
|
+
exports.TopHeaderWithChildren = {
|
|
40
|
+
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsx)("p", { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }) }))),
|
|
41
|
+
args: {
|
|
42
|
+
showText: "See more",
|
|
43
|
+
hideText: "See less",
|
|
44
|
+
headerPosition: "top",
|
|
45
|
+
headerChildren: (0, jsx_runtime_1.jsx)(__1.Button, { children: "Go" }),
|
|
46
|
+
startOpen: false,
|
|
47
|
+
},
|
|
48
|
+
};
|
|
39
49
|
exports.ComplexContent = {
|
|
40
50
|
render: (args) => ((0, jsx_runtime_1.jsx)(__1.Accordion, Object.assign({}, args, { children: (0, jsx_runtime_1.jsxs)(__1.SegmentGroup, { children: [(0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" }), (0, jsx_runtime_1.jsx)(__1.Segment, { children: "Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sequi repellendus deleniti architecto" })] }) }))),
|
|
41
51
|
args: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,
|
|
1
|
+
{"version":3,"file":"Accordion.stories.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.stories.tsx"],"names":[],"mappings":";;;;AACA,0BAA8E;AAC9E,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,iCAAe,EAAC,SAAS,EAAE,WAAW,EAAE,gBAAgB,CAAC;CACpE,CAAC;AAEW,QAAA,MAAM,GAA2B;IAC5C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,wBAAC,aAAS,oBAAK,IAAI,eACjB,4IAGI,EACJ,4IAGI,KACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,aAAa,GAA2B;IACnD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,IAAI;KAChB;CACF,CAAC;AAEW,QAAA,SAAS,GAA2B;IAC/C,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,qBAAqB,GAA2B;IAC3D,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,4IAGI,IACM,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,KAAK;QACrB,cAAc,EAAE,uBAAC,UAAM,qBAAY;QACnC,SAAS,EAAE,KAAK;KACjB;CACF,CAAC;AAEW,QAAA,cAAc,GAA2B;IACpD,MAAM,EAAE,CAAC,IAAoB,EAAE,EAAE,CAAC,CAChC,uBAAC,aAAS,oBAAK,IAAI,cACjB,wBAAC,gBAAY,eACX,uBAAC,WAAO,kHAGE,EACV,uBAAC,WAAO,kHAGE,IACG,IACL,CACb;IACD,IAAI,EAAE;QACJ,QAAQ,EAAE,UAAU;QACpB,QAAQ,EAAE,UAAU;QACpB,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,KAAK;KACjB;CACF,CAAC"}
|
|
@@ -52,7 +52,7 @@ describe("Accordion", () => {
|
|
|
52
52
|
expect(react_1.screen.getByTestId("test")).toHaveClass(CLASS_NAME);
|
|
53
53
|
});
|
|
54
54
|
});
|
|
55
|
-
|
|
55
|
+
it("respects onClick prop", () => {
|
|
56
56
|
var _a, _b;
|
|
57
57
|
const handleOnClick = jest.fn();
|
|
58
58
|
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { onClick: handleOnClick, children: "Sample Text" }));
|
|
@@ -63,5 +63,38 @@ describe("Accordion", () => {
|
|
|
63
63
|
expect((_b = content.parentElement) === null || _b === void 0 ? void 0 : _b.parentElement).toHaveClass(`rah-animating--to-height-auto`);
|
|
64
64
|
expect(handleOnClick).toHaveBeenCalled();
|
|
65
65
|
});
|
|
66
|
+
describe("given headerChildren prop has content", () => {
|
|
67
|
+
it("renders the content", () => {
|
|
68
|
+
const buttonText = "Go";
|
|
69
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { headerChildren: (0, jsx_runtime_1.jsx)("button", { type: "button", children: buttonText }), children: "Sample Text" }));
|
|
70
|
+
const headerContainer = container.getElementsByClassName("mobius/AccordionHeader");
|
|
71
|
+
expect(react_1.screen.getByText(buttonText)).toBeInTheDocument();
|
|
72
|
+
expect(headerContainer).toHaveLength(1);
|
|
73
|
+
});
|
|
74
|
+
});
|
|
75
|
+
describe("given headerChildren is not defined", () => {
|
|
76
|
+
it("it does not render the header component", () => {
|
|
77
|
+
const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
|
|
78
|
+
const headerContainer = container.getElementsByClassName("mobius/AccordionHeader");
|
|
79
|
+
expect(headerContainer).toHaveLength(0);
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
it("renders with aria-expanded attribute", () => {
|
|
83
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { children: "Sample Text" }));
|
|
84
|
+
const button = react_1.screen.getByRole("button");
|
|
85
|
+
expect(button).toHaveAttribute("aria-expanded", "false");
|
|
86
|
+
react_1.fireEvent.click(button);
|
|
87
|
+
expect(button).toHaveAttribute("aria-expanded", "true");
|
|
88
|
+
});
|
|
89
|
+
describe("providing that startOpen prop changes over time", () => {
|
|
90
|
+
it("renders the correct state", () => {
|
|
91
|
+
const { rerender } = (0, react_1.render)((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: true, children: "Sample Text" }));
|
|
92
|
+
const seeLess = react_1.screen.getByText("See less");
|
|
93
|
+
expect(seeLess).toBeInTheDocument();
|
|
94
|
+
rerender((0, jsx_runtime_1.jsx)(_1.Accordion, { startOpen: false, children: "Sample Text" }));
|
|
95
|
+
const seeMore = react_1.screen.getByText("See more");
|
|
96
|
+
expect(seeMore).toBeInTheDocument();
|
|
97
|
+
});
|
|
98
|
+
});
|
|
66
99
|
});
|
|
67
100
|
//# sourceMappingURL=Accordion.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.test.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.test.tsx"],"names":[],"mappings":"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"}
|