@vuu-ui/vuu-ui-controls 4.0.1 → 4.1.0

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "4.0.1",
+  "version": "4.1.0",
   "description": "VUU UI Controls",
   "main": "./src/index.js",
   "author": "heswell",
@@ -10,17 +10,17 @@
     "type-defs": "node ../../scripts/build-type-defs.mjs"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-data-types": "4.0.1",
-    "@vuu-ui/vuu-protocol-types": "4.0.1",
-    "@vuu-ui/vuu-table-types": "4.0.1"
+    "@vuu-ui/vuu-data-types": "4.1.0",
+    "@vuu-ui/vuu-protocol-types": "4.1.0",
+    "@vuu-ui/vuu-table-types": "4.1.0"
   },
   "dependencies": {
-    "@vuu-ui/vuu-context-menu": "4.0.1",
-    "@vuu-ui/vuu-data-react": "4.0.1",
-    "@vuu-ui/vuu-layout": "4.0.1",
-    "@vuu-ui/vuu-popups": "4.0.1",
-    "@vuu-ui/vuu-table": "4.0.1",
-    "@vuu-ui/vuu-utils": "4.0.1",
+    "@vuu-ui/vuu-context-menu": "4.1.0",
+    "@vuu-ui/vuu-data-react": "4.1.0",
+    "@vuu-ui/vuu-layout": "4.1.0",
+    "@vuu-ui/vuu-popups": "4.1.0",
+    "@vuu-ui/vuu-table": "4.1.0",
+    "@vuu-ui/vuu-utils": "4.1.0",
     "@salt-ds/core": "1.74.0",
     "@salt-ds/icons": "1.18.4",
     "@salt-ds/styles": "0.4.2",

package/src/tabstrip/Tab.css.js

@@ -109,7 +109,6 @@ const css = `
 }
 
 .vuuTab:before {
-  content: var(--tab-before-content, none);
   content: "";
   background: var(--tab-before-background);
   height: var(--tab-before-height);

package/types/context-panel-provider/ContextPanelProvider.d.ts

@@ -12,6 +12,6 @@ export interface ContextPanelProps {
 export declare const ContextPanelContext: import("react").Context<ContextPanelProps>;
 export declare const ContextPanelProvider: ({ children, hideContextPanel: hideContextPanelProp, showContextPanel: showContextPanelProp, }: Partial<ContextPanelProps> & {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare function useContextPanel(): ShowContextPanel;
 export declare function useHideContextPanel(): (() => void) | undefined;

package/types/drag-drop/DragDropProvider.d.ts

@@ -27,7 +27,7 @@ export type MeasuredTarget = {
     right: number;
     top: number;
 };
-export declare const DragDropProvider: ({ children, dragSources: dragSourcesProp, }: DragDropProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DragDropProvider: ({ children, dragSources: dragSourcesProp, }: DragDropProviderProps) => import("react").JSX.Element;
 export interface DragDropProviderResult {
     isDragSource?: boolean;
     isDropTarget?: boolean;

package/types/hover-overlay/HoverOverlay.d.ts

@@ -11,4 +11,4 @@ export interface HoverOverlayProps extends Pick<OverlayProps, "placement" | "onO
     openOn?: "hover" | "click";
     trigger: ReactNode;
 }
-export declare const HoverOverlay: ({ children, open: openProp, onOpenChange, openOn, placement, trigger, }: HoverOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export declare const HoverOverlay: ({ children, open: openProp, onOpenChange, openOn, placement, trigger, }: HoverOverlayProps) => import("react").JSX.Element;

package/types/icon-button/Icon.d.ts

@@ -3,4 +3,4 @@ export interface IconProps extends HTMLAttributes<HTMLSpanElement> {
     name: string;
     size?: number;
 }
-export declare const Icon: ({ className, name, size, style: styleProp, ...htmlAttributes }: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ className, name, size, style: styleProp, ...htmlAttributes }: IconProps) => import("react").JSX.Element;

package/types/icon-button/ToggleIconButton.d.ts

@@ -2,4 +2,4 @@ import { IconButtonProps } from "./IconButton";
 export interface ToggleIconButtonProps extends Omit<IconButtonProps, "icon"> {
     isExpanded: boolean;
 }
-export declare const ToggleIconButton: ({ className, isExpanded, size, ...props }: ToggleIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ToggleIconButton: ({ className, isExpanded, size, ...props }: ToggleIconButtonProps) => import("react").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const SearchCell: ({ column, dataRow }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchCell: ({ column, dataRow }: TableCellRendererProps) => import("react").JSX.Element;

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

@@ -8,4 +8,4 @@ export interface TablePickerProps extends Omit<HTMLAttributes<HTMLElement>, "onS
     schema: TableSchema;
     searchColumns?: string[];
 }
-export declare const TablePicker: ({ TableProps, onSelect, rowToString, schema, searchColumns, ...htmlAttributes }: TablePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TablePicker: ({ TableProps, onSelect, rowToString, schema, searchColumns, ...htmlAttributes }: TablePickerProps) => import("react").JSX.Element;

package/types/modal-provider/ModalProvider.d.ts

@@ -4,7 +4,7 @@ export type ShowDialog = (dialogContent: ReactElement, title: string, dialogActi
 export type ShowPrompt = (promptContent: ReactElement, promptProps: PromptProps) => void;
 export declare const ModalProvider: ({ children }: {
     children: ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const useModal: () => {
     showDialog: ShowDialog;
     closeDialog: () => void;

package/types/price-ticker/PriceTicker.d.ts

@@ -4,4 +4,4 @@ export interface PriceTickerProps extends HTMLAttributes<HTMLDivElement> {
     price?: number;
     showArrow?: boolean;
 }
-export declare const PriceTicker: import("react").MemoExoticComponent<({ className, decimals, price, showArrow, ...htmlAttributes }: PriceTickerProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const PriceTicker: import("react").MemoExoticComponent<({ className, decimals, price, showArrow, ...htmlAttributes }: PriceTickerProps) => import("react").JSX.Element>;

package/types/prompt/Prompt.d.ts

@@ -50,4 +50,4 @@ export interface PromptProps extends Pick<DialogProps, "disableDismiss" | "onOpe
     showConfirmButton?: boolean;
     title: string;
 }
-export declare const Prompt: ({ children, className, cancelButtonLabel, cancelButtonProps, confirmButtonLabel, confirmButtonProps, customAction, disableDismiss, disableAccent, headerTag, icon, initialFocusedItem, onCancel, onClose, onConfirm, onOpenChange, open, showCancelButton, showCloseButton, showConfirmButton, status, title, ...htmlAttributes }: PromptProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Prompt: ({ children, className, cancelButtonLabel, cancelButtonProps, confirmButtonLabel, confirmButtonProps, customAction, disableDismiss, disableAccent, headerTag, icon, initialFocusedItem, onCancel, onClose, onConfirm, onOpenChange, open, showCancelButton, showCloseButton, showConfirmButton, status, title, ...htmlAttributes }: PromptProps) => import("react").JSX.Element;

package/types/sortable-list/SortableList.d.ts

@@ -2,7 +2,7 @@ import { ListBoxProps, OptionProps } from "@salt-ds/core";
 export declare const SortableOption: ({ id, index, value, ...optionProps }: OptionProps & {
     id: string;
     index: number;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;
 export declare const SortableList: ({ children, onReorderListItems, ...listBoxProps }: ListBoxProps & {
     onReorderListItems?: (listItems: unknown[]) => void;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => import("react").JSX.Element;

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

@@ -27,18 +27,18 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
         onFocusCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
         onBlur?: FocusEventHandler<HTMLButtonElement> | undefined;
         onBlurCapture?: FocusEventHandler<HTMLButtonElement> | undefined;
-        onChange?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onChangeCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onChange?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
+        onChangeCapture?: import("react").ChangeEventHandler<HTMLButtonElement, Element> | undefined;
         onBeforeInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
-        onBeforeInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInput?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInputCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onReset?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onResetCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmit?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onSubmitCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalid?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
-        onInvalidCapture?: import("react").FormEventHandler<HTMLButtonElement> | undefined;
+        onBeforeInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onInput?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onInputCapture?: import("react").InputEventHandler<HTMLButtonElement> | undefined;
+        onReset?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onResetCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onSubmit?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+        onSubmitCapture?: import("react").SubmitEventHandler<HTMLButtonElement> | undefined;
+        onInvalid?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
+        onInvalidCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onLoad?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onLoadCapture?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
         onError?: import("react").ReactEventHandler<HTMLButtonElement> | undefined;
@@ -277,7 +277,7 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        popover?: "" | "auto" | "manual" | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined;
         popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
         popoverTarget?: string | undefined;
         inert?: boolean | undefined;

package/types/split-pane/Splitter.d.ts

@@ -7,4 +7,4 @@ export interface SplitterProps extends Omit<HTMLAttributes<HTMLDivElement>, "onR
     onResizeEnd: () => void;
     position?: number;
 }
-export declare const Splitter: ({ className, direction, onResize, onResizeEnd, onResizeStart, position, ...htmlAttributes }: SplitterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Splitter: ({ className, direction, onResize, onResizeEnd, onResizeStart, position, ...htmlAttributes }: SplitterProps) => import("react").JSX.Element;

package/types/table-search/SearchCell.d.ts

@@ -1,2 +1,2 @@
 import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const SearchCell: ({ column, dataRow, searchPattern, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SearchCell: ({ column, dataRow, searchPattern, }: TableCellRendererProps) => import("react").JSX.Element;

package/types/table-search/TableSearch.d.ts

@@ -6,4 +6,4 @@ export interface TableSearchProps extends HTMLAttributes<HTMLDivElement> {
     placeHolder?: string;
     searchColumns: string[];
 }
-export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TableSearch: ({ TableProps: { dataSource: dataSourceProp, ...TableProps }, autoFocus, className, placeHolder, searchColumns, ...htmlAttributes }: TableSearchProps) => import("react").JSX.Element;

package/types/tabstrip/TabMenu.d.ts

@@ -20,4 +20,4 @@ export interface TabMenuProps {
      */
     controlledComponentTitle?: string;
 }
-export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, controlledComponentTitle, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TabMenu: ({ allowClose, allowRename, controlledComponentId, controlledComponentTitle, location, onMenuAction, onMenuClose, index, }: TabMenuProps) => import("react").JSX.Element;

package/types/tabstrip/Tabstrip.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { TabstripProps } from "./TabsTypes";
-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) => import("react/jsx-runtime").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) => React.JSX.Element;

package/types/toolbar/Toolbar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { OverflowContainerProps } from "../overflow-container";
 import { SelectionStrategy, SpecialKeyMultipleSelection } from "../common-hooks";
 export type ActiveItemChangeHandler = (itemIndex: number[]) => void;
@@ -16,4 +17,4 @@ export interface ToolbarProps extends OverflowContainerProps {
     selectionStrategy?: SelectionStrategy | SpecialKeyMultipleSelection;
     showSeparators?: boolean;
 }
-export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Toolbar: ({ activeItemIndex: activeItemIndexProp, alignItems, defaultActiveItemIndex, children, className, id: idProp, onActiveChange, onNavigateOutOfBounds, orientation, selectionStrategy, showSeparators, ...props }: ToolbarProps) => React.JSX.Element;

package/types/vuu-date-picker/VuuDatePicker.d.ts

@@ -20,4 +20,4 @@ export interface VuuDatePickerProps extends Omit<DatePickerProps<SingleSelection
      */
     value?: EpochTimestamp | number;
 }
-export declare const VuuDatePicker: ({ className, onSelectionChange, onCommit, preserveFocusOnSelect, selectedDate: selectedDateProp, timeZone, value, ...props }: VuuDatePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VuuDatePicker: ({ className, onSelectionChange, onCommit, preserveFocusOnSelect, selectedDate: selectedDateProp, timeZone, value, ...props }: VuuDatePickerProps) => import("react").JSX.Element;

package/types/vuu-time-picker/VuuTimePicker.d.ts

@@ -5,5 +5,5 @@ type TimePickerInputProps = "defaultValue" | "milliseconds" | "onChange" | "onCo
 export type VuuTimePickerSecondsProps = Pick<TimeInputSecondsProps, TimePickerInputProps> & VuuTimePickerHtmlAttributes;
 export type VuuTimePickerMillisecondsProps = Pick<TimeInputMillisecondsProps, TimePickerInputProps> & VuuTimePickerHtmlAttributes;
 export type VuuTimePickerProps = VuuTimePickerSecondsProps | VuuTimePickerMillisecondsProps;
-export declare const VuuTimePicker: ({ className, defaultValue, milliseconds, onChange, onCommit, value, ...htmlAttributes }: VuuTimePickerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VuuTimePicker: ({ className, defaultValue, milliseconds, onChange, onCommit, value, ...htmlAttributes }: VuuTimePickerProps) => import("react").JSX.Element;
 export {};

package/types/vuu-typeahead-input/VuuTypeaheadInput.d.ts

@@ -3,4 +3,4 @@ import { VuuTypeaheadInputHookProps } from "./useVuuTypeaheadInput";
 export interface VuuTypeaheadInputProps extends VuuTypeaheadInputHookProps, Pick<ComboBoxProps, "selectOnTab"> {
     className?: string;
 }
-export declare const VuuTypeaheadInput: ({ allowFreeInput, className, column, freeTextWarning, highlightFirstSuggestion, inputProps: inputPropsProp, minCharacterCountToTriggerSuggestions, onCommit, selectOnTab, table, }: VuuTypeaheadInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VuuTypeaheadInput: ({ allowFreeInput, className, column, freeTextWarning, highlightFirstSuggestion, inputProps: inputPropsProp, minCharacterCountToTriggerSuggestions, onCommit, selectOnTab, table, }: VuuTypeaheadInputProps) => import("react").JSX.Element;