@primer/components 0.0.0-202198182351 → 0.0.0-20219819465

package/lib-esm/index.d.ts

@@ -24,6 +24,7 @@ export { useConfirm } from './Dialog/ConfirmationDialog';
 export { ActionList } from './ActionList';
 export { ActionMenu } from './ActionMenu';
 export type { ActionMenuProps } from './ActionMenu';
+export { default as Autocomplete } from './Autocomplete';
 export { default as Avatar } from './Avatar';
 export type { AvatarProps } from './Avatar';
 export { default as AvatarPair } from './AvatarPair';
@@ -98,6 +99,8 @@ export { default as TabNav } from './TabNav';
 export type { TabNavProps, TabNavLinkProps } from './TabNav';
 export { default as TextInput } from './TextInput';
 export type { TextInputProps } from './TextInput';
+export { default as TextInputWithTokens } from './TextInputWithTokens';
+export type { TextInputWithTokensProps } from './TextInputWithTokens';
 export { default as Text } from './Text';
 export type { TextProps } from './Text';
 export { default as Timeline } from './Timeline';

package/lib-esm/index.js

@@ -19,6 +19,7 @@ export { useConfirm } from './Dialog/ConfirmationDialog'; // Components
 
 export { ActionList } from './ActionList';
 export { ActionMenu } from './ActionMenu';
+export { default as Autocomplete } from './Autocomplete';
 export { default as Avatar } from './Avatar';
 export { default as AvatarPair } from './AvatarPair';
 export { default as AvatarStack } from './AvatarStack';
@@ -61,6 +62,7 @@ export { default as StyledOcticon } from './StyledOcticon';
 export { default as SubNav } from './SubNav';
 export { default as TabNav } from './TabNav';
 export { default as TextInput } from './TextInput';
+export { default as TextInputWithTokens } from './TextInputWithTokens';
 export { default as Text } from './Text';
 export { default as Timeline } from './Timeline';
 export { default as Token, IssueLabelToken, AvatarToken } from './Token';

package/lib-esm/utils/scrollIntoViewingArea.d.ts

@@ -0,0 +1 @@
+export declare const scrollIntoViewingArea: (child: HTMLElement, container: HTMLElement, direction?: 'horizontal' | 'vertical', startMargin?: number, endMargin?: number, behavior?: ScrollBehavior) => void;

package/lib-esm/utils/scrollIntoViewingArea.js

@@ -0,0 +1,30 @@
+export const scrollIntoViewingArea = (child, container, direction = 'vertical', startMargin = 8, endMargin = 0, behavior = 'smooth') => {
+  const startSide = direction === 'vertical' ? 'top' : 'left';
+  const endSide = direction === 'vertical' ? 'bottom' : 'right';
+  const scrollSide = direction === 'vertical' ? 'scrollTop' : 'scrollLeft';
+  const {
+    [startSide]: childStart,
+    [endSide]: childEnd
+  } = child.getBoundingClientRect();
+  const {
+    [startSide]: containerStart,
+    [endSide]: containerEnd
+  } = container.getBoundingClientRect();
+  const isChildStartAboveViewingArea = childStart < containerStart + endMargin;
+  const isChildBottomBelowViewingArea = childEnd > containerEnd - startMargin;
+
+  if (isChildStartAboveViewingArea) {
+    const scrollHeightToChildStart = childStart - containerStart + container[scrollSide];
+    container.scrollTo({
+      behavior,
+      [startSide]: scrollHeightToChildStart - endMargin
+    });
+  } else if (isChildBottomBelowViewingArea) {
+    const scrollHeightToChildBottom = childEnd - containerEnd + container[scrollSide];
+    container.scrollTo({
+      behavior,
+      [startSide]: scrollHeightToChildBottom + startMargin
+    });
+  } // either completely in view or outside viewing area on both ends, don't scroll
+
+};

package/lib-esm/utils/types/MandateProps.d.ts

@@ -0,0 +1,3 @@
+export declare type MandateProps<T extends unknown, K extends keyof T> = Omit<T, K> & {
+    [MK in K]-?: NonNullable<T[MK]>;
+};

package/lib-esm/utils/types/MandateProps.js

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

package/lib-esm/utils/types/index.d.ts

@@ -2,3 +2,4 @@ export * from './AriaRole';
 export * from './ComponentProps';
 export * from './Flatten';
 export * from './Merge';
+export * from './MandateProps';

package/lib-esm/utils/types/index.js

@@ -1,4 +1,5 @@
 export * from './AriaRole';
 export * from './ComponentProps';
 export * from './Flatten';
-export * from './Merge';
+export * from './Merge';
+export * from './MandateProps';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/components",
-  "version": "0.0.0-202198182351",
+  "version": "0.0.0-20219819465",
   "description": "Primer react components",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",