@xylabs/react-accordion 3.4.1 → 3.4.2
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/dist/browser/AccordionGroup.d.cts +1 -1
- package/dist/browser/AccordionGroup.d.cts.map +1 -1
- package/dist/browser/AccordionGroup.d.mts +1 -1
- package/dist/browser/AccordionGroup.d.mts.map +1 -1
- package/dist/browser/AccordionGroup.d.ts +1 -1
- package/dist/browser/AccordionGroup.d.ts.map +1 -1
- package/dist/browser/index.cjs +42 -15
- package/dist/browser/index.cjs.map +1 -1
- package/dist/browser/index.d.cts +1 -1
- package/dist/browser/index.d.mts +1 -1
- package/dist/browser/index.d.ts +1 -1
- package/dist/browser/index.mjs +46 -0
- package/dist/browser/index.mjs.map +1 -0
- package/dist/neutral/AccordionGroup.d.cts +1 -1
- package/dist/neutral/AccordionGroup.d.cts.map +1 -1
- package/dist/neutral/AccordionGroup.d.mts +1 -1
- package/dist/neutral/AccordionGroup.d.mts.map +1 -1
- package/dist/neutral/AccordionGroup.d.ts +1 -1
- package/dist/neutral/AccordionGroup.d.ts.map +1 -1
- package/dist/neutral/index.cjs +42 -15
- package/dist/neutral/index.cjs.map +1 -1
- package/dist/neutral/index.d.cts +1 -1
- package/dist/neutral/index.d.mts +1 -1
- package/dist/neutral/index.d.ts +1 -1
- package/dist/neutral/index.mjs +46 -0
- package/dist/neutral/index.mjs.map +1 -0
- package/dist/node/AccordionGroup.d.cts +1 -1
- package/dist/node/AccordionGroup.d.cts.map +1 -1
- package/dist/node/AccordionGroup.d.mts +1 -1
- package/dist/node/AccordionGroup.d.mts.map +1 -1
- package/dist/node/AccordionGroup.d.ts +1 -1
- package/dist/node/AccordionGroup.d.ts.map +1 -1
- package/dist/node/index.cjs +42 -15
- package/dist/node/index.cjs.map +1 -1
- package/dist/node/index.d.cts +1 -1
- package/dist/node/index.d.mts +1 -1
- package/dist/node/index.d.ts +1 -1
- package/dist/node/index.mjs +46 -0
- package/dist/node/index.mjs.map +1 -0
- package/package.json +12 -12
- package/src/AccordionGroup.stories.tsx +3 -3
- package/src/AccordionGroup.tsx +2 -2
- package/src/index.ts +1 -1
- package/dist/browser/index.js +0 -27
- package/dist/browser/index.js.map +0 -1
- package/dist/neutral/index.js +0 -27
- package/dist/neutral/index.js.map +0 -1
- package/dist/node/index.js +0 -27
- package/dist/node/index.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
package/dist/browser/index.cjs
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
6
9
|
var __export = (target, all) => {
|
|
7
10
|
for (var name in all)
|
|
8
11
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
18
|
}
|
|
16
19
|
return to;
|
|
17
20
|
};
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
+
mod
|
|
28
|
+
));
|
|
18
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
30
|
|
|
20
31
|
// src/index.ts
|
|
@@ -29,22 +40,38 @@ module.exports = __toCommonJS(src_exports);
|
|
|
29
40
|
var import_icons_material = require("@mui/icons-material");
|
|
30
41
|
var import_material = require("@mui/material");
|
|
31
42
|
var import_react_button = require("@xylabs/react-button");
|
|
32
|
-
var import_react = require("react");
|
|
33
|
-
var
|
|
34
|
-
var AccordionGroup = ({ defaultExpandedIndex, data }) => {
|
|
43
|
+
var import_react = __toESM(require("react"), 1);
|
|
44
|
+
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
35
45
|
const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
|
|
38
|
-
|
|
46
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data?.map((item, index) => /* @__PURE__ */ import_react.default.createElement(SimpleAccordion, {
|
|
47
|
+
key: index,
|
|
48
|
+
...item,
|
|
49
|
+
expanded: index === expandedIndex,
|
|
50
|
+
onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
|
|
51
|
+
})));
|
|
52
|
+
}, "AccordionGroup");
|
|
53
|
+
var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
39
54
|
const theme = (0, import_material.useTheme)();
|
|
40
55
|
const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
|
|
43
|
-
/* @__PURE__ */ (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
56
|
+
return /* @__PURE__ */ import_react.default.createElement(import_material.Accordion, {
|
|
57
|
+
expanded,
|
|
58
|
+
onChange: /* @__PURE__ */ __name(() => onChange?.(), "onChange")
|
|
59
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_material.AccordionSummary, {
|
|
60
|
+
expandIcon: /* @__PURE__ */ import_react.default.createElement(import_icons_material.ExpandMoreRounded, null),
|
|
61
|
+
"aria-controls": "panel1bh-content",
|
|
62
|
+
id: "panel1bh-header"
|
|
63
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
|
|
64
|
+
variant: "h6",
|
|
65
|
+
textAlign: "left",
|
|
66
|
+
gutterBottom: isMobile ? true : false
|
|
67
|
+
}, name)), /* @__PURE__ */ import_react.default.createElement(import_material.AccordionDetails, null, description && /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
|
|
68
|
+
variant: "body1",
|
|
69
|
+
fontWeight: 400,
|
|
70
|
+
textAlign: "left"
|
|
71
|
+
}, description), children, (href || to) && /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
|
|
72
|
+
href,
|
|
73
|
+
to,
|
|
74
|
+
target: href ?? "_blank"
|
|
75
|
+
}, linkText ?? "Learn More")));
|
|
76
|
+
}, "SimpleAccordion");
|
|
50
77
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts","../../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup.
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup.tsx'\n","import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n// this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;ACAA,4BAAkC;AAClC,sBAAmH;AACnH,0BAAyB;AACzB,mBAA2C;AAyBpC,IAAMA,iBAAgD,wBAAC,EAAEC,sBAAsBC,KAAI,MAAE;AAC1F,QAAM,CAACC,eAAeC,gBAAAA,QAAoBC,uBAASJ,wBAAwB,CAAA;AAE3E,SACE,6BAAAK,QAAA,cAAA,aAAAA,QAAA,UAAA,MACGJ,MAAMK,IAAI,CAACC,MAAMC,UAChB,6BAAAH,QAAA,cAACI,iBAAAA;IAAgBC,KAAKF;IAAQ,GAAGD;IAAMI,UAAUH,UAAUN;IAAeU,UAAU,6BAAMT,iBAAiBK,KAAAA,GAAvB;;AAI5F,GAV6D;AAWtD,IAAMC,kBAAsD,wBAAC,EAAEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MAAE;AACzI,QAAMC,YAAQC,0BAAAA;AACd,QAAMC,eAAWC,+BAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,6BAAAnB,QAAA,cAACoB,2BAAAA;IAAUd;IAAoBC,UAAU,6BAAMA,WAAAA,GAAN;KACvC,6BAAAP,QAAA,cAACqB,kCAAAA;IAAiBC,YAAY,6BAAAtB,QAAA,cAACuB,yCAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,6BAAAzB,QAAA,cAAC0B,4BAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvER,IAAAA,CAAAA,GAGL,6BAAAR,QAAA,cAAC8B,kCAAAA,MACElB,eACC,6BAAAZ,QAAA,cAAC0B,4BAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,WACCF,QAAQD,OACR,6BAAAV,QAAA,cAACgC,8BAAAA;IAASrB;IAAYD;IAAQuB,QAAQtB,QAAQ;KAC3CF,YAAY,YAAA,CAAA,CAAA;AAMzB,GAzBmE;","names":["AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","React","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}
|
package/dist/browser/index.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/browser/index.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
4
|
+
// src/AccordionGroup.tsx
|
|
5
|
+
import { ExpandMoreRounded } from "@mui/icons-material";
|
|
6
|
+
import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|
7
|
+
import { ButtonEx } from "@xylabs/react-button";
|
|
8
|
+
import React, { useState } from "react";
|
|
9
|
+
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
10
|
+
const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
|
|
11
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, data?.map((item, index) => /* @__PURE__ */ React.createElement(SimpleAccordion, {
|
|
12
|
+
key: index,
|
|
13
|
+
...item,
|
|
14
|
+
expanded: index === expandedIndex,
|
|
15
|
+
onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
|
|
16
|
+
})));
|
|
17
|
+
}, "AccordionGroup");
|
|
18
|
+
var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
19
|
+
const theme = useTheme();
|
|
20
|
+
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
|
|
21
|
+
return /* @__PURE__ */ React.createElement(Accordion, {
|
|
22
|
+
expanded,
|
|
23
|
+
onChange: /* @__PURE__ */ __name(() => onChange?.(), "onChange")
|
|
24
|
+
}, /* @__PURE__ */ React.createElement(AccordionSummary, {
|
|
25
|
+
expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreRounded, null),
|
|
26
|
+
"aria-controls": "panel1bh-content",
|
|
27
|
+
id: "panel1bh-header"
|
|
28
|
+
}, /* @__PURE__ */ React.createElement(Typography, {
|
|
29
|
+
variant: "h6",
|
|
30
|
+
textAlign: "left",
|
|
31
|
+
gutterBottom: isMobile ? true : false
|
|
32
|
+
}, name)), /* @__PURE__ */ React.createElement(AccordionDetails, null, description && /* @__PURE__ */ React.createElement(Typography, {
|
|
33
|
+
variant: "body1",
|
|
34
|
+
fontWeight: 400,
|
|
35
|
+
textAlign: "left"
|
|
36
|
+
}, description), children, (href || to) && /* @__PURE__ */ React.createElement(ButtonEx, {
|
|
37
|
+
href,
|
|
38
|
+
to,
|
|
39
|
+
target: href ?? "_blank"
|
|
40
|
+
}, linkText ?? "Learn More")));
|
|
41
|
+
}, "SimpleAccordion");
|
|
42
|
+
export {
|
|
43
|
+
AccordionGroup,
|
|
44
|
+
SimpleAccordion
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n// this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";;;;AAAA,SAASA,yBAAyB;AAClC,SAASC,WAAWC,kBAAkCC,kBAAkBC,YAAYC,eAAeC,gBAAgB;AACnH,SAASC,gBAAgB;AACzB,OAAOC,SAAoBC,gBAAgB;AAyBpC,IAAMC,iBAAgD,wBAAC,EAAEC,sBAAsBC,KAAI,MAAE;AAC1F,QAAM,CAACC,eAAeC,gBAAAA,IAAoBC,SAASJ,wBAAwB,CAAA;AAE3E,SACE,sBAAA,cAAA,MAAA,UAAA,MACGC,MAAMI,IAAI,CAACC,MAAMC,UAChB,sBAAA,cAACC,iBAAAA;IAAgBC,KAAKF;IAAQ,GAAGD;IAAMI,UAAUH,UAAUL;IAAeS,UAAU,6BAAMR,iBAAiBI,KAAAA,GAAvB;;AAI5F,GAV6D;AAWtD,IAAMC,kBAAsD,wBAAC,EAAEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MAAE;AACzI,QAAMC,QAAQC,SAAAA;AACd,QAAMC,WAAWC,cAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,sBAAA,cAACC,WAAAA;IAAUd;IAAoBC,UAAU,6BAAMA,WAAAA,GAAN;KACvC,sBAAA,cAACc,kBAAAA;IAAiBC,YAAY,sBAAA,cAACC,mBAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,sBAAA,cAACC,YAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvER,IAAAA,CAAAA,GAGL,sBAAA,cAACsB,kBAAAA,MACElB,eACC,sBAAA,cAACc,YAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,WACCF,QAAQD,OACR,sBAAA,cAACsB,UAAAA;IAASrB;IAAYD;IAAQuB,QAAQtB,QAAQ;KAC3CF,YAAY,YAAA,CAAA,CAAA;AAMzB,GAzBmE;","names":["ExpandMoreRounded","Accordion","AccordionDetails","AccordionSummary","Typography","useMediaQuery","useTheme","ButtonEx","React","useState","AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
package/dist/neutral/index.cjs
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
6
9
|
var __export = (target, all) => {
|
|
7
10
|
for (var name in all)
|
|
8
11
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
18
|
}
|
|
16
19
|
return to;
|
|
17
20
|
};
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
+
mod
|
|
28
|
+
));
|
|
18
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
30
|
|
|
20
31
|
// src/index.ts
|
|
@@ -29,22 +40,38 @@ module.exports = __toCommonJS(src_exports);
|
|
|
29
40
|
var import_icons_material = require("@mui/icons-material");
|
|
30
41
|
var import_material = require("@mui/material");
|
|
31
42
|
var import_react_button = require("@xylabs/react-button");
|
|
32
|
-
var import_react = require("react");
|
|
33
|
-
var
|
|
34
|
-
var AccordionGroup = ({ defaultExpandedIndex, data }) => {
|
|
43
|
+
var import_react = __toESM(require("react"), 1);
|
|
44
|
+
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
35
45
|
const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
|
|
38
|
-
|
|
46
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data?.map((item, index) => /* @__PURE__ */ import_react.default.createElement(SimpleAccordion, {
|
|
47
|
+
key: index,
|
|
48
|
+
...item,
|
|
49
|
+
expanded: index === expandedIndex,
|
|
50
|
+
onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
|
|
51
|
+
})));
|
|
52
|
+
}, "AccordionGroup");
|
|
53
|
+
var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
39
54
|
const theme = (0, import_material.useTheme)();
|
|
40
55
|
const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
|
|
43
|
-
/* @__PURE__ */ (
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
56
|
+
return /* @__PURE__ */ import_react.default.createElement(import_material.Accordion, {
|
|
57
|
+
expanded,
|
|
58
|
+
onChange: /* @__PURE__ */ __name(() => onChange?.(), "onChange")
|
|
59
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_material.AccordionSummary, {
|
|
60
|
+
expandIcon: /* @__PURE__ */ import_react.default.createElement(import_icons_material.ExpandMoreRounded, null),
|
|
61
|
+
"aria-controls": "panel1bh-content",
|
|
62
|
+
id: "panel1bh-header"
|
|
63
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
|
|
64
|
+
variant: "h6",
|
|
65
|
+
textAlign: "left",
|
|
66
|
+
gutterBottom: isMobile ? true : false
|
|
67
|
+
}, name)), /* @__PURE__ */ import_react.default.createElement(import_material.AccordionDetails, null, description && /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
|
|
68
|
+
variant: "body1",
|
|
69
|
+
fontWeight: 400,
|
|
70
|
+
textAlign: "left"
|
|
71
|
+
}, description), children, (href || to) && /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
|
|
72
|
+
href,
|
|
73
|
+
to,
|
|
74
|
+
target: href ?? "_blank"
|
|
75
|
+
}, linkText ?? "Learn More")));
|
|
76
|
+
}, "SimpleAccordion");
|
|
50
77
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts","../../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup.
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup.tsx'\n","import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n// this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;ACAA,4BAAkC;AAClC,sBAAmH;AACnH,0BAAyB;AACzB,mBAA2C;AAyBpC,IAAMA,iBAAgD,wBAAC,EAAEC,sBAAsBC,KAAI,MAAE;AAC1F,QAAM,CAACC,eAAeC,gBAAAA,QAAoBC,uBAASJ,wBAAwB,CAAA;AAE3E,SACE,6BAAAK,QAAA,cAAA,aAAAA,QAAA,UAAA,MACGJ,MAAMK,IAAI,CAACC,MAAMC,UAChB,6BAAAH,QAAA,cAACI,iBAAAA;IAAgBC,KAAKF;IAAQ,GAAGD;IAAMI,UAAUH,UAAUN;IAAeU,UAAU,6BAAMT,iBAAiBK,KAAAA,GAAvB;;AAI5F,GAV6D;AAWtD,IAAMC,kBAAsD,wBAAC,EAAEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MAAE;AACzI,QAAMC,YAAQC,0BAAAA;AACd,QAAMC,eAAWC,+BAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,6BAAAnB,QAAA,cAACoB,2BAAAA;IAAUd;IAAoBC,UAAU,6BAAMA,WAAAA,GAAN;KACvC,6BAAAP,QAAA,cAACqB,kCAAAA;IAAiBC,YAAY,6BAAAtB,QAAA,cAACuB,yCAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,6BAAAzB,QAAA,cAAC0B,4BAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvER,IAAAA,CAAAA,GAGL,6BAAAR,QAAA,cAAC8B,kCAAAA,MACElB,eACC,6BAAAZ,QAAA,cAAC0B,4BAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,WACCF,QAAQD,OACR,6BAAAV,QAAA,cAACgC,8BAAAA;IAASrB;IAAYD;IAAQuB,QAAQtB,QAAQ;KAC3CF,YAAY,YAAA,CAAA,CAAA;AAMzB,GAzBmE;","names":["AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","React","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}
|
package/dist/neutral/index.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/neutral/index.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/neutral/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
4
|
+
// src/AccordionGroup.tsx
|
|
5
|
+
import { ExpandMoreRounded } from "@mui/icons-material";
|
|
6
|
+
import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|
7
|
+
import { ButtonEx } from "@xylabs/react-button";
|
|
8
|
+
import React, { useState } from "react";
|
|
9
|
+
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
10
|
+
const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
|
|
11
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, data?.map((item, index) => /* @__PURE__ */ React.createElement(SimpleAccordion, {
|
|
12
|
+
key: index,
|
|
13
|
+
...item,
|
|
14
|
+
expanded: index === expandedIndex,
|
|
15
|
+
onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
|
|
16
|
+
})));
|
|
17
|
+
}, "AccordionGroup");
|
|
18
|
+
var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
19
|
+
const theme = useTheme();
|
|
20
|
+
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
|
|
21
|
+
return /* @__PURE__ */ React.createElement(Accordion, {
|
|
22
|
+
expanded,
|
|
23
|
+
onChange: /* @__PURE__ */ __name(() => onChange?.(), "onChange")
|
|
24
|
+
}, /* @__PURE__ */ React.createElement(AccordionSummary, {
|
|
25
|
+
expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreRounded, null),
|
|
26
|
+
"aria-controls": "panel1bh-content",
|
|
27
|
+
id: "panel1bh-header"
|
|
28
|
+
}, /* @__PURE__ */ React.createElement(Typography, {
|
|
29
|
+
variant: "h6",
|
|
30
|
+
textAlign: "left",
|
|
31
|
+
gutterBottom: isMobile ? true : false
|
|
32
|
+
}, name)), /* @__PURE__ */ React.createElement(AccordionDetails, null, description && /* @__PURE__ */ React.createElement(Typography, {
|
|
33
|
+
variant: "body1",
|
|
34
|
+
fontWeight: 400,
|
|
35
|
+
textAlign: "left"
|
|
36
|
+
}, description), children, (href || to) && /* @__PURE__ */ React.createElement(ButtonEx, {
|
|
37
|
+
href,
|
|
38
|
+
to,
|
|
39
|
+
target: href ?? "_blank"
|
|
40
|
+
}, linkText ?? "Learn More")));
|
|
41
|
+
}, "SimpleAccordion");
|
|
42
|
+
export {
|
|
43
|
+
AccordionGroup,
|
|
44
|
+
SimpleAccordion
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n// this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";;;;AAAA,SAASA,yBAAyB;AAClC,SAASC,WAAWC,kBAAkCC,kBAAkBC,YAAYC,eAAeC,gBAAgB;AACnH,SAASC,gBAAgB;AACzB,OAAOC,SAAoBC,gBAAgB;AAyBpC,IAAMC,iBAAgD,wBAAC,EAAEC,sBAAsBC,KAAI,MAAE;AAC1F,QAAM,CAACC,eAAeC,gBAAAA,IAAoBC,SAASJ,wBAAwB,CAAA;AAE3E,SACE,sBAAA,cAAA,MAAA,UAAA,MACGC,MAAMI,IAAI,CAACC,MAAMC,UAChB,sBAAA,cAACC,iBAAAA;IAAgBC,KAAKF;IAAQ,GAAGD;IAAMI,UAAUH,UAAUL;IAAeS,UAAU,6BAAMR,iBAAiBI,KAAAA,GAAvB;;AAI5F,GAV6D;AAWtD,IAAMC,kBAAsD,wBAAC,EAAEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MAAE;AACzI,QAAMC,QAAQC,SAAAA;AACd,QAAMC,WAAWC,cAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,sBAAA,cAACC,WAAAA;IAAUd;IAAoBC,UAAU,6BAAMA,WAAAA,GAAN;KACvC,sBAAA,cAACc,kBAAAA;IAAiBC,YAAY,sBAAA,cAACC,mBAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,sBAAA,cAACC,YAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvER,IAAAA,CAAAA,GAGL,sBAAA,cAACsB,kBAAAA,MACElB,eACC,sBAAA,cAACc,YAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,WACCF,QAAQD,OACR,sBAAA,cAACsB,UAAAA;IAASrB;IAAYD;IAAQuB,QAAQtB,QAAQ;KAC3CF,YAAY,YAAA,CAAA,CAAA;AAMzB,GAzBmE;","names":["ExpandMoreRounded","Accordion","AccordionDetails","AccordionSummary","Typography","useMediaQuery","useTheme","ButtonEx","React","useState","AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import { ReactNode } from 'react';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
3
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
4
|
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
5
|
description?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAA+B,cAAc,EAAyD,MAAM,eAAe,CAAA;AAElI,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAElD,KAAK,QAAQ,CAAC,EAAE,EAAE,EAAE,IAAI,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,CAAA;AAE/C,UAAU,kCAAmC,SAAQ,cAAc;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,UAAU,gBAAgB;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG,QAAQ,CAAC,kCAAkC,EAAE,gBAAgB,CAAC,CAAA;AAErG,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAyB9D,CAAA"}
|
package/dist/node/index.cjs
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
5
7
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
6
9
|
var __export = (target, all) => {
|
|
7
10
|
for (var name in all)
|
|
8
11
|
__defProp(target, name, { get: all[name], enumerable: true });
|
|
@@ -15,6 +18,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
15
18
|
}
|
|
16
19
|
return to;
|
|
17
20
|
};
|
|
21
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
22
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
23
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
24
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
25
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
26
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
27
|
+
mod
|
|
28
|
+
));
|
|
18
29
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
19
30
|
|
|
20
31
|
// src/index.ts
|
|
@@ -29,24 +40,40 @@ module.exports = __toCommonJS(src_exports);
|
|
|
29
40
|
var import_icons_material = require("@mui/icons-material");
|
|
30
41
|
var import_material = require("@mui/material");
|
|
31
42
|
var import_react_button = require("@xylabs/react-button");
|
|
32
|
-
var import_react = require("react");
|
|
33
|
-
var
|
|
34
|
-
var AccordionGroup = ({ defaultExpandedIndex, data }) => {
|
|
43
|
+
var import_react = __toESM(require("react"), 1);
|
|
44
|
+
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
35
45
|
const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
|
|
36
|
-
return /* @__PURE__ */
|
|
37
|
-
|
|
38
|
-
|
|
46
|
+
return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ import_react.default.createElement(SimpleAccordion, {
|
|
47
|
+
key: index,
|
|
48
|
+
...item,
|
|
49
|
+
expanded: index === expandedIndex,
|
|
50
|
+
onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
|
|
51
|
+
})));
|
|
52
|
+
}, "AccordionGroup");
|
|
53
|
+
var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
39
54
|
const theme = (0, import_material.useTheme)();
|
|
40
55
|
const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
|
|
41
|
-
return /* @__PURE__ */
|
|
42
|
-
|
|
43
|
-
/* @__PURE__ */ (0
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
56
|
+
return /* @__PURE__ */ import_react.default.createElement(import_material.Accordion, {
|
|
57
|
+
expanded,
|
|
58
|
+
onChange: /* @__PURE__ */ __name(() => onChange == null ? void 0 : onChange(), "onChange")
|
|
59
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_material.AccordionSummary, {
|
|
60
|
+
expandIcon: /* @__PURE__ */ import_react.default.createElement(import_icons_material.ExpandMoreRounded, null),
|
|
61
|
+
"aria-controls": "panel1bh-content",
|
|
62
|
+
id: "panel1bh-header"
|
|
63
|
+
}, /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
|
|
64
|
+
variant: "h6",
|
|
65
|
+
textAlign: "left",
|
|
66
|
+
gutterBottom: isMobile ? true : false
|
|
67
|
+
}, name)), /* @__PURE__ */ import_react.default.createElement(import_material.AccordionDetails, null, description && /* @__PURE__ */ import_react.default.createElement(import_material.Typography, {
|
|
68
|
+
variant: "body1",
|
|
69
|
+
fontWeight: 400,
|
|
70
|
+
textAlign: "left"
|
|
71
|
+
}, description), children, (href || to) && /* @__PURE__ */ import_react.default.createElement(import_react_button.ButtonEx, {
|
|
72
|
+
href,
|
|
73
|
+
to,
|
|
74
|
+
target: href ?? "_blank"
|
|
75
|
+
}, linkText ?? "Learn More")));
|
|
76
|
+
}, "SimpleAccordion");
|
|
50
77
|
// Annotate the CommonJS export names for ESM import in node:
|
|
51
78
|
0 && (module.exports = {
|
|
52
79
|
AccordionGroup,
|
package/dist/node/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/index.ts","../../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup.
|
|
1
|
+
{"version":3,"sources":["../../src/index.ts","../../src/AccordionGroup.tsx"],"sourcesContent":["export * from './AccordionGroup.tsx'\n","import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n// this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;ACAA,4BAAkC;AAClC,sBAAmH;AACnH,0BAAyB;AACzB,mBAA2C;AAyBpC,IAAMA,iBAAgD,wBAAC,EAAEC,sBAAsBC,KAAI,MAAE;AAC1F,QAAM,CAACC,eAAeC,gBAAAA,QAAoBC,uBAASJ,wBAAwB,CAAA;AAE3E,SACE,6BAAAK,QAAA,cAAA,aAAAA,QAAA,UAAA,MACGJ,6BAAMK,IAAI,CAACC,MAAMC,UAChB,6BAAAH,QAAA,cAACI,iBAAAA;IAAgBC,KAAKF;IAAQ,GAAGD;IAAMI,UAAUH,UAAUN;IAAeU,UAAU,6BAAMT,iBAAiBK,KAAAA,GAAvB;;AAI5F,GAV6D;AAWtD,IAAMC,kBAAsD,wBAAC,EAAEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MAAE;AACzI,QAAMC,YAAQC,0BAAAA;AACd,QAAMC,eAAWC,+BAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,6BAAAnB,QAAA,cAACoB,2BAAAA;IAAUd;IAAoBC,UAAU,6BAAMA,wCAAN;KACvC,6BAAAP,QAAA,cAACqB,kCAAAA;IAAiBC,YAAY,6BAAAtB,QAAA,cAACuB,yCAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,6BAAAzB,QAAA,cAAC0B,4BAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvER,IAAAA,CAAAA,GAGL,6BAAAR,QAAA,cAAC8B,kCAAAA,MACElB,eACC,6BAAAZ,QAAA,cAAC0B,4BAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,WACCF,QAAQD,OACR,6BAAAV,QAAA,cAACgC,8BAAAA;IAASrB;IAAYD;IAAQuB,QAAQtB,QAAQ;KAC3CF,YAAY,YAAA,CAAA,CAAA;AAMzB,GAzBmE;","names":["AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","React","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}
|
package/dist/node/index.d.cts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/node/index.d.mts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/node/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx';
|
|
2
2
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
|
|
4
|
+
// src/AccordionGroup.tsx
|
|
5
|
+
import { ExpandMoreRounded } from "@mui/icons-material";
|
|
6
|
+
import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|
7
|
+
import { ButtonEx } from "@xylabs/react-button";
|
|
8
|
+
import React, { useState } from "react";
|
|
9
|
+
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
10
|
+
const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
|
|
11
|
+
return /* @__PURE__ */ React.createElement(React.Fragment, null, data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ React.createElement(SimpleAccordion, {
|
|
12
|
+
key: index,
|
|
13
|
+
...item,
|
|
14
|
+
expanded: index === expandedIndex,
|
|
15
|
+
onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
|
|
16
|
+
})));
|
|
17
|
+
}, "AccordionGroup");
|
|
18
|
+
var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
19
|
+
const theme = useTheme();
|
|
20
|
+
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
|
|
21
|
+
return /* @__PURE__ */ React.createElement(Accordion, {
|
|
22
|
+
expanded,
|
|
23
|
+
onChange: /* @__PURE__ */ __name(() => onChange == null ? void 0 : onChange(), "onChange")
|
|
24
|
+
}, /* @__PURE__ */ React.createElement(AccordionSummary, {
|
|
25
|
+
expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreRounded, null),
|
|
26
|
+
"aria-controls": "panel1bh-content",
|
|
27
|
+
id: "panel1bh-header"
|
|
28
|
+
}, /* @__PURE__ */ React.createElement(Typography, {
|
|
29
|
+
variant: "h6",
|
|
30
|
+
textAlign: "left",
|
|
31
|
+
gutterBottom: isMobile ? true : false
|
|
32
|
+
}, name)), /* @__PURE__ */ React.createElement(AccordionDetails, null, description && /* @__PURE__ */ React.createElement(Typography, {
|
|
33
|
+
variant: "body1",
|
|
34
|
+
fontWeight: 400,
|
|
35
|
+
textAlign: "left"
|
|
36
|
+
}, description), children, (href || to) && /* @__PURE__ */ React.createElement(ButtonEx, {
|
|
37
|
+
href,
|
|
38
|
+
to,
|
|
39
|
+
target: href ?? "_blank"
|
|
40
|
+
}, linkText ?? "Learn More")));
|
|
41
|
+
}, "SimpleAccordion");
|
|
42
|
+
export {
|
|
43
|
+
AccordionGroup,
|
|
44
|
+
SimpleAccordion
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=index.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport React, { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n// this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";;;;AAAA,SAASA,yBAAyB;AAClC,SAASC,WAAWC,kBAAkCC,kBAAkBC,YAAYC,eAAeC,gBAAgB;AACnH,SAASC,gBAAgB;AACzB,OAAOC,SAAoBC,gBAAgB;AAyBpC,IAAMC,iBAAgD,wBAAC,EAAEC,sBAAsBC,KAAI,MAAE;AAC1F,QAAM,CAACC,eAAeC,gBAAAA,IAAoBC,SAASJ,wBAAwB,CAAA;AAE3E,SACE,sBAAA,cAAA,MAAA,UAAA,MACGC,6BAAMI,IAAI,CAACC,MAAMC,UAChB,sBAAA,cAACC,iBAAAA;IAAgBC,KAAKF;IAAQ,GAAGD;IAAMI,UAAUH,UAAUL;IAAeS,UAAU,6BAAMR,iBAAiBI,KAAAA,GAAvB;;AAI5F,GAV6D;AAWtD,IAAMC,kBAAsD,wBAAC,EAAEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MAAE;AACzI,QAAMC,QAAQC,SAAAA;AACd,QAAMC,WAAWC,cAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,sBAAA,cAACC,WAAAA;IAAUd;IAAoBC,UAAU,6BAAMA,wCAAN;KACvC,sBAAA,cAACc,kBAAAA;IAAiBC,YAAY,sBAAA,cAACC,mBAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,sBAAA,cAACC,YAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvER,IAAAA,CAAAA,GAGL,sBAAA,cAACsB,kBAAAA,MACElB,eACC,sBAAA,cAACc,YAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,WACCF,QAAQD,OACR,sBAAA,cAACsB,UAAAA;IAASrB;IAAYD;IAAQuB,QAAQtB,QAAQ;KAC3CF,YAAY,YAAA,CAAA,CAAA;AAMzB,GAzBmE;","names":["ExpandMoreRounded","Accordion","AccordionDetails","AccordionSummary","Typography","useMediaQuery","useTheme","ButtonEx","React","useState","AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}
|
package/package.json
CHANGED
|
@@ -13,17 +13,17 @@
|
|
|
13
13
|
"packages/*"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xylabs/react-button": "^3.4.
|
|
16
|
+
"@xylabs/react-button": "^3.4.2"
|
|
17
17
|
},
|
|
18
18
|
"description": "Common React library for all XY Labs projects that use React",
|
|
19
19
|
"devDependencies": {
|
|
20
|
-
"@mui/icons-material": "^5.16.
|
|
21
|
-
"@storybook/react": "^8.2.
|
|
20
|
+
"@mui/icons-material": "^5.16.6",
|
|
21
|
+
"@storybook/react": "^8.2.7",
|
|
22
22
|
"@types/react": "^18.3.3",
|
|
23
|
-
"@xylabs/react-flexbox": "^3.4.
|
|
24
|
-
"@xylabs/ts-scripts-yarn3": "^3.
|
|
25
|
-
"@xylabs/tsconfig-react": "^3.
|
|
26
|
-
"typescript": "^5.5.
|
|
23
|
+
"@xylabs/react-flexbox": "^3.4.2",
|
|
24
|
+
"@xylabs/ts-scripts-yarn3": "^3.15.16",
|
|
25
|
+
"@xylabs/tsconfig-react": "^3.15.16",
|
|
26
|
+
"typescript": "^5.5.4"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
29
29
|
"@mui/icons-material": "^5",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"node": {
|
|
38
38
|
"import": {
|
|
39
39
|
"types": "./dist/node/index.d.mts",
|
|
40
|
-
"default": "./dist/node/index.
|
|
40
|
+
"default": "./dist/node/index.mjs"
|
|
41
41
|
},
|
|
42
42
|
"require": {
|
|
43
43
|
"types": "./dist/node/index.d.cts",
|
|
@@ -47,20 +47,20 @@
|
|
|
47
47
|
"browser": {
|
|
48
48
|
"import": {
|
|
49
49
|
"types": "./dist/browser/index.d.mts",
|
|
50
|
-
"default": "./dist/browser/index.
|
|
50
|
+
"default": "./dist/browser/index.mjs"
|
|
51
51
|
},
|
|
52
52
|
"require": {
|
|
53
53
|
"types": "./dist/browser/index.d.cts",
|
|
54
54
|
"default": "./dist/browser/index.cjs"
|
|
55
55
|
}
|
|
56
56
|
},
|
|
57
|
-
"default": "./dist/browser/index.
|
|
57
|
+
"default": "./dist/browser/index.mjs"
|
|
58
58
|
},
|
|
59
59
|
"./package.json": "./package.json"
|
|
60
60
|
},
|
|
61
61
|
"types": "dist/browser/index.d.ts",
|
|
62
62
|
"main": "./dist/browser/index.cjs",
|
|
63
|
-
"module": "./dist/browser/index.
|
|
63
|
+
"module": "./dist/browser/index.mjs",
|
|
64
64
|
"homepage": "https://xylabs.com",
|
|
65
65
|
"keywords": [
|
|
66
66
|
"utility",
|
|
@@ -76,6 +76,6 @@
|
|
|
76
76
|
"url": "https://github.com/xylabs/sdk-react.git"
|
|
77
77
|
},
|
|
78
78
|
"sideEffects": false,
|
|
79
|
-
"version": "3.4.
|
|
79
|
+
"version": "3.4.2",
|
|
80
80
|
"type": "module"
|
|
81
81
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Grid } from '@mui/material'
|
|
2
2
|
import { Meta, StoryFn } from '@storybook/react'
|
|
3
3
|
import { FlexCol } from '@xylabs/react-flexbox'
|
|
4
|
+
import React from 'react'
|
|
4
5
|
|
|
5
|
-
import { AccordionGroup } from './AccordionGroup'
|
|
6
|
+
import { AccordionGroup } from './AccordionGroup.tsx'
|
|
6
7
|
|
|
7
8
|
const StorybookEntry: Meta<typeof AccordionGroup> = {
|
|
8
9
|
argTypes: {},
|
|
@@ -15,7 +16,7 @@ const StorybookEntry: Meta<typeof AccordionGroup> = {
|
|
|
15
16
|
title: 'Components/AccordionGroup',
|
|
16
17
|
} as Meta<typeof AccordionGroup>
|
|
17
18
|
|
|
18
|
-
const Template: StoryFn<typeof AccordionGroup> =
|
|
19
|
+
const Template: StoryFn<typeof AccordionGroup> = args => <AccordionGroup {...args}></AccordionGroup>
|
|
19
20
|
|
|
20
21
|
const Default: StoryFn<typeof AccordionGroup> = Template.bind({})
|
|
21
22
|
Default.args = {
|
|
@@ -43,5 +44,4 @@ Default.args = {
|
|
|
43
44
|
|
|
44
45
|
export { Default }
|
|
45
46
|
|
|
46
|
-
// eslint-disable-next-line import/no-default-export
|
|
47
47
|
export default StorybookEntry
|
package/src/AccordionGroup.tsx
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ExpandMoreRounded } from '@mui/icons-material'
|
|
2
2
|
import { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'
|
|
3
3
|
import { ButtonEx } from '@xylabs/react-button'
|
|
4
|
-
import { ReactNode, useState } from 'react'
|
|
4
|
+
import React, { ReactNode, useState } from 'react'
|
|
5
5
|
|
|
6
6
|
type Override<T1, T2> = Omit<T1, keyof T2> & T2
|
|
7
7
|
|
|
@@ -18,7 +18,7 @@ interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
|
18
18
|
interface OptionalChildren {
|
|
19
19
|
children?: ReactNode
|
|
20
20
|
}
|
|
21
|
-
//this makes the requirement for children from AccordionProps go away
|
|
21
|
+
// this makes the requirement for children from AccordionProps go away
|
|
22
22
|
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>
|
|
23
23
|
|
|
24
24
|
interface AccordionGroupProps {
|
package/src/index.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from './AccordionGroup.
|
|
1
|
+
export * from './AccordionGroup.tsx'
|
package/dist/browser/index.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// src/AccordionGroup.tsx
|
|
2
|
-
import { ExpandMoreRounded } from "@mui/icons-material";
|
|
3
|
-
import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|
4
|
-
import { ButtonEx } from "@xylabs/react-button";
|
|
5
|
-
import { useState } from "react";
|
|
6
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
var AccordionGroup = ({ defaultExpandedIndex, data }) => {
|
|
8
|
-
const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
|
|
9
|
-
return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item, index) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
|
|
10
|
-
};
|
|
11
|
-
var SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
12
|
-
const theme = useTheme();
|
|
13
|
-
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
|
|
14
|
-
return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange?.(), children: [
|
|
15
|
-
/* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
|
|
16
|
-
/* @__PURE__ */ jsxs(AccordionDetails, { children: [
|
|
17
|
-
description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
|
|
18
|
-
children,
|
|
19
|
-
(href || to) && /* @__PURE__ */ jsx(ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
|
|
20
|
-
] })
|
|
21
|
-
] });
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
AccordionGroup,
|
|
25
|
-
SimpleAccordion
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAClC,SAAS,WAAW,kBAAkC,kBAAkB,YAAY,eAAe,gBAAgB;AACnH,SAAS,gBAAgB;AACzB,SAAoB,gBAAgB;AA6BhC,mBAEI,KAeF,YAjBF;AAJG,IAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,wBAAwB,CAAC;AAE5E,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,IAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,qBAAC,aAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,wBAAC,oBAAiB,YAAY,oBAAC,qBAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,8BAAC,cAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,qBAAC,oBACE;AAAA,qBACC,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,oBAAC,YAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
|
package/dist/neutral/index.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// src/AccordionGroup.tsx
|
|
2
|
-
import { ExpandMoreRounded } from "@mui/icons-material";
|
|
3
|
-
import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|
4
|
-
import { ButtonEx } from "@xylabs/react-button";
|
|
5
|
-
import { useState } from "react";
|
|
6
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
var AccordionGroup = ({ defaultExpandedIndex, data }) => {
|
|
8
|
-
const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
|
|
9
|
-
return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item, index) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
|
|
10
|
-
};
|
|
11
|
-
var SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
12
|
-
const theme = useTheme();
|
|
13
|
-
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
|
|
14
|
-
return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange?.(), children: [
|
|
15
|
-
/* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
|
|
16
|
-
/* @__PURE__ */ jsxs(AccordionDetails, { children: [
|
|
17
|
-
description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
|
|
18
|
-
children,
|
|
19
|
-
(href || to) && /* @__PURE__ */ jsx(ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
|
|
20
|
-
] })
|
|
21
|
-
] });
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
AccordionGroup,
|
|
25
|
-
SimpleAccordion
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAClC,SAAS,WAAW,kBAAkC,kBAAkB,YAAY,eAAe,gBAAgB;AACnH,SAAS,gBAAgB;AACzB,SAAoB,gBAAgB;AA6BhC,mBAEI,KAeF,YAjBF;AAJG,IAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,wBAAwB,CAAC;AAE5E,SACE,gCACG,gBAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,CACpH,GACH;AAEJ;AACO,IAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,qBAAC,aAAU,UAAoB,UAAU,MAAM,WAAW,GACxD;AAAA,wBAAC,oBAAiB,YAAY,oBAAC,qBAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,8BAAC,cAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,qBAAC,oBACE;AAAA,qBACC,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,oBAAC,YAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
|
package/dist/node/index.js
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
// src/AccordionGroup.tsx
|
|
2
|
-
import { ExpandMoreRounded } from "@mui/icons-material";
|
|
3
|
-
import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
|
|
4
|
-
import { ButtonEx } from "@xylabs/react-button";
|
|
5
|
-
import { useState } from "react";
|
|
6
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
7
|
-
var AccordionGroup = ({ defaultExpandedIndex, data }) => {
|
|
8
|
-
const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
|
|
9
|
-
return /* @__PURE__ */ jsx(Fragment, { children: data == null ? void 0 : data.map((item, index) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: index === expandedIndex, onChange: () => setExpandedIndex(index) }, index)) });
|
|
10
|
-
};
|
|
11
|
-
var SimpleAccordion = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
|
|
12
|
-
const theme = useTheme();
|
|
13
|
-
const isMobile = useMediaQuery(theme.breakpoints.down("md"));
|
|
14
|
-
return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange == null ? void 0 : onChange(), children: [
|
|
15
|
-
/* @__PURE__ */ jsx(AccordionSummary, { expandIcon: /* @__PURE__ */ jsx(ExpandMoreRounded, {}), "aria-controls": "panel1bh-content", id: "panel1bh-header", children: /* @__PURE__ */ jsx(Typography, { variant: "h6", textAlign: "left", gutterBottom: isMobile ? true : false, children: name }) }),
|
|
16
|
-
/* @__PURE__ */ jsxs(AccordionDetails, { children: [
|
|
17
|
-
description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
|
|
18
|
-
children,
|
|
19
|
-
(href || to) && /* @__PURE__ */ jsx(ButtonEx, { href, to, target: href ?? "_blank", children: linkText ?? "Learn More" })
|
|
20
|
-
] })
|
|
21
|
-
] });
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
AccordionGroup,
|
|
25
|
-
SimpleAccordion
|
|
26
|
-
};
|
|
27
|
-
//# sourceMappingURL=index.js.map
|
package/dist/node/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport { Accordion, AccordionDetails, AccordionProps, AccordionSummary, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport { ReactNode, useState } from 'react'\n\ntype Override<T1, T2> = Omit<T1, keyof T2> & T2\n\ninterface SimpleAccordionCardAdditionalProps extends AccordionProps {\n description?: string\n expanded?: boolean\n href?: string\n linkText?: string\n name: string\n onChange?: () => void\n to?: string\n}\n\ninterface OptionalChildren {\n children?: ReactNode\n}\n//this makes the requirement for children from AccordionProps go away\nexport type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>\n\ninterface AccordionGroupProps {\n data?: SimpleAccordionCardProps[]\n defaultExpandedIndex?: number\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedIndex, data }) => {\n const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0)\n\n return (\n <>\n {data?.map((item, index) => (\n <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\n ))}\n </>\n )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {\n const theme = useTheme()\n const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n return (\n <Accordion expanded={expanded} onChange={() => onChange?.()}>\n <AccordionSummary expandIcon={<ExpandMoreRounded />} aria-controls=\"panel1bh-content\" id=\"panel1bh-header\">\n <Typography variant=\"h6\" textAlign=\"left\" gutterBottom={isMobile ? true : false}>\n {name}\n </Typography>\n </AccordionSummary>\n <AccordionDetails>\n {description && (\n <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n {description}\n </Typography>\n )}\n {children}\n {(href || to) && (\n <ButtonEx href={href} to={to} target={href ?? '_blank'}>\n {linkText ?? 'Learn More'}\n </ButtonEx>\n )}\n </AccordionDetails>\n </Accordion>\n )\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAClC,SAAS,WAAW,kBAAkC,kBAAkB,YAAY,eAAe,gBAAgB;AACnH,SAAS,gBAAgB;AACzB,SAAoB,gBAAgB;AA6BhC,mBAEI,KAeF,YAjBF;AAJG,IAAM,iBAAgD,CAAC,EAAE,sBAAsB,KAAK,MAAM;AAC/F,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,wBAAwB,CAAC;AAE5E,SACE,gCACG,uCAAM,IAAI,CAAC,MAAM,UAChB,oBAAC,mBAA6B,GAAG,MAAM,UAAU,UAAU,eAAe,UAAU,MAAM,iBAAiB,KAAK,KAA1F,KAA6F,IAEvH;AAEJ;AACO,IAAM,kBAAsD,CAAC,EAAE,MAAM,UAAU,IAAI,MAAM,aAAa,UAAU,UAAU,SAAS,MAAM;AAC9I,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,cAAc,MAAM,YAAY,KAAK,IAAI,CAAC;AAC3D,SACE,qBAAC,aAAU,UAAoB,UAAU,MAAM,wCAC7C;AAAA,wBAAC,oBAAiB,YAAY,oBAAC,qBAAkB,GAAI,iBAAc,oBAAmB,IAAG,mBACvF,8BAAC,cAAW,SAAQ,MAAK,WAAU,QAAO,cAAc,WAAW,OAAO,OACvE,gBACH,GACF;AAAA,IACA,qBAAC,oBACE;AAAA,qBACC,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,OACC,QAAQ,OACR,oBAAC,YAAS,MAAY,IAAQ,QAAQ,QAAQ,UAC3C,sBAAY,cACf;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}
|