myst-to-react 0.9.9 → 0.10.0

package/dist/admonitions.d.ts

@@ -16,7 +16,7 @@ export declare enum AdmonitionKind {
 }
 type Color = 'blue' | 'green' | 'yellow' | 'red';
 export declare const AdmonitionTitle: NodeRenderer<AdmonitionTitleSpec>;
-export declare function Admonition({ title, kind, color, simple, dropdown, children, hideIcon, className, }: {
+export declare function Admonition({ title, kind, color, simple, dropdown, children, hideIcon, className, open, }: {
     title?: React.ReactNode;
     color?: Color;
     kind?: AdmonitionKind;
@@ -25,6 +25,7 @@ export declare function Admonition({ title, kind, color, simple, dropdown, child
     dropdown?: boolean;
     hideIcon?: boolean;
     className?: string;
+    open?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 export declare const AdmonitionRenderer: NodeRenderer<AdmonitionSpec>;
 declare const ADMONITION_RENDERERS: {

package/dist/admonitions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"admonitions.d.ts","sourceRoot":"","sources":["../src/admonitions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,eAAe,IAAI,mBAAmB,EACvC,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsB1D,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAyEjD,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,mBAAmB,CAE7D,CAAC;AA4BF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,GACV,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAsEA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAuB3D,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"admonitions.d.ts","sourceRoot":"","sources":["../src/admonitions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,UAAU,IAAI,cAAc,EAC5B,eAAe,IAAI,mBAAmB,EACvC,MAAM,WAAW,CAAC;AACnB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAsB1D,oBAAY,cAAc;IACxB,UAAU,eAAe;IACzB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,GAAG,QAAQ;IACX,OAAO,YAAY;CACpB;AAED,KAAK,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAyEjD,eAAO,MAAM,eAAe,EAAE,YAAY,CAAC,mBAAmB,CAE7D,CAAC;AAmCF,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,IAAI,GACL,EAAE;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,2CAuEA;AAED,eAAO,MAAM,kBAAkB,EAAE,YAAY,CAAC,cAAc,CAyB3D,CAAC;AAEF,QAAA,MAAM,oBAAoB;;;CAGzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/admonitions.js

@@ -86,9 +86,9 @@ function AdmonitionIcon({ kind, className }) {
 export const AdmonitionTitle = ({ node }) => {
     return _jsx(MyST, { ast: node.children });
 };
-const WrapperElement = ({ dropdown, className, children, }) => {
+const WrapperElement = ({ dropdown, className, children, open, }) => {
     if (dropdown)
-        return _jsx("details", { className: className, children: children });
+        return (_jsx("details", { className: className, open: open, children: children }));
     return _jsx("aside", { className: className, children: children });
 };
 const HeaderElement = ({ dropdown, className, children, }) => {
@@ -96,8 +96,8 @@ const HeaderElement = ({ dropdown, className, children, }) => {
         return _jsx("summary", { className: className, children: children });
     return _jsx("div", { className: className, children: children });
 };
-export function Admonition({ title, kind, color, simple, dropdown, children, hideIcon, className, }) {
-    return (_jsxs(WrapperElement, { dropdown: dropdown, className: classNames('my-5 shadow-md dark:shadow-2xl dark:shadow-neutral-900', 'bg-gray-50/10 dark:bg-stone-800', 'overflow-hidden', {
+export function Admonition({ title, kind, color, simple, dropdown, children, hideIcon, className, open, }) {
+    return (_jsxs(WrapperElement, { dropdown: dropdown, open: open, className: classNames('my-5 shadow-md dark:shadow-2xl dark:shadow-neutral-900', 'bg-gray-50/10 dark:bg-stone-800', 'overflow-hidden', {
             'rounded border-l-4': !simple,
             'border-l-2': simple,
             'border-blue-500': !color || color === 'blue',
@@ -128,8 +128,9 @@ export const AdmonitionRenderer = ({ node }) => {
     const isDropdown = classes.includes('dropdown');
     const isSimple = classes.includes('simple');
     const hideIcon = node.icon === false;
+    const isOpen = node.open === true;
     const useTitle = (title === null || title === void 0 ? void 0 : title.type) === 'admonitionTitle';
-    return (_jsx(Admonition, { title: useTitle ? _jsx(MyST, { ast: [title] }) : undefined, kind: kind, color: color, dropdown: isDropdown, simple: isSimple, hideIcon: hideIcon, className: classNames(classes), children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
+    return (_jsx(Admonition, { title: useTitle ? _jsx(MyST, { ast: [title] }) : undefined, kind: kind, color: color, dropdown: isDropdown, open: isOpen, simple: isSimple, hideIcon: hideIcon, className: classNames(classes), children: useTitle ? _jsx(MyST, { ast: rest }) : _jsx(MyST, { ast: node.children }) }));
 };
 const ADMONITION_RENDERERS = {
     admonition: AdmonitionRenderer,

package/dist/basic.js

@@ -16,10 +16,10 @@ const BASIC_RENDERERS = {
         return (_jsx(_Fragment, { children: text.map((v, i) => (_jsxs(React.Fragment, { children: [v, i < text.length - 1 && _jsx("wbr", {})] }, i))) }));
     },
     span({ node }) {
-        return (_jsx("span", { className: node.class, style: node.style, children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("span", { className: node.class, style: node.style, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
     },
     div({ node }) {
-        return (_jsx("div", { className: node.class, style: node.style, children: _jsx(MyST, { ast: node.children }) }));
+        return (_jsx("div", { className: node.class, style: node.style, id: node.html_id, children: _jsx(MyST, { ast: node.children }) }));
     },
     delete({ node }) {
         return (_jsx("del", { children: _jsx(MyST, { ast: node.children }) }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.9.9",
+  "version": "0.10.0",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,13 +21,13 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^0.9.9",
+    "@myst-theme/providers": "^0.10.0",
     "@scienceicons/react": "^0.0.6",
     "@radix-ui/react-hover-card": "^1.0.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",
-    "myst-common": "^1.4.4",
-    "myst-config": "^1.4.4",
+    "myst-common": "^1.5.0",
+    "myst-config": "^1.5.0",
     "myst-spec": "^0.0.5",
     "nanoid": "^4.0.2",
     "react-syntax-highlighter": "^15.5.0",