@elliemae/ds-controlled-form 2.3.0-next.7 → 2.3.0-rc.2
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/controlled-autocomplete/parts/controls/styled.js +2 -2
- package/cjs/controlled-autocomplete/parts/menu-list/MenuList.js +2 -2
- package/cjs/controlled-checkbox/ControlledCheckbox.js +49 -39
- package/cjs/controlled-checkbox/config/useValidateProps.js +2 -2
- package/cjs/controlled-checkbox/react-desc-prop-types.js +32 -0
- package/cjs/controlled-checkbox/utils/styleHelpers.js +4 -4
- package/cjs/controlled-combobox/ComboBox.js +3 -6
- package/cjs/controlled-combobox/ComboBoxCTX.js +1 -4
- package/cjs/controlled-combobox/ComboboxDataTestids.js +2 -1
- package/cjs/controlled-combobox/config/useComboBox.js +19 -73
- package/cjs/controlled-combobox/config/useCorrectOptions.js +77 -0
- package/cjs/controlled-combobox/parts/a11y-messages/FocusMenuItem.js +46 -0
- package/cjs/controlled-combobox/parts/a11y-messages/{MultiAllyMessages.js → SelectedValuesAllyMsg.js} +21 -7
- package/cjs/controlled-combobox/parts/a11y-messages/index.js +4 -4
- package/cjs/controlled-combobox/parts/container/Container.js +32 -21
- package/cjs/controlled-combobox/parts/container/styled.js +9 -6
- package/cjs/controlled-combobox/parts/controls/Controls.js +31 -19
- package/cjs/controlled-combobox/parts/controls/styled.js +24 -12
- package/cjs/controlled-combobox/parts/controls/useOnPillsNavigation.js +51 -0
- package/cjs/controlled-combobox/parts/controls-input/ControlsInput.js +9 -7
- package/cjs/controlled-combobox/parts/controls-input/useControlsInput.js +16 -8
- package/cjs/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js +6 -3
- package/cjs/controlled-combobox/parts/dropdown-indicator/styled.js +2 -3
- package/cjs/controlled-combobox/parts/header-list/HeaderList.js +8 -13
- package/cjs/controlled-combobox/parts/header-list/useHeaderListHandlers.js +12 -5
- package/cjs/controlled-combobox/parts/menu-list/MenuList.js +13 -18
- package/cjs/controlled-combobox/parts/menu-list/styled.js +5 -1
- package/cjs/controlled-combobox/parts/menu-list/useItemRenderer.js +14 -17
- package/cjs/controlled-combobox/parts/menu-list/useMenuList.js +11 -13
- package/cjs/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +33 -19
- package/cjs/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +5 -5
- package/cjs/controlled-combobox/react-desc-prop-types.js +42 -0
- package/cjs/{controlled-checkbox/index.d.js → controlled-combobox/sharedTypes.js} +0 -0
- package/cjs/controlled-combobox/utils/hooks/useKeyboardNavigation.js +19 -18
- package/cjs/controlled-combobox/utils/listHelper.js +2 -2
- package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +2 -2
- package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js +2 -2
- package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +2 -2
- package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +2 -2
- package/cjs/controlled-date-time-picker/parts/Styleds.js +6 -6
- package/cjs/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +2 -2
- package/esm/controlled-checkbox/ControlledCheckbox.js +44 -36
- package/esm/controlled-checkbox/config/useValidateProps.js +2 -2
- package/esm/controlled-checkbox/react-desc-prop-types.js +23 -0
- package/esm/controlled-checkbox/utils/styleHelpers.js +4 -4
- package/esm/controlled-combobox/ComboBox.js +4 -7
- package/esm/controlled-combobox/ComboBoxCTX.js +1 -4
- package/esm/controlled-combobox/ComboboxDataTestids.js +2 -1
- package/esm/controlled-combobox/config/useComboBox.js +22 -76
- package/esm/controlled-combobox/config/useCorrectOptions.js +73 -0
- package/esm/controlled-combobox/parts/a11y-messages/FocusMenuItem.js +38 -0
- package/esm/controlled-combobox/parts/a11y-messages/SelectedValuesAllyMsg.js +39 -0
- package/esm/controlled-combobox/parts/a11y-messages/index.js +2 -2
- package/esm/controlled-combobox/parts/container/Container.js +30 -21
- package/esm/controlled-combobox/parts/container/styled.js +9 -6
- package/esm/controlled-combobox/parts/controls/Controls.js +32 -20
- package/esm/controlled-combobox/parts/controls/styled.js +22 -10
- package/esm/controlled-combobox/parts/controls/useOnPillsNavigation.js +47 -0
- package/esm/controlled-combobox/parts/controls-input/ControlsInput.js +9 -7
- package/esm/controlled-combobox/parts/controls-input/useControlsInput.js +16 -8
- package/esm/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js +6 -3
- package/esm/controlled-combobox/parts/dropdown-indicator/styled.js +3 -3
- package/esm/controlled-combobox/parts/header-list/HeaderList.js +8 -13
- package/esm/controlled-combobox/parts/header-list/useHeaderListHandlers.js +12 -5
- package/esm/controlled-combobox/parts/menu-list/MenuList.js +16 -21
- package/esm/controlled-combobox/parts/menu-list/styled.js +5 -2
- package/esm/controlled-combobox/parts/menu-list/useItemRenderer.js +12 -15
- package/esm/controlled-combobox/parts/menu-list/useMenuList.js +11 -13
- package/esm/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +35 -20
- package/esm/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +5 -5
- package/esm/controlled-combobox/{propTypes.js → react-desc-prop-types.js} +17 -7
- package/esm/{controlled-checkbox/index.d.js → controlled-combobox/sharedTypes.js} +0 -0
- package/esm/controlled-combobox/utils/hooks/useKeyboardNavigation.js +19 -18
- package/esm/controlled-combobox/utils/listHelper.js +2 -2
- package/package.json +33 -57
- package/types/controlled-checkbox/ControlledCheckbox.d.ts +4 -70
- package/types/controlled-checkbox/config/useValidateProps.d.ts +2 -2
- package/types/controlled-checkbox/react-desc-prop-types.d.ts +31 -0
- package/types/controlled-checkbox/styles.d.ts +3 -3
- package/types/controlled-checkbox/utils/setMultipleRefs.d.ts +1 -1
- package/types/controlled-checkbox/utils/styleHelpers.d.ts +3 -3
- package/types/controlled-combobox/ComboBox.d.ts +4 -70
- package/types/controlled-combobox/ComboBoxCTX.d.ts +4 -3
- package/types/controlled-combobox/ComboboxDataTestids.d.ts +1 -0
- package/types/controlled-combobox/config/useComboBox.d.ts +3 -2
- package/types/controlled-combobox/config/useCorrectOptions.d.ts +3 -0
- package/types/controlled-combobox/parts/a11y-messages/FocusMenuItem.d.ts +3 -0
- package/types/controlled-combobox/parts/a11y-messages/SelectedValuesAllyMsg.d.ts +3 -0
- package/types/controlled-combobox/parts/a11y-messages/index.d.ts +2 -2
- package/types/controlled-combobox/parts/controls/styled.d.ts +10 -7
- package/types/controlled-combobox/parts/controls/useOnPillsNavigation.d.ts +4 -0
- package/types/controlled-combobox/parts/dropdown-indicator/styled.d.ts +2 -1
- package/types/controlled-combobox/parts/header-list/useHeaderListHandlers.d.ts +2 -1
- package/types/controlled-combobox/parts/menu-list/styled.d.ts +1 -0
- package/types/controlled-combobox/parts/menu-list/useItemRenderer.d.ts +2 -2
- package/types/controlled-combobox/react-desc-prop-types.d.ts +57 -0
- package/types/controlled-combobox/sharedTypes.d.ts +27 -0
- package/types/controlled-combobox/utils/hooks/useKeyboardNavigation.d.ts +1 -1
- package/types/controlled-combobox/utils/listHelper.d.ts +7 -7
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts +3 -12
- package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts +1 -4
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts +3 -12
- package/types/controlled-date-time-picker/parts/Styleds.d.ts +1 -4
- package/cjs/controlled-checkbox/propTypes.js +0 -22
- package/cjs/controlled-combobox/config/constants.js +0 -14
- package/cjs/controlled-combobox/config/useGetPropsWithDefault.js +0 -11
- package/cjs/controlled-combobox/index.d.js +0 -2
- package/cjs/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +0 -28
- package/cjs/controlled-combobox/parts/dropdown-indicator/index.js +0 -2
- package/cjs/controlled-combobox/parts/empty-state/index.js +0 -23
- package/cjs/controlled-combobox/parts/empty-state/styled.js +0 -19
- package/cjs/controlled-combobox/parts/multi-selected-values-container/styled.js +0 -23
- package/cjs/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js +0 -28
- package/cjs/controlled-combobox/parts/single-selected-value-container/index.js +0 -9
- package/cjs/controlled-combobox/parts/single-selected-value-container/styled.js +0 -15
- package/cjs/controlled-combobox/propTypes.js +0 -28
- package/esm/controlled-checkbox/propTypes.js +0 -18
- package/esm/controlled-combobox/config/constants.js +0 -10
- package/esm/controlled-combobox/config/useGetPropsWithDefault.js +0 -7
- package/esm/controlled-combobox/index.d.js +0 -1
- package/esm/controlled-combobox/parts/a11y-messages/MultiAllyMessages.js +0 -25
- package/esm/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +0 -20
- package/esm/controlled-combobox/parts/dropdown-indicator/index.js +0 -1
- package/esm/controlled-combobox/parts/empty-state/index.js +0 -15
- package/esm/controlled-combobox/parts/empty-state/styled.js +0 -10
- package/esm/controlled-combobox/parts/multi-selected-values-container/styled.js +0 -13
- package/esm/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js +0 -20
- package/esm/controlled-combobox/parts/single-selected-value-container/index.js +0 -1
- package/esm/controlled-combobox/parts/single-selected-value-container/styled.js +0 -7
- package/types/controlled-checkbox/index.d.d.ts +0 -29
- package/types/controlled-checkbox/propTypes.d.ts +0 -60
- package/types/controlled-combobox/config/constants.d.ts +0 -8
- package/types/controlled-combobox/config/useGetPropsWithDefault.d.ts +0 -2
- package/types/controlled-combobox/parts/a11y-messages/MultiAllyMessages.d.ts +0 -3
- package/types/controlled-combobox/parts/a11y-messages/SingleAllyMessages.d.ts +0 -3
- package/types/controlled-combobox/parts/dropdown-indicator/index.d.ts +0 -0
- package/types/controlled-combobox/parts/empty-state/index.d.ts +0 -3
- package/types/controlled-combobox/parts/empty-state/styled.d.ts +0 -2
- package/types/controlled-combobox/parts/multi-selected-values-container/styled.d.ts +0 -3
- package/types/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.d.ts +0 -3
- package/types/controlled-combobox/parts/single-selected-value-container/index.d.ts +0 -1
- package/types/controlled-combobox/parts/single-selected-value-container/styled.d.ts +0 -1
- package/types/controlled-combobox/propTypes.d.ts +0 -60
- package/types/controlled-combobox/tests/combobox-special-keys.test.d.ts +0 -1
|
@@ -1,71 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
(props: DSControlledCheckboxPropsT): JSX.Element;
|
|
6
|
-
propTypes: {
|
|
7
|
-
checked: any;
|
|
8
|
-
value: {
|
|
9
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
10
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
11
|
-
};
|
|
12
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
13
|
-
};
|
|
14
|
-
name: any;
|
|
15
|
-
label: {
|
|
16
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
17
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
18
|
-
};
|
|
19
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
20
|
-
};
|
|
21
|
-
id: any;
|
|
22
|
-
readOnly: {
|
|
23
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
24
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
25
|
-
};
|
|
26
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
27
|
-
};
|
|
28
|
-
hasError: {
|
|
29
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
30
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
31
|
-
};
|
|
32
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
33
|
-
};
|
|
34
|
-
disabled: {
|
|
35
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
36
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
37
|
-
};
|
|
38
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
39
|
-
};
|
|
40
|
-
ariaControls: {
|
|
41
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
42
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
43
|
-
};
|
|
44
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
45
|
-
};
|
|
46
|
-
ariaLabel: {
|
|
47
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
48
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
49
|
-
};
|
|
50
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
51
|
-
};
|
|
52
|
-
innerRef: {
|
|
53
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
54
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
55
|
-
};
|
|
56
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
57
|
-
};
|
|
58
|
-
autoFocus: {
|
|
59
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
60
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
61
|
-
};
|
|
62
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
declare const DSControlledCheckboxWithSchema: {
|
|
67
|
-
(props?: unknown): JSX.Element;
|
|
68
|
-
propTypes: unknown;
|
|
69
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
70
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DSControlledCheckboxT } from './react-desc-prop-types';
|
|
3
|
+
declare const DSControlledCheckbox: React.ComponentType<DSControlledCheckboxT.Props>;
|
|
4
|
+
declare const DSControlledCheckboxWithSchema: any;
|
|
71
5
|
export { DSControlledCheckbox, DSControlledCheckboxWithSchema };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const useValidateProps: (props:
|
|
1
|
+
import { DSControlledCheckboxT } from '../react-desc-prop-types';
|
|
2
|
+
export declare const useValidateProps: (props: DSControlledCheckboxT.Props, propTypes: unknown) => void;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GlobalAttributesT } from '@elliemae/ds-props-helpers';
|
|
3
|
+
export declare namespace DSControlledCheckboxT {
|
|
4
|
+
interface DefaultProps {
|
|
5
|
+
checked: boolean | 'mixed';
|
|
6
|
+
tabIndex?: number;
|
|
7
|
+
hasError?: boolean;
|
|
8
|
+
}
|
|
9
|
+
interface OptionalProps {
|
|
10
|
+
innerRef: React.RefObject<HTMLInputElement> | React.LegacyRef<HTMLInputElement>;
|
|
11
|
+
}
|
|
12
|
+
interface LegacyAriaProps {
|
|
13
|
+
ariaControls: string;
|
|
14
|
+
ariaLabel: string;
|
|
15
|
+
}
|
|
16
|
+
interface Props extends DefaultProps, OptionalProps, Omit<GlobalAttributesT, 'checked'>, LegacyAriaProps {
|
|
17
|
+
}
|
|
18
|
+
interface StyledCheckBoxT {
|
|
19
|
+
checked: boolean | 'mixed';
|
|
20
|
+
readOnly?: boolean;
|
|
21
|
+
hasError?: boolean;
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
}
|
|
24
|
+
interface StyledLabelT {
|
|
25
|
+
disabled?: boolean;
|
|
26
|
+
readOnly?: boolean;
|
|
27
|
+
checked: boolean | 'mixed';
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
export declare const defaultProps: Partial<DSControlledCheckboxT.Props>;
|
|
31
|
+
export declare const propTypes: any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DSControlledCheckboxT } from './react-desc-prop-types';
|
|
2
2
|
export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
-
export declare const StyledCheckBox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, StyledCheckBoxT, never>;
|
|
3
|
+
export declare const StyledCheckBox: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSControlledCheckboxT.StyledCheckBoxT, never>;
|
|
4
4
|
export declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
-
export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, StyledLabelT, never>;
|
|
5
|
+
export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, DSControlledCheckboxT.StyledLabelT, never>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare function setMultipleRefs<T = unknown>(refs: Array<React.
|
|
2
|
+
export declare function setMultipleRefs<T = unknown>(refs: Array<React.RefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import type { Theme } from '@elliemae/pui-theme';
|
|
2
|
-
export declare const handleCheckMarkColor: ({ colors }: Theme,
|
|
3
|
-
export declare const handleCheckmark: (theme: Theme, checked: boolean | 'mixed', disabled
|
|
4
|
-
export declare const handleBackgroundColor: ({ colors }: Theme, disabled
|
|
2
|
+
export declare const handleCheckMarkColor: ({ colors }: Theme, checked: boolean | 'mixed', isHovering: boolean, disabled?: boolean | undefined, readOnly?: boolean | undefined, hasError?: boolean | undefined) => string;
|
|
3
|
+
export declare const handleCheckmark: (theme: Theme, checked: boolean | 'mixed', disabled?: boolean | undefined, readOnly?: boolean | undefined, hasError?: boolean | undefined, isHovering?: boolean) => string;
|
|
4
|
+
export declare const handleBackgroundColor: ({ colors }: Theme, disabled?: boolean | undefined) => string;
|
|
@@ -1,71 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
declare const
|
|
5
|
-
(props: ComboBoxPropsT): JSX.Element;
|
|
6
|
-
propTypes: {
|
|
7
|
-
placeholder: {
|
|
8
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
9
|
-
};
|
|
10
|
-
options: {
|
|
11
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
12
|
-
};
|
|
13
|
-
selectedValues: {
|
|
14
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
15
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
16
|
-
};
|
|
17
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
18
|
-
};
|
|
19
|
-
autoFocus: {
|
|
20
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
21
|
-
};
|
|
22
|
-
hasError: {
|
|
23
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
24
|
-
};
|
|
25
|
-
onChange: {
|
|
26
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
27
|
-
};
|
|
28
|
-
onSelectAll: {
|
|
29
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
30
|
-
};
|
|
31
|
-
onFilter: {
|
|
32
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
33
|
-
};
|
|
34
|
-
onCreate: {
|
|
35
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
36
|
-
};
|
|
37
|
-
onClearAll: {
|
|
38
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
39
|
-
};
|
|
40
|
-
onCancel: {
|
|
41
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
42
|
-
};
|
|
43
|
-
onMenuOpen: {
|
|
44
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
45
|
-
};
|
|
46
|
-
inputMinWidth: {
|
|
47
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
48
|
-
};
|
|
49
|
-
menuMinWidth: {
|
|
50
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
51
|
-
};
|
|
52
|
-
menuMaxHeight: {
|
|
53
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
54
|
-
};
|
|
55
|
-
withToggle: {
|
|
56
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
57
|
-
};
|
|
58
|
-
withoutPortal: {
|
|
59
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
60
|
-
};
|
|
61
|
-
zIndex: {
|
|
62
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
63
|
-
};
|
|
64
|
-
};
|
|
65
|
-
};
|
|
66
|
-
declare const DSComboBoxWithSchema: {
|
|
67
|
-
(props?: unknown): JSX.Element;
|
|
68
|
-
propTypes: unknown;
|
|
69
|
-
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
70
|
-
};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DSComboboxT } from './react-desc-prop-types';
|
|
3
|
+
declare const DSComboBox: React.ComponentType<DSComboboxT.Props>;
|
|
4
|
+
declare const DSComboBoxWithSchema: any;
|
|
71
5
|
export { DSComboBox, DSComboBoxWithSchema };
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { DSComboboxT } from './react-desc-prop-types';
|
|
3
|
+
import { DSComboboxInternalsT } from './sharedTypes';
|
|
4
|
+
export declare const defaultProps: DSComboboxT.Props;
|
|
4
5
|
/** Context for cross component communication */
|
|
5
|
-
export declare const ComboBoxContext: import("react").Context<ComboBoxContextT>;
|
|
6
|
+
export declare const ComboBoxContext: import("react").Context<DSComboboxInternalsT.ComboBoxContextT>;
|
|
6
7
|
export default ComboBoxContext;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import { DSComboboxT } from '../react-desc-prop-types';
|
|
2
|
+
import { DSComboboxInternalsT } from '../sharedTypes';
|
|
3
|
+
export declare const useComboBox: (props: DSComboboxT.Props) => DSComboboxInternalsT.ComboBoxContextT;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export {
|
|
1
|
+
export { SelectedValuesAllyMsg } from './SelectedValuesAllyMsg';
|
|
2
|
+
export { FocusMenuItem } from './FocusMenuItem';
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
hasError?: boolean
|
|
4
|
-
inline?: boolean
|
|
5
|
-
hasFocus
|
|
6
|
-
minWidth: number
|
|
7
|
-
|
|
2
|
+
interface StyledControlsWrapperT {
|
|
3
|
+
hasError?: boolean;
|
|
4
|
+
inline?: boolean;
|
|
5
|
+
hasFocus?: boolean;
|
|
6
|
+
minWidth: number;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const StyledControlsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, StyledControlsWrapperT, never>;
|
|
8
10
|
export declare const StyledSelection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
|
-
export declare const StyledHeaderActionsWrapper: import("styled-components").StyledComponent<"
|
|
11
|
+
export declare const StyledHeaderActionsWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
10
12
|
export declare const StyleDropdownIndicator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
11
13
|
export declare const StyleHeaderActionsSeparator: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
14
|
+
export {};
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const StyledDropDownButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -3,7 +3,8 @@ interface UseHeaderListHandlersT {
|
|
|
3
3
|
handleKeyDown: (e: React.KeyboardEvent) => void;
|
|
4
4
|
handleToggle: () => void;
|
|
5
5
|
handleOnMouseDown: (e: React.MouseEvent) => void;
|
|
6
|
-
handleSelectAllCheckboxChange:
|
|
6
|
+
handleSelectAllCheckboxChange: React.ChangeEventHandler<HTMLInputElement>;
|
|
7
|
+
handleFilterSelectionBtnOnBlur: React.FocusEventHandler<HTMLButtonElement>;
|
|
7
8
|
checkboxStatus: boolean | 'mixed';
|
|
8
9
|
}
|
|
9
10
|
declare const useHeaderListHandlers: () => UseHeaderListHandlersT;
|
|
@@ -9,3 +9,4 @@ export declare const StyledVirtualListWrapper: import("styled-components").Style
|
|
|
9
9
|
withHeader: boolean;
|
|
10
10
|
}, never>;
|
|
11
11
|
export declare const StyledCreatableLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
12
|
+
export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
declare const useItemRenderer: () => Array<
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const useItemRenderer: () => Array<JSX.Element> | undefined;
|
|
3
3
|
export { useItemRenderer };
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare namespace DSComboboxT {
|
|
3
|
+
interface CommonItemOptions {
|
|
4
|
+
dsId: string;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
render?: React.ComponentType<unknown>;
|
|
7
|
+
}
|
|
8
|
+
interface ItemSeparatorOptions extends CommonItemOptions {
|
|
9
|
+
type: 'separator';
|
|
10
|
+
}
|
|
11
|
+
interface ItemSectionOptions extends CommonItemOptions {
|
|
12
|
+
type: 'section';
|
|
13
|
+
label: string;
|
|
14
|
+
}
|
|
15
|
+
interface ItemOption extends CommonItemOptions {
|
|
16
|
+
value: string;
|
|
17
|
+
label: string;
|
|
18
|
+
type: 'option';
|
|
19
|
+
}
|
|
20
|
+
interface ItemCreatableOption extends CommonItemOptions {
|
|
21
|
+
label: string;
|
|
22
|
+
type: 'creatable';
|
|
23
|
+
}
|
|
24
|
+
type OptionTypes = ItemOption | ItemSectionOptions | ItemSeparatorOptions | ItemCreatableOption;
|
|
25
|
+
type SelectedOptionsT = ItemOption[] | ItemOption | null;
|
|
26
|
+
interface PropsOptional {
|
|
27
|
+
innerRef: React.RefObject<HTMLInputElement>;
|
|
28
|
+
}
|
|
29
|
+
interface DefaultProps {
|
|
30
|
+
placeholder?: string;
|
|
31
|
+
options: OptionTypes[];
|
|
32
|
+
selectedValues: SelectedOptionsT;
|
|
33
|
+
hasError?: boolean;
|
|
34
|
+
inline?: boolean;
|
|
35
|
+
autoFocus?: boolean;
|
|
36
|
+
startPlacementPreference?: string;
|
|
37
|
+
placementOrderPreference?: string[];
|
|
38
|
+
withoutPortal?: boolean;
|
|
39
|
+
zIndex?: number;
|
|
40
|
+
inputMinWidth?: number;
|
|
41
|
+
menuMinWidth?: number;
|
|
42
|
+
menuMaxHeight?: number;
|
|
43
|
+
disabled?: boolean;
|
|
44
|
+
onKeyDown: (e: React.KeyboardEvent<HTMLInputElement>, value: ItemOption | undefined) => void;
|
|
45
|
+
onChange: (value: ItemOption | null) => void;
|
|
46
|
+
onBlur: () => void;
|
|
47
|
+
onSelectAll: () => void;
|
|
48
|
+
onClearAll: () => void;
|
|
49
|
+
onFilter: (value: string) => void;
|
|
50
|
+
onCreate: (label: string) => void;
|
|
51
|
+
onMenuOpen?: () => void;
|
|
52
|
+
onCancel?: () => void;
|
|
53
|
+
}
|
|
54
|
+
interface Props extends DefaultProps, PropsOptional {
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
export declare const ComboboxPropTypes: any;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { useVirtual } from 'react-virtual';
|
|
3
|
+
import { DSComboboxT } from './react-desc-prop-types';
|
|
4
|
+
export declare namespace DSComboboxInternalsT {
|
|
5
|
+
interface ComboBoxContextT {
|
|
6
|
+
props: DSComboboxT.Props;
|
|
7
|
+
virtualListHelpers?: ReturnType<typeof useVirtual>;
|
|
8
|
+
showPopover: boolean;
|
|
9
|
+
setShowPopover: React.Dispatch<React.SetStateAction<boolean>>;
|
|
10
|
+
referenceElement: HTMLElement | null;
|
|
11
|
+
setReferenceElement: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
|
|
12
|
+
hasFocus: boolean;
|
|
13
|
+
pillGroupRef: React.RefObject<HTMLDivElement>;
|
|
14
|
+
scrollOptionIntoView: (dsId: string) => void;
|
|
15
|
+
setHasFocus: React.Dispatch<React.SetStateAction<boolean>>;
|
|
16
|
+
listRef: React.RefObject<HTMLDivElement>;
|
|
17
|
+
wrapperListRef: React.RefObject<HTMLDivElement>;
|
|
18
|
+
selectedOptionsRef: React.RefObject<HTMLDivElement>;
|
|
19
|
+
controlsWrapperRef: React.RefObject<HTMLDivElement>;
|
|
20
|
+
selectAllCheckboxRef: React.RefObject<HTMLInputElement>;
|
|
21
|
+
toggleSelectionButtonRef: React.RefObject<HTMLButtonElement>;
|
|
22
|
+
focusOptionIdx: string;
|
|
23
|
+
setCurrentOption: React.Dispatch<React.SetStateAction<string>>;
|
|
24
|
+
showSelectedOptions: boolean;
|
|
25
|
+
setShowSelectedOptions: React.Dispatch<React.SetStateAction<boolean>>;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const getSelectableOptions: (options: Array<
|
|
3
|
-
export declare const getOptions: (options: Array<
|
|
4
|
-
export declare const isSelectedValueEmpty: (value:
|
|
5
|
-
export declare const isSelectedValueMultiple: (value:
|
|
6
|
-
export declare const isSelected: (value:
|
|
7
|
-
export declare const findInCircularList:
|
|
1
|
+
import { DSComboboxT } from '../react-desc-prop-types';
|
|
2
|
+
export declare const getSelectableOptions: (options: Array<DSComboboxT.OptionTypes>) => Array<DSComboboxT.OptionTypes>;
|
|
3
|
+
export declare const getOptions: (options: Array<DSComboboxT.OptionTypes>) => Array<DSComboboxT.OptionTypes>;
|
|
4
|
+
export declare const isSelectedValueEmpty: (value: DSComboboxT.SelectedOptionsT) => boolean;
|
|
5
|
+
export declare const isSelectedValueMultiple: (value: DSComboboxT.SelectedOptionsT) => boolean;
|
|
6
|
+
export declare const isSelected: (value: DSComboboxT.SelectedOptionsT, activeOption: DSComboboxT.ItemOption) => boolean;
|
|
7
|
+
export declare const findInCircularList: (list: DSComboboxT.OptionTypes[], from: number, criteria: (item: DSComboboxT.OptionTypes) => boolean, step?: number) => number;
|
|
@@ -1,22 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
|
|
3
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
4
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
5
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
3
|
export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
7
4
|
isControllerOnly: boolean;
|
|
8
5
|
}, never>;
|
|
9
6
|
export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
7
|
export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
|
11
|
-
export declare const StyledHeaderButton: import("styled-components").StyledComponent<{
|
|
12
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
13
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
14
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
8
|
+
export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
15
9
|
export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
|
|
16
|
-
export declare const StyledDayBtn: import("styled-components").StyledComponent<{
|
|
17
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
18
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
19
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
10
|
+
export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
20
11
|
export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
21
12
|
export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
22
13
|
export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
|
|
3
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
4
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
5
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
3
|
export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
7
4
|
isControllerOnly: boolean;
|
|
8
5
|
}, never>;
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<{
|
|
3
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
4
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
5
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
2
|
+
export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
6
3
|
export declare const StyledWheelList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
7
4
|
interface StyledWheelListItemPropsT {
|
|
8
5
|
isCurrentListItem?: boolean;
|
|
@@ -15,14 +12,8 @@ export declare const StyledTimePickerContainer: import("styled-components").Styl
|
|
|
15
12
|
export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
16
13
|
export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
17
14
|
export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
18
|
-
export declare const StyledTimeBtn: import("styled-components").StyledComponent<{
|
|
19
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
20
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
21
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
15
|
+
export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
22
16
|
export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledWheelListItemPropsT, never>;
|
|
23
|
-
export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<{
|
|
24
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
25
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
26
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
17
|
+
export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
27
18
|
export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
|
|
28
19
|
export {};
|
|
@@ -10,7 +10,4 @@ export declare const StyledPickersIconsWrapperGrid: import("styled-components").
|
|
|
10
10
|
isControllerOnly: boolean;
|
|
11
11
|
}, never>;
|
|
12
12
|
export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
-
export declare const StyledClearButton: import("styled-components").StyledComponent<{
|
|
14
|
-
(props: import("@elliemae/ds-button/types/v2/propTypes").DSButtonPropsT): JSX.Element;
|
|
15
|
-
propTypes: import("react").WeakValidationMap<unknown>;
|
|
16
|
-
}, import("styled-components").DefaultTheme, {}, never>;
|
|
13
|
+
export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var reactDesc = require('react-desc');
|
|
6
|
-
|
|
7
|
-
const propTypes = {
|
|
8
|
-
checked: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.bool, reactDesc.PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
|
|
9
|
-
value: reactDesc.PropTypes.string.description('Checkbox value property.'),
|
|
10
|
-
name: reactDesc.PropTypes.string.isRequired.description('Checkbox name property.'),
|
|
11
|
-
label: reactDesc.PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
|
|
12
|
-
id: reactDesc.PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
|
|
13
|
-
readOnly: reactDesc.PropTypes.bool.description('Checkbox readOnly property.'),
|
|
14
|
-
hasError: reactDesc.PropTypes.bool.description('Whether the checkbox has error or not.'),
|
|
15
|
-
disabled: reactDesc.PropTypes.bool.description('Whether the checkbox is disabled or not.'),
|
|
16
|
-
ariaControls: reactDesc.PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
|
|
17
|
-
ariaLabel: reactDesc.PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
|
|
18
|
-
innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.func, reactDesc.PropTypes.object]).description('Checkbox input ref.'),
|
|
19
|
-
autoFocus: reactDesc.PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
exports.propTypes = propTypes;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const DATA_TESTID = {
|
|
6
|
-
COMBOBOX_MENU_LIST: 'combobox-menu-list',
|
|
7
|
-
COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',
|
|
8
|
-
COMBOBOX_ALL_BTN: 'combobox-all-btn',
|
|
9
|
-
COMBOBOX_DROPDOWN_BTN: 'combobox-dropdown-btn',
|
|
10
|
-
COMBOBOX_OPTION: 'combobox-option',
|
|
11
|
-
COMBOBOX: 'combobox'
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.DATA_TESTID = DATA_TESTID;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var dsPropsHelpers = require('@elliemae/ds-props-helpers');
|
|
6
|
-
var ComboBoxCTX = require('../ComboBoxCTX.js');
|
|
7
|
-
|
|
8
|
-
// we have to merge the "default" nested default values with what the user gives us...
|
|
9
|
-
const useGetComboBoxWithDefaultsProps = props => dsPropsHelpers.useMemoMergePropsWithDefault(props, ComboBoxCTX.defaultProps);
|
|
10
|
-
|
|
11
|
-
exports.useGetComboBoxWithDefaultsProps = useGetComboBoxWithDefaultsProps;
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var ComboBoxCTX = require('../../ComboBoxCTX.js');
|
|
8
|
-
var styled = require('./styled.js');
|
|
9
|
-
|
|
10
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
-
|
|
12
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
13
|
-
|
|
14
|
-
const SingleAllyMessages = () => {
|
|
15
|
-
const {
|
|
16
|
-
props: {
|
|
17
|
-
selectedValues
|
|
18
|
-
}
|
|
19
|
-
} = React.useContext(ComboBoxCTX.ComboBoxContext);
|
|
20
|
-
const singleSelectedValue = selectedValues;
|
|
21
|
-
return /*#__PURE__*/_jsx__default["default"](styled.StyledA11ySelectedValues, {
|
|
22
|
-
"aria-live": "polite",
|
|
23
|
-
"aria-atomic": "false",
|
|
24
|
-
"aria-relevant": "additions text"
|
|
25
|
-
}, void 0, "Option selected: ".concat(singleSelectedValue.label, "."));
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.SingleAllyMessages = SingleAllyMessages;
|