@elliemae/ds-controlled-form 2.3.0-next.6 → 2.3.0-rc.1

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.
Files changed (144) hide show
  1. package/cjs/controlled-autocomplete/parts/controls/styled.js +2 -2
  2. package/cjs/controlled-autocomplete/parts/menu-list/MenuList.js +2 -2
  3. package/cjs/controlled-checkbox/ControlledCheckbox.js +49 -39
  4. package/cjs/controlled-checkbox/config/useValidateProps.js +2 -2
  5. package/cjs/controlled-checkbox/react-desc-prop-types.js +32 -0
  6. package/cjs/controlled-checkbox/utils/styleHelpers.js +4 -4
  7. package/cjs/controlled-combobox/ComboBox.js +3 -6
  8. package/cjs/controlled-combobox/ComboBoxCTX.js +1 -4
  9. package/cjs/controlled-combobox/ComboboxDataTestids.js +2 -1
  10. package/cjs/controlled-combobox/config/useComboBox.js +19 -73
  11. package/cjs/controlled-combobox/config/useCorrectOptions.js +77 -0
  12. package/cjs/controlled-combobox/parts/a11y-messages/FocusMenuItem.js +46 -0
  13. package/cjs/controlled-combobox/parts/a11y-messages/{MultiAllyMessages.js → SelectedValuesAllyMsg.js} +21 -7
  14. package/cjs/controlled-combobox/parts/a11y-messages/index.js +4 -4
  15. package/cjs/controlled-combobox/parts/container/Container.js +32 -21
  16. package/cjs/controlled-combobox/parts/container/styled.js +9 -6
  17. package/cjs/controlled-combobox/parts/controls/Controls.js +31 -19
  18. package/cjs/controlled-combobox/parts/controls/styled.js +24 -12
  19. package/cjs/controlled-combobox/parts/controls/useOnPillsNavigation.js +51 -0
  20. package/cjs/controlled-combobox/parts/controls-input/ControlsInput.js +9 -7
  21. package/cjs/controlled-combobox/parts/controls-input/useControlsInput.js +16 -8
  22. package/cjs/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js +6 -3
  23. package/cjs/controlled-combobox/parts/dropdown-indicator/styled.js +2 -3
  24. package/cjs/controlled-combobox/parts/header-list/HeaderList.js +8 -13
  25. package/cjs/controlled-combobox/parts/header-list/useHeaderListHandlers.js +12 -5
  26. package/cjs/controlled-combobox/parts/menu-list/MenuList.js +13 -18
  27. package/cjs/controlled-combobox/parts/menu-list/styled.js +5 -1
  28. package/cjs/controlled-combobox/parts/menu-list/useItemRenderer.js +14 -17
  29. package/cjs/controlled-combobox/parts/menu-list/useMenuList.js +11 -13
  30. package/cjs/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +33 -19
  31. package/cjs/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +5 -5
  32. package/cjs/controlled-combobox/react-desc-prop-types.js +42 -0
  33. package/cjs/{controlled-checkbox/index.d.js → controlled-combobox/sharedTypes.js} +0 -0
  34. package/cjs/controlled-combobox/utils/hooks/useKeyboardNavigation.js +19 -18
  35. package/cjs/controlled-combobox/utils/listHelper.js +2 -2
  36. package/cjs/controlled-date-time-picker/parts/ControlledDateTimePickerContent.js +2 -2
  37. package/cjs/controlled-date-time-picker/parts/DateInputs/DateInputs.js +2 -2
  38. package/cjs/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.js +2 -2
  39. package/cjs/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.js +2 -2
  40. package/cjs/controlled-date-time-picker/parts/Styleds.js +6 -6
  41. package/cjs/controlled-date-time-picker/parts/TimeInputs/TimeInputs.js +2 -2
  42. package/esm/controlled-checkbox/ControlledCheckbox.js +44 -36
  43. package/esm/controlled-checkbox/config/useValidateProps.js +2 -2
  44. package/esm/controlled-checkbox/react-desc-prop-types.js +23 -0
  45. package/esm/controlled-checkbox/utils/styleHelpers.js +4 -4
  46. package/esm/controlled-combobox/ComboBox.js +4 -7
  47. package/esm/controlled-combobox/ComboBoxCTX.js +1 -4
  48. package/esm/controlled-combobox/ComboboxDataTestids.js +2 -1
  49. package/esm/controlled-combobox/config/useComboBox.js +22 -76
  50. package/esm/controlled-combobox/config/useCorrectOptions.js +73 -0
  51. package/esm/controlled-combobox/parts/a11y-messages/FocusMenuItem.js +38 -0
  52. package/esm/controlled-combobox/parts/a11y-messages/SelectedValuesAllyMsg.js +39 -0
  53. package/esm/controlled-combobox/parts/a11y-messages/index.js +2 -2
  54. package/esm/controlled-combobox/parts/container/Container.js +30 -21
  55. package/esm/controlled-combobox/parts/container/styled.js +9 -6
  56. package/esm/controlled-combobox/parts/controls/Controls.js +32 -20
  57. package/esm/controlled-combobox/parts/controls/styled.js +22 -10
  58. package/esm/controlled-combobox/parts/controls/useOnPillsNavigation.js +47 -0
  59. package/esm/controlled-combobox/parts/controls-input/ControlsInput.js +9 -7
  60. package/esm/controlled-combobox/parts/controls-input/useControlsInput.js +16 -8
  61. package/esm/controlled-combobox/parts/dropdown-indicator/DropdownIndicator.js +6 -3
  62. package/esm/controlled-combobox/parts/dropdown-indicator/styled.js +3 -3
  63. package/esm/controlled-combobox/parts/header-list/HeaderList.js +8 -13
  64. package/esm/controlled-combobox/parts/header-list/useHeaderListHandlers.js +12 -5
  65. package/esm/controlled-combobox/parts/menu-list/MenuList.js +16 -21
  66. package/esm/controlled-combobox/parts/menu-list/styled.js +5 -2
  67. package/esm/controlled-combobox/parts/menu-list/useItemRenderer.js +12 -15
  68. package/esm/controlled-combobox/parts/menu-list/useMenuList.js +11 -13
  69. package/esm/controlled-combobox/parts/multi-selected-values-container/MultiSelectedValuesContainer.js +35 -20
  70. package/esm/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js +5 -5
  71. package/esm/controlled-combobox/{propTypes.js → react-desc-prop-types.js} +17 -7
  72. package/esm/{controlled-checkbox/index.d.js → controlled-combobox/sharedTypes.js} +0 -0
  73. package/esm/controlled-combobox/utils/hooks/useKeyboardNavigation.js +19 -18
  74. package/esm/controlled-combobox/utils/listHelper.js +2 -2
  75. package/package.json +33 -57
  76. package/types/controlled-checkbox/ControlledCheckbox.d.ts +4 -70
  77. package/types/controlled-checkbox/config/useValidateProps.d.ts +2 -2
  78. package/types/controlled-checkbox/react-desc-prop-types.d.ts +31 -0
  79. package/types/controlled-checkbox/styles.d.ts +3 -3
  80. package/types/controlled-checkbox/utils/setMultipleRefs.d.ts +1 -1
  81. package/types/controlled-checkbox/utils/styleHelpers.d.ts +3 -3
  82. package/types/controlled-combobox/ComboBox.d.ts +4 -70
  83. package/types/controlled-combobox/ComboBoxCTX.d.ts +4 -3
  84. package/types/controlled-combobox/ComboboxDataTestids.d.ts +1 -0
  85. package/types/controlled-combobox/config/useComboBox.d.ts +3 -2
  86. package/types/controlled-combobox/config/useCorrectOptions.d.ts +3 -0
  87. package/types/controlled-combobox/parts/a11y-messages/FocusMenuItem.d.ts +3 -0
  88. package/types/controlled-combobox/parts/a11y-messages/SelectedValuesAllyMsg.d.ts +3 -0
  89. package/types/controlled-combobox/parts/a11y-messages/index.d.ts +2 -2
  90. package/types/controlled-combobox/parts/controls/styled.d.ts +10 -2
  91. package/types/controlled-combobox/parts/controls/useOnPillsNavigation.d.ts +4 -0
  92. package/types/controlled-combobox/parts/dropdown-indicator/styled.d.ts +2 -1
  93. package/types/controlled-combobox/parts/header-list/useHeaderListHandlers.d.ts +2 -1
  94. package/types/controlled-combobox/parts/menu-list/styled.d.ts +1 -0
  95. package/types/controlled-combobox/parts/menu-list/useItemRenderer.d.ts +2 -2
  96. package/types/controlled-combobox/react-desc-prop-types.d.ts +57 -0
  97. package/types/controlled-combobox/sharedTypes.d.ts +27 -0
  98. package/types/controlled-combobox/utils/hooks/useKeyboardNavigation.d.ts +1 -1
  99. package/types/controlled-combobox/utils/listHelper.d.ts +7 -7
  100. package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts +3 -12
  101. package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts +1 -4
  102. package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts +3 -12
  103. package/types/controlled-date-time-picker/parts/Styleds.d.ts +1 -4
  104. package/cjs/controlled-checkbox/propTypes.js +0 -22
  105. package/cjs/controlled-combobox/config/constants.js +0 -14
  106. package/cjs/controlled-combobox/config/useGetPropsWithDefault.js +0 -11
  107. package/cjs/controlled-combobox/index.d.js +0 -2
  108. package/cjs/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +0 -28
  109. package/cjs/controlled-combobox/parts/dropdown-indicator/index.js +0 -2
  110. package/cjs/controlled-combobox/parts/empty-state/index.js +0 -23
  111. package/cjs/controlled-combobox/parts/empty-state/styled.js +0 -19
  112. package/cjs/controlled-combobox/parts/multi-selected-values-container/styled.js +0 -23
  113. package/cjs/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js +0 -28
  114. package/cjs/controlled-combobox/parts/single-selected-value-container/index.js +0 -9
  115. package/cjs/controlled-combobox/parts/single-selected-value-container/styled.js +0 -15
  116. package/cjs/controlled-combobox/propTypes.js +0 -28
  117. package/esm/controlled-checkbox/propTypes.js +0 -18
  118. package/esm/controlled-combobox/config/constants.js +0 -10
  119. package/esm/controlled-combobox/config/useGetPropsWithDefault.js +0 -7
  120. package/esm/controlled-combobox/index.d.js +0 -1
  121. package/esm/controlled-combobox/parts/a11y-messages/MultiAllyMessages.js +0 -25
  122. package/esm/controlled-combobox/parts/a11y-messages/SingleAllyMessages.js +0 -20
  123. package/esm/controlled-combobox/parts/dropdown-indicator/index.js +0 -1
  124. package/esm/controlled-combobox/parts/empty-state/index.js +0 -15
  125. package/esm/controlled-combobox/parts/empty-state/styled.js +0 -10
  126. package/esm/controlled-combobox/parts/multi-selected-values-container/styled.js +0 -13
  127. package/esm/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js +0 -20
  128. package/esm/controlled-combobox/parts/single-selected-value-container/index.js +0 -1
  129. package/esm/controlled-combobox/parts/single-selected-value-container/styled.js +0 -7
  130. package/types/controlled-checkbox/index.d.d.ts +0 -29
  131. package/types/controlled-checkbox/propTypes.d.ts +0 -60
  132. package/types/controlled-combobox/config/constants.d.ts +0 -8
  133. package/types/controlled-combobox/config/useGetPropsWithDefault.d.ts +0 -2
  134. package/types/controlled-combobox/parts/a11y-messages/MultiAllyMessages.d.ts +0 -3
  135. package/types/controlled-combobox/parts/a11y-messages/SingleAllyMessages.d.ts +0 -3
  136. package/types/controlled-combobox/parts/dropdown-indicator/index.d.ts +0 -0
  137. package/types/controlled-combobox/parts/empty-state/index.d.ts +0 -3
  138. package/types/controlled-combobox/parts/empty-state/styled.d.ts +0 -2
  139. package/types/controlled-combobox/parts/multi-selected-values-container/styled.d.ts +0 -3
  140. package/types/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.d.ts +0 -3
  141. package/types/controlled-combobox/parts/single-selected-value-container/index.d.ts +0 -1
  142. package/types/controlled-combobox/parts/single-selected-value-container/styled.d.ts +0 -1
  143. package/types/controlled-combobox/propTypes.d.ts +0 -60
  144. package/types/controlled-combobox/tests/combobox-special-keys.test.d.ts +0 -1
@@ -1,23 +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
- var _StyledNoResults;
15
-
16
- const EmptyState = () => {
17
- React.useContext(ComboBoxCTX.ComboBoxContext);
18
- return /*#__PURE__*/_jsx__default["default"](styled.StyledNoResultsWrapper, {
19
- id: "id-no-results"
20
- }, void 0, _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx__default["default"](styled.StyledNoResults, {}, void 0, "No matches found")));
21
- };
22
-
23
- exports.EmptyState = EmptyState;
@@ -1,19 +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 StyledNoResultsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
12
- componentId: "sc-1j46c03-0"
13
- })(["padding:16px;"]);
14
- const StyledNoResults = /*#__PURE__*/styled__default["default"].span.withConfig({
15
- componentId: "sc-1j46c03-1"
16
- })([""]);
17
-
18
- exports.StyledNoResults = StyledNoResults;
19
- exports.StyledNoResultsWrapper = StyledNoResultsWrapper;
@@ -1,23 +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 StyledGroupedPillPopoverContent = /*#__PURE__*/styled__default["default"].div.withConfig({
12
- componentId: "sc-1yaq41r-0"
13
- })(["padding:10px;background-color:#fff;"]);
14
- const StyledGroupPillWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
15
- componentId: "sc-1yaq41r-1"
16
- })([""]);
17
- const StyledA11ySelectedValues = /*#__PURE__*/styled__default["default"].span.withConfig({
18
- componentId: "sc-1yaq41r-2"
19
- })(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
20
-
21
- exports.StyledA11ySelectedValues = StyledA11ySelectedValues;
22
- exports.StyledGroupPillWrapper = StyledGroupPillWrapper;
23
- exports.StyledGroupedPillPopoverContent = StyledGroupedPillPopoverContent;
@@ -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,18 +0,0 @@
1
- import { PropTypes } from 'react-desc';
2
-
3
- const propTypes = {
4
- checked: PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['mixed'])]).isRequired.description('Whether the checkbox is invalid or not.'),
5
- value: PropTypes.string.description('Checkbox value property.'),
6
- name: PropTypes.string.isRequired.description('Checkbox name property.'),
7
- label: PropTypes.string.description('Checkbox Label property. This label is also going to be used as an aria-label for screen readers.'),
8
- id: PropTypes.string.isRequired.description('Checkbox unique id property, this property is required for accesibility purposes.'),
9
- readOnly: PropTypes.bool.description('Checkbox readOnly property.'),
10
- hasError: PropTypes.bool.description('Whether the checkbox has error or not.'),
11
- disabled: PropTypes.bool.description('Whether the checkbox is disabled or not.'),
12
- ariaControls: PropTypes.string.description('This string is required when you use a mixed checkbox. It contains all the ids that this checkbox is controlling.'),
13
- ariaLabel: PropTypes.string.description('Checkbox aria-label property. This property is going to be required if there is no label property added.'),
14
- innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).description('Checkbox input ref.'),
15
- autoFocus: PropTypes.bool.description('Whether you want the checkbox to be autofocused on render')
16
- };
17
-
18
- export { 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 +0,0 @@
1
-
@@ -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,15 +0,0 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import { useContext } from 'react';
3
- import { ComboBoxContext } from '../../ComboBoxCTX.js';
4
- import { StyledNoResultsWrapper, StyledNoResults } from './styled.js';
5
-
6
- var _StyledNoResults;
7
-
8
- const EmptyState = () => {
9
- useContext(ComboBoxContext);
10
- return /*#__PURE__*/_jsx(StyledNoResultsWrapper, {
11
- id: "id-no-results"
12
- }, void 0, _StyledNoResults || (_StyledNoResults = /*#__PURE__*/_jsx(StyledNoResults, {}, void 0, "No matches found")));
13
- };
14
-
15
- export { EmptyState };
@@ -1,10 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- const StyledNoResultsWrapper = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "sc-1j46c03-0"
5
- })(["padding:16px;"]);
6
- const StyledNoResults = /*#__PURE__*/styled.span.withConfig({
7
- componentId: "sc-1j46c03-1"
8
- })([""]);
9
-
10
- export { StyledNoResults, StyledNoResultsWrapper };
@@ -1,13 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- const StyledGroupedPillPopoverContent = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "sc-1yaq41r-0"
5
- })(["padding:10px;background-color:#fff;"]);
6
- const StyledGroupPillWrapper = /*#__PURE__*/styled.div.withConfig({
7
- componentId: "sc-1yaq41r-1"
8
- })([""]);
9
- const StyledA11ySelectedValues = /*#__PURE__*/styled.span.withConfig({
10
- componentId: "sc-1yaq41r-2"
11
- })(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
12
-
13
- export { StyledA11ySelectedValues, StyledGroupPillWrapper, StyledGroupedPillPopoverContent };
@@ -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,7 +0,0 @@
1
- import styled from 'styled-components';
2
-
3
- const StyledSingleSelectedValue = /*#__PURE__*/styled.div.withConfig({
4
- componentId: "sc-5qepox-0"
5
- })(["width:100%;display:flex;align-items:center;"]);
6
-
7
- export { StyledSingleSelectedValue };
@@ -1,29 +0,0 @@
1
- export interface DSControlledCheckboxPropsT {
2
- checked: boolean | 'mixed';
3
- name: string;
4
- label?: string;
5
- value?: string;
6
- onChange: () => void;
7
- onBlur: () => void;
8
- onFocus: () => void;
9
- ariaControls?: string;
10
- ariaLabel?: string;
11
- id?: string;
12
- readOnly?: boolean;
13
- tabIndex?: number;
14
- hasError?: boolean;
15
- disabled?: boolean;
16
- innerRef?: (ref: HTMLInputElement) => void;
17
- autoFocus?: boolean;
18
- }
19
- export interface StyledCheckBoxT {
20
- checked: boolean | 'mixed';
21
- readOnly: boolean;
22
- hasError: boolean;
23
- disabled: boolean;
24
- }
25
- export interface StyledLabelT {
26
- disabled: boolean;
27
- readOnly: boolean;
28
- checked: boolean | 'mixed';
29
- }
@@ -1,60 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- export declare const propTypes: {
3
- checked: any;
4
- value: {
5
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
6
- deprecated: import("react-desc").PropTypesDescValidator;
7
- };
8
- isRequired: import("react-desc").PropTypesDescValue;
9
- };
10
- name: any;
11
- label: {
12
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
13
- deprecated: import("react-desc").PropTypesDescValidator;
14
- };
15
- isRequired: import("react-desc").PropTypesDescValue;
16
- };
17
- id: any;
18
- readOnly: {
19
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
20
- deprecated: import("react-desc").PropTypesDescValidator;
21
- };
22
- isRequired: import("react-desc").PropTypesDescValue;
23
- };
24
- hasError: {
25
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
26
- deprecated: import("react-desc").PropTypesDescValidator;
27
- };
28
- isRequired: import("react-desc").PropTypesDescValue;
29
- };
30
- disabled: {
31
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
32
- deprecated: import("react-desc").PropTypesDescValidator;
33
- };
34
- isRequired: import("react-desc").PropTypesDescValue;
35
- };
36
- ariaControls: {
37
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
38
- deprecated: import("react-desc").PropTypesDescValidator;
39
- };
40
- isRequired: import("react-desc").PropTypesDescValue;
41
- };
42
- ariaLabel: {
43
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
44
- deprecated: import("react-desc").PropTypesDescValidator;
45
- };
46
- isRequired: import("react-desc").PropTypesDescValue;
47
- };
48
- innerRef: {
49
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
50
- deprecated: import("react-desc").PropTypesDescValidator;
51
- };
52
- isRequired: import("react-desc").PropTypesDescValue;
53
- };
54
- autoFocus: {
55
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
56
- deprecated: import("react-desc").PropTypesDescValidator;
57
- };
58
- isRequired: import("react-desc").PropTypesDescValue;
59
- };
60
- };
@@ -1,8 +0,0 @@
1
- export declare const DATA_TESTID: {
2
- COMBOBOX_MENU_LIST: string;
3
- COMBOBOX_CLEAR_BTN: string;
4
- COMBOBOX_ALL_BTN: string;
5
- COMBOBOX_DROPDOWN_BTN: string;
6
- COMBOBOX_OPTION: string;
7
- COMBOBOX: string;
8
- };
@@ -1,2 +0,0 @@
1
- import { ComboBoxPropsT } from '../index.d';
2
- export declare const useGetComboBoxWithDefaultsProps: (props: Partial<ComboBoxPropsT>) => ComboBoxPropsT;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const MultiAllyMessages: () => JSX.Element;
3
- export { MultiAllyMessages };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const SingleAllyMessages: () => JSX.Element;
3
- export { SingleAllyMessages };
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const EmptyState: () => JSX.Element;
3
- export { EmptyState };
@@ -1,2 +0,0 @@
1
- export declare const StyledNoResultsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const StyledNoResults: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -1,3 +0,0 @@
1
- export declare const StyledGroupedPillPopoverContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
2
- export declare const StyledGroupPillWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
- export declare const StyledA11ySelectedValues: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
@@ -1,3 +0,0 @@
1
- /// <reference types="react" />
2
- declare const SingleSelectedValueContainer: () => JSX.Element;
3
- export { SingleSelectedValueContainer };
@@ -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
- };