@xylabs/react-accordion 4.0.3 → 4.0.4

package/dist/browser/AccordionGroup.d.ts

@@ -0,0 +1,25 @@
+import type { AccordionProps } from '@mui/material';
+import type { ReactNode } from 'react';
+import React 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;
+}
+export type SimpleAccordionCardProps = Override<SimpleAccordionCardAdditionalProps, OptionalChildren>;
+interface AccordionGroupProps {
+    data?: SimpleAccordionCardProps[];
+    defaultExpandedIndex?: number;
+}
+export declare const AccordionGroup: React.FC<AccordionGroupProps>;
+export declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
+export {};
+//# sourceMappingURL=AccordionGroup.d.ts.map

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

@@ -0,0 +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,oBAAoB,CAAC,EAAE,MAAM,CAAA;CAC9B;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAWxD,CAAA;AACD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA2B9D,CAAA"}

package/dist/browser/index.d.ts

@@ -1,25 +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[];
-    defaultExpandedIndex?: number;
-}
-declare const AccordionGroup: React.FC<AccordionGroupProps>;
-declare const SimpleAccordion: React.FC<SimpleAccordionCardProps>;
-
-export { AccordionGroup, SimpleAccordion, type SimpleAccordionCardProps };
+export * from './AccordionGroup.tsx';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/browser/index.mjs

@@ -8,12 +8,15 @@ import { ButtonEx } from "@xylabs/react-button";
 import React, { useState } from "react";
 var AccordionGroup = /* @__PURE__ */ __name(({ defaultExpandedIndex, data }) => {
   const [expandedIndex, setExpandedIndex] = useState(defaultExpandedIndex ?? 0);
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, data?.map((item, index) => /* @__PURE__ */ React.createElement(SimpleAccordion, {
-    key: index,
-    ...item,
-    expanded: index === expandedIndex,
-    onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
-  })));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, data?.map((item, index) => (
+    // eslint-disable-next-line @eslint-react/no-duplicate-key
+    /* @__PURE__ */ React.createElement(SimpleAccordion, {
+      key: index,
+      ...item,
+      expanded: index === expandedIndex,
+      onChange: /* @__PURE__ */ __name(() => setExpandedIndex(index), "onChange")
+    })
+  )));
 }, "AccordionGroup");
 var SimpleAccordion = /* @__PURE__ */ __name(({ name, linkText, to, href, description, expanded, onChange, children }) => {
   const theme = useTheme();

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 { Accordion, AccordionDetails, AccordionSummary, Typography, useMediaQuery, useTheme } 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  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;AAElC,SAASC,WAAWC,kBAAkBC,kBAAkBC,YAAYC,eAAeC,gBAAgB;AACnG,SAASC,gBAAgB;AAEzB,OAAOC,SAASC,gBAAgB;AAyBzB,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"]}
+{"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  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        // eslint-disable-next-line @eslint-react/no-duplicate-key\n        <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />\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 || 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;AAElC,SACEC,WAAWC,kBAAkBC,kBAAkBC,YAAYC,eAAeC,gBACrE;AACP,SAASC,gBAAgB;AAEzB,OAAOC,SAASC,gBAAgB;AAyBzB,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;;IAEhB,sBAAA,cAACC,iBAAAA;MAAgBC,KAAKF;MAAQ,GAAGD;MAAMI,UAAUH,UAAUL;MAAeS,UAAU,6BAAMR,iBAAiBI,KAAAA,GAAvB;;;AAI5F,GAX6D;AAYtD,IAAMC,kBAAsD,wBAAC,EAClEI,MAAMC,UAAUC,IAAIC,MAAMC,aAAaN,UAAUC,UAAUM,SAAQ,MACpE;AACC,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,GA3BmE;","names":["ExpandMoreRounded","Accordion","AccordionDetails","AccordionSummary","Typography","useMediaQuery","useTheme","ButtonEx","React","useState","AccordionGroup","defaultExpandedIndex","data","expandedIndex","setExpandedIndex","useState","map","item","index","SimpleAccordion","key","expanded","onChange","name","linkText","to","href","description","children","theme","useTheme","isMobile","useMediaQuery","breakpoints","down","Accordion","AccordionSummary","expandIcon","ExpandMoreRounded","aria-controls","id","Typography","variant","textAlign","gutterBottom","AccordionDetails","fontWeight","ButtonEx","target"]}

package/package.json

@@ -1,29 +1,52 @@
 {
   "name": "@xylabs/react-accordion",
+  "version": "4.0.4",
+  "description": "Common React library for all XY Labs projects that use React",
+  "keywords": [
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xylabs.com",
+  "bugs": {
+    "url": "git+https://github.com/xylabs/sdk-react/issues",
+    "email": "support@xylabs.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xylabs/sdk-react.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xylabs.com",
     "name": "XY Labs Development Team",
+    "email": "support@xylabs.com",
     "url": "https://xylabs.com"
   },
-  "bugs": {
-    "email": "support@xylabs.com",
-    "url": "git+https://github.com/xylabs/sdk-react/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
   },
+  "module": "./dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
   "workspaces": [
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/react-button": "^4.0.3"
+    "@xylabs/react-button": "^4.0.4"
   },
-  "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
     "@mui/icons-material": "^5.16.7",
     "@mui/material": "^5.16.7",
     "@storybook/react": "^8.2.9",
-    "@types/react": "^18.3.3",
-    "@xylabs/react-flexbox": "^4.0.3",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.20",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.20",
+    "@types/react": "^18.3.4",
+    "@xylabs/react-flexbox": "^4.0.4",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "storybook": "^8.2.9",
@@ -35,31 +58,8 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "docs": "dist/docs.json",
-  "exports": {
-    ".": {
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "types": "dist/browser/index.d.ts",
-  "module": "./dist/browser/index.mjs",
-  "homepage": "https://xylabs.com",
-  "keywords": [
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/xylabs/sdk-react.git"
-  },
-  "sideEffects": false,
-  "version": "4.0.3",
-  "type": "module"
+  "docs": "dist/docs.json"
 }

package/src/AccordionGroup.stories.tsx

@@ -8,11 +8,7 @@ import { AccordionGroup } from './AccordionGroup.tsx'
 const StorybookEntry: Meta<typeof AccordionGroup> = {
   argTypes: {},
   component: AccordionGroup,
-  parameters: {
-    docs: {
-      page: null,
-    },
-  },
+  parameters: { docs: { page: null } },
   title: 'Components/AccordionGroup',
 } as Meta<typeof AccordionGroup>
 

package/src/AccordionGroup.tsx

@@ -1,6 +1,8 @@
 import { ExpandMoreRounded } from '@mui/icons-material'
 import type { AccordionProps } from '@mui/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 type { ReactNode } from 'react'
 import React, { useState } from 'react'
@@ -34,12 +36,15 @@ export const AccordionGroup: React.FC<AccordionGroupProps> = ({ defaultExpandedI
   return (
     <>
       {data?.map((item, index) => (
+        // eslint-disable-next-line @eslint-react/no-duplicate-key
         <SimpleAccordion key={index} {...item} expanded={index === expandedIndex} onChange={() => setExpandedIndex(index)} />
       ))}
     </>
   )
 }
-export const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({ name, linkText, to, href, description, expanded, onChange, children }) => {
+export const SimpleAccordion: React.FC<SimpleAccordionCardProps> = ({
+  name, linkText, to, href, description, expanded, onChange, children,
+}) => {
   const theme = useTheme()
   const isMobile = useMediaQuery(theme.breakpoints.down('md'))
   return (

package/xy.config.ts

@@ -1,9 +1,7 @@
 import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: {},
-    },
+    browser: { src: {} },
     node: {},
     neutral: {},
   },