@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.
- package/CHANGELOG.md +8 -0
- package/dist/cjs/components/Accordion/Accordion.d.ts +2 -0
- package/dist/cjs/components/Accordion/Accordion.js +7 -3
- 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 +16 -0
- package/dist/cjs/components/Accordion/Accordion.test.js.map +1 -1
- package/dist/cjs/components/Slider/Thumb.js +2 -2
- package/dist/cjs/components/Slider/Thumb.js.map +1 -1
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.d.ts +11 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js +21 -0
- package/dist/cjs/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/cjs/components/VisuallyHidden/index.d.ts +1 -1
- package/dist/cjs/components/VisuallyHidden/index.js +15 -5
- package/dist/cjs/components/VisuallyHidden/index.js.map +1 -1
- package/dist/cjs/tsconfig.tsbuildinfo +1 -1
- package/dist/esm/components/Accordion/Accordion.js +7 -3
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/Slider/Thumb.js +1 -1
- package/dist/esm/components/Slider/Thumb.js.map +1 -1
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.js +17 -0
- package/dist/esm/components/VisuallyHidden/VisuallyHidden.js.map +1 -0
- package/dist/esm/components/VisuallyHidden/index.js +1 -2
- package/dist/esm/components/VisuallyHidden/index.js.map +1 -1
- package/dist/esm/tsconfig.esm.tsbuildinfo +1 -1
- package/dist/mobius.d.ts +12 -7
- package/package.json +5 -4
- package/src/components/Accordion/Accordion.stories.tsx +20 -2
- package/src/components/Accordion/Accordion.test.tsx +31 -0
- package/src/components/Accordion/Accordion.tsx +36 -1
- package/src/components/Slider/Thumb.tsx +1 -1
- package/src/components/VisuallyHidden/VisuallyHidden.mdx +1 -2
- package/src/components/VisuallyHidden/VisuallyHidden.tsx +37 -0
- 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
|
|
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;
|
|
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"}
|
|
@@ -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)(
|
|
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,
|
|
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
|
|
1
|
+
export * from "./VisuallyHidden";
|
|
@@ -1,8 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
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
|
-
|
|
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":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/VisuallyHidden/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAiC"}
|