@primer/react 38.30.1-rc.bce2a87c7 → 38.31.0-rc.2630f104b

package/dist/Popover/Popover.module.css.js

@@ -1,5 +1,8 @@
-import './Popover-a93df39c.css';
-
-var classes = {"Popover":"prc-Popover-Popover-7QIH8","PopoverContent":"prc-Popover-PopoverContent-2x-Aj"};
-
-export { classes as default };
+import "./Popover-a93df39c.css";
+//#region src/Popover/Popover.module.css.js
+var Popover_module_css_default = {
+	"Popover": "prc-Popover-Popover-7QIH8",
+	"PopoverContent": "prc-Popover-PopoverContent-2x-Aj"
+};
+//#endregion
+export { Popover_module_css_default as default };

package/dist/Popover/index.d.ts

@@ -1,3 +1,2 @@
-export { default } from './Popover';
-export type { PopoverProps, PopoverContentProps } from './Popover';
-//# sourceMappingURL=index.d.ts.map
+import _default, { PopoverContentProps, PopoverProps } from "./Popover.js";
+export { type PopoverContentProps, type PopoverProps, _default as default };

package/dist/Portal/Portal.d.ts

@@ -1,19 +1,22 @@
-import React from 'react';
-export interface PortalProps {
-    /**
-     * Called when this portal is added to the DOM
-     */
-    onMount?: () => void;
-    /**
-     * Optional. Mount this portal at the container specified
-     * by this name. The container must be previously registered
-     * with `registerPortal`.
-     */
-    containerName?: string;
+import React from "react";
+
+//#region src/Portal/Portal.d.ts
+interface PortalProps {
+  /**
+   * Called when this portal is added to the DOM
+   */
+  onMount?: () => void;
+  /**
+   * Optional. Mount this portal at the container specified
+   * by this name. The container must be previously registered
+   * with `registerPortal`.
+   */
+  containerName?: string;
 }
 /**
  * Creates a React Portal, placing all children in a separate physical DOM root node.
  * @see https://reactjs.org/docs/portals.html
  */
-export declare const Portal: React.FC<React.PropsWithChildren<PortalProps>>;
-//# sourceMappingURL=Portal.d.ts.map
+declare const Portal: React.FC<React.PropsWithChildren<PortalProps>>;
+//#endregion
+export { Portal, PortalProps };

package/dist/Portal/Portal.js

@@ -1,54 +1,43 @@
-import React, { useContext } from 'react';
-import { createPortal } from 'react-dom';
-import useIsomorphicLayoutEffect from '../utils/useIsomorphicLayoutEffect.js';
-import { PortalContext } from './PortalContext.js';
-import { DEFAULT_PORTAL_CONTAINER_NAME, ensureDefaultPortal, getPortalRoot } from './portalRoot.js';
-
+import useIsomorphicLayoutEffect from "../utils/useIsomorphicLayoutEffect.js";
+import { PortalContext } from "./PortalContext.js";
+import { DEFAULT_PORTAL_CONTAINER_NAME, ensureDefaultPortal, getPortalRoot } from "./portalRoot.js";
+import React, { useContext } from "react";
+import { createPortal } from "react-dom";
+//#region src/Portal/Portal.tsx
 /**
- * Creates a React Portal, placing all children in a separate physical DOM root node.
- * @see https://reactjs.org/docs/portals.html
- */
-const Portal = ({
-  children,
-  onMount,
-  containerName: _containerName
-}) => {
-  const {
-    portalContainerName
-  } = useContext(PortalContext);
-  const elementRef = React.useRef(null);
-  // eslint-disable-next-line react-hooks/refs
-  if (!elementRef.current) {
-    const div = document.createElement('div');
-    div.setAttribute('data-component', 'Portal');
-    // Portaled content should get their own stacking context so they don't interfere
-    // with each other in unexpected ways. One should never find themselves tempted
-    // to change the zIndex to a value other than "1".
-    div.style.position = 'relative';
-    div.style.zIndex = '1';
-    elementRef.current = div;
-  }
-
-  // eslint-disable-next-line react-hooks/refs
-  const element = elementRef.current;
-  useIsomorphicLayoutEffect(() => {
-    let containerName = _containerName !== null && _containerName !== void 0 ? _containerName : portalContainerName;
-    if (containerName === undefined) {
-      containerName = DEFAULT_PORTAL_CONTAINER_NAME;
-      ensureDefaultPortal();
-    }
-    const parentElement = getPortalRoot(containerName);
-    if (!parentElement) {
-      throw new Error(`Portal container '${containerName}' is not yet registered. Container must be registered with registerPortalRoot before use.`);
-    }
-    parentElement.appendChild(element);
-    onMount === null || onMount === void 0 ? void 0 : onMount();
-    return () => {
-      parentElement.removeChild(element);
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [element, _containerName, portalContainerName]);
-  return /*#__PURE__*/createPortal(children, element);
+* Creates a React Portal, placing all children in a separate physical DOM root node.
+* @see https://reactjs.org/docs/portals.html
+*/
+const Portal = ({ children, onMount, containerName: _containerName }) => {
+	const { portalContainerName } = useContext(PortalContext);
+	const elementRef = React.useRef(null);
+	if (!elementRef.current) {
+		const div = document.createElement("div");
+		div.setAttribute("data-component", "Portal");
+		div.style.position = "relative";
+		div.style.zIndex = "1";
+		elementRef.current = div;
+	}
+	const element = elementRef.current;
+	useIsomorphicLayoutEffect(() => {
+		let containerName = _containerName !== null && _containerName !== void 0 ? _containerName : portalContainerName;
+		if (containerName === void 0) {
+			containerName = DEFAULT_PORTAL_CONTAINER_NAME;
+			ensureDefaultPortal();
+		}
+		const parentElement = getPortalRoot(containerName);
+		if (!parentElement) throw new Error(`Portal container '${containerName}' is not yet registered. Container must be registered with registerPortalRoot before use.`);
+		parentElement.appendChild(element);
+		onMount === null || onMount === void 0 || onMount();
+		return () => {
+			parentElement.removeChild(element);
+		};
+	}, [
+		element,
+		_containerName,
+		portalContainerName
+	]);
+	return /*#__PURE__*/ createPortal(children, element);
 };
-
+//#endregion
 export { Portal };

package/dist/Portal/PortalContext.d.ts

@@ -1,5 +1,8 @@
-import React from 'react';
-export declare const PortalContext: React.Context<{
-    portalContainerName?: string;
+import React from "react";
+
+//#region src/Portal/PortalContext.d.ts
+declare const PortalContext: React.Context<{
+  portalContainerName?: string;
 }>;
-//# sourceMappingURL=PortalContext.d.ts.map
+//#endregion
+export { PortalContext };

package/dist/Portal/PortalContext.js

@@ -1,5 +1,5 @@
-import React from 'react';
-
-const PortalContext = /*#__PURE__*/React.createContext({});
-
+import React from "react";
+//#region src/Portal/PortalContext.ts
+const PortalContext = /*#__PURE__*/ React.createContext({});
+//#endregion
 export { PortalContext };

package/dist/Portal/index.d.ts

@@ -1,9 +1,4 @@
-import type { PortalProps } from './Portal';
-import { Portal } from './Portal';
-import { PortalContext } from './PortalContext';
-import { registerPortalRoot } from './portalRoot';
-export default Portal;
-export { registerPortalRoot };
-export type { PortalProps };
-export { PortalContext };
-//# sourceMappingURL=index.d.ts.map
+import { Portal, PortalProps } from "./Portal.js";
+import { PortalContext } from "./PortalContext.js";
+import { registerPortalRoot } from "./portalRoot.js";
+export { PortalContext, type PortalProps, Portal as default, registerPortalRoot };

package/dist/Portal/index.js

@@ -1,5 +1,7 @@
-import { Portal } from './Portal.js';
-
-
-
-export { Portal as default };
+import { PortalContext } from "./PortalContext.js";
+import { registerPortalRoot } from "./portalRoot.js";
+import { Portal } from "./Portal.js";
+//#region src/Portal/index.ts
+var Portal_default = Portal;
+//#endregion
+export { PortalContext, Portal_default as default, registerPortalRoot };

package/dist/Portal/portalRoot.d.ts

@@ -1,11 +1,10 @@
-export declare const DEFAULT_PORTAL_CONTAINER_NAME = "__default__";
+//#region src/Portal/portalRoot.d.ts
 /**
  * Register a container to serve as a portal root.
  * @param root The element that will be the root for portals created in this container
  * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
  * If name is not specified, registers the default portal root.
  */
-export declare function registerPortalRoot(root: Element, name?: string): void;
-export declare function ensureDefaultPortal(): void;
-export declare function getPortalRoot(name: string): Element | undefined;
-//# sourceMappingURL=portalRoot.d.ts.map
+declare function registerPortalRoot(root: Element, name?: string): void;
+//#endregion
+export { registerPortalRoot };

package/dist/Portal/portalRoot.js

@@ -1,39 +1,36 @@
-const PRIMER_PORTAL_ROOT_ID = '__primerPortalRoot__';
-const DEFAULT_PORTAL_CONTAINER_NAME = '__default__';
+//#region src/Portal/portalRoot.ts
+const PRIMER_PORTAL_ROOT_ID = "__primerPortalRoot__";
+const DEFAULT_PORTAL_CONTAINER_NAME = "__default__";
 const portalRootRegistry = {};
-
 /**
- * Register a container to serve as a portal root.
- * @param root The element that will be the root for portals created in this container
- * @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
- * If name is not specified, registers the default portal root.
- */
+* Register a container to serve as a portal root.
+* @param root The element that will be the root for portals created in this container
+* @param name The name of the container, to be used with the `containerName` prop on the Portal Component.
+* If name is not specified, registers the default portal root.
+*/
 function registerPortalRoot(root, name = DEFAULT_PORTAL_CONTAINER_NAME) {
-  portalRootRegistry[name] = root;
+	portalRootRegistry[name] = root;
 }
 function ensureDefaultPortal() {
-  const existingDefaultPortalContainer = portalRootRegistry[DEFAULT_PORTAL_CONTAINER_NAME];
-  if (!existingDefaultPortalContainer || !document.body.contains(existingDefaultPortalContainer)) {
-    let defaultPortalContainer = document.getElementById(PRIMER_PORTAL_ROOT_ID);
-    if (!(defaultPortalContainer instanceof Element)) {
-      defaultPortalContainer = document.createElement('div');
-      defaultPortalContainer.setAttribute('id', PRIMER_PORTAL_ROOT_ID);
-      defaultPortalContainer.style.position = 'absolute';
-      defaultPortalContainer.style.top = '0';
-      defaultPortalContainer.style.left = '0';
-      defaultPortalContainer.style.width = '100%';
-      const suitablePortalRoot = document.querySelector('[data-portal-root]');
-      if (suitablePortalRoot) {
-        suitablePortalRoot.appendChild(defaultPortalContainer);
-      } else {
-        document.body.appendChild(defaultPortalContainer);
-      }
-    }
-    registerPortalRoot(defaultPortalContainer);
-  }
+	const existingDefaultPortalContainer = portalRootRegistry[DEFAULT_PORTAL_CONTAINER_NAME];
+	if (!existingDefaultPortalContainer || !document.body.contains(existingDefaultPortalContainer)) {
+		let defaultPortalContainer = document.getElementById(PRIMER_PORTAL_ROOT_ID);
+		if (!(defaultPortalContainer instanceof Element)) {
+			defaultPortalContainer = document.createElement("div");
+			defaultPortalContainer.setAttribute("id", PRIMER_PORTAL_ROOT_ID);
+			defaultPortalContainer.style.position = "absolute";
+			defaultPortalContainer.style.top = "0";
+			defaultPortalContainer.style.left = "0";
+			defaultPortalContainer.style.width = "100%";
+			const suitablePortalRoot = document.querySelector("[data-portal-root]");
+			if (suitablePortalRoot) suitablePortalRoot.appendChild(defaultPortalContainer);
+			else document.body.appendChild(defaultPortalContainer);
+		}
+		registerPortalRoot(defaultPortalContainer);
+	}
 }
 function getPortalRoot(name) {
-  return portalRootRegistry[name];
+	return portalRootRegistry[name];
 }
-
+//#endregion
 export { DEFAULT_PORTAL_CONTAINER_NAME, ensureDefaultPortal, getPortalRoot, registerPortalRoot };

package/dist/ProgressBar/ProgressBar.d.ts

@@ -1,29 +1,23 @@
-import React from 'react';
+import React from "react";
+
+//#region src/ProgressBar/ProgressBar.d.ts
 type ProgressProp = {
-    className?: string;
-    progress?: string | number;
-    bg?: string;
+  className?: string;
+  progress?: string | number;
+  bg?: string;
 };
 type StyledProgressContainerProps = {
-    inline?: boolean;
-    barSize?: 'small' | 'default' | 'large';
-    animated?: boolean;
+  inline?: boolean;
+  barSize?: 'small' | 'default' | 'large';
+  animated?: boolean;
 };
-export type ProgressBarItemProps = React.HTMLAttributes<HTMLSpanElement> & {
-    'aria-label'?: string;
-    className?: string;
+type ProgressBarItemProps = React.HTMLAttributes<HTMLSpanElement> & {
+  'aria-label'?: string;
+  className?: string;
 } & ProgressProp;
-export declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
-    'aria-label'?: string;
-    className?: string;
-} & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
-export type ProgressBarProps = React.HTMLAttributes<HTMLSpanElement> & {
-    bg?: string;
-    className?: string;
+type ProgressBarProps = React.HTMLAttributes<HTMLSpanElement> & {
+  bg?: string;
+  className?: string;
 } & StyledProgressContainerProps & ProgressProp;
-export declare const ProgressBar: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & {
-    bg?: string;
-    className?: string;
-} & StyledProgressContainerProps & ProgressProp & React.RefAttributes<HTMLSpanElement>>;
-export {};
-//# sourceMappingURL=ProgressBar.d.ts.map
+//#endregion
+export { ProgressBarItemProps, ProgressBarProps };