@vuu-ui/vuu-ui-controls 0.8.24-debug → 0.8.25-debug

package/types/instrument-picker/useInstrumentPicker.d.ts

@@ -1,6 +1,5 @@
 import { DataSource } from "@vuu-ui/vuu-data-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { TableRowSelectHandler } from "@vuu-ui/vuu-table";
+import { ColumnDescriptor, TableRowSelectHandler } from "@vuu-ui/vuu-table-types";
 import { ChangeEvent } from "react";
 import { OpenChangeHandler } from "../dropdown";
 import { InstrumentPickerProps } from "./InstrumentPicker";
@@ -10,7 +9,7 @@ export interface InstrumentPickerHookProps extends Pick<InstrumentPickerProps, "
     defaultIsOpen?: boolean;
     isOpen?: boolean;
 }
-export declare const useInstrumentPicker: ({ columnMap, columns, dataSource, defaultIsOpen, isOpen: isOpenProp, itemToString, onOpenChange, onSelect, searchColumns, }: InstrumentPickerHookProps) => {
+export declare const useInstrumentPicker: ({ dataSource, defaultIsOpen, isOpen: isOpenProp, itemToString, onOpenChange, onSelect, searchColumns, }: InstrumentPickerHookProps) => {
     highlightedIndex: number | undefined;
     inputProps: {
         inputProps: {

package/types/overflow-container/OverflowContainer.d.ts

@@ -7,7 +7,6 @@ export interface OverflowContainerProps extends HTMLAttributes<HTMLDivElement> {
     PopupMenuProps?: Partial<PopupMenuProps>;
     allowDragDrop?: boolean;
     debugId?: string;
-    height: number;
     onMoveItem?: (fromIndex: number, toIndex: number) => void;
     onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
     orientation?: orientationType;

package/types/overflow-container/overflow-utils.d.ts

@@ -14,7 +14,7 @@ export declare const NO_WRAPPED_ITEMS: OverflowItem[];
     to use of css order. This is taken into account by sorting.
     TODO support Vertical orientation
  */
-export declare const getNonWrappedAndWrappedItems: (container: HTMLElement, orientation?: orientationType) => [OverflowItem[], OverflowItem[]];
+export declare const getNonWrappedAndWrappedItems: (container: HTMLElement, orientation: orientationType) => [OverflowItem[], OverflowItem[]];
 export declare const applyOverflowClassToWrappedItems: (container: HTMLElement, overflowedItems: OverflowItem[], classBase?: string) => void;
 export declare const overflowIndicatorHasWrappedButShouldNotHave: (wrappedItems: OverflowItem[]) => boolean;
 export declare const highPriorityItemsHaveWrappedButShouldNotHave: (nonWrappedItems: OverflowItem[], wrappedItems: OverflowItem[]) => boolean;
@@ -24,14 +24,14 @@ export declare const highPriorityItemsHaveWrappedButShouldNotHave: (nonWrappedIt
   We overflow one or more items. Then, when the overflowIndicator assumes
   full width, it may itself overflow.
 */
-export declare const correctForWrappedOverflowIndicator: (container: HTMLElement, overflowedItems: OverflowItem[]) => Promise<OverflowItem[]>;
+export declare const correctForWrappedOverflowIndicator: (container: HTMLElement, overflowedItems: OverflowItem[], orientation: orientationType) => Promise<OverflowItem[]>;
 /**
   An edge case that may occur when reducing width from unwrapped to
   wrapped, or on first render.
   We overflow one or more items. Then, when the overflowIndicator assumes
   full width, it may itself overflow.
 */
-export declare const correctForWrappedHighPriorityItems: (container: HTMLElement, nonWrapped: OverflowItem[], wrapped: OverflowItem[]) => Promise<[OverflowItem[], OverflowItem[]]>;
+export declare const correctForWrappedHighPriorityItems: (container: HTMLElement, nonWrapped: OverflowItem[], wrapped: OverflowItem[], orientation: orientationType) => Promise<[OverflowItem[], OverflowItem[]]>;
 export declare const markElementAsWrapped: (container: HTMLElement, item: OverflowItem) => void;
 export declare const getElementsMarkedAsWrapped: (container: HTMLElement) => HTMLElement[];
 export declare const unmarkItemsWhichAreNoLongerWrapped: (container: HTMLElement, wrappedItems: OverflowItem[]) => void;
@@ -40,10 +40,10 @@ export declare const unmarkItemsWhichAreNoLongerWrapped: (container: HTMLElement
     wrapped item - could the wrapped item return to the fold if the overflow
     indicaor were removed ?
  */
-export declare const removeOverflowIndicatorIfNoLongerNeeded: (container: HTMLElement) => boolean;
+export declare const removeOverflowIndicatorIfNoLongerNeeded: (container: HTMLElement, orientation: orientationType) => boolean;
 /**
  * This is used both when an overflow menu is used to select an overflowed item
  * and when a high priority item has overflowed, whilst lower priority items
  * remain in view.
  */
-export declare const switchWrappedItemIntoView: (container: HTMLElement, overflowItem: OverflowItem) => [OverflowItem[], OverflowItem[]];
+export declare const switchWrappedItemIntoView: (container: HTMLElement, overflowItem: OverflowItem, orientation: orientationType) => [OverflowItem[], OverflowItem[]];

package/types/overflow-container/useOverflowContainer.d.ts

@@ -2,7 +2,7 @@
 import { MenuActionHandler, MenuBuilder } from "@vuu-ui/vuu-data-types";
 import { OverflowItem } from "./overflow-utils";
 import { OverflowContainerProps } from "./OverflowContainer";
-export interface OverflowContainerHookProps extends Pick<OverflowContainerProps, "allowDragDrop" | "onMoveItem" | "orientation"> {
+export interface OverflowContainerHookProps extends Pick<OverflowContainerProps, "allowDragDrop" | "onMoveItem">, Required<Pick<OverflowContainerProps, "orientation">> {
     itemCount: number;
     onSwitchWrappedItemIntoView?: (overflowItem: OverflowItem) => void;
 }

package/types/split-button/SplitButton.d.ts

@@ -2,12 +2,11 @@ import { PopupMenuProps } from "@vuu-ui/vuu-popups";
 import { ButtonProps } from "@salt-ds/core";
 import { HTMLAttributes } from "react";
 import "./SplitButton.css";
-export interface SplitButtonProps extends HTMLAttributes<HTMLDivElement> {
-    ButtonProps?: Partial<Omit<ButtonProps, "variant">>;
+export interface SplitButtonProps extends Omit<HTMLAttributes<HTMLDivElement>, "onClick">, Pick<ButtonProps, "onClick"> {
+    ButtonProps?: Partial<Omit<ButtonProps, "onClick" | "variant">>;
     PopupMenuProps?: Partial<PopupMenuProps>;
-    buttonText: string;
     disabled?: boolean;
     segmented?: boolean;
     variant?: ButtonProps["variant"];
 }
-export declare const SplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuProps: PopupMenuPropsProp, buttonText, disabled, onClick, segmented, variant, ...htmlAttributes }: SplitButtonProps) => JSX.Element;
+export declare const SplitButton: import("react").ForwardRefExoticComponent<SplitButtonProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/split-button/SplitStateButton.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SplitButtonProps } from "./SplitButton";
+import "./SplitStateButton.css";
+export interface SplitStateButtonProps extends SplitButtonProps {
+    selected: boolean;
+}
+export declare const SplitStateButton: import("react").ForwardRefExoticComponent<SplitStateButtonProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/split-button/index.d.ts

@@ -1 +1,2 @@
 export * from "./SplitButton";
+export * from "./SplitStateButton";

package/types/split-button/useSplitButton.d.ts

@@ -4,9 +4,9 @@ import { SplitButtonProps } from "./SplitButton";
 export interface SplitButtonHookProps extends Pick<SplitButtonProps, "PopupMenuProps" | "ButtonProps" | "onClick" | "segmented"> {
     classBase: string;
 }
-export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuProps, classBase, onClick, segmented, }: SplitButtonHookProps) => {
+export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuProps, classBase, onClick, }: SplitButtonHookProps) => {
     ButtonProps: {
-        onClick: ((evt: any) => void) | undefined;
+        onClick: import("react").MouseEventHandler<HTMLButtonElement> | undefined;
         onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
         type?: "button" | "reset" | "submit" | undefined;
         className?: string | undefined;
@@ -283,7 +283,6 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
     PopupMenuProps: PopupMenuProps;
     buttonRef: import("react").RefObject<HTMLButtonElement>;
     rootRef: import("react").RefObject<HTMLDivElement>;
-    onClick: ((evt: any) => void) | undefined;
     onBlur: FocusEventHandler<Element>;
     onFocus: FocusEventHandler<Element>;
 };

package/types/tabstrip/TabsTypes.d.ts

@@ -85,6 +85,11 @@ export interface TabstripProps extends HTMLAttributes<HTMLDivElement> {
      * An optional classname that will be added to each tab
      */
     tabClassName?: string;
+    /**
+     * An optional classifier, used to create a classname, intended
+     * for promary vs secondary bavigation.
+     */
+    variant?: "primary" | "secondary";
 }
 export type exitEditHandler = (originalValue: string, editedValue: string, allowDeactivation: boolean, tabIndex: number) => void;
 export interface responsiveDataAttributes {

package/types/tabstrip/Tabstrip.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TabstripProps } from "./TabsTypes";
 import "./Tabstrip.css";
-export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, ...htmlAttributes }: TabstripProps) => JSX.Element;
+export declare const Tabstrip: ({ activeTabIndex: activeTabIndexProp, allowAddTab, allowCloseTab, allowDragDrop, allowRenameTab, animateSelectionThumb, children, className: classNameProp, id: idProp, keyBoardActivation, location, onActiveChange, onAddTab, onCloseTab, onExitEditMode, onMoveTab, orientation, showTabMenuButton, style: styleProp, tabClassName, variant, ...htmlAttributes }: TabstripProps) => JSX.Element;