@xylabs/react-accordion 6.3.12 → 6.3.14

package/dist/browser/index.d.ts

@@ -1,26 +1,2 @@
-import { AccordionProps } from '@mui/material';
-import React, { ReactNode } from 'react';
-
-type Override<T1, T2> = Omit<T1, keyof T2> & T2;
-interface SimpleAccordionCardAdditionalProps extends AccordionProps {
-    description?: string;
-    expanded?: boolean;
-    href?: string;
-    linkText?: string;
-    name: string;
-    onChange?: () => void;
-    to?: string;
-}
-interface OptionalChildren {
-    children?: ReactNode;
-}
-type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
-interface AccordionGroupProps {
-    data?: SimpleAccordionCardProps[];
-    defaultExpandedName?: string;
-}
-declare const AccordionGroup: React.FC<AccordionGroupProps>;
-declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
-
-export { AccordionGroup, SimpleAccordion };
-export type { SimpleAccordionCardProps };
+export * from './AccordionGroup.tsx';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.mjs

@@ -1,41 +1,48 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
 // src/AccordionGroup.tsx
 import { ExpandMoreRounded } from "@mui/icons-material";
-import {
-  Accordion,
-  AccordionDetails,
-  AccordionSummary,
-  Typography,
-  useMediaQuery,
-  useTheme
-} from "@mui/material";
+import { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } from "@mui/material";
 import { ButtonEx } from "@xylabs/react-button";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var AccordionGroup = ({ defaultExpandedName, data }) => {
+import React, { useState } from "react";
+var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedName, data }) => {
   const [expandedName, setExpandedName] = useState(() => defaultExpandedName);
-  return /* @__PURE__ */ jsx(Fragment, { children: data?.map((item) => /* @__PURE__ */ jsx(SimpleAccordion, { ...item, expanded: item.name === expandedName, onChange: () => setExpandedName(item.name) }, item.name)) });
-};
-var SimpleAccordion = ({
-  name,
-  linkText,
-  to,
-  href,
-  description,
-  expanded,
-  onChange,
-  children
-}) => {
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, data?.map((item) => /* @__PURE__ */ React.createElement(SimpleAccordion, {
+    key: item.name,
+    ...item,
+    expanded: item.name === expandedName,
+    onChange: /* @__PURE__ */ __name(() => setExpandedName(item.name), "onChange")
+  })));
+}, "AccordionGroup");
+var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down("md"));
-  return /* @__PURE__ */ jsxs(Accordion, { expanded, onChange: () => onChange?.(), children: [
-    /* @__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 }) }),
-    /* @__PURE__ */ jsxs(AccordionDetails, { children: [
-      description && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
-      children,
-      href ? /* @__PURE__ */ jsx(ButtonEx, { href, target: href ?? "_blank", children: linkText ?? "Learn More" }) : to ? /* @__PURE__ */ jsx(ButtonEx, { to, target: href ?? "_blank", children: linkText ?? "Learn More" }) : /* @__PURE__ */ jsx(ButtonEx, { target: href ?? "_blank", children: linkText ?? "Learn More" })
-    ] })
-  ] });
-};
+  return /* @__PURE__ */ React.createElement(Accordion, {
+    expanded,
+    onChange: /* @__PURE__ */ __name(() => onChange?.(), "onChange")
+  }, /* @__PURE__ */ React.createElement(AccordionSummary, {
+    expandIcon: /* @__PURE__ */ React.createElement(ExpandMoreRounded, null),
+    "aria-controls": "panel1bh-content",
+    id: "panel1bh-header"
+  }, /* @__PURE__ */ React.createElement(Typography, {
+    variant: "h6",
+    textAlign: "left",
+    gutterBottom: isMobile ? true : false
+  }, name)), /* @__PURE__ */ React.createElement(AccordionDetails, null, description && /* @__PURE__ */ React.createElement(Typography, {
+    variant: "body1",
+    fontWeight: 400,
+    textAlign: "left"
+  }, description), children, href ? /* @__PURE__ */ React.createElement(ButtonEx, {
+    href,
+    target: href ?? "_blank"
+  }, linkText ?? "Learn More") : to ? /* @__PURE__ */ React.createElement(ButtonEx, {
+    to,
+    target: href ?? "_blank"
+  }, linkText ?? "Learn More") : /* @__PURE__ */ React.createElement(ButtonEx, {
+    target: href ?? "_blank"
+  }, linkText ?? "Learn More")));
+}, "SimpleAccordion");
 export {
   AccordionGroup,
   SimpleAccordion

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport type { AccordionProps } from '@mui/material'\nimport {\n  Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { ReactNode } from 'react'\nimport React, { 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  defaultExpandedName?: string\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedName, data }) => {\n  const [expandedName, setExpandedName] = useState(() => defaultExpandedName)\n\n  return (\n    <>\n      {data?.map(item => (\n        <SimpleAccordion key={item.name} {...item} expanded={item.name === expandedName} onChange={() => setExpandedName(item.name)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({\n  name, linkText, to, href, description, expanded, onChange, children,\n}) => {\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\n          ? (\n              <ButtonEx href={href} target={href ?? '_blank'}>\n                {linkText ?? 'Learn More'}\n              </ButtonEx>\n            )\n          : to\n            ? (\n                <ButtonEx to={to} target={href ?? '_blank'}>\n                  {linkText ?? 'Learn More'}\n                </ButtonEx>\n              )\n            : (\n                <ButtonEx target={href ?? '_blank'}>\n                  {linkText ?? 'Learn More'}\n                </ButtonEx>\n              )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";AAAA,SAAS,yBAAyB;AAElC;AAAA,EACE;AAAA,EAAW;AAAA,EAAkB;AAAA,EAAkB;AAAA,EAAY;AAAA,EAAe;AAAA,OACrE;AACP,SAAS,gBAAgB;AAEzB,SAAgB,gBAAgB;AA6B5B,mBAEI,KAiBF,YAnBF;AAJG,IAAM,iBAAgD,CAAC,EAAE,qBAAqB,KAAK,MAAM;AAC9F,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,MAAM,mBAAmB;AAE1E,SACE,gCACG,gBAAM,IAAI,UACT,oBAAC,mBAAiC,GAAG,MAAM,UAAU,KAAK,SAAS,cAAc,UAAU,MAAM,gBAAgB,KAAK,IAAI,KAApG,KAAK,IAAkG,CAC9H,GACH;AAEJ;AACO,IAAM,kBAAsD,CAAC;AAAA,EAClE;AAAA,EAAM;AAAA,EAAU;AAAA,EAAI;AAAA,EAAM;AAAA,EAAa;AAAA,EAAU;AAAA,EAAU;AAC7D,MAAM;AACJ,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,MACA,OAEK,oBAAC,YAAS,MAAY,QAAQ,QAAQ,UACnC,sBAAY,cACf,IAEF,KAEI,oBAAC,YAAS,IAAQ,QAAQ,QAAQ,UAC/B,sBAAY,cACf,IAGA,oBAAC,YAAS,QAAQ,QAAQ,UACvB,sBAAY,cACf;AAAA,OAEV;AAAA,KACF;AAEJ;","names":[]}
+{"version":3,"sources":["../../src/AccordionGroup.tsx"],"sourcesContent":["import { ExpandMoreRounded } from '@mui/icons-material'\nimport type { AccordionProps } from '@mui/material'\nimport {\n  Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme,\n} from '@mui/material'\nimport { ButtonEx } from '@xylabs/react-button'\nimport type { ReactNode } from 'react'\nimport React, { 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  defaultExpandedName?: string\n}\n\nexport const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedName, data }) => {\n  const [expandedName, setExpandedName] = useState(() => defaultExpandedName)\n\n  return (\n    <>\n      {data?.map(item => (\n        <SimpleAccordion key={item.name} {...item} expanded={item.name === expandedName} onChange={() => setExpandedName(item.name)} />\n      ))}\n    </>\n  )\n}\nexport const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({\n  name, linkText, to, href, description, expanded, onChange, children,\n}) => {\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\n          ? (\n              <ButtonEx href={href} target={href ?? '_blank'}>\n                {linkText ?? 'Learn More'}\n              </ButtonEx>\n            )\n          : to\n            ? (\n                <ButtonEx to={to} target={href ?? '_blank'}>\n                  {linkText ?? 'Learn More'}\n                </ButtonEx>\n              )\n            : (\n                <ButtonEx target={href ?? '_blank'}>\n                  {linkText ?? 'Learn More'}\n                </ButtonEx>\n              )}\n      </AccordionDetails>\n    </Accordion>\n  )\n}\n"],"mappings":";;;;AAAA,SAASA,yBAAyB;AAElC,SACEC,WAAWC,kBAAkBC,kBAAkBC,YAAYC,eAAeC,gBACrE;AACP,SAASC,gBAAgB;AAEzB,OAAOC,SAASC,gBAAgB;AAyBzB,IAAMC,iBAAgD,wBAAC,EAAEC,qBAAqBC,KAAI,MAAE;AACzF,QAAM,CAACC,cAAcC,eAAAA,IAAmBC,SAAS,MAAMJ,mBAAAA;AAEvD,SACE,sBAAA,cAAA,MAAA,UAAA,MACGC,MAAMI,IAAIC,CAAAA,SACT,sBAAA,cAACC,iBAAAA;IAAgBC,KAAKF,KAAKG;IAAO,GAAGH;IAAMI,UAAUJ,KAAKG,SAASP;IAAcS,UAAU,6BAAMR,gBAAgBG,KAAKG,IAAI,GAA/B;;AAInG,GAV6D;AAWtD,IAAMF,kBAAsD,wBAAC,EAClEE,MAAMG,UAAUC,IAAIC,MAAMC,aAAaL,UAAUC,UAAUK,SAAQ,MACpE;AACC,QAAMC,QAAQC,SAAAA;AACd,QAAMC,WAAWC,cAAcH,MAAMI,YAAYC,KAAK,IAAA,CAAA;AACtD,SACE,sBAAA,cAACC,WAAAA;IAAUb;IAAoBC,UAAU,6BAAMA,WAAAA,GAAN;KACvC,sBAAA,cAACa,kBAAAA;IAAiBC,YAAY,sBAAA,cAACC,mBAAAA,IAAAA;IAAsBC,iBAAc;IAAmBC,IAAG;KACvF,sBAAA,cAACC,YAAAA;IAAWC,SAAQ;IAAKC,WAAU;IAAOC,cAAcb,WAAW,OAAO;KACvEV,IAAAA,CAAAA,GAGL,sBAAA,cAACwB,kBAAAA,MACElB,eACC,sBAAA,cAACc,YAAAA;IAAWC,SAAQ;IAAQI,YAAY;IAAKH,WAAU;KACpDhB,WAAAA,GAGJC,UACAF,OAEK,sBAAA,cAACqB,UAAAA;IAASrB;IAAYsB,QAAQtB,QAAQ;KACnCF,YAAY,YAAA,IAGjBC,KAEI,sBAAA,cAACsB,UAAAA;IAAStB;IAAQuB,QAAQtB,QAAQ;KAC/BF,YAAY,YAAA,IAIf,sBAAA,cAACuB,UAAAA;IAASC,QAAQtB,QAAQ;KACvBF,YAAY,YAAA,CAAA,CAAA;AAM/B,GAvCmE;","names":["ExpandMoreRounded","Accordion","AccordionDetails","AccordionSummary","Typography","useMediaQuery","useTheme","ButtonEx","React","useState","AccordionGroup","defaultExpandedName","data","expandedName","setExpandedName","useState","map","item","SimpleAccordion","key","name","expanded","onChange","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

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-accordion",
-  "version": "6.3.12",
+  "version": "6.3.14",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -37,20 +37,20 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-button": "^6.3.12"
+    "@xylabs/react-button": "^6.3.14"
   },
   "devDependencies": {
     "@mui/icons-material": "^7.2.0",
     "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.16",
+    "@storybook/react-vite": "^9.0.18",
     "@types/react": "^19.1.8",
-    "@xylabs/react-flexbox": "^6.3.12",
-    "@xylabs/ts-scripts-yarn3": "^7.0.0-rc.24",
-    "@xylabs/tsconfig-react": "^7.0.0-rc.24",
-    "knip": "^5.61.3",
+    "@xylabs/react-flexbox": "^6.3.14",
+    "@xylabs/ts-scripts-yarn3": "^7.0.0",
+    "@xylabs/tsconfig-react": "^7.0.0",
+    "knip": "^5.62.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "storybook": "^9.0.16",
+    "storybook": "^9.0.18",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {