@mui/internal-docs-infra 0.1.1-canary.2 → 0.1.1-canary.4

package/esm/package.json

@@ -1 +1 @@
-{"type":"module"}
+{"type":"module","sideEffects":false}

package/esm/useCopier/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useCopier/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAC3B,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAC5C,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa;kBAO3E,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;EA0BpD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../home/runner/work/mui-public/mui-public/packages/docs-infra/src/useCopier/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,KAAK,QAAQ,GAAG,MAAM,IAAI,CAAC;AAC3B,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;AAC5C,KAAK,WAAW,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;AACxE,MAAM,MAAM,aAAa,GAAG;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,wBAAgB,SAAS,CAAC,QAAQ,EAAE,CAAC,MAAM,MAAM,GAAG,SAAS,CAAC,GAAG,MAAM,EAAE,IAAI,CAAC,EAAE,aAAa;kBAO3E,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC;;EA0BpD"}

package/esm/useCopier/index.js

@@ -1,4 +1,4 @@
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
+import _regenerator from "@babel/runtime/helpers/esm/regenerator";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import * as React from 'react';
@@ -16,40 +16,39 @@ export function useCopier(contents, opts) {
     disabled = _React$useState2[0],
     setDisabled = _React$useState2[1];
   var copy = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
-      var content;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(event) {
+      var content, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             clearTimeout(copyTimeoutRef.current);
             setDisabled(true);
-            _context.prev = 2;
+            _context.p = 1;
             content = typeof contents === 'function' ? contents() : contents;
             if (!content) {
-              _context.next = 7;
+              _context.n = 2;
               break;
             }
-            _context.next = 7;
+            _context.n = 2;
             return copyToClipboard(content);
-          case 7:
+          case 2:
             onCopied == null || onCopied();
-            _context.next = 13;
+            _context.n = 4;
             break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](2);
-            onError == null || onError(_context.t0);
-          case 13:
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            onError == null || onError(_t);
+          case 4:
             onClick == null || onClick(event);
             copyTimeoutRef.current = setTimeout(function () {
               clearTimeout(copyTimeoutRef.current);
               setDisabled(false);
             }, timeout);
-          case 15:
-          case "end":
-            return _context.stop();
+          case 5:
+            return _context.a(2);
         }
-      }, _callee, null, [[2, 10]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);

package/esm/useDemo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/useDemo/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAK7B,OAAO,EAAa,aAAa,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,MAAM,GAAG,KAAK,CAAC;AACpB,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACzC,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;CACtC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAMF,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;EA0ErD"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../home/runner/work/mui-public/mui-public/packages/docs-infra/src/useDemo/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAC;AAK7B,OAAO,EAAa,aAAa,EAAE,MAAM,cAAc,CAAC;AAExD,KAAK,MAAM,GAAG,KAAK,CAAC;AACpB,MAAM,MAAM,OAAO,GAAG;IACpB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;CACzC,CAAC;AACF,MAAM,MAAM,IAAI,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KAAE,CAAC;CACtC,CAAC;AAEF,KAAK,WAAW,GAAG;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAMF,wBAAgB,OAAO,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,WAAW;;;;;;;;;;;;;;;;;;;;;;EA0ErD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/internal-docs-infra",
-  "version": "0.1.1-canary.2",
+  "version": "0.1.1-canary.4",
   "author": "MUI Team",
   "description": "MUI Infra - internal documentation creation tools.",
   "keywords": [
@@ -13,7 +13,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/mui/mui-public.git",
-    "directory": "packages/mui-docs"
+    "directory": "packages/docs-infra"
   },
   "license": "MIT",
   "bugs": {
@@ -39,37 +39,22 @@
       "optional": true
     }
   },
+  "publishConfig": {
+    "access": "public"
+  },
   "engines": {
     "node": ">=14.0.0"
   },
-  "gitSha": "09818201a129f626de6d794ef5ad8faf3c3c6b3f",
-  "private": false,
+  "gitSha": "a1f1e1c49d24c9e4efe18657ba9409ae401d1997",
+  "type": "commonjs",
   "exports": {
     "./package.json": "./package.json",
-    ".": {
-      "require": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
-      },
-      "import": {
-        "types": "./esm/index.d.ts",
-        "default": "./esm/index.js"
-      }
-    },
     "./*": {
-      "require": {
-        "types": "./*/index.d.ts",
-        "default": "./*/index.js"
-      },
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
       }
     },
-    "./esm": null,
-    "./modern": null
-  },
-  "publishConfig": {
-    "access": "public"
+    "./esm": null
   }
 }

package/useCopier/index.d.ts

@@ -1,15 +0,0 @@
-import * as React from 'react';
-type OnCopied = () => void;
-type OnCopyError = (error: unknown) => void;
-type OnCopyClick = (event: React.MouseEvent<HTMLButtonElement>) => void;
-export type UseCopierOpts = {
-  onCopied?: OnCopied;
-  onError?: OnCopyError;
-  onClick?: OnCopyClick;
-  timeout?: number;
-};
-export declare function useCopier(contents: (() => string | undefined) | string, opts?: UseCopierOpts): {
-  copy: (event: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
-  disabled: boolean;
-};
-export {};

package/useCopier/index.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCopier = useCopier;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
-function useCopier(contents, opts) {
-  var _ref = opts || {},
-    onCopied = _ref.onCopied,
-    onError = _ref.onError,
-    onClick = _ref.onClick,
-    _ref$timeout = _ref.timeout,
-    timeout = _ref$timeout === void 0 ? 2000 : _ref$timeout;
-  var copyTimeoutRef = React.useRef(undefined);
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    disabled = _React$useState2[0],
-    setDisabled = _React$useState2[1];
-  var copy = React.useCallback(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(event) {
-      var content;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            clearTimeout(copyTimeoutRef.current);
-            setDisabled(true);
-            _context.prev = 2;
-            content = typeof contents === 'function' ? contents() : contents;
-            if (!content) {
-              _context.next = 7;
-              break;
-            }
-            _context.next = 7;
-            return (0, _clipboardCopy["default"])(content);
-          case 7:
-            onCopied == null || onCopied();
-            _context.next = 13;
-            break;
-          case 10:
-            _context.prev = 10;
-            _context.t0 = _context["catch"](2);
-            onError == null || onError(_context.t0);
-          case 13:
-            onClick == null || onClick(event);
-            copyTimeoutRef.current = setTimeout(function () {
-              clearTimeout(copyTimeoutRef.current);
-              setDisabled(false);
-            }, timeout);
-          case 15:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee, null, [[2, 10]]);
-    }));
-    return function (_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }(), [contents, timeout, onCopied, onError, onClick]);
-  return {
-    copy: copy,
-    disabled: disabled
-  };
-}

package/useDemo/index.d.ts

@@ -1,51 +0,0 @@
-import * as React from 'react';
-import { Nodes } from 'hast';
-import { UseCopierOpts } from "../useCopier/index.js";
-type Source = Nodes;
-export type Variant = {
-  component: React.ReactNode;
-  fileName: string;
-  source: Source;
-  extraSource?: {
-    [key: string]: Source;
-  };
-};
-export type Demo = {
-  name?: string;
-  slug?: string;
-  description?: string;
-  variants: {
-    [key: string]: Variant;
-  };
-};
-type UseDemoOpts = {
-  defaultOpen?: boolean;
-  copy?: UseCopierOpts;
-  githubUrlPrefix?: string;
-  codeSandboxUrlPrefix?: string;
-  stackBlitzPrefix?: string;
-};
-export declare function useDemo(demo: Demo, opts?: UseDemoOpts): {
-  component: React.ReactNode;
-  name: string | undefined;
-  slug: string | undefined;
-  description: string | undefined;
-  ref: React.RefObject<HTMLDivElement | null>;
-  variants: string[];
-  selectedVariant: string;
-  selectVariant: React.Dispatch<React.SetStateAction<string>>;
-  files: {
-    name: string;
-    component: JSX.Element;
-  }[];
-  selectedFile: any;
-  selectedFileName: string;
-  selectFileName: React.Dispatch<React.SetStateAction<string>>;
-  expanded: boolean;
-  expand: () => void;
-  setExpanded: React.Dispatch<React.SetStateAction<boolean>>;
-  resetFocus: () => void;
-  copy: (event: React.MouseEvent<HTMLButtonElement>) => Promise<void>;
-  copyDisabled: boolean;
-};
-export {};

package/useDemo/index.js

@@ -1,112 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useDemo = useDemo;
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _hastUtilToText = require("hast-util-to-text");
-var _hastUtilToJsxRuntime = require("hast-util-to-jsx-runtime");
-var _kebabCase = _interopRequireDefault(require("kebab-case"));
-var _useCopier2 = require("../useCopier");
-function toComponent(source) {
-  return (0, _hastUtilToJsxRuntime.toJsxRuntime)(source, {
-    Fragment: _jsxRuntime.Fragment,
-    jsx: _jsxRuntime.jsx,
-    jsxs: _jsxRuntime.jsxs
-  });
-}
-function useDemo(demo, opts) {
-  var _ref = opts || {},
-    copyOpts = _ref.copy,
-    _ref$defaultOpen = _ref.defaultOpen,
-    defaultOpen = _ref$defaultOpen === void 0 ? false : _ref$defaultOpen;
-  var slug = React.useMemo(function () {
-    return demo.slug || (demo.name ? (0, _kebabCase["default"])(demo.name, false) : undefined);
-  }, [demo.slug, demo.name]);
-  var _React$useState = React.useState(defaultOpen),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    expanded = _React$useState2[0],
-    setExpanded = _React$useState2[1];
-  var expand = React.useCallback(function () {
-    return setExpanded(true);
-  }, []);
-  var ref = React.useRef(null);
-  var resetFocus = React.useCallback(function () {
-    var _ref$current;
-    (_ref$current = ref.current) == null || _ref$current.focus();
-  }, []);
-  var variantKeys = React.useMemo(function () {
-    return Object.keys(demo.variants);
-  }, [demo.variants]);
-  var _React$useState3 = React.useState(variantKeys[0]),
-    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
-    selectedVariantKey = _React$useState4[0],
-    setSelectedVariantKey = _React$useState4[1];
-  var selectedVariant = demo.variants[selectedVariantKey];
-  var _React$useState5 = React.useState(selectedVariant.fileName),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    selectedFileName = _React$useState6[0],
-    setSelectedFileName = _React$useState6[1];
-  var selectedFile = React.useMemo(function () {
-    var _selectedVariant$extr;
-    return selectedFileName === selectedVariant.fileName ? selectedVariant.source : (_selectedVariant$extr = selectedVariant.extraSource) == null ? void 0 : _selectedVariant$extr[selectedFileName];
-  }, [selectedFileName, selectedVariant]);
-
-  // if copying, convert the selected file's hast to text
-  var sourceFileToText = React.useCallback(function () {
-    return selectedFile && (0, _hastUtilToText.toText)(selectedFile, {
-      whitespace: 'pre'
-    });
-  },
-  // TODO: allow passing the filename to copy
-  [selectedFile]);
-  var _useCopier = (0, _useCopier2.useCopier)(sourceFileToText, copyOpts),
-    copy = _useCopier.copy,
-    copyDisabled = _useCopier.disabled;
-
-  // transform hast source to React components
-  var files = React.useMemo(function () {
-    var extraSource = selectedVariant.extraSource;
-    return [{
-      name: selectedVariant.fileName,
-      component: toComponent(selectedVariant.source)
-    }].concat((0, _toConsumableArray2["default"])(extraSource ? Object.keys(extraSource).map(function (name) {
-      return {
-        name: name,
-        component: toComponent(extraSource[name])
-      };
-    }) : []));
-  }, [selectedVariant]);
-  var selectedFileComponent = React.useMemo(function () {
-    var matchedFile = files.find(function (file) {
-      return file.name === selectedFileName;
-    });
-    return matchedFile ? matchedFile.component : null;
-  }, [files, selectedFileName]);
-  return {
-    component: selectedVariant.component,
-    name: demo.name,
-    slug: slug,
-    description: demo.description,
-    ref: ref,
-    variants: variantKeys,
-    selectedVariant: selectedVariantKey,
-    selectVariant: setSelectedVariantKey,
-    files: files,
-    selectedFile: selectedFileComponent,
-    selectedFileName: selectedFileName,
-    selectFileName: setSelectedFileName,
-    expanded: expanded,
-    expand: expand,
-    setExpanded: setExpanded,
-    resetFocus: resetFocus,
-    copy: copy,
-    copyDisabled: copyDisabled
-  };
-}