@elliemae/ds-controlled-form 2.3.0-next.5 → 2.3.0-next.9
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-combobox/ComboBox.js +3 -6
- package/cjs/controlled-combobox/ComboBoxCTX.js +3 -3
- package/cjs/controlled-combobox/ComboboxDataTestids.js +2 -1
- package/cjs/controlled-combobox/config/useComboBox.js +15 -70
- 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} +16 -7
- package/cjs/controlled-combobox/parts/a11y-messages/index.js +4 -4
- package/cjs/controlled-combobox/parts/container/Container.js +40 -15
- package/cjs/controlled-combobox/parts/container/styled.js +9 -6
- package/cjs/controlled-combobox/parts/controls/Controls.js +30 -19
- package/cjs/controlled-combobox/parts/controls/styled.js +22 -10
- package/cjs/controlled-combobox/parts/controls/useOnPillsNavigation.js +51 -0
- package/cjs/controlled-combobox/parts/controls-input/ControlsInput.js +9 -9
- package/cjs/controlled-combobox/parts/controls-input/useControlsInput.js +14 -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 +6 -6
- package/cjs/controlled-combobox/parts/header-list/useHeaderListHandlers.js +4 -4
- package/cjs/controlled-combobox/parts/menu-list/MenuList.js +9 -11
- package/cjs/controlled-combobox/parts/menu-list/styled.js +1 -1
- package/cjs/controlled-combobox/parts/menu-list/useItemRenderer.js +11 -11
- package/cjs/controlled-combobox/parts/menu-list/useMenuList.js +11 -13
- package/cjs/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +19 -15
- 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-combobox/{index.d.js → sharedTypes.js} +0 -0
- package/cjs/controlled-combobox/utils/hooks/useKeyboardNavigation.js +19 -15
- package/cjs/controlled-combobox/utils/listHelper.js +2 -2
- package/esm/controlled-combobox/ComboBox.js +4 -7
- package/esm/controlled-combobox/ComboBoxCTX.js +4 -4
- package/esm/controlled-combobox/ComboboxDataTestids.js +2 -1
- package/esm/controlled-combobox/config/useComboBox.js +17 -72
- 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 +34 -0
- package/esm/controlled-combobox/parts/a11y-messages/index.js +2 -2
- package/esm/controlled-combobox/parts/container/Container.js +38 -15
- package/esm/controlled-combobox/parts/container/styled.js +9 -6
- package/esm/controlled-combobox/parts/controls/Controls.js +31 -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 -9
- package/esm/controlled-combobox/parts/controls-input/useControlsInput.js +14 -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 +6 -6
- package/esm/controlled-combobox/parts/header-list/useHeaderListHandlers.js +4 -4
- package/esm/controlled-combobox/parts/menu-list/MenuList.js +10 -12
- package/esm/controlled-combobox/parts/menu-list/styled.js +1 -1
- package/esm/controlled-combobox/parts/menu-list/useItemRenderer.js +11 -11
- package/esm/controlled-combobox/parts/menu-list/useMenuList.js +11 -13
- package/esm/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +20 -16
- package/esm/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +5 -5
- package/esm/controlled-combobox/{propTypes.js → react-desc-prop-types.js} +16 -6
- package/esm/controlled-combobox/{index.d.js → sharedTypes.js} +0 -0
- package/esm/controlled-combobox/utils/hooks/useKeyboardNavigation.js +19 -15
- package/esm/controlled-combobox/utils/listHelper.js +2 -2
- package/package.json +30 -38
- 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 -2
- 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/react-desc-prop-types.d.ts +53 -0
- package/types/controlled-combobox/sharedTypes.d.ts +29 -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-combobox/config/constants.js +0 -14
- package/cjs/controlled-combobox/config/useGetPropsWithDefault.js +0 -11
- package/cjs/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +0 -28
- 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-combobox/config/constants.js +0 -10
- package/esm/controlled-combobox/config/useGetPropsWithDefault.js +0 -7
- 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/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-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/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,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,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;
|
|
@@ -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 dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
|
|
8
|
-
var ComboBoxCTX = require('../../ComboBoxCTX.js');
|
|
9
|
-
var styled = require('./styled.js');
|
|
10
|
-
|
|
11
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
-
|
|
13
|
-
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
-
|
|
15
|
-
const SingleSelectedValueContainer = () => {
|
|
16
|
-
const {
|
|
17
|
-
props: {
|
|
18
|
-
selectedValues
|
|
19
|
-
},
|
|
20
|
-
showSelectedValue
|
|
21
|
-
} = React.useContext(ComboBoxCTX.ComboBoxContext);
|
|
22
|
-
const singleSelectedValue = selectedValues;
|
|
23
|
-
return /*#__PURE__*/_jsx__default["default"](styled.StyledSingleSelectedValue, {}, void 0, showSelectedValue ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
|
|
24
|
-
value: singleSelectedValue === null || singleSelectedValue === void 0 ? void 0 : singleSelectedValue.label
|
|
25
|
-
}) : null);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.SingleSelectedValueContainer = SingleSelectedValueContainer;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var SingleSelectedValueContainer = require('./SingleSelectedValueContainer.js');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
exports.SingleSelectedValueContainer = SingleSelectedValueContainer.SingleSelectedValueContainer;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
10
|
-
|
|
11
|
-
const StyledSingleSelectedValue = /*#__PURE__*/styled__default["default"].div.withConfig({
|
|
12
|
-
componentId: "sc-5qepox-0"
|
|
13
|
-
})(["width:100%;display:flex;align-items:center;"]);
|
|
14
|
-
|
|
15
|
-
exports.StyledSingleSelectedValue = StyledSingleSelectedValue;
|
|
@@ -1,28 +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
|
-
placeholder: reactDesc.PropTypes.string.description('input s placeholder value').defaultValue(''),
|
|
9
|
-
options: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.object]).description('List of options').defaultValue([]),
|
|
10
|
-
selectedValues: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object), reactDesc.PropTypes.object]).description('Array of option or single option selected'),
|
|
11
|
-
autoFocus: reactDesc.PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),
|
|
12
|
-
hasError: reactDesc.PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),
|
|
13
|
-
onChange: reactDesc.PropTypes.func.description('function triggered when an option is selected it will send the options selected').defaultValue(''),
|
|
14
|
-
onSelectAll: reactDesc.PropTypes.func.description('function triggered when ALL button is selected from the header menu list').defaultValue(''),
|
|
15
|
-
onFilter: reactDesc.PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),
|
|
16
|
-
onCreate: reactDesc.PropTypes.func.description('function triggered when user select "create" a new item whenever is not a match in the all option list').defaultValue(''),
|
|
17
|
-
onClearAll: reactDesc.PropTypes.func.description('function triggered when user select CLEAR button from the header menu list').defaultValue(''),
|
|
18
|
-
onCancel: reactDesc.PropTypes.func.description('function triggered when user press ESC key').defaultValue(''),
|
|
19
|
-
onMenuOpen: reactDesc.PropTypes.func.description('function triggered when user open the menu list').defaultValue(''),
|
|
20
|
-
inputMinWidth: reactDesc.PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),
|
|
21
|
-
menuMinWidth: reactDesc.PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),
|
|
22
|
-
menuMaxHeight: reactDesc.PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),
|
|
23
|
-
withToggle: reactDesc.PropTypes.bool.description('POC purpose this prop will not remain').defaultValue('false'),
|
|
24
|
-
withoutPortal: reactDesc.PropTypes.bool.description('Whether the combobox menu is rendered in a portal or not').defaultValue(false),
|
|
25
|
-
zIndex: reactDesc.PropTypes.number.description('The z-index of the combobox menu').defaultValue(10)
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
exports.propTypes = propTypes;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
const DATA_TESTID = {
|
|
2
|
-
COMBOBOX_MENU_LIST: 'combobox-menu-list',
|
|
3
|
-
COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',
|
|
4
|
-
COMBOBOX_ALL_BTN: 'combobox-all-btn',
|
|
5
|
-
COMBOBOX_DROPDOWN_BTN: 'combobox-dropdown-btn',
|
|
6
|
-
COMBOBOX_OPTION: 'combobox-option',
|
|
7
|
-
COMBOBOX: 'combobox'
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { DATA_TESTID };
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';
|
|
2
|
-
import { defaultProps } from '../ComboBoxCTX.js';
|
|
3
|
-
|
|
4
|
-
// we have to merge the "default" nested default values with what the user gives us...
|
|
5
|
-
const useGetComboBoxWithDefaultsProps = props => useMemoMergePropsWithDefault(props, defaultProps);
|
|
6
|
-
|
|
7
|
-
export { useGetComboBoxWithDefaultsProps };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import 'core-js/modules/esnext.async-iterator.map.js';
|
|
3
|
-
import 'core-js/modules/esnext.iterator.map.js';
|
|
4
|
-
import { useContext } from 'react';
|
|
5
|
-
import { ComboBoxContext } from '../../ComboBoxCTX.js';
|
|
6
|
-
import { getSelectableOptions } from '../../utils/listHelper.js';
|
|
7
|
-
import { StyledA11ySelectedValues } from './styled.js';
|
|
8
|
-
|
|
9
|
-
const MultiAllyMessages = () => {
|
|
10
|
-
const {
|
|
11
|
-
props: {
|
|
12
|
-
options,
|
|
13
|
-
selectedValues
|
|
14
|
-
}
|
|
15
|
-
} = useContext(ComboBoxContext);
|
|
16
|
-
const selectableOptions = getSelectableOptions(options);
|
|
17
|
-
const multipleSelectedValues = selectedValues;
|
|
18
|
-
return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
|
|
19
|
-
"aria-live": "polite",
|
|
20
|
-
"aria-atomic": "false",
|
|
21
|
-
"aria-relevant": "additions text"
|
|
22
|
-
}, void 0, "Options selected: ".concat(multipleSelectedValues.map(item => item.label).join(', '), ". ").concat(multipleSelectedValues.length, " of ").concat(selectableOptions.length));
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export { MultiAllyMessages };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
import { ComboBoxContext } from '../../ComboBoxCTX.js';
|
|
4
|
-
import { StyledA11ySelectedValues } from './styled.js';
|
|
5
|
-
|
|
6
|
-
const SingleAllyMessages = () => {
|
|
7
|
-
const {
|
|
8
|
-
props: {
|
|
9
|
-
selectedValues
|
|
10
|
-
}
|
|
11
|
-
} = useContext(ComboBoxContext);
|
|
12
|
-
const singleSelectedValue = selectedValues;
|
|
13
|
-
return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
|
|
14
|
-
"aria-live": "polite",
|
|
15
|
-
"aria-atomic": "false",
|
|
16
|
-
"aria-relevant": "additions text"
|
|
17
|
-
}, void 0, "Option selected: ".concat(singleSelectedValue.label, "."));
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { SingleAllyMessages };
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
2
|
-
import { useContext } from 'react';
|
|
3
|
-
import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
|
|
4
|
-
import { ComboBoxContext } from '../../ComboBoxCTX.js';
|
|
5
|
-
import { StyledSingleSelectedValue } from './styled.js';
|
|
6
|
-
|
|
7
|
-
const SingleSelectedValueContainer = () => {
|
|
8
|
-
const {
|
|
9
|
-
props: {
|
|
10
|
-
selectedValues
|
|
11
|
-
},
|
|
12
|
-
showSelectedValue
|
|
13
|
-
} = useContext(ComboBoxContext);
|
|
14
|
-
const singleSelectedValue = selectedValues;
|
|
15
|
-
return /*#__PURE__*/_jsx(StyledSingleSelectedValue, {}, void 0, showSelectedValue ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
|
|
16
|
-
value: singleSelectedValue === null || singleSelectedValue === void 0 ? void 0 : singleSelectedValue.label
|
|
17
|
-
}) : null);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
export { SingleSelectedValueContainer };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SingleSelectedValueContainer } from './SingleSelectedValueContainer.js';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { SingleSelectedValueContainer } from './SingleSelectedValueContainer';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledSingleSelectedValue: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
|
|
2
|
-
export declare const propTypes: {
|
|
3
|
-
placeholder: {
|
|
4
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
5
|
-
};
|
|
6
|
-
options: {
|
|
7
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
8
|
-
};
|
|
9
|
-
selectedValues: {
|
|
10
|
-
defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
|
|
11
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
12
|
-
};
|
|
13
|
-
isRequired: import("react-desc").PropTypesDescValue;
|
|
14
|
-
};
|
|
15
|
-
autoFocus: {
|
|
16
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
17
|
-
};
|
|
18
|
-
hasError: {
|
|
19
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
20
|
-
};
|
|
21
|
-
onChange: {
|
|
22
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
23
|
-
};
|
|
24
|
-
onSelectAll: {
|
|
25
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
26
|
-
};
|
|
27
|
-
onFilter: {
|
|
28
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
29
|
-
};
|
|
30
|
-
onCreate: {
|
|
31
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
32
|
-
};
|
|
33
|
-
onClearAll: {
|
|
34
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
35
|
-
};
|
|
36
|
-
onCancel: {
|
|
37
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
38
|
-
};
|
|
39
|
-
onMenuOpen: {
|
|
40
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
41
|
-
};
|
|
42
|
-
inputMinWidth: {
|
|
43
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
44
|
-
};
|
|
45
|
-
menuMinWidth: {
|
|
46
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
47
|
-
};
|
|
48
|
-
menuMaxHeight: {
|
|
49
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
50
|
-
};
|
|
51
|
-
withToggle: {
|
|
52
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
53
|
-
};
|
|
54
|
-
withoutPortal: {
|
|
55
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
56
|
-
};
|
|
57
|
-
zIndex: {
|
|
58
|
-
deprecated: import("react-desc").PropTypesDescValidator;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|