@primer/components 0.0.0-2021111114654 → 0.0.0-2021111122934

package/lib/src/__tests__/Text.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/TextInput.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/TextInputWithTokens.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/ThemeProvider.test.d.ts

@@ -0,0 +1 @@
+import 'jest-styled-components';

package/lib/src/__tests__/Timeline.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/Timeline.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Token.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/Tooltip.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/Tooltip.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/Truncate.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/Truncate.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/UnderlineNav.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/UnderlineNav.types.test.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function shouldAcceptCallWithNoProps(): JSX.Element;
+export declare function shouldNotAcceptSystemProps(): JSX.Element;

package/lib/src/__tests__/UnderlineNavLink.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/lib/src/__tests__/behaviors/anchoredPosition.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/behaviors/focusTrap.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/behaviors/focusZone.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/behaviors/iterateFocusableElements.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/behaviors/scrollIntoViewingArea.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/filterObject.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/hooks/useAnchoredPosition.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/hooks/useOnEscapePress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/hooks/useOnOutsideClick.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/hooks/useOpenAndCloseFocus.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/hooks/useProvidedStateOrCreate.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/theme.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/themeGet.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/themePreval.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/useSafeTimeout.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/__tests__/utils/createSlots.test.d.ts

@@ -0,0 +1 @@
+import 'babel-polyfill';

package/{lib-esm → lib/src}/drafts.d.ts

@@ -6,4 +6,3 @@
  */
 export * from './ActionList2';
 export * from './NewButton';
-export * from './ActionMenu2';

package/lib/src/utils/test-deprecations.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/src/utils/test-matchers.d.ts

@@ -0,0 +1 @@
+import 'jest-styled-components';

package/lib-esm/ActionList2/Divider.js

@@ -1,26 +1,23 @@
 import React from 'react';
 import Box from '../Box';
 import { get } from '../constants';
-import { merge } from '../sx';
+
 /**
  * Visually separates `Item`s or `Group`s in an `ActionList`.
  */
-
-export const Divider = ({
-  sx = {}
-}) => {
+export function Divider() {
   return /*#__PURE__*/React.createElement(Box, {
     as: "li",
     role: "separator",
-    sx: merge({
+    sx: {
       height: 1,
       backgroundColor: 'actionListItem.inlineDivider',
       marginTop: theme => `calc(${get('space.2')(theme)} - 1px)`,
       marginBottom: 2,
       listStyle: 'none' // hide the ::marker inserted by browser's stylesheet
 
-    }, sx),
+    },
     "data-component": "ActionList.Divider"
   });
-};
+}
 Divider.displayName = "Divider";

package/lib-esm/ActionList2/Item.js

@@ -8,7 +8,6 @@ import Box from '../Box';
 import sx, { merge } from '../sx';
 import createSlots from '../utils/create-slots';
 import { ListContext } from './List';
-import { MenuContext } from './MenuContext';
 import { Selection } from './Selection';
 export const getVariantStyles = (variant, disabled) => {
   if (disabled) {
@@ -55,7 +54,6 @@ export const Item = /*#__PURE__*/React.forwardRef(({
   onSelect,
   sx: sxProp = {},
   id,
-  role,
   _PrivateItemWrapper,
   ...props
 }, forwardedRef) => {
@@ -63,10 +61,6 @@ export const Item = /*#__PURE__*/React.forwardRef(({
     variant: listVariant,
     showDividers
   } = React.useContext(ListContext);
-  const {
-    itemRole,
-    afterSelect
-  } = React.useContext(MenuContext);
   const {
     theme
   } = useTheme();
@@ -141,23 +135,16 @@ export const Item = /*#__PURE__*/React.forwardRef(({
   const clickHandler = React.useCallback(event => {
     if (typeof onSelect !== 'function') return;
     if (disabled) return;
-
-    if (!event.defaultPrevented) {
-      onSelect(event); // if this Item is inside a Menu, close the Menu
-
-      if (typeof afterSelect === 'function') afterSelect();
-    }
-  }, [onSelect, disabled, afterSelect]);
+    if (!event.defaultPrevented) onSelect(event);
+  }, [onSelect, disabled]);
   const keyPressHandler = React.useCallback(event => {
     if (typeof onSelect !== 'function') return;
     if (disabled) return;
 
     if (!event.defaultPrevented && [' ', 'Enter'].includes(event.key)) {
-      onSelect(event); // if this Item is inside a Menu, close the Menu
-
-      if (typeof afterSelect === 'function') afterSelect();
+      onSelect(event);
     }
-  }, [onSelect, disabled, afterSelect]); // use props.id if provided, otherwise generate one.
+  }, [onSelect, disabled]); // use props.id if provided, otherwise generate one.
 
   const labelId = useSSRSafeId(id);
   const inlineDescriptionId = useSSRSafeId(id && `${id}--inline-description`);
@@ -179,8 +166,7 @@ export const Item = /*#__PURE__*/React.forwardRef(({
     "aria-disabled": disabled ? true : undefined,
     tabIndex: disabled || _PrivateItemWrapper ? undefined : 0,
     "aria-labelledby": `${labelId} ${slots.InlineDescription ? inlineDescriptionId : ''}`,
-    "aria-describedby": slots.BlockDescription ? blockDescriptionId : undefined,
-    role: role || itemRole
+    "aria-describedby": slots.BlockDescription ? blockDescriptionId : undefined
   }, props), /*#__PURE__*/React.createElement(ItemWrapper, null, /*#__PURE__*/React.createElement(Selection, {
     selected: selected
   }), slots.LeadingVisual, /*#__PURE__*/React.createElement(Box, {

package/lib-esm/ActionList2/List.js

@@ -3,7 +3,6 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 import React from 'react';
 import styled from 'styled-components';
 import sx, { merge } from '../sx';
-import { MenuContext } from './MenuContext';
 export const ListContext = /*#__PURE__*/React.createContext({});
 const ListBox = styled.ul.withConfig({
   displayName: "List__ListBox",
@@ -13,7 +12,6 @@ export const List = /*#__PURE__*/React.forwardRef(({
   variant = 'inset',
   selectionVariant,
   showDividers = false,
-  role,
   sx: sxProp = {},
   ...props
 }, forwardedRef) => {
@@ -23,14 +21,8 @@ export const List = /*#__PURE__*/React.forwardRef(({
     // reset ul styles
     paddingY: variant === 'inset' ? 2 : 0
   };
-  /** if list is inside a Menu, it will get a role from the Menu */
-
-  const {
-    listRole
-  } = React.useContext(MenuContext);
   return /*#__PURE__*/React.createElement(ListBox, _extends({
-    sx: merge(styles, sxProp),
-    role: role || listRole
+    sx: merge(styles, sxProp)
   }, props, {
     ref: forwardedRef
   }), /*#__PURE__*/React.createElement(ListContext.Provider, {

package/lib-esm/ActionList2/Selection.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { CheckIcon } from '@primer/octicons-react';
 import { ListContext } from './List';
 import { GroupContext } from './Group';
-import { MenuContext } from './MenuContext';
 import { LeadingVisualContainer } from './Visuals';
 export const Selection = ({
   selected
@@ -13,9 +12,6 @@ export const Selection = ({
   const {
     selectionVariant: groupSelectionVariant
   } = React.useContext(GroupContext);
-  const {
-    parent
-  } = React.useContext(MenuContext);
   /** selectionVariant in Group can override the selectionVariant in List root */
 
   const selectionVariant = typeof groupSelectionVariant !== 'undefined' ? groupSelectionVariant : listSelectionVariant; // if selectionVariant is not set on List, don't show selection
@@ -26,11 +22,6 @@ export const Selection = ({
     return null;
   }
 
-  if (parent === 'ActionMenu') {
-    throw new Error('ActionList cannot have a selectionVariant inside ActionMenu, please use DropdownMenu or SelectPanel instead. More information: https://primer.style/design/components/action-list#application');
-    return null;
-  }
-
   if (selectionVariant === 'single') {
     return /*#__PURE__*/React.createElement(LeadingVisualContainer, null, selected && /*#__PURE__*/React.createElement(CheckIcon, null));
   }