myst-to-react 0.13.7 → 0.14.0

package/dist/block.d.ts

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

package/dist/block.d.ts.map

@@ -0,0 +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"}

package/dist/block.js

@@ -0,0 +1,28 @@
+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, }) {
+    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}`));
+    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,
+};
+export default BLOCK_RENDERERS;

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+export { Block } from './block.js';
 export { CopyIcon, HoverPopover, Tooltip, LinkCard } from './components/index.js';
 export { CodeBlock } from './code.js';
 export { HashLink, scrollToElement } from './hashLink.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,wDA0B7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,eAAO,MAAM,iBAAiB,wDA2B7B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC"}

package/dist/index.js

@@ -2,6 +2,7 @@ import { mergeRenderers } from '@myst-theme/providers';
 import BASIC_RENDERERS from './basic.js';
 import ADMONITION_RENDERERS from './admonitions.js';
 import DROPDOWN_RENDERERS from './dropdown.js';
+import BLOCK_RENDERERS from './block.js';
 import CARD_RENDERERS from './card.js';
 import GRID_RENDERERS from './grid.js';
 import CITE_RENDERERS from './cite.js';
@@ -21,6 +22,7 @@ import PROOF_RENDERERS from './proof.js';
 import EXERCISE_RENDERERS from './exercise.js';
 import ASIDE_RENDERERS from './aside.js';
 import UNKNOWN_MYST_RENDERERS from './unknown.js';
+export { Block } from './block.js';
 export { CopyIcon, HoverPopover, Tooltip, LinkCard } from './components/index.js';
 export { CodeBlock } from './code.js';
 export { HashLink, scrollToElement } from './hashLink.js';
@@ -31,6 +33,7 @@ export { useFetchMdast } from './crossReference.js';
 export const DEFAULT_RENDERERS = mergeRenderers([
     BASIC_RENDERERS,
     UNKNOWN_MYST_RENDERERS,
+    BLOCK_RENDERERS,
     IMAGE_RENDERERS,
     LINK_RENDERERS,
     CODE_RENDERERS,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "myst-to-react",
-  "version": "0.13.7",
+  "version": "0.14.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.13.7",
+    "@myst-theme/providers": "^0.14.0",
     "@scienceicons/react": "^0.0.11",
     "@radix-ui/react-hover-card": "^1.0.6",
     "buffer": "^6.0.3",
     "classnames": "^2.3.2",
-    "myst-common": "^1.7.8",
-    "myst-config": "^1.7.8",
+    "myst-common": "^1.7.9",
+    "myst-config": "^1.7.9",
     "myst-spec": "^0.0.5",
     "nanoid": "^4.0.2",
     "react-syntax-highlighter": "15.5.0",