@primer/react 38.0.0-rc.389f01088 → 38.0.0-rc.5

package/lib/ActionList/Visuals.js

@@ -1,112 +0,0 @@
-'use strict';
-
-var React = require('react');
-var octiconsReact = require('@primer/octicons-react');
-var shared = require('./shared.js');
-var clsx = require('clsx');
-var ActionList_module = require('./ActionList.module.css.js');
-var defaultSxProp = require('../utils/defaultSxProp.js');
-var BoxWithFallback = require('../internal/components/BoxWithFallback.js');
-var jsxRuntime = require('react/jsx-runtime');
-var Tooltip = require('../TooltipV2/Tooltip.js');
-var Spinner = require('../Spinner/Spinner.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const VisualContainer = ({
-  sx = defaultSxProp.defaultSxProp,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx(BoxWithFallback.BoxWithFallback, {
-    as: "span",
-    className: clsx.clsx(className, ActionList_module.VisualWrap),
-    sx: sx,
-    ...props
-  });
-};
-VisualContainer.displayName = "VisualContainer";
-const LeadingVisual = ({
-  sx = defaultSxProp.defaultSxProp,
-  className,
-  ...props
-}) => {
-  return /*#__PURE__*/jsxRuntime.jsx(VisualContainer, {
-    className: clsx.clsx(className, ActionList_module.LeadingVisual),
-    sx: sx,
-    ...props,
-    children: props.children
-  });
-};
-LeadingVisual.displayName = "LeadingVisual";
-const TrailingVisual = ({
-  sx = defaultSxProp.defaultSxProp,
-  className,
-  ...props
-}) => {
-  const {
-    trailingVisualId
-  } = React__default.default.useContext(shared.ItemContext);
-  return /*#__PURE__*/jsxRuntime.jsx(VisualContainer, {
-    className: clsx.clsx(className, ActionList_module.TrailingVisual),
-    sx: sx,
-    id: trailingVisualId,
-    ...props,
-    children: props.children
-  });
-};
-TrailingVisual.displayName = "TrailingVisual";
-// VisualOrIndicator handles the positioning of indicators and determines whether to show a visual or an indicator.
-//
-// If we're showing an *inactive* or *loading* indicator and a leading visual has NOT been passed,
-// replace the trailing visual with the inactive indicator.
-//
-// This preserves the left alignment of item text.
-const VisualOrIndicator = ({
-  children,
-  labelId,
-  loading,
-  inactiveText,
-  itemHasLeadingVisual,
-  position,
-  className
-}) => {
-  const VisualComponent = position === 'leading' ? LeadingVisual : TrailingVisual;
-  if (!loading && !inactiveText) return children;
-  if (itemHasLeadingVisual && position === 'trailing' ||
-  // has a leading visual, and it's in the trailing position, or
-  !itemHasLeadingVisual && position === 'leading' // it doesn't have a leading visual, and it's in the leading position
-  ) {
-    // => so we don't render the indicator here
-    return children;
-  }
-  return inactiveText ? /*#__PURE__*/jsxRuntime.jsx("span", {
-    className: ActionList_module.InactiveButtonWrap,
-    children: /*#__PURE__*/jsxRuntime.jsx(Tooltip.Tooltip, {
-      text: inactiveText,
-      type: "description",
-      children: /*#__PURE__*/jsxRuntime.jsx("button", {
-        type: "button",
-        className: ActionList_module.InactiveButtonReset,
-        "aria-labelledby": labelId,
-        children: /*#__PURE__*/jsxRuntime.jsx(VisualComponent, {
-          children: /*#__PURE__*/jsxRuntime.jsx(octiconsReact.AlertIcon, {})
-        })
-      })
-    })
-  }) : /*#__PURE__*/jsxRuntime.jsx(VisualComponent, {
-    className: className,
-    children: /*#__PURE__*/jsxRuntime.jsx(Spinner, {
-      size: "small"
-    })
-  });
-};
-LeadingVisual.displayName = 'ActionList.LeadingVisual';
-TrailingVisual.displayName = 'ActionList.TrailingVisual';
-
-exports.LeadingVisual = LeadingVisual;
-exports.TrailingVisual = TrailingVisual;
-exports.VisualContainer = VisualContainer;
-exports.VisualOrIndicator = VisualOrIndicator;

package/lib/ActionList/index.d.ts

@@ -1,35 +0,0 @@
-export type { ActionListProps } from './shared';
-export type { ActionListGroupProps, ActionListGroupHeadingProps } from './Group';
-export type { ActionListItemProps } from './shared';
-export type { ActionListLinkItemProps } from './LinkItem';
-export type { ActionListDividerProps } from './Divider';
-export type { ActionListDescriptionProps } from './Description';
-export type { ActionListLeadingVisualProps, ActionListTrailingVisualProps } from './Visuals';
-export type { ActionListHeadingProps } from './Heading';
-export type { ActionListTrailingActionProps } from './TrailingAction';
-/**
- * Collection of list-related components.
- */
-export declare const ActionList: import("../utils/polymorphic").ForwardRefComponent<"ul", import("./shared").ActionListProps> & {
-    /** Collects related `Items` in an `ActionList`. */
-    Group: import("react").FC<import("react").PropsWithChildren<import("./Group").ActionListGroupProps>>;
-    /** An actionable or selectable `Item` */
-    Item: import("../utils/polymorphic").ForwardRefComponent<"li", import("./shared").ActionListItemProps>;
-    /** A `Item` that renders a full-size anchor inside ListItem */
-    LinkItem: import("../utils/polymorphic").ForwardRefComponent<"a", import("./LinkItem").ActionListLinkItemProps>;
-    /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-    Divider: import("react").FC<import("react").PropsWithChildren<import("./Divider").ActionListDividerProps>>;
-    /** Secondary text which provides additional information about an `Item`. */
-    Description: import("react").FC<import("react").PropsWithChildren<import("./Description").ActionListDescriptionProps>>;
-    /** Icon (or similar) positioned before `Item` text. */
-    LeadingVisual: import("react").FC<import("react").PropsWithChildren<import("./Visuals").VisualProps>>;
-    /** Icon (or similar) positioned after `Item` text. */
-    TrailingVisual: import("react").FC<import("react").PropsWithChildren<import("./Visuals").VisualProps>>;
-    /** Heading for an `ActionList`. */
-    Heading: import("../utils/polymorphic").ForwardRefComponent<"h1" | "h2" | "h3" | "h4" | "h5" | "h6", import("./Heading").ActionListHeadingProps>;
-    /** Heading for `ActionList.Group` */
-    GroupHeading: import("react").FC<import("react").PropsWithChildren<import("./Group").ActionListGroupHeadingProps>>;
-    /** Secondary action */
-    TrailingAction: import("../utils/polymorphic").ForwardRefComponent<"button" | "a", import("./TrailingAction").ActionListTrailingActionProps>;
-};
-//# sourceMappingURL=index.d.ts.map

package/lib/ActionList/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ActionList/index.ts"],"names":[],"mappings":"AAUA,YAAY,EAAC,eAAe,EAAC,MAAM,UAAU,CAAA;AAC7C,YAAY,EAAC,oBAAoB,EAAE,2BAA2B,EAAC,MAAM,SAAS,CAAA;AAC9E,YAAY,EAAC,mBAAmB,EAAC,MAAM,UAAU,CAAA;AACjD,YAAY,EAAC,uBAAuB,EAAC,MAAM,YAAY,CAAA;AACvD,YAAY,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AACrD,YAAY,EAAC,0BAA0B,EAAC,MAAM,eAAe,CAAA;AAC7D,YAAY,EAAC,4BAA4B,EAAE,6BAA6B,EAAC,MAAM,WAAW,CAAA;AAC1F,YAAY,EAAC,sBAAsB,EAAC,MAAM,WAAW,CAAA;AACrD,YAAY,EAAC,6BAA6B,EAAC,MAAM,kBAAkB,CAAA;AAEnE;;GAEG;AACH,eAAO,MAAM,UAAU;IACrB,mDAAmD;;IAGnD,yCAAyC;;IAGzC,+DAA+D;;IAG/D,iEAAiE;;IAGjE,4EAA4E;;IAG5E,uDAAuD;;IAGvD,sDAAsD;;IAGtD,mCAAmC;;IAGnC,qCAAqC;;IAGrC,uBAAuB;;CAEvB,CAAA"}

package/lib/ActionList/index.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var List = require('./List.js');
-var Group = require('./Group.js');
-var Item = require('./Item.js');
-var LinkItem = require('./LinkItem.js');
-var Divider = require('./Divider.js');
-var Description = require('./Description.js');
-var TrailingAction = require('./TrailingAction.js');
-var Visuals = require('./Visuals.js');
-var Heading = require('./Heading.js');
-
-/**
- * Collection of list-related components.
- */
-const ActionList = Object.assign(List.List, {
-  /** Collects related `Items` in an `ActionList`. */
-  Group: Group.Group,
-  /** An actionable or selectable `Item` */
-  Item: Item.Item,
-  /** A `Item` that renders a full-size anchor inside ListItem */
-  LinkItem: LinkItem.LinkItem,
-  /** Visually separates `Item`s or `Group`s in an `ActionList`. */
-  Divider: Divider.Divider,
-  /** Secondary text which provides additional information about an `Item`. */
-  Description: Description.Description,
-  /** Icon (or similar) positioned before `Item` text. */
-  LeadingVisual: Visuals.LeadingVisual,
-  /** Icon (or similar) positioned after `Item` text. */
-  TrailingVisual: Visuals.TrailingVisual,
-  /** Heading for an `ActionList`. */
-  Heading: Heading.Heading,
-  /** Heading for `ActionList.Group` */
-  GroupHeading: Group.GroupHeading,
-  /** Secondary action */
-  TrailingAction: TrailingAction.TrailingAction
-});
-
-exports.ActionList = ActionList;

package/lib/ActionList/shared.d.ts

@@ -1,116 +0,0 @@
-import React from 'react';
-import type { SxProp } from '../sx';
-import type { AriaRole } from '../utils/types';
-export type ActionListItemProps = {
-    /**
-     * Primary content for an Item
-     */
-    children?: React.ReactNode;
-    /**
-     * Callback that will trigger both on click selection and keyboard selection.
-     * This is not called for disabled or inactive items.
-     */
-    onSelect?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>) => void;
-    /**
-     * Is the `Item` is currently selected?
-     */
-    selected?: boolean;
-    /**
-     * Indicate whether the item is active. There should never be more than one active item.
-     */
-    active?: boolean;
-    /**
-     * Style variations associated with various `Item` types.
-     *
-     * - `"default"` - An action `Item`.
-     * - `"danger"` - A destructive action `Item`.
-     */
-    variant?: 'default' | 'danger';
-    /**
-     * Items that are disabled can not be clicked, selected, or navigated through.
-     */
-    disabled?: boolean;
-    /**
-     * The ARIA role describing the function of `Item` component. `option` is a common value.
-     */
-    role?: AriaRole;
-    /**
-     * id to attach to the root element of the Item
-     */
-    id?: string;
-    /**
-     * Text describing why the item is inactive. This may be used when an item's usual functionality
-     * is unavailable due to a system error such as a database outage.
-     */
-    inactiveText?: string;
-    /**
-     * Whether the item is loading
-     */
-    loading?: boolean;
-    /**
-     * Private API for use internally only. Used by LinkItem to wrap contents in an anchor
-     */
-    _PrivateItemWrapper?: React.FC<React.PropsWithChildren<MenuItemProps>>;
-    className?: string;
-    groupId?: string;
-    renderItem?: (item: React.FC<React.PropsWithChildren<MenuItemProps>>) => React.ReactNode;
-    handleAddItem?: (item: React.FC<React.PropsWithChildren<MenuItemProps>>) => void;
-} & SxProp;
-type MenuItemProps = {
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-    onKeyPress?: (event: React.KeyboardEvent<HTMLElement>) => void;
-    'aria-disabled'?: boolean;
-    tabIndex?: number;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-    role?: string;
-    className?: string;
-};
-export type ItemContext = Pick<ActionListItemProps, 'variant' | 'disabled'> & {
-    inlineDescriptionId?: string;
-    blockDescriptionId?: string;
-    trailingVisualId?: string;
-    inactive?: boolean;
-};
-export declare const ItemContext: React.Context<ItemContext>;
-export declare const getVariantStyles: (variant: ActionListItemProps["variant"], disabled: ActionListItemProps["disabled"], inactive?: boolean) => {
-    color: string;
-    iconColor: string;
-    annotationColor: string;
-    hoverColor?: undefined;
-} | {
-    color: string;
-    iconColor: string;
-    annotationColor: string;
-    hoverColor: string;
-};
-export declare const TEXT_ROW_HEIGHT = "20px";
-export type ActionListProps = React.PropsWithChildren<{
-    /**
-     * `inset` children are offset (vertically and horizontally) from `List`’s edges, `full` children are flush (vertically and horizontally) with `List` edges
-     */
-    variant?: 'inset' | 'horizontal-inset' | 'full';
-    /**
-     * Whether multiple Items or a single Item can be selected.
-     */
-    selectionVariant?: 'single' | 'radio' | 'multiple';
-    /**
-     * Display a divider above each `Item` in this `List` when it does not follow a `Header` or `Divider`.
-     */
-    showDividers?: boolean;
-    /**
-     * The ARIA role describing the function of `List` component. `listbox` or `menu` are a common values.
-     */
-    role?: AriaRole;
-    /**
-     * Disables the focus zone for the list if applicable. Focus zone is enabled by default for `menu` and `listbox` roles, or components such as `ActionMenu` and `SelectPanel`.
-     */
-    disableFocusZone?: boolean;
-    className?: string;
-}> & SxProp;
-type ContextProps = Pick<ActionListProps, 'variant' | 'selectionVariant' | 'showDividers' | 'role'> & {
-    headingId?: string;
-};
-export declare const ListContext: React.Context<ContextProps>;
-export {};
-//# sourceMappingURL=shared.d.ts.map

package/lib/ActionList/shared.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../src/ActionList/shared.ts"],"names":[],"mappings":"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"}

package/lib/ActionList/shared.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-const ItemContext = /*#__PURE__*/React__default.default.createContext({});
-
-const ListContext = /*#__PURE__*/React__default.default.createContext({});
-
-exports.ItemContext = ItemContext;
-exports.ListContext = ListContext;

package/lib/ActionMenu/ActionMenu-5fe972e2.css

@@ -1,2 +0,0 @@
-.prc-ActionMenu-ActionMenuContainer-XdFHv:where([data-variant=fullscreen]){padding-top:var(--base-size-36,2.25rem)}
-/*# sourceMappingURL=ActionMenu-5fe972e2.css.map */

package/lib/ActionMenu/ActionMenu-5fe972e2.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ActionMenu/ActionMenu.module.css"],"names":[],"mappings":"AACE,2EACE,uCACF","file":"ActionMenu-5fe972e2.css","sourcesContent":[".ActionMenuContainer {\n  &:where([data-variant='fullscreen']) {\n    padding-top: var(--base-size-36);\n  }\n}\n"]}

package/lib/ActionMenu/ActionMenu.d.ts

@@ -1,51 +0,0 @@
-import React from 'react';
-import type { AnchoredOverlayProps } from '../AnchoredOverlay';
-import type { OverlayProps } from '../Overlay';
-import type { ButtonProps } from '../Button';
-import type { AnchorPosition } from '@primer/behaviors';
-import type { ForwardRefComponent as PolymorphicForwardRefComponent } from '../utils/polymorphic';
-export type MenuCloseHandler = (gesture: 'anchor-click' | 'click-outside' | 'escape' | 'tab' | 'item-select' | 'arrow-left' | 'close') => void;
-export type MenuContextProps = Pick<AnchoredOverlayProps, 'anchorRef' | 'renderAnchor' | 'open' | 'onOpen' | 'anchorId'> & {
-    onClose?: MenuCloseHandler;
-    isSubmenu?: boolean;
-};
-export type ActionMenuProps = {
-    /**
-     * Recommended: `ActionMenu.Button` or `ActionMenu.Anchor` with `ActionMenu.Overlay`
-     */
-    children: React.ReactElement[] | React.ReactElement;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjunction with `onOpenChange`.
-     */
-    open?: boolean;
-    /**
-     * If defined, will control the open/closed state of the overlay. Must be used in conjunction with `open`.
-     */
-    onOpenChange?: (s: boolean) => void;
-} & Pick<AnchoredOverlayProps, 'anchorRef'>;
-export type ActionMenuAnchorProps = {
-    children: React.ReactElement;
-    id?: string;
-} & React.HTMLAttributes<HTMLElement>;
-/** this component is syntactical sugar 🍭 */
-export type ActionMenuButtonProps = ButtonProps;
-type MenuOverlayProps = Partial<OverlayProps> & Pick<AnchoredOverlayProps, 'align' | 'side' | 'variant'> & {
-    /**
-     * Recommended: `ActionList`
-     */
-    children: React.ReactNode;
-    onPositionChange?: ({ position }: {
-        position: AnchorPosition;
-    }) => void;
-};
-export declare const ActionMenu: React.FC<React.PropsWithChildren<ActionMenuProps>> & {
-    Button: PolymorphicForwardRefComponent<"button", ButtonProps>;
-    Anchor: React.ForwardRefExoticComponent<{
-        children: React.ReactElement;
-        id?: string;
-    } & React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
-    Overlay: React.FC<React.PropsWithChildren<MenuOverlayProps>>;
-    Divider: React.FC<React.PropsWithChildren<import("..").ActionListDividerProps>>;
-};
-export {};
-//# sourceMappingURL=ActionMenu.d.ts.map