@primer/react 38.29.0-rc.30acfb591 → 38.29.0-rc.d7f442775

package/dist/UnderlineNav/UnderlineNav.js

@@ -13,6 +13,7 @@ import { ActionList } from '../ActionList/index.js';
 import { invariant } from '../utils/invariant.js';
 import classes from './UnderlineNav.module.css.js';
 import { getAnchoredPosition } from '@primer/behaviors';
+import { getValidChildren } from './utils.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { ButtonComponent } from '../Button/Button.js';
 import CounterLabel from '../CounterLabel/CounterLabel.js';
@@ -82,10 +83,6 @@ const overflowEffect = (navWidth, moreMenuWidth, childArray, childWidthArray, no
     menuItems
   }, iconsVisible, true);
 };
-const getValidChildren = children => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
-};
 const calculatePossibleItems = (childWidthArray, navWidth, moreMenuWidth = 0) => {
   const widthToFit = navWidth - moreMenuWidth;
   let breakpoint = childWidthArray.length; // assume all items will fit

package/dist/UnderlineNav/utils.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const getValidChildren: (children: React.ReactNode) => React.ReactElement<any>[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/UnderlineNav/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/UnderlineNav/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,gBAAgB,GAAI,UAAU,KAAK,CAAC,SAAS,KAEgC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAChH,CAAA"}

package/dist/UnderlineNav/utils.js

@@ -0,0 +1,8 @@
+import React from 'react';
+
+const getValidChildren = children => {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  return React.Children.toArray(children).filter(child => /*#__PURE__*/React.isValidElement(child));
+};
+
+export { getValidChildren };

package/dist/experimental/SelectPanel2/SelectPanel.js

@@ -2,7 +2,7 @@ import React, { useState, useEffect } from 'react';
 import { AlertIcon, SearchIcon, XCircleFillIcon, ArrowLeftIcon, FilterRemoveIcon, XIcon } from '@primer/octicons-react';
 import { ActionListContainerContext } from '../../ActionList/ActionListContainerContext.js';
 import { useSlots } from '../../hooks/useSlots.js';
-import { BaseOverlay, heightMap } from '../../Overlay/Overlay.js';
+import { BaseOverlay } from '../../Overlay/Overlay.js';
 import { InputLabel } from '../../internal/components/InputLabel.js';
 import { invariant } from '../../utils/invariant.js';
 import { useResponsiveValue } from '../../hooks/useResponsiveValue.js';
@@ -13,6 +13,7 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useProvidedRefOrCreate } from '../../hooks/useProvidedRefOrCreate.js';
 import { useId } from '../../hooks/useId.js';
 import { useAnchoredPosition } from '../../hooks/useAnchoredPosition.js';
+import { heightMap } from '../../Overlay/constants.js';
 import { AriaStatus } from '../../live-region/AriaStatus.js';
 import Octicon from '../../Octicon/Octicon.js';
 import Spinner from '../../Spinner/Spinner.js';

package/dist/experimental/index.js

@@ -14,7 +14,7 @@ export { DataTable } from '../DataTable/DataTable.js';
 export { DefaultFeatureFlags } from '../FeatureFlags/DefaultFeatureFlags.js';
 export { Dialog } from '../Dialog/Dialog.js';
 export { FeatureFlags } from '../FeatureFlags/FeatureFlags.js';
-export { FilteredActionListLoadingTypes } from '../FilteredActionList/FilteredActionListLoaders.js';
+export { FilteredActionListLoadingTypes } from '../FilteredActionList/constants.js';
 export { Hidden } from '../Hidden/Hidden.js';
 export { InlineMessage } from '../InlineMessage/InlineMessage.js';
 export { IssueLabel } from './IssueLabel/IssueLabel.js';

package/dist/hooks/MatchMedia.d.ts

@@ -0,0 +1,23 @@
+import type React from 'react';
+import { type MediaQueryFeatures } from './MatchMediaContext';
+type MatchMediaProps = {
+    children: React.ReactNode;
+    features?: MediaQueryFeatures;
+};
+/**
+ * Use `MatchMedia` to emulate media conditions by passing in feature
+ * queries to the `features` prop. If a component uses `useMedia` with the
+ * feature passed in to `MatchMedia` it will force its value to match what is
+ * provided to `MatchMedia`
+ *
+ * This should be used for development and documentation only in situations
+ * where devtools cannot emulate this feature
+ *
+ * @example
+ * <MatchMedia features={{ "(pointer: coarse)": true}}>
+ *   <Children />
+ * </MatchMedia>
+ */
+export declare function MatchMedia({ children, features }: MatchMediaProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=MatchMedia.d.ts.map

package/dist/hooks/MatchMedia.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/MatchMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAoB,KAAK,kBAAkB,EAAC,MAAM,qBAAqB,CAAA;AAE9E,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAC,QAAQ,EAAE,QAA0B,EAAC,EAAE,eAAe,qBAGjF"}

package/dist/hooks/MatchMediaContext.d.ts

@@ -0,0 +1,5 @@
+export type MediaQueryFeatures = {
+    [key: string]: boolean | undefined;
+};
+export declare const MatchMediaContext: import("react").Context<MediaQueryFeatures>;
+//# sourceMappingURL=MatchMediaContext.d.ts.map

package/dist/hooks/MatchMediaContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MatchMediaContext.d.ts","sourceRoot":"","sources":["../../src/hooks/MatchMediaContext.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;CACnC,CAAA;AAKD,eAAO,MAAM,iBAAiB,6CAAwC,CAAA"}

package/dist/hooks/MatchMediaContext.js

@@ -0,0 +1,8 @@
+import { createContext } from 'react';
+
+// Used to keep track of overrides to specific media query features, this should
+// be used for development and demo purposes to emulate specific features if
+// unavailable through devtools
+const MatchMediaContext = /*#__PURE__*/createContext({});
+
+export { MatchMediaContext };

package/dist/hooks/useMedia.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 /**
  * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
  * determine if the document matches the media query string.
@@ -13,27 +12,5 @@ import React from 'react';
  * }
  */
 export declare function useMedia(mediaQueryString: string, defaultState?: boolean): boolean;
-type MediaQueryFeatures = {
-    [key: string]: boolean | undefined;
-};
-type MatchMediaProps = {
-    children: React.ReactNode;
-    features?: MediaQueryFeatures;
-};
-/**
- * Use `MatchMedia` to emulate media conditions by passing in feature
- * queries to the `features` prop. If a component uses `useMedia` with the
- * feature passed in to `MatchMedia` it will force its value to match what is
- * provided to `MatchMedia`
- *
- * This should be used for development and documentation only in situations
- * where devtools cannot emulate this feature
- *
- * @example
- * <MatchMedia features={{ "(pointer: coarse)": true}}>
- *   <Children />
- * </MatchMedia>
- */
-export declare function MatchMedia({ children, features }: MatchMediaProps): React.JSX.Element;
-export {};
+export { MatchMedia } from './MatchMedia';
 //# sourceMappingURL=useMedia.d.ts.map

package/dist/hooks/useMedia.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAI3E;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAmExE;AAED,KAAK,kBAAkB,GAAG;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAAA;CACnC,CAAA;AAOD,KAAK,eAAe,GAAG;IACrB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,kBAAkB,CAAA;CAC9B,CAAA;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EAAC,QAAQ,EAAE,QAA0B,EAAC,EAAE,eAAe,qBAGjF"}
+{"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../src/hooks/useMedia.ts"],"names":[],"mappings":"AAKA;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,gBAAgB,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,WAmExE;AAED,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAA"}

package/dist/hooks/useMedia.js

@@ -1,7 +1,20 @@
 import { c } from 'react-compiler-runtime';
-import React, { useContext, useEffect, createContext } from 'react';
-import 'react/jsx-runtime';
+import React, { useContext, useEffect } from 'react';
+import { MatchMediaContext } from './MatchMediaContext.js';
 
+/**
+ * `useMedia` will use the given `mediaQueryString` with `matchMedia` to
+ * determine if the document matches the media query string.
+ *
+ * If `MatchMedia` is used as an ancestor, `useMedia` will instead use the
+ * value of the media query string, if available
+ *
+ * @example
+ * function Example() {
+ *   const coarsePointer = useMedia('(pointer: coarse)');
+ *   // ...
+ * }
+ */
 function useMedia(mediaQueryString, defaultState) {
   const $ = c(8);
   const features = useContext(MatchMediaContext);
@@ -63,9 +76,5 @@ function useMedia(mediaQueryString, defaultState) {
   useEffect(t1, t2);
   return matches;
 }
-// Used to keep track of overrides to specific media query features, this should
-// be used for development and demo purposes to emulate specific features if
-// unavailable through devtools
-const MatchMediaContext = /*#__PURE__*/createContext({});
 
 export { useMedia };

package/dist/index.js

@@ -28,7 +28,9 @@ export { ActionList } from './ActionList/index.js';
 export { Banner } from './Banner/index.js';
 export { default as Label } from './Label/Label.js';
 export { default as Pagination } from './Pagination/Pagination.js';
-export { Portal, PortalContext, registerPortalRoot } from './Portal/Portal.js';
+export { Portal } from './Portal/Portal.js';
+export { PortalContext } from './Portal/PortalContext.js';
+export { registerPortalRoot } from './Portal/portalRoot.js';
 export { ProgressBar } from './ProgressBar/index.js';
 export { default as SideNav } from './SideNav.js';
 export { useRovingTabIndex } from './TreeView/useRovingTabIndex.js';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@primer/react",
   "type": "module",
-  "version": "38.29.0-rc.30acfb591",
+  "version": "38.29.0-rc.d7f442775",
   "description": "An implementation of GitHub's Primer Design System using React",
   "main": "./dist/index.js",
   "module": "./dist/index.js",