@elliemae/ds-controlled-form 2.4.9 → 2.4.12

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 (7) hide show
  1. package/cjs/combobox/parts/A11yFocusedOption.js +4 -2
  2. package/cjs/combobox/parts/controls/styled.js +8 -3
  3. package/cjs/combobox/parts/header-list/styled.js +1 -1
  4. package/esm/combobox/parts/A11yFocusedOption.js +4 -2
  5. package/esm/combobox/parts/controls/styled.js +8 -3
  6. package/esm/combobox/parts/header-list/styled.js +1 -1
  7. package/package.json +15 -15
package/cjs/combobox/parts/A11yFocusedOption.js CHANGED
@@ -17,6 +17,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
17
17
  var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
18
18
 
19
19
  const A11yFocusedOption = () => {
20
+ var _StyledA11ySelectedVa;
21
+
20
22
  const {
21
23
  props: {
22
24
  filteredOptions,
@@ -36,11 +38,11 @@ const A11yFocusedOption = () => {
36
38
  "aria-atomic": "false",
37
39
  "aria-relevant": "additions text"
38
40
  }, menuState, `option ${focusOption?.label} ${isFocusOptionSelected ? 'selected and ' : ''}focused .${focusSelectableOptionIdx + 1} of ${selectabledOptions.length}. ${navigationContext} `);
39
- if (focusOption?.type === 'creatable') return /*#__PURE__*/_jsx__default["default"](styled.StyledA11ySelectedValues, {
41
+ if (focusOption?.type === 'creatable') return _StyledA11ySelectedVa || (_StyledA11ySelectedVa = /*#__PURE__*/_jsx__default["default"](styled.StyledA11ySelectedValues, {
40
42
  "aria-live": "assertive",
41
43
  "aria-atomic": "false",
42
44
  "aria-relevant": "additions text"
43
- }, menuState, `Press enter to Add: ${focusOption?.label}. ${navigationContext}`);
45
+ }, menuState, `Press enter to Add option written in input box. ${navigationContext}`));
44
46
  return null;
45
47
  }, [focusOption, menuState, isFocusOptionSelected, focusSelectableOptionIdx, selectabledOptions.length]);
46
48
  };
package/cjs/combobox/parts/controls/styled.js CHANGED
@@ -64,7 +64,12 @@ const StyledControlsWrapper = dsSystem.styled(dsGrid.Grid, {
64
64
  }};
65
65
  ${normalBorder}
66
66
  &:hover {
67
- ${hoverBorder}
67
+ ${_ref7 => {
68
+ let {
69
+ disabled
70
+ } = _ref7;
71
+ return !disabled ? hoverBorder : '';
72
+ }}
68
73
  }
69
74
  &:focus-within {
70
75
  ${focusBorder}
@@ -86,11 +91,11 @@ const StyleHeaderActionsSeparator = dsSystem.styled.span`
86
91
  align-self: stretch;
87
92
  margin: 4px 0px;
88
93
  width: 1px;
89
- background-color: ${_ref7 => {
94
+ background-color: ${_ref8 => {
90
95
  let {
91
96
  theme,
92
97
  disabled
93
- } = _ref7;
98
+ } = _ref8;
94
99
  return disabled ? theme.colors.neutral['400'] : theme.colors.neutral['500'];
95
100
  }};
96
101
  `;
package/cjs/combobox/parts/header-list/styled.js CHANGED
@@ -13,7 +13,7 @@ const StyledHeaderListWrapper = dsSystem.styled.div`
13
13
  z-index: 10;
14
14
  justify-content: space-between;
15
15
  padding: 0px 12px 0px 16px;
16
- width: 100%;
16
+ width: inherit;
17
17
  height: 28px;
18
18
  background-color: #fff;
19
19
  box-shadow: 0 4px 2px -4px ${props => props.theme.colors.neutral[700]};
package/esm/combobox/parts/A11yFocusedOption.js CHANGED
@@ -9,6 +9,8 @@ import { getSelectableOptions, isSelected } from '../utils/listHelper.js';
9
9
  import { isSeparator } from '../sharedTypes.js';
10
10
 
11
11
  const A11yFocusedOption = () => {
12
+ var _StyledA11ySelectedVa;
13
+
12
14
  const {
13
15
  props: {
14
16
  filteredOptions,
@@ -28,11 +30,11 @@ const A11yFocusedOption = () => {
28
30
  "aria-atomic": "false",
29
31
  "aria-relevant": "additions text"
30
32
  }, menuState, `option ${focusOption?.label} ${isFocusOptionSelected ? 'selected and ' : ''}focused .${focusSelectableOptionIdx + 1} of ${selectabledOptions.length}. ${navigationContext} `);
31
- if (focusOption?.type === 'creatable') return /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
33
+ if (focusOption?.type === 'creatable') return _StyledA11ySelectedVa || (_StyledA11ySelectedVa = /*#__PURE__*/_jsx(StyledA11ySelectedValues, {
32
34
  "aria-live": "assertive",
33
35
  "aria-atomic": "false",
34
36
  "aria-relevant": "additions text"
35
- }, menuState, `Press enter to Add: ${focusOption?.label}. ${navigationContext}`);
37
+ }, menuState, `Press enter to Add option written in input box. ${navigationContext}`));
36
38
  return null;
37
39
  }, [focusOption, menuState, isFocusOptionSelected, focusSelectableOptionIdx, selectabledOptions.length]);
38
40
  };
package/esm/combobox/parts/controls/styled.js CHANGED
@@ -60,7 +60,12 @@ const StyledControlsWrapper = styled(Grid, {
60
60
  }};
61
61
  ${normalBorder}
62
62
  &:hover {
63
- ${hoverBorder}
63
+ ${_ref7 => {
64
+ let {
65
+ disabled
66
+ } = _ref7;
67
+ return !disabled ? hoverBorder : '';
68
+ }}
64
69
  }
65
70
  &:focus-within {
66
71
  ${focusBorder}
@@ -82,11 +87,11 @@ const StyleHeaderActionsSeparator = styled.span`
82
87
  align-self: stretch;
83
88
  margin: 4px 0px;
84
89
  width: 1px;
85
- background-color: ${_ref7 => {
90
+ background-color: ${_ref8 => {
86
91
  let {
87
92
  theme,
88
93
  disabled
89
- } = _ref7;
94
+ } = _ref8;
90
95
  return disabled ? theme.colors.neutral['400'] : theme.colors.neutral['500'];
91
96
  }};
92
97
  `;
package/esm/combobox/parts/header-list/styled.js CHANGED
@@ -9,7 +9,7 @@ const StyledHeaderListWrapper = styled.div`
9
9
  z-index: 10;
10
10
  justify-content: space-between;
11
11
  padding: 0px 12px 0px 16px;
12
- width: 100%;
12
+ width: inherit;
13
13
  height: 28px;
14
14
  background-color: #fff;
15
15
  box-shadow: 0 4px 2px -4px ${props => props.theme.colors.neutral[700]};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-controlled-form",
3
- "version": "2.4.9",
3
+ "version": "2.4.12",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Controlled Form Controllers",
6
6
  "module": "./esm/index.js",
@@ -896,20 +896,20 @@
896
896
  "build": "node ../../scripts/build/build.js"
897
897
  },
898
898
  "dependencies": {
899
- "@elliemae/ds-button": "2.4.9",
900
- "@elliemae/ds-circular-progress-indicator": "2.4.9",
901
- "@elliemae/ds-controlled-form": "2.4.9",
902
- "@elliemae/ds-form": "2.4.9",
903
- "@elliemae/ds-form-layout-blocks": "2.4.9",
904
- "@elliemae/ds-grid": "2.4.9",
905
- "@elliemae/ds-icon": "2.4.9",
906
- "@elliemae/ds-icons": "2.4.9",
907
- "@elliemae/ds-pills": "2.4.9",
908
- "@elliemae/ds-popperjs": "2.4.9",
909
- "@elliemae/ds-props-helpers": "2.4.9",
910
- "@elliemae/ds-system": "2.4.9",
911
- "@elliemae/ds-tooltip": "2.4.9",
912
- "@elliemae/ds-truncated-tooltip-text": "2.4.9",
899
+ "@elliemae/ds-button": "2.4.12",
900
+ "@elliemae/ds-circular-progress-indicator": "2.4.12",
901
+ "@elliemae/ds-controlled-form": "2.4.12",
902
+ "@elliemae/ds-form": "2.4.12",
903
+ "@elliemae/ds-form-layout-blocks": "2.4.12",
904
+ "@elliemae/ds-grid": "2.4.12",
905
+ "@elliemae/ds-icon": "2.4.12",
906
+ "@elliemae/ds-icons": "2.4.12",
907
+ "@elliemae/ds-pills": "2.4.12",
908
+ "@elliemae/ds-popperjs": "2.4.12",
909
+ "@elliemae/ds-props-helpers": "2.4.12",
910
+ "@elliemae/ds-system": "2.4.12",
911
+ "@elliemae/ds-tooltip": "2.4.12",
912
+ "@elliemae/ds-truncated-tooltip-text": "2.4.12",
913
913
  "prop-types": "~15.7.2",
914
914
  "react-desc": "~4.1.3",
915
915
  "react-popper": "~2.2.5",