@xylabs/react-accordion 3.4.2 → 4.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/browser/index.d.ts +25 -2
- package/package.json +8 -28
- package/xy.config.ts +12 -0
- package/dist/browser/AccordionGroup.d.cts +0 -24
- package/dist/browser/AccordionGroup.d.cts.map +0 -1
- package/dist/browser/AccordionGroup.d.mts +0 -24
- package/dist/browser/AccordionGroup.d.mts.map +0 -1
- package/dist/browser/AccordionGroup.d.ts +0 -24
- package/dist/browser/AccordionGroup.d.ts.map +0 -1
- package/dist/browser/index.cjs +0 -77
- package/dist/browser/index.cjs.map +0 -1
- package/dist/browser/index.d.cts +0 -2
- package/dist/browser/index.d.cts.map +0 -1
- package/dist/browser/index.d.mts +0 -2
- package/dist/browser/index.d.mts.map +0 -1
- package/dist/browser/index.d.ts.map +0 -1
- package/dist/neutral/AccordionGroup.d.cts +0 -24
- package/dist/neutral/AccordionGroup.d.cts.map +0 -1
- package/dist/neutral/AccordionGroup.d.mts +0 -24
- package/dist/neutral/AccordionGroup.d.mts.map +0 -1
- package/dist/neutral/AccordionGroup.d.ts +0 -24
- package/dist/neutral/AccordionGroup.d.ts.map +0 -1
- package/dist/neutral/index.cjs +0 -77
- package/dist/neutral/index.cjs.map +0 -1
- package/dist/neutral/index.d.cts +0 -2
- package/dist/neutral/index.d.cts.map +0 -1
- package/dist/neutral/index.d.mts +0 -2
- package/dist/neutral/index.d.mts.map +0 -1
- package/dist/neutral/index.d.ts +0 -2
- package/dist/neutral/index.d.ts.map +0 -1
- package/dist/neutral/index.mjs +0 -46
- package/dist/neutral/index.mjs.map +0 -1
- package/dist/node/AccordionGroup.d.cts +0 -24
- package/dist/node/AccordionGroup.d.cts.map +0 -1
- package/dist/node/AccordionGroup.d.mts +0 -24
- package/dist/node/AccordionGroup.d.mts.map +0 -1
- package/dist/node/AccordionGroup.d.ts +0 -24
- package/dist/node/AccordionGroup.d.ts.map +0 -1
- package/dist/node/index.cjs +0 -82
- package/dist/node/index.cjs.map +0 -1
- package/dist/node/index.d.cts +0 -2
- package/dist/node/index.d.cts.map +0 -1
- package/dist/node/index.d.mts +0 -2
- package/dist/node/index.d.mts.map +0 -1
- package/dist/node/index.d.ts +0 -2
- package/dist/node/index.d.ts.map +0 -1
- package/dist/node/index.mjs +0 -46
- package/dist/node/index.mjs.map +0 -1
package/dist/browser/index.d.ts
CHANGED
|
@@ -1,2 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { AccordionProps } from '@mui/material';
|
|
2
|
+
import React, { ReactNode } from 'react';
|
|
3
|
+
|
|
4
|
+
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
5
|
+
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
6
|
+
description?: string;
|
|
7
|
+
expanded?: boolean;
|
|
8
|
+
href?: string;
|
|
9
|
+
linkText?: string;
|
|
10
|
+
name: string;
|
|
11
|
+
onChange?: () => void;
|
|
12
|
+
to?: string;
|
|
13
|
+
}
|
|
14
|
+
interface OptionalChildren {
|
|
15
|
+
children?: ReactNode;
|
|
16
|
+
}
|
|
17
|
+
type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
18
|
+
interface AccordionGroupProps {
|
|
19
|
+
data?: SimpleAccordionCardProps[];
|
|
20
|
+
defaultExpandedIndex?: number;
|
|
21
|
+
}
|
|
22
|
+
declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
23
|
+
declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
24
|
+
|
|
25
|
+
export { AccordionGroup, SimpleAccordion, type SimpleAccordionCardProps };
|
package/package.json
CHANGED
|
@@ -13,16 +13,16 @@
|
|
|
13
13
|
"packages/*"
|
|
14
14
|
],
|
|
15
15
|
"dependencies": {
|
|
16
|
-
"@xylabs/react-button": "^
|
|
16
|
+
"@xylabs/react-button": "^4.0.1"
|
|
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.7",
|
|
21
|
+
"@storybook/react": "^8.2.9",
|
|
22
22
|
"@types/react": "^18.3.3",
|
|
23
|
-
"@xylabs/react-flexbox": "^
|
|
24
|
-
"@xylabs/ts-scripts-yarn3": "^
|
|
25
|
-
"@xylabs/tsconfig-react": "^
|
|
23
|
+
"@xylabs/react-flexbox": "^4.0.1",
|
|
24
|
+
"@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
|
|
25
|
+
"@xylabs/tsconfig-react": "^4.0.0-rc.15",
|
|
26
26
|
"typescript": "^5.5.4"
|
|
27
27
|
},
|
|
28
28
|
"peerDependencies": {
|
|
@@ -34,32 +34,12 @@
|
|
|
34
34
|
"docs": "dist/docs.json",
|
|
35
35
|
"exports": {
|
|
36
36
|
".": {
|
|
37
|
-
"
|
|
38
|
-
"import": {
|
|
39
|
-
"types": "./dist/node/index.d.mts",
|
|
40
|
-
"default": "./dist/node/index.mjs"
|
|
41
|
-
},
|
|
42
|
-
"require": {
|
|
43
|
-
"types": "./dist/node/index.d.cts",
|
|
44
|
-
"default": "./dist/node/index.cjs"
|
|
45
|
-
}
|
|
46
|
-
},
|
|
47
|
-
"browser": {
|
|
48
|
-
"import": {
|
|
49
|
-
"types": "./dist/browser/index.d.mts",
|
|
50
|
-
"default": "./dist/browser/index.mjs"
|
|
51
|
-
},
|
|
52
|
-
"require": {
|
|
53
|
-
"types": "./dist/browser/index.d.cts",
|
|
54
|
-
"default": "./dist/browser/index.cjs"
|
|
55
|
-
}
|
|
56
|
-
},
|
|
37
|
+
"types": "./dist/browser/index.d.ts",
|
|
57
38
|
"default": "./dist/browser/index.mjs"
|
|
58
39
|
},
|
|
59
40
|
"./package.json": "./package.json"
|
|
60
41
|
},
|
|
61
42
|
"types": "dist/browser/index.d.ts",
|
|
62
|
-
"main": "./dist/browser/index.cjs",
|
|
63
43
|
"module": "./dist/browser/index.mjs",
|
|
64
44
|
"homepage": "https://xylabs.com",
|
|
65
45
|
"keywords": [
|
|
@@ -76,6 +56,6 @@
|
|
|
76
56
|
"url": "https://github.com/xylabs/sdk-react.git"
|
|
77
57
|
},
|
|
78
58
|
"sideEffects": false,
|
|
79
|
-
"version": "
|
|
59
|
+
"version": "4.0.1",
|
|
80
60
|
"type": "module"
|
|
81
61
|
}
|
package/xy.config.ts
ADDED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
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
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/index.ts
|
|
32
|
-
var src_exports = {};
|
|
33
|
-
__export(src_exports, {
|
|
34
|
-
AccordionGroup: () => AccordionGroup,
|
|
35
|
-
SimpleAccordion: () => SimpleAccordion
|
|
36
|
-
});
|
|
37
|
-
module.exports = __toCommonJS(src_exports);
|
|
38
|
-
|
|
39
|
-
// src/AccordionGroup.tsx
|
|
40
|
-
var import_icons_material = require("@mui/icons-material");
|
|
41
|
-
var import_material = require("@mui/material");
|
|
42
|
-
var import_react_button = require("@xylabs/react-button");
|
|
43
|
-
var import_react = __toESM(require("react"), 1);
|
|
44
|
-
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
45
|
-
const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
|
|
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 }) => {
|
|
54
|
-
const theme = (0, import_material.useTheme)();
|
|
55
|
-
const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
|
|
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");
|
|
77
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/browser/index.d.mts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
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
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/index.ts
|
|
32
|
-
var src_exports = {};
|
|
33
|
-
__export(src_exports, {
|
|
34
|
-
AccordionGroup: () => AccordionGroup,
|
|
35
|
-
SimpleAccordion: () => SimpleAccordion
|
|
36
|
-
});
|
|
37
|
-
module.exports = __toCommonJS(src_exports);
|
|
38
|
-
|
|
39
|
-
// src/AccordionGroup.tsx
|
|
40
|
-
var import_icons_material = require("@mui/icons-material");
|
|
41
|
-
var import_material = require("@mui/material");
|
|
42
|
-
var import_react_button = require("@xylabs/react-button");
|
|
43
|
-
var import_react = __toESM(require("react"), 1);
|
|
44
|
-
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
45
|
-
const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
|
|
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 }) => {
|
|
54
|
-
const theme = (0, import_material.useTheme)();
|
|
55
|
-
const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
|
|
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");
|
|
77
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/neutral/index.d.mts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/neutral/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/neutral/index.mjs
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
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
|
|
@@ -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 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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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,24 +0,0 @@
|
|
|
1
|
-
import { AccordionProps } from '@mui/material';
|
|
2
|
-
import React, { ReactNode } from 'react';
|
|
3
|
-
type Override<T1, T2> = Omit<T1, keyof T2> & T2;
|
|
4
|
-
interface SimpleAccordionCardAdditionalProps extends AccordionProps {
|
|
5
|
-
description?: string;
|
|
6
|
-
expanded?: boolean;
|
|
7
|
-
href?: string;
|
|
8
|
-
linkText?: string;
|
|
9
|
-
name: string;
|
|
10
|
-
onChange?: () => void;
|
|
11
|
-
to?: string;
|
|
12
|
-
}
|
|
13
|
-
interface OptionalChildren {
|
|
14
|
-
children?: ReactNode;
|
|
15
|
-
}
|
|
16
|
-
export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
|
|
17
|
-
interface AccordionGroupProps {
|
|
18
|
-
data?: SimpleAccordionCardProps[];
|
|
19
|
-
defaultExpandedIndex?: number;
|
|
20
|
-
}
|
|
21
|
-
export declare const AccordionGroup: React.FC<AccordionGroupProps>;
|
|
22
|
-
export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
|
|
23
|
-
export {};
|
|
24
|
-
//# sourceMappingURL=AccordionGroup.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
7
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
8
|
-
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
9
|
-
var __export = (target, all) => {
|
|
10
|
-
for (var name in all)
|
|
11
|
-
__defProp(target, name, { get: all[name], enumerable: true });
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from))
|
|
16
|
-
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
17
|
-
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
18
|
-
}
|
|
19
|
-
return to;
|
|
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
|
-
));
|
|
29
|
-
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
30
|
-
|
|
31
|
-
// src/index.ts
|
|
32
|
-
var src_exports = {};
|
|
33
|
-
__export(src_exports, {
|
|
34
|
-
AccordionGroup: () => AccordionGroup,
|
|
35
|
-
SimpleAccordion: () => SimpleAccordion
|
|
36
|
-
});
|
|
37
|
-
module.exports = __toCommonJS(src_exports);
|
|
38
|
-
|
|
39
|
-
// src/AccordionGroup.tsx
|
|
40
|
-
var import_icons_material = require("@mui/icons-material");
|
|
41
|
-
var import_material = require("@mui/material");
|
|
42
|
-
var import_react_button = require("@xylabs/react-button");
|
|
43
|
-
var import_react = __toESM(require("react"), 1);
|
|
44
|
-
var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
|
|
45
|
-
const [expandedIndex, setExpandedIndex] = (0, import_react.useState)(defaultExpandedIndex ?? 0);
|
|
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 }) => {
|
|
54
|
-
const theme = (0, import_material.useTheme)();
|
|
55
|
-
const isMobile = (0, import_material.useMediaQuery)(theme.breakpoints.down("md"));
|
|
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");
|
|
77
|
-
// Annotate the CommonJS export names for ESM import in node:
|
|
78
|
-
0 && (module.exports = {
|
|
79
|
-
AccordionGroup,
|
|
80
|
-
SimpleAccordion
|
|
81
|
-
});
|
|
82
|
-
//# sourceMappingURL=index.cjs.map
|
package/dist/node/index.cjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
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
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/node/index.d.mts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/node/index.d.ts
DELETED
package/dist/node/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}
|
package/dist/node/index.mjs
DELETED
|
@@ -1,46 +0,0 @@
|
|
|
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
|
package/dist/node/index.mjs.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 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"]}
|