@simplybusiness/mobius 3.11.0 → 3.12.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.
Files changed (36) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/components/Accordion/Accordion.d.ts +2 -0
  3. package/dist/cjs/components/Accordion/Accordion.js +7 -3
  4. package/dist/cjs/components/Accordion/Accordion.js.map +1 -1
  5. package/dist/cjs/components/Accordion/Accordion.stories.d.ts +1 -0
  6. package/dist/cjs/components/Accordion/Accordion.stories.js +12 -2
  7. package/dist/cjs/components/Accordion/Accordion.stories.js.map +1 -1
  8. package/dist/cjs/components/Accordion/Accordion.test.js +16 -0
  9. package/dist/cjs/components/Accordion/Accordion.test.js.map +1 -1
  10. package/dist/cjs/components/Slider/Thumb.js +2 -2
  11. package/dist/cjs/components/Slider/Thumb.js.map +1 -1
  12. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +11 -0
  13. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js +21 -0
  14. package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
  15. package/dist/cjs/components/VisuallyHidden/index.d.ts +1 -1
  16. package/dist/cjs/components/VisuallyHidden/index.js +15 -5
  17. package/dist/cjs/components/VisuallyHidden/index.js.map +1 -1
  18. package/dist/cjs/tsconfig.tsbuildinfo +1 -1
  19. package/dist/esm/components/Accordion/Accordion.js +7 -3
  20. package/dist/esm/components/Accordion/Accordion.js.map +1 -1
  21. package/dist/esm/components/Slider/Thumb.js +1 -1
  22. package/dist/esm/components/Slider/Thumb.js.map +1 -1
  23. package/dist/esm/components/VisuallyHidden/VisuallyHidden.js +17 -0
  24. package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
  25. package/dist/esm/components/VisuallyHidden/index.js +1 -2
  26. package/dist/esm/components/VisuallyHidden/index.js.map +1 -1
  27. package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
  28. package/dist/mobius.d.ts +12 -7
  29. package/package.json +5 -4
  30. package/src/components/Accordion/Accordion.stories.tsx +20 -2
  31. package/src/components/Accordion/Accordion.test.tsx +31 -0
  32. package/src/components/Accordion/Accordion.tsx +36 -1
  33. package/src/components/Slider/Thumb.tsx +1 -1
  34. package/src/components/VisuallyHidden/VisuallyHidden.mdx +1 -2
  35. package/src/components/VisuallyHidden/VisuallyHidden.tsx +37 -0
  36. package/src/components/VisuallyHidden/index.tsx +1 -7
package/CHANGELOG.md CHANGED
@@ -5,6 +5,12 @@ 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.0] - 2023-09-25
9
+
10
+ ### Added
11
+
12
+ - Add `headerChildren` prop to `<Accordion>` in order to enable additional content to be added in the header part of the component.
13
+
8
14
  ## [3.11.0] - 2023-09-14
9
15
 
10
16
  ### Removed
@@ -327,6 +333,8 @@ Additionally, mobius and themes are available on the public NPM registry and can
327
333
 
328
334
  ## Github Links
329
335
 
336
+ [3.12.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.12.0
337
+ [3.11.1]: https://github.com/simplybusiness/mobius/releases/tag/v3.11.1
330
338
  [3.11.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.11.0
331
339
  [3.10.0]: https://github.com/simplybusiness/mobius/releases/tag/v3.10.0
332
340
  [3.9.4]: https://github.com/simplybusiness/mobius/releases/tag/v3.9.4
@@ -7,6 +7,7 @@ export interface AccordionLinkProps extends DOMProps {
7
7
  text?: string;
8
8
  onClick?: (event: React.SyntheticEvent) => void;
9
9
  toggle: () => void;
10
+ headerChildren?: ReactNode;
10
11
  }
11
12
  export type AccordionElementType = HTMLDivElement;
12
13
  export type AccordionRef = Ref<AccordionElementType>;
@@ -23,6 +24,7 @@ export interface AccordionProps extends DOMProps, RefAttributes<AccordionElement
23
24
  startOpen?: boolean;
24
25
  children?: ReactNode;
25
26
  onClick?: (event: React.SyntheticEvent) => void;
27
+ headerChildren?: ReactNode;
26
28
  }
27
29
  declare const Accordion: ForwardedRefComponent<AccordionProps, AccordionElementType>;
28
30
  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 AccordionLink = ({ text, type, toggle, onClick }) => {
25
+ const Flex_1 = require("../Flex");
26
+ const AccordionLink = ({ text, type, toggle, onClick, headerChildren, }) => {
26
27
  const linkClasses = (0, clsx_1.default)("mobius/AccordionLink", type);
27
28
  const handleOnClick = (event) => {
28
29
  if (onClick) {
@@ -30,17 +31,20 @@ const AccordionLink = ({ text, type, toggle, onClick }) => {
30
31
  }
31
32
  toggle();
32
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, 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
+ }
33
37
  return ((0, jsx_runtime_1.jsxs)("div", { className: linkClasses, onClick: handleOnClick, onKeyDown: toggle, role: "button", tabIndex: 0, 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
- 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, "aria-expanded": open })), (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, "aria-expanded": open }))] })));
47
+ 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, "aria-expanded": 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, "aria-expanded": open, headerChildren: headerChildren }))] })));
44
48
  });
45
49
  exports.Accordion = Accordion;
46
50
  Accordion.displayName = "Accordion";
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;AAEb,iCAA4E;AAE5E,gDAAwB;AACxB,gFAAiD;AACjD,iDAAoD;AAEpD,kCAA+B;AAU/B,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAsB,EAAE,EAAE;IAC5E,MAAM,WAAW,GAAG,IAAA,cAAI,EAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,CAAC,KAA2B,EAAE,EAAE;QACpD,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;QACD,MAAM,EAAE,CAAC;IACX,CAAC,CAAC;IACF,OAAO,CACL,iCACE,SAAS,EAAE,WAAW,EACtB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,MAAM,EACjB,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,aAEX,uBAAC,WAAI,IAAC,IAAI,EAAE,mBAAW,GAAI,EAC3B,iCAAM,SAAS,EAAC,0BAA0B,YAAE,IAAI,GAAQ,IACpD,CACP,CAAC;AACJ,CAAC,CAAC;AAsBF,MAAM,SAAS,GACb,IAAA,kBAAU,EAAC,CAAC,KAAqB,EAAE,GAAiB,EAAE,EAAE;IACtD,MAAM,EACJ,QAAQ,GAAG,UAAU,EACrB,QAAQ,GAAG,UAAU,EACrB,cAAc,GAAG,QAAQ,EACzB,SAAS,GAAG,KAAK,EACjB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,KAEhB,KAAK,EADJ,IAAI,UACL,KAAK,EAPH,kEAOL,CAAQ,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAExC,MAAM,OAAO,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,kBAAkB,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACpE,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC;IAExC,MAAM,MAAM,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IAEpC,OAAO,CACL,+CAAK,GAAG,EAAE,GAAG,IAAM,IAAI,IAAE,SAAS,EAAE,OAAO,aACxC,cAAc,KAAK,KAAK,IAAI,CAC3B,uBAAC,aAAa,IACZ,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,mBACD,IAAI,GACnB,CACH,EACD,uBAAC,8BAAa,IAAC,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,YACjD,gCAAK,SAAS,EAAC,yBAAyB,YAAE,KAAK,CAAC,QAAQ,GAAO,GACjD,EACf,cAAc,KAAK,QAAQ,IAAI,CAC9B,uBAAC,aAAa,IACZ,IAAI,EAAE,QAAQ,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,OAAO,mBACD,IAAI,GACnB,CACH,KACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAGI,8BAAS;AADlB,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}
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,0BAAsE;AACtE,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,QAAQ,EAAE,IAAA,iCAAe,EAAC,SAAS,EAAE,WAAW,CAAC;CAClD,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,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"}
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"}
@@ -63,5 +63,21 @@ 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
+ });
66
82
  });
67
83
  //# 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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"}
@@ -8,10 +8,10 @@ exports.SliderThumb = void 0;
8
8
  const jsx_runtime_1 = require("react/jsx-runtime");
9
9
  const react_1 = require("react");
10
10
  const focus_1 = require("@react-aria/focus");
11
- const visually_hidden_1 = require("@react-aria/visually-hidden");
12
11
  const utils_1 = require("@react-aria/utils");
13
12
  const slider_1 = require("@react-aria/slider");
14
13
  const clsx_1 = __importDefault(require("clsx"));
14
+ const VisuallyHidden_1 = require("../VisuallyHidden");
15
15
  function SliderThumb(props) {
16
16
  const { state, trackRef, index, isDisabled } = props;
17
17
  const inputRef = (0, react_1.useRef)(null);
@@ -30,7 +30,7 @@ function SliderThumb(props) {
30
30
  const thumbClasses = (0, clsx_1.default)("mobius", "mobius/SliderThumb", classes);
31
31
  return ((0, jsx_runtime_1.jsx)("div", { style: {
32
32
  left: `${state.getThumbPercent(index) * 100}%`,
33
- }, className: wrapperClasses, children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, thumbProps, { className: thumbClasses, children: (0, jsx_runtime_1.jsx)(visually_hidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: inputRef }, (0, utils_1.mergeProps)(inputProps, focusProps))) }) })) }));
33
+ }, className: wrapperClasses, children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, thumbProps, { className: thumbClasses, children: (0, jsx_runtime_1.jsx)(VisuallyHidden_1.VisuallyHidden, { children: (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: inputRef }, (0, utils_1.mergeProps)(inputProps, focusProps))) }) })) }));
34
34
  }
35
35
  exports.SliderThumb = SliderThumb;
36
36
  //# sourceMappingURL=Thumb.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAA0C;AAC1C,6CAAiD;AACjD,iEAA6D;AAC7D,6CAA+C;AAC/C,+CAAoD;AAGpD,gDAAwB;AAOxB,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAc,EAC/C;QACE,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,EACD,KAAK,CACN,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEtD,MAAM,OAAO,GAAG;QACd,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;QACpC,aAAa,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC;KAC5C,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,2BAA2B,EAAE,OAAO,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,gCACE,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;SAC/C,EACD,SAAS,EAAE,cAAc,YAEzB,gDAAS,UAAU,IAAE,SAAS,EAAE,YAAY,YAC1C,uBAAC,gCAAc,cACb,gDAAO,GAAG,EAAE,QAAQ,IAAM,IAAA,kBAAU,EAAC,UAAU,EAAE,UAAU,CAAC,EAAI,GACjD,IACb,GACF,CACP,CAAC;AACJ,CAAC;AApCD,kCAoCC"}
1
+ {"version":3,"file":"Thumb.js","sourceRoot":"","sources":["../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;AAEb,iCAA0C;AAC1C,6CAAiD;AACjD,6CAA+C;AAC/C,+CAAoD;AAGpD,gDAAwB;AACxB,sDAAmD;AAOnD,SAAgB,WAAW,CAAC,KAAuB;IACjD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrD,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,IAAA,uBAAc,EAC/C;QACE,KAAK;QACL,QAAQ;QACR,QAAQ;KACT,EACD,KAAK,CACN,CAAC;IAEF,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,IAAA,oBAAY,GAAE,CAAC;IAEtD,MAAM,OAAO,GAAG;QACd,eAAe,EAAE,UAAU;QAC3B,oBAAoB,EAAE,cAAc;QACpC,aAAa,EAAE,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC;KAC5C,CAAC;IACF,MAAM,cAAc,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,2BAA2B,EAAE,OAAO,CAAC,CAAC;IAC5E,MAAM,YAAY,GAAG,IAAA,cAAI,EAAC,QAAQ,EAAE,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAEnE,OAAO,CACL,gCACE,KAAK,EAAE;YACL,IAAI,EAAE,GAAG,KAAK,CAAC,eAAe,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG;SAC/C,EACD,SAAS,EAAE,cAAc,YAEzB,gDAAS,UAAU,IAAE,SAAS,EAAE,YAAY,YAC1C,uBAAC,+BAAc,cACb,gDAAO,GAAG,EAAE,QAAQ,IAAM,IAAA,kBAAU,EAAC,UAAU,EAAE,UAAU,CAAC,EAAI,GACjD,IACb,GACF,CACP,CAAC;AACJ,CAAC;AApCD,kCAoCC"}
@@ -0,0 +1,11 @@
1
+ import type { JSXElementConstructor, ReactNode } from "react";
2
+ export interface VisuallyHiddenProps {
3
+ /** The content to visually hide. */
4
+ children?: ReactNode;
5
+ className?: string;
6
+ /**
7
+ * The element type for the container. Defaults to 'div'
8
+ */
9
+ elementType?: string | JSXElementConstructor<any>;
10
+ }
11
+ export declare function VisuallyHidden(props: VisuallyHiddenProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,21 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.VisuallyHidden = void 0;
4
+ const jsx_runtime_1 = require("react/jsx-runtime");
5
+ function VisuallyHidden(props) {
6
+ const { className, children, elementType: Component = "div" } = props;
7
+ return ((0, jsx_runtime_1.jsx)(Component, { className: className, style: {
8
+ border: 0,
9
+ clip: "rect(0 0 0 0)",
10
+ clipPath: "inset(50%)",
11
+ height: "1px",
12
+ margin: "-1px",
13
+ overflow: "hidden",
14
+ padding: 0,
15
+ position: "absolute",
16
+ width: "1px",
17
+ whiteSpace: "nowrap",
18
+ }, children: children }));
19
+ }
20
+ exports.VisuallyHidden = VisuallyHidden;
21
+ //# sourceMappingURL=VisuallyHidden.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"VisuallyHidden.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/VisuallyHidden.tsx"],"names":[],"mappings":";;;;AAcA,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEtE,OAAO,CACL,uBAAC,SAAS,IACR,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,eAAe;YACrB,QAAQ,EAAE,YAAY;YACtB,MAAM,EAAE,KAAK;YACb,MAAM,EAAE,MAAM;YACd,QAAQ,EAAE,QAAQ;YAClB,OAAO,EAAE,CAAC;YACV,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,QAAQ;SACrB,YAEA,QAAQ,GACC,CACb,CAAC;AACJ,CAAC;AAtBD,wCAsBC"}
@@ -1 +1 @@
1
- export { VisuallyHidden, useVisuallyHidden, type VisuallyHiddenProps, } from "@react-aria/visually-hidden";
1
+ export * from "./VisuallyHidden";
@@ -1,8 +1,18 @@
1
1
  "use strict";
2
- "use client";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
3
16
  Object.defineProperty(exports, "__esModule", { value: true });
4
- exports.useVisuallyHidden = exports.VisuallyHidden = void 0;
5
- var visually_hidden_1 = require("@react-aria/visually-hidden");
6
- Object.defineProperty(exports, "VisuallyHidden", { enumerable: true, get: function () { return visually_hidden_1.VisuallyHidden; } });
7
- Object.defineProperty(exports, "useVisuallyHidden", { enumerable: true, get: function () { return visually_hidden_1.useVisuallyHidden; } });
17
+ __exportStar(require("./VisuallyHidden"), exports);
8
18
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;AAEb,+DAIqC;AAHnC,iHAAA,cAAc,OAAA;AACd,oHAAA,iBAAiB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}