myst-to-react 0.14.0 → 0.14.1

package/dist/block.d.ts

@@ -1,11 +1,9 @@
 import type { GenericParent } from 'myst-common';
 import type { NodeRenderer } from '@myst-theme/providers';
-export declare function Block({ id, node, className, }: {
-    id: string;
+export declare function Block({ node, className }: {
     node: GenericParent;
     className?: string;
-}): import("react/jsx-runtime").JSX.Element;
-export declare const BlockRenderer: NodeRenderer;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare const BLOCK_RENDERERS: Record<string, NodeRenderer>;
 export default BLOCK_RENDERERS;
 //# sourceMappingURL=block.d.ts.map

package/dist/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../src/block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAGjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,wBAAgB,KAAK,CAAC,EACpB,EAAE,EACF,IAAI,EACJ,SAAS,GACV,EAAE;IACD,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,aAAa,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAuBA;AAED,eAAO,MAAM,aAAa,EAAE,YAI3B,CAAC;AAEF,QAAA,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAEjD,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../src/block.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,wBAAgB,KAAK,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE;IAAE,IAAI,EAAE,aAAa,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,kDAoBrF;AAED,QAAA,MAAM,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAEjD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/block.js

@@ -2,27 +2,23 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Details } from './dropdown.js';
 import { MyST } from './MyST.js';
 import classNames from 'classnames';
-import { useGridSystemProvider } from '@myst-theme/providers';
-export function Block({ id, node, className, }) {
+export function Block({ node, className }) {
     var _a, _b;
-    const grid = useGridSystemProvider();
-    const subGrid = node.visibility === 'hide' ? '' : `${grid} subgrid-gap col-screen`;
-    const dataClassName = typeof ((_a = node.data) === null || _a === void 0 ? void 0 : _a.class) === 'string' ? (_b = node.data) === null || _b === void 0 ? void 0 : _b.class : undefined;
-    // Hide the subgrid if either the dataClass or the className exists and includes `col-`
-    const noSubGrid = (dataClassName && dataClassName.includes('col-')) || (className && className.includes('col-'));
-    const block = (_jsx("div", { id: id, className: classNames('relative group/block', className, dataClassName, {
-            [subGrid]: !noSubGrid,
-            hidden: node.visibility === 'remove',
-        }), children: _jsx(MyST, { ast: node.children }) }, `block-${id}`));
+    const cn = classNames(className, node.class, {
+        [(_a = node.data) === null || _a === void 0 ? void 0 : _a.class]: typeof ((_b = node.data) === null || _b === void 0 ? void 0 : _b.class) === 'string',
+    });
+    if (node.visibility === 'remove')
+        return null;
+    // Only wrap this in a block if the block has a class name or an identifier
+    // Otherwise pass through the contents as is.
+    // This allows children (e.g. margin) access to the grid-system
+    const block = cn || node.identifier ? (_jsx("div", { id: node.identifier, className: cn, children: _jsx(MyST, { ast: node.children }) })) : (_jsx(MyST, { ast: node.children }));
     if (node.visibility === 'hide') {
         return _jsx(Details, { title: "Block", children: block });
     }
     return block;
 }
-export const BlockRenderer = ({ node, className }) => {
-    return (_jsx(Block, { id: node.key, node: node, className: classNames(node.class, className) }, node.key));
-};
 const BLOCK_RENDERERS = {
-    block: BlockRenderer,
+    block: Block,
 };
 export default BLOCK_RENDERERS;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.14.0",
+  "version": "0.14.1",
   "type": "module",
   "exports": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.18",
-    "@myst-theme/providers": "^0.14.0",
+    "@myst-theme/providers": "^0.14.1",
     "@scienceicons/react": "^0.0.11",
     "@radix-ui/react-hover-card": "^1.0.6",
     "buffer": "^6.0.3",