@workday/canvas-kit-react 5.3.0 → 5.3.4

package/tabs/lib/overflow/useOverflowModel.tsx

@@ -1,185 +0,0 @@
-import React from 'react';
-
-import {createEventMap, ToModelConfig, useEventMap} from '@workday/canvas-kit-react/common';
-import {
-  SelectionState,
-  SelectionEvents,
-  BaseSelectionModelConfig,
-  useSelectionModel,
-  SelectionModelConfig,
-  selectionEventMap,
-  SelectionModel,
-} from '../selection';
-
-export type OverflowState<T = unknown> = SelectionState<T> & {
-  containerWidth: number;
-  overflowTargetWidth: number;
-  itemWidthCache: Record<string, number>;
-  hiddenIds: string[];
-};
-
-export type OverflowEvents<T = unknown> = SelectionEvents<T> & {
-  setContainerWidth(data: {width?: number}): void;
-  setOverflowTargetWidth(data: {width: number}): void;
-  addItemWidth(data: {id: string; width: number}): void;
-  removeItemWidth(data: {id: string}): void;
-  addHiddenKey(data: {id: string}): void;
-  removeHiddenKey(data: {id: string}): void;
-};
-
-export interface OverflowModel<T = unknown> extends SelectionModel<T> {
-  state: OverflowState<T>;
-  events: OverflowEvents<T>;
-}
-
-export const overflowEventMap = createEventMap<OverflowEvents>()({
-  guards: {
-    ...selectionEventMap.guards,
-    shouldSetContainerWidth: 'setContainerWidth',
-    shouldSetOverflowTargetWidth: 'setOverflowTargetWidth',
-    shouldAddItemWidth: 'addItemWidth',
-    shouldRemoveItemWidth: 'removeItemWidth',
-    shouldAddHiddenKey: 'addHiddenKey',
-    shouldRemoveHiddenKey: 'removeHiddenKey',
-  },
-  callbacks: {
-    ...selectionEventMap.callbacks,
-    onSetContainerWidth: 'setContainerWidth',
-    onSetOverflowTargetWidth: 'setOverflowTargetWidth',
-    onAddItemWidth: 'addItemWidth',
-    onRemoveItemWidth: 'removeItemWidth',
-    onAddHiddenKey: 'addHiddenKey',
-    onRemoveHiddenKey: 'removeHiddenKey',
-  },
-});
-
-export type BaseOverflowModelConfig<T> = BaseSelectionModelConfig<T> & {
-  initialHiddenIds?: string[];
-  containerWidth?: number;
-};
-
-export type OverflowModelConfig<T> = BaseOverflowModelConfig<T> &
-  Partial<ToModelConfig<OverflowState<T>, OverflowEvents<T>, typeof selectionEventMap>>;
-
-export function getHiddenIds(
-  containerWidth: number,
-  overflowTargetWidth: number,
-  itemWidthCache: Record<string, number>,
-  selectedIds: string[] | 'all'
-): string[] {
-  /** Allows us to prioritize showing the selected item */
-  let selectedKey: undefined | string;
-  /** Tally of combined item widths. We'll add items that fit until the container is full */
-  let itemWidth = 0;
-  /** Tally ids that won't fit inside the container. These will be used by components to hide
-   * elements that won't fit in the container */
-  const hiddenIds: string[] = [];
-
-  if (selectedIds !== 'all' && selectedIds.length) {
-    selectedKey = selectedIds[0];
-  }
-
-  if (
-    Object.keys(itemWidthCache).reduce((sum, key) => sum + itemWidthCache[key], 0) <= containerWidth
-  ) {
-    // All items fit, return empty array
-    return [];
-  } else if (selectedKey) {
-    if (itemWidthCache[selectedKey] + overflowTargetWidth > containerWidth) {
-      // If the selected item doesn't fit, only show overflow (all items hidden)
-      return Object.keys(itemWidthCache);
-    } else {
-      // at least the selected item and overflow target fit. Update our itemWidth with the sum
-      itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
-    }
-  }
-
-  for (const key in itemWidthCache) {
-    if (key !== selectedKey) {
-      itemWidth += itemWidthCache[key];
-      if (itemWidth > containerWidth) {
-        hiddenIds.push(key);
-      }
-    }
-  }
-
-  return hiddenIds;
-}
-
-export const useOverflowModel = <T extends unknown>(
-  config: OverflowModelConfig<T> = {}
-): OverflowModel<T> => {
-  const [hiddenIds, setHiddenIds] = React.useState(config.initialHiddenIds || []);
-  const [itemWidthCache, setItemWidthCache] = React.useState<Record<string, number>>({});
-  const [containerWidth, setContainerWidth] = React.useState(0);
-  const containerWidthRef = React.useRef(0);
-  const itemWidthCacheRef = React.useRef(itemWidthCache);
-  const [overflowTargetWidth, setOverflowTargetWidth] = React.useState(0);
-  const overflowTargetWidthRef = React.useRef(0);
-
-  // Cursors skip over disabled ids, but know nothing of hidden ids. We'll go ahead and disable
-  // hidden ids as well
-  const nonInteractiveIds = (config.nonInteractiveIds || []).concat(hiddenIds);
-
-  const model = useSelectionModel({...(config as SelectionModelConfig<T>), nonInteractiveIds});
-
-  const state = {
-    ...model.state,
-    hiddenIds,
-    itemWidthCache,
-    containerWidth,
-    overflowTargetWidth,
-  };
-
-  const events = useEventMap(overflowEventMap, state, config, {
-    ...model.events,
-    select(data) {
-      const {selectedIds} = model.selection.select(data.id, state as SelectionState<T>);
-      const ids = getHiddenIds(
-        containerWidthRef.current,
-        overflowTargetWidthRef.current,
-        itemWidthCacheRef.current,
-        selectedIds
-      );
-      model.events.select(data);
-
-      setHiddenIds(ids);
-    },
-    setContainerWidth({width}) {
-      containerWidthRef.current = width || 0;
-      setContainerWidth(width || 0);
-
-      const ids = getHiddenIds(
-        containerWidthRef.current,
-        overflowTargetWidthRef.current,
-        itemWidthCacheRef.current,
-        state.selectedIds
-      );
-
-      setHiddenIds(ids);
-    },
-    setOverflowTargetWidth({width}) {
-      overflowTargetWidthRef.current = width;
-      setOverflowTargetWidth(width);
-    },
-    addItemWidth({id, width}) {
-      itemWidthCacheRef.current = {...itemWidthCacheRef.current, [id]: width};
-
-      setItemWidthCache(itemWidthCacheRef.current);
-    },
-    removeItemWidth({id}) {
-      const newCache = {...itemWidthCacheRef.current};
-      delete newCache[id];
-      itemWidthCacheRef.current = newCache;
-      setItemWidthCache(itemWidthCacheRef.current);
-    },
-    addHiddenKey({id}) {
-      setHiddenIds(ids => ids.concat(id));
-    },
-    removeHiddenKey({id}) {
-      setHiddenIds(ids => ids.filter(key => key !== id));
-    },
-  } as OverflowEvents<T>);
-
-  return {state, events, selection: model.selection, getId: model.getId};
-};

package/tabs/lib/overflow/useOverflowTarget.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-
-import {createHook, useMountLayout, useLocalRef} from '@workday/canvas-kit-react/common';
-
-import {OverflowModel} from './useOverflowModel';
-
-// use a hidden style instead of `hidden` attribute for measurement purposes. `hidden` elements have no dimensions
-const hiddenStyle = {
-  position: 'absolute',
-  left: -99999,
-};
-
-export const useOverflowTarget = createHook(
-  (model: OverflowModel, ref?: React.Ref<HTMLButtonElement>) => {
-    const {elementRef, localRef} = useLocalRef(ref);
-    // track first render to force correct size calculations
-    const firstRender = React.useRef(true);
-
-    useMountLayout(() => {
-      firstRender.current = false;
-      if (localRef.current) {
-        const styles = getComputedStyle(localRef.current);
-
-        model.events.setOverflowTargetWidth({
-          width:
-            localRef.current.offsetWidth +
-            parseFloat(styles.marginLeft) +
-            parseFloat(styles.marginRight),
-        });
-      }
-    });
-
-    const isHidden = !model.state.hiddenIds.length;
-
-    return {
-      ref: elementRef,
-      'aria-hidden': isHidden,
-      tabIndex: -1,
-      style: isHidden ? hiddenStyle : {},
-    };
-  }
-);

package/tabs/lib/selection/index.ts

@@ -1,3 +0,0 @@
-export * from './useSelectionModel';
-export * from './useSelectionItem';
-export * from './useResetCursorOnBlur';

package/tabs/lib/selection/useResetCursorOnBlur.tsx

@@ -1,29 +0,0 @@
-import React from 'react';
-
-import {createHook} from '@workday/canvas-kit-react/common';
-import {orientationKeyMap} from '../cursor';
-
-import {SelectionModel} from './useSelectionModel';
-
-/**
- * Reset the cursor to the selected item when the list looses focus
- */
-export const useResetCursorOnBlur = createHook(({state, events}: SelectionModel) => {
-  const programmaticFocusRef = React.useRef(false);
-  return {
-    onKeyDown(event: React.KeyboardEvent) {
-      // Programmatic focus only on any focus change via keyboard
-      if (Object.keys(orientationKeyMap[state.orientation]).indexOf(event.key) !== -1) {
-        programmaticFocusRef.current = true;
-      }
-    },
-    onFocus() {
-      programmaticFocusRef.current = false;
-    },
-    onBlur() {
-      if (!programmaticFocusRef.current) {
-        events.goTo({id: state.selectedIds[0]});
-      }
-    },
-  };
-});

package/tabs/lib/selection/useSelectionItem.tsx

@@ -1,26 +0,0 @@
-import React from 'react';
-
-import {createHook} from '@workday/canvas-kit-react/common';
-
-import {SelectionModel} from './useSelectionModel';
-
-export const useSelectionItem = createHook(
-  (
-    {state, events}: SelectionModel,
-    _?: React.Ref<HTMLElement>,
-    elemProps: {name?: string} = {}
-  ) => {
-    const name = elemProps.name || '';
-    const onClick = (event: React.MouseEvent<HTMLElement>) => {
-      if (
-        state.nonInteractiveIds.includes(name) ||
-        event.currentTarget.hasAttribute('aria-disabled')
-      ) {
-        return;
-      }
-      events.select({id: name});
-    };
-
-    return {onClick};
-  }
-);

package/tabs/lib/selection/useSelectionModel.tsx

@@ -1,133 +0,0 @@
-import React from 'react';
-import {createEventMap, ToModelConfig, useEventMap} from '@workday/canvas-kit-react/common';
-import {
-  CursorState,
-  CursorEvents,
-  BaseCursorModelConfig,
-  useCursorModel,
-  CursorModelConfig,
-  cursorEventMap,
-  CursorModel,
-} from '../cursor/useCursorModel';
-
-export type Orientation = 'horizontal' | 'vertical';
-
-export type SelectionState<T = unknown> = CursorState<T> & {
-  selectedIds: 'all' | string[];
-  unselectedIds: string[];
-};
-
-export type SelectionEvents<T = unknown> = CursorEvents<T> & {
-  /** Select a specific item by its identifier. */
-  select(data: {id: string}): void;
-  /** Select all items. This will set `selectedIds` to `'all'` and remove all `unselectedIds`.
-   * This is especially useful for virtual lists where not all items are loaded in memory.
-   */
-  selectAll(): void;
-  unselectAll(): void;
-};
-
-export interface SelectionModel<T = unknown> extends CursorModel<T> {
-  state: SelectionState<T>;
-  events: SelectionEvents<T>;
-  selection: SelectionManager;
-}
-
-export const selectionEventMap = createEventMap<SelectionEvents>()({
-  guards: {
-    ...cursorEventMap.guards,
-    /** Should a cursor position be set? Use only in advance use-cases */
-    shouldSelect: 'select',
-  },
-  callbacks: {
-    ...cursorEventMap.callbacks,
-    /**
-     * Called when a cursor position has been changed. Useful to set state or perform side effects.
-     * This is called during state change batching, so calling state setters will not invoke extra
-     * renders.
-     */
-    onSelect: 'select',
-  },
-});
-
-/**
- * A SelectionManager is used
- */
-export interface SelectionManager {
-  select(
-    id: string,
-    prevState: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>
-  ): Pick<SelectionState, 'selectedIds' | 'unselectedIds'>;
-}
-
-export const isSelected = (
-  id: string,
-  {selectedIds, unselectedIds}: Pick<SelectionState, 'selectedIds' | 'unselectedIds'>
-) => {
-  if (selectedIds === 'all') {
-    return !unselectedIds.includes(id);
-  }
-  return selectedIds.includes(id);
-};
-
-export const singleSelectionManager: SelectionManager = {
-  select(id: string) {
-    return {selectedIds: [id], unselectedIds: []};
-  },
-};
-
-export const multiSelectionManager: SelectionManager = {
-  select(id: string, {selectedIds, unselectedIds}) {
-    if (selectedIds === 'all') {
-      // If we have all selected, start adding/removing from `unselectedIds`
-      const existingKey = unselectedIds.includes(id);
-      return {
-        selectedIds: 'all',
-        unselectedIds: existingKey
-          ? unselectedIds.filter(key => key !== id)
-          : unselectedIds.concat(id),
-      };
-    } else {
-      const existingKey = selectedIds.includes(id);
-      return {
-        selectedIds: existingKey ? selectedIds.filter(key => key !== id) : selectedIds.concat(id),
-        unselectedIds: [],
-      };
-    }
-  },
-};
-
-export type BaseSelectionModelConfig<T> = BaseCursorModelConfig<T> & {
-  initialSelectedIds?: string[];
-  initialUnselectedIds?: string[];
-  selection?: SelectionManager;
-};
-
-export type SelectionModelConfig<T> = BaseSelectionModelConfig<T> &
-  Partial<ToModelConfig<SelectionState<T>, SelectionEvents<T>, typeof selectionEventMap>>;
-
-export const useSelectionModel = <T extends unknown>(
-  config: SelectionModelConfig<T> = {}
-): SelectionModel<T> => {
-  const cursor = useCursorModel(config as CursorModelConfig<T>);
-  const [selectedIds, setSelectedIds] = React.useState<'all' | string[]>(
-    config.initialSelectedIds || []
-  );
-  const [unselectedIds, setUnselectedIds] = React.useState(config.initialUnselectedIds || []);
-
-  const selection = config.selection || singleSelectionManager;
-
-  const state = {...cursor.state, selectedIds, unselectedIds};
-
-  const events = useEventMap(selectionEventMap, state, config, {
-    ...cursor.events,
-    select(data) {
-      const {selectedIds, unselectedIds} = selection.select(data.id, state);
-      setSelectedIds(selectedIds);
-      setUnselectedIds(unselectedIds);
-      events.goTo({id: data.id});
-    },
-  } as SelectionEvents<T>);
-
-  return {state, events, selection, getId: cursor.getId};
-};

package/ts3.5/dist/commonjs/common/lib/EllipsisText.d.ts

@@ -1,5 +0,0 @@
-import { CSSObject } from '@emotion/styled';
-import { ElementComponent } from '..';
-export declare const ellipsisStyles: CSSObject;
-export declare const EllipsisText: ElementComponent<"span", {}>;
-//# sourceMappingURL=EllipsisText.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/useConstant.d.ts

@@ -1,9 +0,0 @@
-/**
- * Get a constant value in React, only running the callback function once.  `React.useMemo` does not
- * guarantee that a function will only be run once.
- *
- * @example
- * const value = useConstant(generateUniqueId)
- */
-export declare function useConstant<T>(fn: () => T): T;
-//# sourceMappingURL=useConstant.d.ts.map

package/ts3.5/dist/commonjs/common/lib/utils/useResizeObserver.d.ts

@@ -1,3 +0,0 @@
-import useResizeObserverOriginal from 'use-resize-observer';
-export declare const useResizeObserver: typeof useResizeObserverOriginal;
-//# sourceMappingURL=useResizeObserver.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/TabsItem.d.ts

@@ -1,107 +0,0 @@
-import * as React from 'react';
-import { StyledType, ExtractProps } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-labs-react/common';
-import { SystemIcon } from '@workday/canvas-kit-react/icon';
-import { TabsModel } from './useTabsModel';
-import { StackProps } from '@workday/canvas-kit-labs-react/layout';
-export interface TabsItemProps extends ExtractProps<typeof Box, never>, Partial<Pick<StackProps, 'spacing'>> {
-    /**
-     * Optionally pass index to tab item. This should be done if `Tabs.Item` components were created
-     * via a `Array::map` function. This index will ensure keyboard navigation works even if items are
-     * inserted out of order.
-     */
-    index?: number;
-    /**
-     * The contents of the tab item. This will be the accessible name of the tab for screen readers.
-     * Often, this is text. Icons are also supported. Using `Tabs.Icon` will render an icon that is
-     * not visible to screen readers and therefore the icon should not be necessary to understand the
-     * tab. In most circumstances, `aria-label` should not be used.
-     *
-     * ```tsx
-     * <Tabs.Item>First Tab</Tabs.Item>
-     * <Tabs.Item hasIcon>
-     *   <Tabs.Icon icon={canvasIcon} />
-     *   <Tabs.Text>Second Tab</Tabs.Text>
-     * </Tabs.Item>
-     * ```
-     */
-    children: React.ReactNode;
-    /**
-     * The name of the tab. This name will be used in change events and for `initialTab`. Must match
-     * the `name` of the associated tab panel. If this property is not provided, it will default to a
-     * string representation of the the zero-based index of the Tab when it was initialized.
-     */
-    name?: string;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: TabsModel;
-    /**
-     * Optional id. If not set, it will inherit the ID passed to the `Tabs` component and append the
-     * index at the end. Only set this for advanced cases.
-     */
-    id?: string;
-    /**
-     * Part of the ARIA specification for tabs. This attributes links a `role=tab` to a
-     * `role=tabpanel`. This value must be the same as the associated `id` attribute of the tab panel.
-     * This is automatically set by the component and should only be used in advanced cases.
-     */
-    'aria-controls'?: string;
-    /**
-     * Part of the ARIA specification for tabs. Lets screen readers know which tab is active. This
-     * should either be `true` or `undefined` and never `false`. This is automatically set by the
-     * component and should only be used in advanced cases.
-     */
-    'aria-selected'?: boolean;
-    /**
-     * Part of the ARIA specification for tabs. The currently active tab should not have a `tabIndex`
-     * set while all inactive tabs should have a `tabIndex={-1}`
-     */
-    tabIndex?: number;
-    /**
-     * Use `hasIcon={true}` when the Tab item contains an icon. This instructs the tab item to render
-     * children as a flex container to accommodate icons. You will have to use `Tabs.Item.Text` as a
-     * child element if this is set to true.
-     *
-     * @example
-     * <Tabs.Item hasIcon>
-     *   <Tabs.Item.Icon icon={someIcon} />
-     *   <Tabs.Item.Text>Tab Text</Tabs.Item.Text>
-     * </Tabs.Item>
-     */
-    hasIcon?: boolean;
-}
-export declare const StyledTabItem: import("@emotion/styled-base").StyledComponent<import("../../common").PropsWithAs<import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderShorthandStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderColorStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderRadiusStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLineStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderWidthStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/border").BorderLogicalStyleProps & import("@workday/canvas-kit-labs-react/common").ColorStyleProps & import("@workday/canvas-kit-labs-react/common").DepthStyleProps & import("@workday/canvas-kit-labs-react/common").FlexItemStyleProps & import("@workday/canvas-kit-labs-react/common").LayoutStyleProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/position").PositionLogicalProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceStandardProps & import("@workday/canvas-kit-labs-react/common/lib/utils/space").SpaceLogicalProps, "button">, StyledType & {
-    hasIcon?: boolean | undefined;
-} & Pick<TabsItemProps, "spacing">, import("../../common").EmotionCanvasTheme>;
-export declare const TabsItem: import("../../common").ElementComponent<"button", TabsItemProps> & {
-    Icon: typeof SystemIcon;
-    Text: import("../../common").ElementComponent<"span", {}>;
-};
-export declare const useTabsItem: <P extends {}, R>(model: import("./list").ListModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    type: "button";
-    role: string;
-    'aria-selected': boolean;
-    'aria-controls': string;
-} & {
-    onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-} & {
-    ref: (instance: HTMLElement | null) => void;
-    'aria-hidden': true | undefined;
-    style: {};
-} & {
-    onKeyDown(event: React.KeyboardEvent<Element>): void;
-    onFocus(): void;
-    onBlur(): void;
-    id: string;
-    tabIndex: number;
-    ref: ((instance: any) => void) | React.RefObject<any> | null | undefined;
-} & {
-    'data-name': string;
-    name: string;
-    disabled: boolean | undefined;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsItem.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/TabsList.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Stack } from '@workday/canvas-kit-labs-react/layout';
-import { TabsModel } from './useTabsModel';
-export interface TabListProps<T = unknown> extends Partial<ExtractProps<typeof Stack, never>> {
-    /**
-     * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
-     * List will determine how and when the item will be rendered.
-     *
-     * @example
-     * <Tabs.List>
-     *   {(item) => <Tabs.Item key={item.id} name={item.name}>{item.text}</Tabs.Item>}
-     * </Tabs.List>
-     */
-    children: ((item: T) => React.ReactNode) | React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases.
-     */
-    model?: TabsModel<T>;
-    overflowButton?: React.ReactNode;
-}
-export declare const TabsList: import("../../common").ElementComponent<"div", TabListProps<unknown>>;
-export declare const useTabsList: <P extends {}, R>(model: import("./selection").SelectionModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    role: string;
-} & {
-    ref: (instance: HTMLElement | null) => void;
-} & {
-    onKeyDown(event: React.KeyboardEvent<Element>): void; /**
-     * If items are passed to a `TabsModel`, the child of `Tabs.List` should be a render prop. The
-     * List will determine how and when the item will be rendered.
-     *
-     * @example
-     * <Tabs.List>
-     *   {(item) => <Tabs.Item key={item.id} name={item.name}>{item.text}</Tabs.Item>}
-     * </Tabs.List>
-     */
-    onFocus(): void;
-    onBlur(): void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsList.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/TabsMenuPopper.d.ts

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { ExtractProps } from '@workday/canvas-kit-react/common';
-import { Popper } from '@workday/canvas-kit-react/popup';
-import { TabsModel } from './useTabsModel';
-export interface MenuPopperProps<T = unknown> extends ExtractProps<typeof Popper> {
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: TabsModel<T>;
-}
-export declare const TabsMenuPopper: import("../../common").ElementComponent<"div", MenuPopperProps<unknown>>;
-export declare const useTabsMenuPopper: <P extends {}, R>(model: import("../../common").Model<import("../../popup").PopupState, import("../../popup").PopupEvents>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    open: boolean;
-    anchorElement: React.RefObject<HTMLButtonElement>;
-    ref: (instance: any) => void;
-    onPlacementChange: (placement: import("@popperjs/core").Placement) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsMenuPopper.d.ts.map

package/ts3.5/dist/commonjs/tabs/lib/TabsOverflowButton.d.ts

@@ -1,31 +0,0 @@
-import * as React from 'react';
-import { TabsModel } from './useTabsModel';
-export interface OverflowButtonProps {
-    /**
-     * The label text of the Tab.
-     */
-    children: React.ReactNode;
-    /**
-     * Optionally pass a model directly to this component. Default is to implicitly use the same
-     * model as the container component which uses React context. Only use this for advanced use-cases
-     */
-    model?: TabsModel;
-}
-export declare const TabsOverflowButton: import("../../common").ElementComponent<"button", OverflowButtonProps>;
-export declare const useTabsOverflowButton: <P extends {}, R>(model: import("./overflow").OverflowModel<unknown>, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    'aria-haspopup': boolean;
-} & {
-    ref: (instance: HTMLButtonElement | null) => void;
-    'aria-hidden': boolean;
-    tabIndex: number;
-    style: {};
-} & {
-    id: string;
-    onKeyDown(event: React.KeyboardEvent<Element>): void;
-} & {
-    ref: (instance: any) => void;
-    onClick: (event: React.MouseEvent<Element, MouseEvent>) => void;
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
-//# sourceMappingURL=TabsOverflowButton.d.ts.map