@xylabs/react-accordion 7.0.0 → 7.0.2

package/dist/browser/AccordionGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAKnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,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,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuC9D,CAAA"}
+{"version":3,"file":"AccordionGroup.d.ts","sourceRoot":"","sources":["../../src/AccordionGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAMnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAEvC,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,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAUxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAuC9D,CAAA"}

package/dist/browser/index.mjs

@@ -1,48 +1,42 @@
-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 React, { useState } from "react";
-var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedName, data }) => {
+import { isString } from "@xylabs/typeof";
+import { useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AccordionGroup = ({ defaultExpandedName, data }) => {
   const [expandedName, setExpandedName] = useState(() => defaultExpandedName);
-  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 }) => {
+  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
+}) => {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down("md"));
-  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");
+  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: [
+      isString(description) && /* @__PURE__ */ jsx(Typography, { variant: "body1", fontWeight: 400, textAlign: "left", children: description }),
+      children,
+      isString(href) ? /* @__PURE__ */ jsx(ButtonEx, { href, target: href ?? "_blank", children: linkText ?? "Learn More" }) : isString(to) ? /* @__PURE__ */ jsx(ButtonEx, { to, target: href ?? "_blank", children: linkText ?? "Learn More" }) : /* @__PURE__ */ jsx(ButtonEx, { target: href ?? "_blank", children: linkText ?? "Learn More" })
+    ] })
+  ] });
+};
 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,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"]}
+{"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 { isString } from '@xylabs/typeof'\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        {isString(description) && (\n          <Typography variant=\"body1\" fontWeight={400} textAlign=\"left\">\n            {description}\n          </Typography>\n        )}\n        {children}\n        {isString(href)\n          ? (\n              <ButtonEx href={href} target={href ?? '_blank'}>\n                {linkText ?? 'Learn More'}\n              </ButtonEx>\n            )\n          : isString(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;AACzB,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,eAAS,WAAW,KACnB,oBAAC,cAAW,SAAQ,SAAQ,YAAY,KAAK,WAAU,QACpD,uBACH;AAAA,MAED;AAAA,MACA,SAAS,IAAI,IAER,oBAAC,YAAS,MAAY,QAAQ,QAAQ,UACnC,sBAAY,cACf,IAEF,SAAS,EAAE,IAEP,oBAAC,YAAS,IAAQ,QAAQ,QAAQ,UAC/B,sBAAY,cACf,IAGA,oBAAC,YAAS,QAAQ,QAAQ,UACvB,sBAAY,cACf;AAAA,OAEV;AAAA,KACF;AAEJ;","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xylabs/react-accordion",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "description": "Common React library for all XY Labs projects that use React",
   "keywords": [
     "utility",
@@ -41,27 +41,30 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-button": "^7.0.0"
+    "@xylabs/react-button": "~7.0.2",
+    "@xylabs/typeof": "~5.0.8"
   },
   "devDependencies": {
-    "@mui/icons-material": "^7.2.0",
-    "@mui/material": "^7.2.0",
-    "@storybook/react-vite": "^9.0.18",
-    "@types/react": "^19.1.9",
-    "@xylabs/react-flexbox": "^7.0.0",
-    "@xylabs/ts-scripts-yarn3": "^7.0.2",
-    "@xylabs/tsconfig-react": "^7.0.2",
-    "react": "^19.1.1",
-    "react-dom": "^19.1.1",
-    "storybook": "^9.0.18",
-    "typescript": "^5.8.3",
-    "vite": "^7.0.6"
+    "@mui/icons-material": "~7.3.1",
+    "@mui/material": "~7.3.1",
+    "@storybook/react-vite": "~9.1.2",
+    "@types/react": "~19.1.10",
+    "@xylabs/react-flexbox": "~7.0.2",
+    "@xylabs/ts-scripts-yarn3": "~7.1.1",
+    "@xylabs/tsconfig": "~7.1.1",
+    "@xylabs/tsconfig-dom": "~7.1.1",
+    "@xylabs/tsconfig-react": "~7.1.1",
+    "react": "~19.1.1",
+    "react-dom": "~19.1.1",
+    "storybook": "~9.1.2",
+    "typescript": "~5.9.2",
+    "vite": "~7.1.2"
   },
   "peerDependencies": {
     "@mui/icons-material": ">=6 <8",
     "@mui/material": ">=6 <8",
-    "react": "^19",
-    "react-dom": "^19"
+    "react": "~19",
+    "react-dom": "~19"
   },
   "publishConfig": {
     "access": "public"

package/src/AccordionGroup.tsx

@@ -4,6 +4,7 @@ import {
   Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme,
 } from '@mui/material'
 import { ButtonEx } from '@xylabs/react-button'
+import { isString } from '@xylabs/typeof'
 import type { ReactNode } from 'react'
 import React, { useState } from 'react'
 
@@ -54,19 +55,19 @@ export const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({
         </Typography>
       </AccordionSummary>
       <AccordionDetails>
-        {description && (
+        {isString(description) && (
           <Typography variant="body1" fontWeight={400} textAlign="left">
             {description}
           </Typography>
         )}
         {children}
-        {href
+        {isString(href)
           ? (
               <ButtonEx href={href} target={href ?? '_blank'}>
                 {linkText ?? 'Learn More'}
               </ButtonEx>
             )
-          : to
+          : isString(to)
             ? (
                 <ButtonEx to={to} target={href ?? '_blank'}>
                   {linkText ?? 'Learn More'}