@salt-ds/lab 1.0.0-alpha.26 → 1.0.0-alpha.27
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/css/salt-lab.css +378 -413
- package/dist-cjs/combo-box-next/ComboBoxNext.js +303 -166
- package/dist-cjs/combo-box-next/ComboBoxNext.js.map +1 -1
- package/dist-cjs/combo-box-next/useComboBoxNext.js +55 -0
- package/dist-cjs/combo-box-next/useComboBoxNext.js.map +1 -0
- package/dist-cjs/dropdown/DropdownBase.js +1 -1
- package/dist-cjs/dropdown/DropdownBase.js.map +1 -1
- package/dist-cjs/dropdown-next/DropdownNext.css.js +1 -1
- package/dist-cjs/dropdown-next/DropdownNext.js +333 -169
- package/dist-cjs/dropdown-next/DropdownNext.js.map +1 -1
- package/dist-cjs/editable-label/EditableLabel.js +1 -1
- package/dist-cjs/editable-label/EditableLabel.js.map +1 -1
- package/dist-cjs/index.js +8 -10
- package/dist-cjs/index.js.map +1 -1
- package/dist-cjs/layer-layout/LayerLayout.js +0 -1
- package/dist-cjs/layer-layout/LayerLayout.js.map +1 -1
- package/dist-cjs/list-control/ListControlContext.js +36 -0
- package/dist-cjs/list-control/ListControlContext.js.map +1 -0
- package/dist-cjs/list-control/ListControlState.js +193 -0
- package/dist-cjs/list-control/ListControlState.js.map +1 -0
- package/dist-cjs/navigation-item/ConditionalWrapper.js +2 -4
- package/dist-cjs/navigation-item/ConditionalWrapper.js.map +1 -1
- package/dist-cjs/navigation-item/ExpansionIcon.js +2 -4
- package/dist-cjs/navigation-item/ExpansionIcon.js.map +1 -1
- package/dist-cjs/navigation-item/NavigationItem.css.js +1 -1
- package/dist-cjs/navigation-item/NavigationItem.js +4 -7
- package/dist-cjs/navigation-item/NavigationItem.js.map +1 -1
- package/dist-cjs/option/Option.css.js +6 -0
- package/dist-cjs/option/Option.css.js.map +1 -0
- package/dist-cjs/option/Option.js +113 -0
- package/dist-cjs/option/Option.js.map +1 -0
- package/dist-cjs/option/OptionGroup.css.js +6 -0
- package/dist-cjs/option/OptionGroup.css.js.map +1 -0
- package/dist-cjs/option/OptionGroup.js +44 -0
- package/dist-cjs/option/OptionGroup.js.map +1 -0
- package/dist-cjs/option/OptionList.css.js +6 -0
- package/dist-cjs/option/OptionList.css.js.map +1 -0
- package/dist-cjs/option/OptionList.js +40 -0
- package/dist-cjs/option/OptionList.js.map +1 -0
- package/dist-cjs/scrim/Scrim.css.js +1 -1
- package/dist-cjs/scrim/Scrim.js +10 -140
- package/dist-cjs/scrim/Scrim.js.map +1 -1
- package/dist-cjs/tokenized-input/internal/InputPill.js +13 -9
- package/dist-cjs/tokenized-input/internal/InputPill.js.map +1 -1
- package/dist-cjs/tokenized-input-next/TokenizedInputNext.css.js +6 -0
- package/dist-cjs/tokenized-input-next/TokenizedInputNext.css.js.map +1 -0
- package/dist-cjs/tokenized-input-next/TokenizedInputNext.js +244 -0
- package/dist-cjs/tokenized-input-next/TokenizedInputNext.js.map +1 -0
- package/dist-cjs/tokenized-input-next/internal/InputPill.css.js +6 -0
- package/dist-cjs/tokenized-input-next/internal/InputPill.css.js.map +1 -0
- package/dist-cjs/tokenized-input-next/internal/InputPill.js +83 -0
- package/dist-cjs/tokenized-input-next/internal/InputPill.js.map +1 -0
- package/dist-cjs/tokenized-input-next/internal/calcFirstHiddenIndex.js +22 -0
- package/dist-cjs/tokenized-input-next/internal/calcFirstHiddenIndex.js.map +1 -0
- package/dist-cjs/tokenized-input-next/internal/useResizeObserver.js +37 -0
- package/dist-cjs/tokenized-input-next/internal/useResizeObserver.js.map +1 -0
- package/dist-cjs/tokenized-input-next/internal/useWidth.js +48 -0
- package/dist-cjs/tokenized-input-next/internal/useWidth.js.map +1 -0
- package/dist-cjs/tokenized-input-next/useTokenizedInputNext.js +479 -0
- package/dist-cjs/tokenized-input-next/useTokenizedInputNext.js.map +1 -0
- package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js +1 -1
- package/dist-cjs/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
- package/dist-cjs/tree/Tree.js +1 -2
- package/dist-cjs/tree/Tree.js.map +1 -1
- package/dist-es/combo-box-next/ComboBoxNext.js +306 -169
- package/dist-es/combo-box-next/ComboBoxNext.js.map +1 -1
- package/dist-es/combo-box-next/useComboBoxNext.js +51 -0
- package/dist-es/combo-box-next/useComboBoxNext.js.map +1 -0
- package/dist-es/dropdown/DropdownBase.js +1 -1
- package/dist-es/dropdown/DropdownBase.js.map +1 -1
- package/dist-es/dropdown-next/DropdownNext.css.js +1 -1
- package/dist-es/dropdown-next/DropdownNext.js +332 -168
- package/dist-es/dropdown-next/DropdownNext.js.map +1 -1
- package/dist-es/editable-label/EditableLabel.js +1 -1
- package/dist-es/editable-label/EditableLabel.js.map +1 -1
- package/dist-es/index.js +4 -5
- package/dist-es/index.js.map +1 -1
- package/dist-es/layer-layout/LayerLayout.js +0 -1
- package/dist-es/layer-layout/LayerLayout.js.map +1 -1
- package/dist-es/list-control/ListControlContext.js +31 -0
- package/dist-es/list-control/ListControlContext.js.map +1 -0
- package/dist-es/list-control/ListControlState.js +189 -0
- package/dist-es/list-control/ListControlState.js.map +1 -0
- package/dist-es/navigation-item/ConditionalWrapper.js +2 -4
- package/dist-es/navigation-item/ConditionalWrapper.js.map +1 -1
- package/dist-es/navigation-item/ExpansionIcon.js +2 -4
- package/dist-es/navigation-item/ExpansionIcon.js.map +1 -1
- package/dist-es/navigation-item/NavigationItem.css.js +1 -1
- package/dist-es/navigation-item/NavigationItem.js +4 -7
- package/dist-es/navigation-item/NavigationItem.js.map +1 -1
- package/dist-es/option/Option.css.js +4 -0
- package/dist-es/option/Option.css.js.map +1 -0
- package/dist-es/option/Option.js +109 -0
- package/dist-es/option/Option.js.map +1 -0
- package/dist-es/option/OptionGroup.css.js +4 -0
- package/dist-es/option/OptionGroup.css.js.map +1 -0
- package/dist-es/option/OptionGroup.js +40 -0
- package/dist-es/option/OptionGroup.js.map +1 -0
- package/dist-es/option/OptionList.css.js +4 -0
- package/dist-es/option/OptionList.css.js.map +1 -0
- package/dist-es/option/OptionList.js +36 -0
- package/dist-es/option/OptionList.js.map +1 -0
- package/dist-es/scrim/Scrim.css.js +1 -1
- package/dist-es/scrim/Scrim.js +12 -138
- package/dist-es/scrim/Scrim.js.map +1 -1
- package/dist-es/tokenized-input/internal/InputPill.js +15 -11
- package/dist-es/tokenized-input/internal/InputPill.js.map +1 -1
- package/dist-es/tokenized-input-next/TokenizedInputNext.css.js +4 -0
- package/dist-es/tokenized-input-next/TokenizedInputNext.css.js.map +1 -0
- package/dist-es/tokenized-input-next/TokenizedInputNext.js +240 -0
- package/dist-es/tokenized-input-next/TokenizedInputNext.js.map +1 -0
- package/dist-es/tokenized-input-next/internal/InputPill.css.js +4 -0
- package/dist-es/tokenized-input-next/internal/InputPill.css.js.map +1 -0
- package/dist-es/tokenized-input-next/internal/InputPill.js +79 -0
- package/dist-es/tokenized-input-next/internal/InputPill.js.map +1 -0
- package/dist-es/tokenized-input-next/internal/calcFirstHiddenIndex.js +18 -0
- package/dist-es/tokenized-input-next/internal/calcFirstHiddenIndex.js.map +1 -0
- package/dist-es/tokenized-input-next/internal/useResizeObserver.js +33 -0
- package/dist-es/tokenized-input-next/internal/useResizeObserver.js.map +1 -0
- package/dist-es/tokenized-input-next/internal/useWidth.js +42 -0
- package/dist-es/tokenized-input-next/internal/useWidth.js.map +1 -0
- package/dist-es/tokenized-input-next/useTokenizedInputNext.js +471 -0
- package/dist-es/tokenized-input-next/useTokenizedInputNext.js.map +1 -0
- package/dist-es/toolbar/overflow-panel/OverflowPanel.js +1 -1
- package/dist-es/toolbar/overflow-panel/OverflowPanel.js.map +1 -1
- package/dist-es/tree/Tree.js +1 -2
- package/dist-es/tree/Tree.js.map +1 -1
- package/dist-types/combo-box-next/ComboBoxNext.d.ts +7 -80
- package/dist-types/combo-box-next/useComboBoxNext.d.ts +31 -0
- package/dist-types/dropdown-next/DropdownNext.d.ts +25 -27
- package/dist-types/index.d.ts +2 -2
- package/dist-types/list-control/ListControlContext.d.ts +20 -0
- package/dist-types/list-control/ListControlState.d.ts +68 -0
- package/dist-types/navigation-item/ConditionalWrapper.d.ts +1 -1
- package/dist-types/navigation-item/ExpansionIcon.d.ts +1 -1
- package/dist-types/option/Option.d.ts +20 -0
- package/dist-types/option/OptionGroup.d.ts +12 -0
- package/dist-types/option/OptionList.d.ts +5 -0
- package/dist-types/option/index.d.ts +2 -0
- package/dist-types/scrim/Scrim.d.ts +6 -61
- package/dist-types/scrim/index.d.ts +0 -1
- package/dist-types/tokenized-input/internal/InputPill.d.ts +7 -5
- package/dist-types/tokenized-input-next/TokenizedInputNext.d.ts +51 -0
- package/dist-types/tokenized-input-next/index.d.ts +2 -0
- package/dist-types/tokenized-input-next/internal/InputPill.d.ts +29 -0
- package/dist-types/tokenized-input-next/internal/calcFirstHiddenIndex.d.ts +4 -0
- package/dist-types/tokenized-input-next/internal/useResizeObserver.d.ts +6 -0
- package/dist-types/tokenized-input-next/internal/useWidth.d.ts +7 -0
- package/dist-types/tokenized-input-next/useTokenizedInputNext.d.ts +47 -0
- package/package.json +2 -2
- package/dist-cjs/combo-box-next/ComboBoxNext.css.js +0 -6
- package/dist-cjs/combo-box-next/ComboBoxNext.css.js.map +0 -1
- package/dist-cjs/combo-box-next/useComboBox.js +0 -147
- package/dist-cjs/combo-box-next/useComboBox.js.map +0 -1
- package/dist-cjs/combo-box-next/useComboboxPortal.js +0 -75
- package/dist-cjs/combo-box-next/useComboboxPortal.js.map +0 -1
- package/dist-cjs/combo-box-next/utils.js +0 -36
- package/dist-cjs/combo-box-next/utils.js.map +0 -1
- package/dist-cjs/dropdown-next/useDropdownNext.js +0 -188
- package/dist-cjs/dropdown-next/useDropdownNext.js.map +0 -1
- package/dist-cjs/focus-manager/FocusManager.js +0 -158
- package/dist-cjs/focus-manager/FocusManager.js.map +0 -1
- package/dist-cjs/focus-manager/internal/findAllTabbableElements.js +0 -45
- package/dist-cjs/focus-manager/internal/findAllTabbableElements.js.map +0 -1
- package/dist-cjs/focus-manager/internal/useReturnFocus.js +0 -59
- package/dist-cjs/focus-manager/internal/useReturnFocus.js.map +0 -1
- package/dist-cjs/pill/ClosablePill.js +0 -61
- package/dist-cjs/pill/ClosablePill.js.map +0 -1
- package/dist-cjs/pill/Pill.css.js +0 -6
- package/dist-cjs/pill/Pill.css.js.map +0 -1
- package/dist-cjs/pill/Pill.js +0 -49
- package/dist-cjs/pill/Pill.js.map +0 -1
- package/dist-cjs/pill/PillBase.js +0 -133
- package/dist-cjs/pill/PillBase.js.map +0 -1
- package/dist-cjs/pill/SelectablePill.js +0 -55
- package/dist-cjs/pill/SelectablePill.js.map +0 -1
- package/dist-cjs/pill/constants.js +0 -8
- package/dist-cjs/pill/constants.js.map +0 -1
- package/dist-cjs/pill/internal/DeleteButton.js +0 -37
- package/dist-cjs/pill/internal/DeleteButton.js.map +0 -1
- package/dist-cjs/pill/internal/DivButton.js +0 -68
- package/dist-cjs/pill/internal/DivButton.js.map +0 -1
- package/dist-cjs/pill/internal/PillCheckbox.css.js +0 -6
- package/dist-cjs/pill/internal/PillCheckbox.css.js.map +0 -1
- package/dist-cjs/pill/internal/PillCheckbox.js +0 -27
- package/dist-cjs/pill/internal/PillCheckbox.js.map +0 -1
- package/dist-cjs/pill-next/PillNext.css.js +0 -6
- package/dist-cjs/pill-next/PillNext.css.js.map +0 -1
- package/dist-cjs/pill-next/PillNext.js +0 -60
- package/dist-cjs/pill-next/PillNext.js.map +0 -1
- package/dist-cjs/scrim/ScrimContext.js +0 -13
- package/dist-cjs/scrim/ScrimContext.js.map +0 -1
- package/dist-cjs/scrim/internal/PreventFocus.js +0 -39
- package/dist-cjs/scrim/internal/PreventFocus.js.map +0 -1
- package/dist-es/combo-box-next/ComboBoxNext.css.js +0 -4
- package/dist-es/combo-box-next/ComboBoxNext.css.js.map +0 -1
- package/dist-es/combo-box-next/useComboBox.js +0 -143
- package/dist-es/combo-box-next/useComboBox.js.map +0 -1
- package/dist-es/combo-box-next/useComboboxPortal.js +0 -71
- package/dist-es/combo-box-next/useComboboxPortal.js.map +0 -1
- package/dist-es/combo-box-next/utils.js +0 -31
- package/dist-es/combo-box-next/utils.js.map +0 -1
- package/dist-es/dropdown-next/useDropdownNext.js +0 -184
- package/dist-es/dropdown-next/useDropdownNext.js.map +0 -1
- package/dist-es/focus-manager/FocusManager.js +0 -154
- package/dist-es/focus-manager/FocusManager.js.map +0 -1
- package/dist-es/focus-manager/internal/findAllTabbableElements.js +0 -41
- package/dist-es/focus-manager/internal/findAllTabbableElements.js.map +0 -1
- package/dist-es/focus-manager/internal/useReturnFocus.js +0 -55
- package/dist-es/focus-manager/internal/useReturnFocus.js.map +0 -1
- package/dist-es/pill/ClosablePill.js +0 -57
- package/dist-es/pill/ClosablePill.js.map +0 -1
- package/dist-es/pill/Pill.css.js +0 -4
- package/dist-es/pill/Pill.css.js.map +0 -1
- package/dist-es/pill/Pill.js +0 -45
- package/dist-es/pill/Pill.js.map +0 -1
- package/dist-es/pill/PillBase.js +0 -129
- package/dist-es/pill/PillBase.js.map +0 -1
- package/dist-es/pill/SelectablePill.js +0 -51
- package/dist-es/pill/SelectablePill.js.map +0 -1
- package/dist-es/pill/constants.js +0 -4
- package/dist-es/pill/constants.js.map +0 -1
- package/dist-es/pill/internal/DeleteButton.js +0 -33
- package/dist-es/pill/internal/DeleteButton.js.map +0 -1
- package/dist-es/pill/internal/DivButton.js +0 -64
- package/dist-es/pill/internal/DivButton.js.map +0 -1
- package/dist-es/pill/internal/PillCheckbox.css.js +0 -4
- package/dist-es/pill/internal/PillCheckbox.css.js.map +0 -1
- package/dist-es/pill/internal/PillCheckbox.js +0 -23
- package/dist-es/pill/internal/PillCheckbox.js.map +0 -1
- package/dist-es/pill-next/PillNext.css.js +0 -4
- package/dist-es/pill-next/PillNext.css.js.map +0 -1
- package/dist-es/pill-next/PillNext.js +0 -52
- package/dist-es/pill-next/PillNext.js.map +0 -1
- package/dist-es/scrim/ScrimContext.js +0 -9
- package/dist-es/scrim/ScrimContext.js.map +0 -1
- package/dist-es/scrim/internal/PreventFocus.js +0 -35
- package/dist-es/scrim/internal/PreventFocus.js.map +0 -1
- package/dist-types/combo-box-next/useComboBox.d.ts +0 -44
- package/dist-types/combo-box-next/useComboboxPortal.d.ts +0 -22
- package/dist-types/combo-box-next/utils.d.ts +0 -7
- package/dist-types/dropdown-next/useDropdownNext.d.ts +0 -50
- package/dist-types/pill/ClosablePill.d.ts +0 -8
- package/dist-types/pill/Pill.d.ts +0 -15
- package/dist-types/pill/PillBase.d.ts +0 -52
- package/dist-types/pill/SelectablePill.d.ts +0 -17
- package/dist-types/pill/constants.d.ts +0 -1
- package/dist-types/pill/index.d.ts +0 -3
- package/dist-types/pill/internal/DeleteButton.d.ts +0 -8
- package/dist-types/pill/internal/DivButton.d.ts +0 -12
- package/dist-types/pill/internal/PillCheckbox.d.ts +0 -3
- package/dist-types/pill-next/PillNext.d.ts +0 -4
- package/dist-types/pill-next/index.d.ts +0 -1
- package/dist-types/scrim/ScrimContext.d.ts +0 -1
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { UseFloatingUIProps } from "@salt-ds/core";
|
|
2
|
-
import { HTMLProps, KeyboardEvent, FocusEvent } from "react";
|
|
3
|
-
import { UseListProps } from "../list-next/useList";
|
|
4
|
-
interface UseDropdownNextProps extends Partial<Pick<UseFloatingUIProps, "onOpenChange" | "open" | "placement">> {
|
|
5
|
-
listProps: UseListProps;
|
|
6
|
-
openControlProp?: boolean;
|
|
7
|
-
}
|
|
8
|
-
export declare const useDropdownNext: ({ listProps, openControlProp, onOpenChange: onOpenChangeProp, placement: placementProp, }: UseDropdownNextProps) => {
|
|
9
|
-
handlers: {
|
|
10
|
-
keyDownHandler: (event: KeyboardEvent<HTMLElement>) => void;
|
|
11
|
-
focusHandler: (event: FocusEvent<HTMLElement>) => void;
|
|
12
|
-
mouseOverHandler: () => void;
|
|
13
|
-
mouseDownHandler: () => void;
|
|
14
|
-
listSelectHandler: () => void;
|
|
15
|
-
};
|
|
16
|
-
refs: {
|
|
17
|
-
reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
|
|
18
|
-
floating: import("react").MutableRefObject<HTMLElement | null>;
|
|
19
|
-
setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
|
|
20
|
-
setFloating: (node: HTMLElement | null) => void;
|
|
21
|
-
} & import("@floating-ui/react").ExtendedRefs<import("@floating-ui/react").ReferenceType>;
|
|
22
|
-
open: boolean;
|
|
23
|
-
getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => Record<string, unknown>;
|
|
24
|
-
getItemProps: (userProps?: (Omit<HTMLProps<HTMLElement>, "selected" | "active"> & {
|
|
25
|
-
active?: boolean | undefined;
|
|
26
|
-
selected?: boolean | undefined;
|
|
27
|
-
}) | undefined) => Record<string, unknown>;
|
|
28
|
-
activeDescendant: string | undefined;
|
|
29
|
-
selectedItem: string | undefined;
|
|
30
|
-
setSelectedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
|
|
31
|
-
highlightedItem: string | undefined;
|
|
32
|
-
setHighlightedItem: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
|
|
33
|
-
getListItems: (source: string[]) => JSX.Element[] | undefined;
|
|
34
|
-
portalProps: {
|
|
35
|
-
open: boolean;
|
|
36
|
-
setOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
|
|
37
|
-
floating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
|
|
38
|
-
reference: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
|
|
39
|
-
getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => Record<string, unknown>;
|
|
40
|
-
getDropdownNextProps: () => HTMLProps<HTMLDivElement>;
|
|
41
|
-
getPosition: () => {
|
|
42
|
-
top: number;
|
|
43
|
-
left: number;
|
|
44
|
-
position: import("@floating-ui/utils").Strategy;
|
|
45
|
-
width: number | undefined;
|
|
46
|
-
height: number | undefined;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
};
|
|
50
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { PillBaseProps } from "./PillBase";
|
|
2
|
-
export interface ClosablePillProps extends Omit<PillBaseProps, "clickable"> {
|
|
3
|
-
/**
|
|
4
|
-
* Clickable Pill is not supported by Closable variant.
|
|
5
|
-
*/
|
|
6
|
-
clickable?: false;
|
|
7
|
-
}
|
|
8
|
-
export declare const ClosablePill: import("react").ForwardRefExoticComponent<PillBaseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ForwardedRef, ReactElement } from "react";
|
|
2
|
-
import { ClosablePillProps } from "./ClosablePill";
|
|
3
|
-
import { PillBaseProps } from "./PillBase";
|
|
4
|
-
import { SelectablePillProps } from "./SelectablePill";
|
|
5
|
-
export declare type PillVariant = "basic" | "closable" | "selectable";
|
|
6
|
-
export interface PillVariantProps<T extends PillVariant = "basic"> {
|
|
7
|
-
/**
|
|
8
|
-
* Determines the variant of pill
|
|
9
|
-
*/
|
|
10
|
-
variant?: T;
|
|
11
|
-
}
|
|
12
|
-
export declare type PillProps<T extends PillVariant = "basic"> = T extends "closable" ? ClosablePillProps & PillVariantProps<T> : T extends "basic" ? PillBaseProps & PillVariantProps<T> : SelectablePillProps & PillVariantProps<T>;
|
|
13
|
-
export declare const Pill: <T extends PillVariant = "basic">(p: PillProps<T> & {
|
|
14
|
-
ref?: ForwardedRef<HTMLDivElement> | undefined;
|
|
15
|
-
}) => ReactElement<PillProps<T>, string | import("react").JSXElementConstructor<any>>;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
import { HTMLAttributes, ReactElement, ReactEventHandler, SyntheticEvent } from "react";
|
|
2
|
-
import { TooltipProps } from "@salt-ds/core";
|
|
3
|
-
export interface PillBaseProps extends HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
/**
|
|
5
|
-
* Props passed to the tooltip
|
|
6
|
-
*/
|
|
7
|
-
TooltipProps?: Partial<TooltipProps>;
|
|
8
|
-
/**
|
|
9
|
-
* Defines a human-readable, author-localized description for the role of an element.
|
|
10
|
-
*
|
|
11
|
-
* This should be in favour of aria-label for `Pill`
|
|
12
|
-
**/
|
|
13
|
-
"aria-roledescription"?: string;
|
|
14
|
-
/**
|
|
15
|
-
* Clickable variation. Use 'onClick' for callback.
|
|
16
|
-
*/
|
|
17
|
-
clickable?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Shows delete icon. Use `onDelete` for callback.
|
|
20
|
-
*/
|
|
21
|
-
deletable?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Override the default delete icon element. Shown only if `deletable` is set.
|
|
24
|
-
*/
|
|
25
|
-
deleteIcon?: ReactElement;
|
|
26
|
-
/**
|
|
27
|
-
* If `true`, the pill will be disabled.
|
|
28
|
-
*/
|
|
29
|
-
disabled?: boolean;
|
|
30
|
-
/**
|
|
31
|
-
* Whether the pill is been highlighted.
|
|
32
|
-
* If `true`, the pill will display Tooltip when text within is truncated.
|
|
33
|
-
*/
|
|
34
|
-
highlighted?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Icon element.
|
|
37
|
-
*/
|
|
38
|
-
icon?: ReactElement;
|
|
39
|
-
/**
|
|
40
|
-
* The content of the label.
|
|
41
|
-
*/
|
|
42
|
-
label?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Callback function fired when pill is clicked.
|
|
45
|
-
*/
|
|
46
|
-
onClick?: (event: SyntheticEvent<HTMLDivElement>) => void;
|
|
47
|
-
/**
|
|
48
|
-
* Callback function fired when the delete icon is clicked. Used when `deletable` is true.
|
|
49
|
-
*/
|
|
50
|
-
onDelete?: ReactEventHandler<HTMLElement>;
|
|
51
|
-
}
|
|
52
|
-
export declare const PillBase: import("react").ForwardRefExoticComponent<PillBaseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import { SyntheticEvent } from "react";
|
|
2
|
-
import { PillBaseProps } from "./PillBase";
|
|
3
|
-
export interface SelectablePillProps extends Omit<PillBaseProps, "onChange"> {
|
|
4
|
-
/**
|
|
5
|
-
* Controls whether the selectable pill is checked
|
|
6
|
-
*/
|
|
7
|
-
checked?: boolean;
|
|
8
|
-
/**
|
|
9
|
-
* Uncontrolled prop to determine initial state of selectable pill
|
|
10
|
-
*/
|
|
11
|
-
defaultChecked?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Callback when checked state is changed
|
|
14
|
-
*/
|
|
15
|
-
onChange?: (event: SyntheticEvent, checked: boolean) => void;
|
|
16
|
-
}
|
|
17
|
-
export declare const SelectablePill: import("react").ForwardRefExoticComponent<SelectablePillProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const pillBaseName = "saltPill";
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ComponentPropsWithoutRef } from "react";
|
|
2
|
-
export interface DivButtonProps extends ComponentPropsWithoutRef<"div"> {
|
|
3
|
-
/**
|
|
4
|
-
* If `true`, the button will be disabled.
|
|
5
|
-
*/
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
/**
|
|
8
|
-
* If `true`, the button will be focusable when disabled.
|
|
9
|
-
*/
|
|
10
|
-
focusableWhenDisabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
export declare const DivButton: import("react").ForwardRefExoticComponent<DivButtonProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./PillNext";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const ScrimContext: import("react").Context<(() => void) | undefined>;
|