@vuu-ui/vuu-ui-controls 0.8.23-debug → 0.8.24-debug
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/index.js +358 -309
- package/cjs/index.js.map +4 -4
- package/esm/index.js +179 -130
- package/esm/index.js.map +4 -4
- package/index.css +80 -48
- package/index.css.map +3 -3
- package/package.json +8 -8
- package/types/icon-button/Icon.d.ts +7 -0
- package/types/icon-button/IconButton.d.ts +7 -0
- package/types/icon-button/index.d.ts +2 -0
- package/types/index.d.ts +1 -0
- package/types/list/useListHeight.d.ts +2 -1
- package/types/split-button/SplitButton.d.ts +4 -2
- package/types/split-button/useSplitButton.d.ts +3 -3
package/types/index.d.ts
CHANGED
|
@@ -8,6 +8,7 @@ export * from "./dropdown";
|
|
|
8
8
|
export * from "./editable";
|
|
9
9
|
export * from "./editable-label";
|
|
10
10
|
export * from "./expando-input";
|
|
11
|
+
export * from "./icon-button";
|
|
11
12
|
export * from "./inputs";
|
|
12
13
|
export * from "./instrument-picker";
|
|
13
14
|
export * from "./instrument-search";
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { MeasuredSize } from "@vuu-ui/vuu-ui-controls";
|
|
2
|
+
import { RefCallback } from "react";
|
|
2
3
|
export interface ListHeightHookProps {
|
|
3
4
|
displayedItemCount: number;
|
|
4
5
|
getItemHeight?: (index: number) => number;
|
|
@@ -13,6 +14,6 @@ export interface HeightHookResult {
|
|
|
13
14
|
contentHeight: number;
|
|
14
15
|
listClientHeight?: number;
|
|
15
16
|
listItemHeight: number;
|
|
16
|
-
rowHeightProxyRef:
|
|
17
|
+
rowHeightProxyRef: RefCallback<HTMLDivElement>;
|
|
17
18
|
}
|
|
18
19
|
export declare const useListHeight: ({ displayedItemCount, getItemHeight, height, itemCount, itemGapSize, itemHeight: itemHeightProp, size, }: ListHeightHookProps) => HeightHookResult;
|
|
@@ -3,9 +3,11 @@ import { ButtonProps } from "@salt-ds/core";
|
|
|
3
3
|
import { HTMLAttributes } from "react";
|
|
4
4
|
import "./SplitButton.css";
|
|
5
5
|
export interface SplitButtonProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
ButtonProps?: Partial<ButtonProps
|
|
6
|
+
ButtonProps?: Partial<Omit<ButtonProps, "variant">>;
|
|
7
7
|
PopupMenuProps?: Partial<PopupMenuProps>;
|
|
8
8
|
buttonText: string;
|
|
9
|
+
disabled?: boolean;
|
|
9
10
|
segmented?: boolean;
|
|
11
|
+
variant?: ButtonProps["variant"];
|
|
10
12
|
}
|
|
11
|
-
export declare const SplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuProps: PopupMenuPropsProp, buttonText, onClick, segmented, ...htmlAttributes }: SplitButtonProps) => JSX.Element;
|
|
13
|
+
export declare const SplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuProps: PopupMenuPropsProp, buttonText, disabled, onClick, segmented, variant, ...htmlAttributes }: SplitButtonProps) => JSX.Element;
|
|
@@ -8,9 +8,6 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
|
|
|
8
8
|
ButtonProps: {
|
|
9
9
|
onClick: ((evt: any) => void) | undefined;
|
|
10
10
|
onKeyDown: KeyboardEventHandler<HTMLButtonElement>;
|
|
11
|
-
disabled?: boolean | undefined;
|
|
12
|
-
focusableWhenDisabled?: boolean | undefined;
|
|
13
|
-
variant?: "primary" | "secondary" | "cta" | undefined;
|
|
14
11
|
type?: "button" | "reset" | "submit" | undefined;
|
|
15
12
|
className?: string | undefined;
|
|
16
13
|
hidden?: boolean | undefined;
|
|
@@ -19,6 +16,7 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
|
|
|
19
16
|
color?: string | undefined;
|
|
20
17
|
content?: string | undefined;
|
|
21
18
|
style?: import("react").CSSProperties | undefined;
|
|
19
|
+
disabled?: boolean | undefined;
|
|
22
20
|
key?: import("react").Key | null | undefined;
|
|
23
21
|
defaultChecked?: boolean | undefined;
|
|
24
22
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
@@ -280,10 +278,12 @@ export declare const useSplitButton: ({ ButtonProps: ButtonPropsProp, PopupMenuP
|
|
|
280
278
|
formMethod?: string | undefined;
|
|
281
279
|
formNoValidate?: boolean | undefined;
|
|
282
280
|
formTarget?: string | undefined;
|
|
281
|
+
focusableWhenDisabled?: boolean | undefined;
|
|
283
282
|
};
|
|
284
283
|
PopupMenuProps: PopupMenuProps;
|
|
285
284
|
buttonRef: import("react").RefObject<HTMLButtonElement>;
|
|
286
285
|
rootRef: import("react").RefObject<HTMLDivElement>;
|
|
287
286
|
onClick: ((evt: any) => void) | undefined;
|
|
287
|
+
onBlur: FocusEventHandler<Element>;
|
|
288
288
|
onFocus: FocusEventHandler<Element>;
|
|
289
289
|
};
|