@elliemae/ds-left-navigation 2.0.0-rc.1 → 2.0.0-rc.10

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 (33) hide show
  1. package/cjs/exported-related/ItemRenderer/index.js +2 -0
  2. package/cjs/exported-related/Notifications/index.js +8 -4
  3. package/cjs/outOfTheBox/ItemControlledDrilldown/index.js +8 -5
  4. package/cjs/outOfTheBox/ItemHeader/index.js +3 -2
  5. package/cjs/outOfTheBox/ItemLink/index.js +3 -2
  6. package/cjs/outOfTheBox/ItemSubmenu/index.js +3 -2
  7. package/cjs/outOfTheBox/ItemTextLabel/index.js +3 -2
  8. package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +3 -2
  9. package/cjs/outOfTheBox/ItemWithDate/index.js +3 -2
  10. package/esm/exported-related/ItemRenderer/index.js +2 -0
  11. package/esm/exported-related/Notifications/index.js +8 -4
  12. package/esm/outOfTheBox/ItemControlledDrilldown/index.js +6 -3
  13. package/esm/outOfTheBox/ItemHeader/index.js +3 -2
  14. package/esm/outOfTheBox/ItemLink/index.js +3 -2
  15. package/esm/outOfTheBox/ItemSubmenu/index.js +3 -2
  16. package/esm/outOfTheBox/ItemTextLabel/index.js +3 -2
  17. package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +3 -2
  18. package/esm/outOfTheBox/ItemWithDate/index.js +3 -2
  19. package/package.json +8 -6
  20. package/types/LeftNavigation.d.ts +43 -11
  21. package/types/exported-related/ItemRenderer/styled.d.ts +2 -2
  22. package/types/index.d.d.ts +1 -0
  23. package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts +2 -2
  24. package/types/outOfTheBox/ItemHeader/styled.d.ts +2 -2
  25. package/types/outOfTheBox/ItemLink/styled.d.ts +1 -1
  26. package/types/outOfTheBox/ItemSection/styled.d.ts +3 -3
  27. package/types/outOfTheBox/ItemSubmenu/styled.d.ts +2 -2
  28. package/types/outOfTheBox/ItemTextLabel/styled.d.ts +1 -1
  29. package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts +2 -2
  30. package/types/outOfTheBox/ItemWithDate/styled.d.ts +2 -2
  31. package/types/parts/LeftNavContent/styled.d.ts +7 -7
  32. package/types/parts/LeftNavFooterItem/styled.d.ts +6 -6
  33. package/types/prop-types.d.ts +84 -18
package/cjs/exported-related/ItemRenderer/index.js CHANGED
@@ -101,6 +101,8 @@ const ItemRenderer = props => {
101
101
  "aria-describedby": ariaDescribedBy,
102
102
  "aria-expanded": ariaExpanded,
103
103
  role: ariaRole,
104
+ "data-selected": isSelected,
105
+ "data-selectedparent": selectedParent === dsId,
104
106
  "aria-label": ariaLabel,
105
107
  "aria-hidden": !focuseable,
106
108
  "aria-live": ariaLive,
package/cjs/exported-related/Notifications/index.js CHANGED
@@ -25,28 +25,32 @@ const Notifications = _ref => {
25
25
  } = _ref;
26
26
  return /*#__PURE__*/_jsx__default["default"](StyledIcon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.Notifications, {
27
27
  size: "m",
28
- color: ['brand-primary', 800]
28
+ color: ['brand-primary', 800],
29
+ "data-testid": "left-nav-notifications-icon"
29
30
  }), (exceptions || alerts || messages) && /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
30
31
  cols: ['1fr', '1fr', '1fr'],
31
32
  gutter: "xxxs",
32
33
  mt: "2px"
33
34
  }, void 0, /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
34
35
  width: "6px",
35
- height: "6px"
36
+ height: "6px",
37
+ "data-testid": "left-nav-exceptions-icon"
36
38
  }, void 0, exceptions && /*#__PURE__*/_jsx__default["default"](dsIcons.ExceptionsSmallFill, {
37
39
  width: "6px",
38
40
  height: "6px",
39
41
  color: ['warning', 900]
40
42
  })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
41
43
  width: "6px",
42
- height: "6px"
44
+ height: "6px",
45
+ "data-testid": "left-nav-alerts-icon"
43
46
  }, void 0, alerts && /*#__PURE__*/_jsx__default["default"](dsIcons.AlertsSmallFill, {
44
47
  width: "6px",
45
48
  height: "6px",
46
49
  color: ['danger', 900]
47
50
  })), /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
48
51
  width: "6px",
49
- height: "6px"
52
+ height: "6px",
53
+ "data-testid": "left-nav-messages-icon"
50
54
  }, void 0, messages && /*#__PURE__*/_jsx__default["default"](dsIcons.MessagesSmallFill, {
51
55
  width: "6px",
52
56
  height: "6px",
package/cjs/outOfTheBox/ItemControlledDrilldown/index.js CHANGED
@@ -16,12 +16,13 @@ var Grid = require('@elliemae/ds-grid');
16
16
  var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
17
17
  var dsIcons = require('@elliemae/ds-icons');
18
18
  var constants = require('../../exported-related/constants.js');
19
- var index$2 = require('../../exported-related/ItemRenderer/index.js');
19
+ var index$3 = require('../../exported-related/ItemRenderer/index.js');
20
20
  require('react/jsx-runtime');
21
21
  require('styled-components');
22
22
  var styled = require('./styled.js');
23
23
  var index = require('../ItemSeparator/index.js');
24
24
  var index$1 = require('../ItemWithDate/index.js');
25
+ var index$2 = require('../ItemTextLabel/index.js');
25
26
 
26
27
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
27
28
 
@@ -34,7 +35,8 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
34
35
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
35
36
  const outOfTheBoxSubitemsComponents = {
36
37
  [constants.ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: index.ItemSeparator,
37
- [constants.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: index$1.ItemWithDate
38
+ [constants.ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: index$1.ItemWithDate,
39
+ [constants.ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: index$2.ItemTextLabel
38
40
  };
39
41
 
40
42
  const OutOfTheBoxMapSubitem = props => {
@@ -84,7 +86,8 @@ const ItemControlledDrilldown = props => {
84
86
  labelBold,
85
87
  labelColor,
86
88
  isOpened,
87
- items
89
+ items,
90
+ labelDataTestId
88
91
  }
89
92
  },
90
93
  ctx,
@@ -110,7 +113,7 @@ const ItemControlledDrilldown = props => {
110
113
  ctx: ctx
111
114
  }, subitem.dsId));
112
115
  }, [items, isOpened]);
113
- return /*#__PURE__*/_jsx__default["default"](index$2.ItemRenderer, {
116
+ return /*#__PURE__*/_jsx__default["default"](index$3.ItemRenderer, {
114
117
  item: _objectSpread(_objectSpread({}, item), {}, {
115
118
  itemOpts: _objectSpread(_objectSpread({
116
119
  ariaExpanded: isOpened,
@@ -129,7 +132,7 @@ const ItemControlledDrilldown = props => {
129
132
  mt: "-2px"
130
133
  }, void 0, arrowIcon), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
131
134
  pb: "xxxs",
132
- "data-testid": "leftnav-list-item-label",
135
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
133
136
  labelOverflow: labelOverflow,
134
137
  labelBold: labelBold,
135
138
  labelColor: labelColor
package/cjs/outOfTheBox/ItemHeader/index.js CHANGED
@@ -41,7 +41,8 @@ const ItemHeader = props => {
41
41
  itemOpts: {
42
42
  label,
43
43
  RightComponent,
44
- BottomComponent
44
+ BottomComponent,
45
+ labelDataTestId
45
46
  },
46
47
  CollapsedComponent = () => null
47
48
  },
@@ -103,7 +104,7 @@ const ItemHeader = props => {
103
104
  ml: opened ? 'xxs' : '1px',
104
105
  mt: "xxxs",
105
106
  mb: "15px",
106
- "data-testid": "leftnav-itemlabel",
107
+ "data-testid": labelDataTestId || 'leftnav-itemlabel',
107
108
  labelOverflow: labelOverflow
108
109
  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
109
110
  value: label,
package/cjs/outOfTheBox/ItemLink/index.js CHANGED
@@ -37,7 +37,8 @@ const ItemLink = props => {
37
37
  dsId,
38
38
  itemOpts: {
39
39
  label,
40
- RightComponent
40
+ RightComponent,
41
+ labelDataTestId
41
42
  },
42
43
  CollapsedComponent = () => null
43
44
  },
@@ -76,7 +77,7 @@ const ItemLink = props => {
76
77
  ml: "1px",
77
78
  mt: "xxxs",
78
79
  mb: "15px",
79
- "data-testid": "leftnav-itemlabel",
80
+ "data-testid": labelDataTestId || 'leftnav-itemlabel',
80
81
  labelOverflow: labelOverflow
81
82
  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
82
83
  value: label,
package/cjs/outOfTheBox/ItemSubmenu/index.js CHANGED
@@ -41,7 +41,8 @@ const ItemSubmenu = props => {
41
41
  itemOpts: {
42
42
  label,
43
43
  RightComponent,
44
- BottomComponent
44
+ BottomComponent,
45
+ labelDataTestId
45
46
  },
46
47
  CollapsedComponent = () => null
47
48
  },
@@ -102,7 +103,7 @@ const ItemSubmenu = props => {
102
103
  ml: opened ? 'xxs' : '1px',
103
104
  mt: "xxxs",
104
105
  mb: "15px",
105
- "data-testid": "leftnav-itemlabel",
106
+ "data-testid": labelDataTestId || 'leftnav-itemlabel',
106
107
  labelOverflow: labelOverflow
107
108
  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
108
109
  value: label,
package/cjs/outOfTheBox/ItemTextLabel/index.js CHANGED
@@ -36,7 +36,8 @@ const ItemTextLabel = props => {
36
36
  label,
37
37
  labelOverflow: itemLabelOverflow,
38
38
  labelBold,
39
- labelColor
39
+ labelColor,
40
+ labelDataTestId
40
41
  }
41
42
  },
42
43
  ctx: {
@@ -53,7 +54,7 @@ const ItemTextLabel = props => {
53
54
  minHeight: "32px",
54
55
  paddingTop: "8px"
55
56
  }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
56
- "data-testid": "leftnav-list-item-label",
57
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
57
58
  pl: "24px",
58
59
  labelOverflow: labelOverflow,
59
60
  labelBold: labelBold,
package/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js CHANGED
@@ -89,7 +89,8 @@ const ItemUncontrolledDrilldown = props => {
89
89
  labelBold,
90
90
  labelColor,
91
91
  startOpened,
92
- items
92
+ items,
93
+ labelDataTestId
93
94
  }
94
95
  },
95
96
  ctx,
@@ -146,7 +147,7 @@ const ItemUncontrolledDrilldown = props => {
146
147
  mt: "-2px"
147
148
  }, void 0, arrowIcon), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
148
149
  pb: "xxxs",
149
- "data-testid": "leftnav-list-item-label",
150
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
150
151
  labelOverflow: labelOverflow,
151
152
  labelBold: labelBold,
152
153
  labelColor: labelColor
package/cjs/outOfTheBox/ItemWithDate/index.js CHANGED
@@ -39,7 +39,8 @@ const ItemWithDate = props => {
39
39
  labelRightSection,
40
40
  labelOverflow: itemLabelOverflow,
41
41
  labelBold,
42
- labelColor
42
+ labelColor,
43
+ labelDataTestId
43
44
  }
44
45
  },
45
46
  ctx,
@@ -59,7 +60,7 @@ const ItemWithDate = props => {
59
60
  }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {})), /*#__PURE__*/_jsx__default["default"](styled.StyledLabel, {
60
61
  pl: "xxs",
61
62
  pb: "xxxs",
62
- "data-testid": "leftnav-list-item-label",
63
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
63
64
  labelOverflow: labelOverflow,
64
65
  labelBold: labelBold,
65
66
  labelColor: labelColor
package/esm/exported-related/ItemRenderer/index.js CHANGED
@@ -92,6 +92,8 @@ const ItemRenderer = props => {
92
92
  "aria-describedby": ariaDescribedBy,
93
93
  "aria-expanded": ariaExpanded,
94
94
  role: ariaRole,
95
+ "data-selected": isSelected,
96
+ "data-selectedparent": selectedParent === dsId,
95
97
  "aria-label": ariaLabel,
96
98
  "aria-hidden": !focuseable,
97
99
  "aria-live": ariaLive,
package/esm/exported-related/Notifications/index.js CHANGED
@@ -15,28 +15,32 @@ const Notifications = _ref => {
15
15
  } = _ref;
16
16
  return /*#__PURE__*/_jsx(StyledIcon, {}, void 0, /*#__PURE__*/_jsx(Notifications$1, {
17
17
  size: "m",
18
- color: ['brand-primary', 800]
18
+ color: ['brand-primary', 800],
19
+ "data-testid": "left-nav-notifications-icon"
19
20
  }), (exceptions || alerts || messages) && /*#__PURE__*/_jsx(Grid, {
20
21
  cols: ['1fr', '1fr', '1fr'],
21
22
  gutter: "xxxs",
22
23
  mt: "2px"
23
24
  }, void 0, /*#__PURE__*/_jsx(Grid, {
24
25
  width: "6px",
25
- height: "6px"
26
+ height: "6px",
27
+ "data-testid": "left-nav-exceptions-icon"
26
28
  }, void 0, exceptions && /*#__PURE__*/_jsx(ExceptionsSmallFill, {
27
29
  width: "6px",
28
30
  height: "6px",
29
31
  color: ['warning', 900]
30
32
  })), /*#__PURE__*/_jsx(Grid, {
31
33
  width: "6px",
32
- height: "6px"
34
+ height: "6px",
35
+ "data-testid": "left-nav-alerts-icon"
33
36
  }, void 0, alerts && /*#__PURE__*/_jsx(AlertsSmallFill, {
34
37
  width: "6px",
35
38
  height: "6px",
36
39
  color: ['danger', 900]
37
40
  })), /*#__PURE__*/_jsx(Grid, {
38
41
  width: "6px",
39
- height: "6px"
42
+ height: "6px",
43
+ "data-testid": "left-nav-messages-icon"
40
44
  }, void 0, messages && /*#__PURE__*/_jsx(MessagesSmallFill, {
41
45
  width: "6px",
42
46
  height: "6px",
package/esm/outOfTheBox/ItemControlledDrilldown/index.js CHANGED
@@ -18,13 +18,15 @@ import 'styled-components';
18
18
  import { StyledLabel, StyledDate } from './styled.js';
19
19
  import { ItemSeparator } from '../ItemSeparator/index.js';
20
20
  import { ItemWithDate } from '../ItemWithDate/index.js';
21
+ import { ItemTextLabel } from '../ItemTextLabel/index.js';
21
22
 
22
23
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
23
24
 
24
25
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
25
26
  const outOfTheBoxSubitemsComponents = {
26
27
  [ITEM_TYPES.LEFT_NAV_ITEM_SEPARATOR]: ItemSeparator,
27
- [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate
28
+ [ITEM_TYPES.LEFT_NAV_ITEM_WITH_DATE]: ItemWithDate,
29
+ [ITEM_TYPES.LEFT_NAV_ITEM_TEXT_LABEL]: ItemTextLabel
28
30
  };
29
31
 
30
32
  const OutOfTheBoxMapSubitem = props => {
@@ -74,7 +76,8 @@ const ItemControlledDrilldown = props => {
74
76
  labelBold,
75
77
  labelColor,
76
78
  isOpened,
77
- items
79
+ items,
80
+ labelDataTestId
78
81
  }
79
82
  },
80
83
  ctx,
@@ -119,7 +122,7 @@ const ItemControlledDrilldown = props => {
119
122
  mt: "-2px"
120
123
  }, void 0, arrowIcon), /*#__PURE__*/_jsx(StyledLabel, {
121
124
  pb: "xxxs",
122
- "data-testid": "leftnav-list-item-label",
125
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
123
126
  labelOverflow: labelOverflow,
124
127
  labelBold: labelBold,
125
128
  labelColor: labelColor
package/esm/outOfTheBox/ItemHeader/index.js CHANGED
@@ -31,7 +31,8 @@ const ItemHeader = props => {
31
31
  itemOpts: {
32
32
  label,
33
33
  RightComponent,
34
- BottomComponent
34
+ BottomComponent,
35
+ labelDataTestId
35
36
  },
36
37
  CollapsedComponent = () => null
37
38
  },
@@ -93,7 +94,7 @@ const ItemHeader = props => {
93
94
  ml: opened ? 'xxs' : '1px',
94
95
  mt: "xxxs",
95
96
  mb: "15px",
96
- "data-testid": "leftnav-itemlabel",
97
+ "data-testid": labelDataTestId || 'leftnav-itemlabel',
97
98
  labelOverflow: labelOverflow
98
99
  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
99
100
  value: label,
package/esm/outOfTheBox/ItemLink/index.js CHANGED
@@ -27,7 +27,8 @@ const ItemLink = props => {
27
27
  dsId,
28
28
  itemOpts: {
29
29
  label,
30
- RightComponent
30
+ RightComponent,
31
+ labelDataTestId
31
32
  },
32
33
  CollapsedComponent = () => null
33
34
  },
@@ -66,7 +67,7 @@ const ItemLink = props => {
66
67
  ml: "1px",
67
68
  mt: "xxxs",
68
69
  mb: "15px",
69
- "data-testid": "leftnav-itemlabel",
70
+ "data-testid": labelDataTestId || 'leftnav-itemlabel',
70
71
  labelOverflow: labelOverflow
71
72
  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
72
73
  value: label,
package/esm/outOfTheBox/ItemSubmenu/index.js CHANGED
@@ -31,7 +31,8 @@ const ItemSubmenu = props => {
31
31
  itemOpts: {
32
32
  label,
33
33
  RightComponent,
34
- BottomComponent
34
+ BottomComponent,
35
+ labelDataTestId
35
36
  },
36
37
  CollapsedComponent = () => null
37
38
  },
@@ -92,7 +93,7 @@ const ItemSubmenu = props => {
92
93
  ml: opened ? 'xxs' : '1px',
93
94
  mt: "xxxs",
94
95
  mb: "15px",
95
- "data-testid": "leftnav-itemlabel",
96
+ "data-testid": labelDataTestId || 'leftnav-itemlabel',
96
97
  labelOverflow: labelOverflow
97
98
  }, void 0, labelOverflow === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
98
99
  value: label,
package/esm/outOfTheBox/ItemTextLabel/index.js CHANGED
@@ -27,7 +27,8 @@ const ItemTextLabel = props => {
27
27
  label,
28
28
  labelOverflow: itemLabelOverflow,
29
29
  labelBold,
30
- labelColor
30
+ labelColor,
31
+ labelDataTestId
31
32
  }
32
33
  },
33
34
  ctx: {
@@ -44,7 +45,7 @@ const ItemTextLabel = props => {
44
45
  minHeight: "32px",
45
46
  paddingTop: "8px"
46
47
  }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(StyledLabel, {
47
- "data-testid": "leftnav-list-item-label",
48
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
48
49
  pl: "24px",
49
50
  labelOverflow: labelOverflow,
50
51
  labelBold: labelBold,
package/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js CHANGED
@@ -79,7 +79,8 @@ const ItemUncontrolledDrilldown = props => {
79
79
  labelBold,
80
80
  labelColor,
81
81
  startOpened,
82
- items
82
+ items,
83
+ labelDataTestId
83
84
  }
84
85
  },
85
86
  ctx,
@@ -136,7 +137,7 @@ const ItemUncontrolledDrilldown = props => {
136
137
  mt: "-2px"
137
138
  }, void 0, arrowIcon), /*#__PURE__*/_jsx(StyledLabel, {
138
139
  pb: "xxxs",
139
- "data-testid": "leftnav-list-item-label",
140
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
140
141
  labelOverflow: labelOverflow,
141
142
  labelBold: labelBold,
142
143
  labelColor: labelColor
package/esm/outOfTheBox/ItemWithDate/index.js CHANGED
@@ -29,7 +29,8 @@ const ItemWithDate = props => {
29
29
  labelRightSection,
30
30
  labelOverflow: itemLabelOverflow,
31
31
  labelBold,
32
- labelColor
32
+ labelColor,
33
+ labelDataTestId
33
34
  }
34
35
  },
35
36
  ctx,
@@ -49,7 +50,7 @@ const ItemWithDate = props => {
49
50
  }, void 0, " ", _div || (_div = /*#__PURE__*/_jsx("div", {})), /*#__PURE__*/_jsx(StyledLabel, {
50
51
  pl: "xxs",
51
52
  pb: "xxxs",
52
- "data-testid": "leftnav-list-item-label",
53
+ "data-testid": labelDataTestId || 'leftnav-list-item-label',
53
54
  labelOverflow: labelOverflow,
54
55
  labelBold: labelBold,
55
56
  labelColor: labelColor
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-left-navigation",
3
- "version": "2.0.0-rc.1",
3
+ "version": "2.0.0-rc.10",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Left Navigation",
6
6
  "module": "./esm/index.js",
@@ -233,16 +233,18 @@
233
233
  "generateSubmodules": true
234
234
  },
235
235
  "dependencies": {
236
- "@elliemae/ds-basic": "2.0.0-rc.1",
237
- "@elliemae/ds-grid": "2.0.0-rc.1",
238
- "@elliemae/ds-icons": "2.0.0-rc.1",
239
- "@elliemae/ds-system": "2.0.0-rc.1",
240
- "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.1",
236
+ "@elliemae/ds-circular-progress-indicator": "2.0.0-rc.10",
237
+ "@elliemae/ds-grid": "2.0.0-rc.10",
238
+ "@elliemae/ds-icons": "2.0.0-rc.10",
239
+ "@elliemae/ds-system": "2.0.0-rc.10",
240
+ "@elliemae/ds-truncated-tooltip-text": "2.0.0-rc.10",
241
241
  "overlayscrollbars": "1.13.1",
242
242
  "prop-types": "~15.7.2",
243
243
  "react-desc": "~4.1.3"
244
244
  },
245
245
  "devDependencies": {
246
+ "@testing-library/react": "~12.1.2",
247
+ "@testing-library/user-event": "~13.5.0",
246
248
  "styled-components": "~5.3.3"
247
249
  },
248
250
  "peerDependencies": {
package/types/LeftNavigation.d.ts CHANGED
@@ -1,19 +1,51 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
1
2
  /// <reference types="react" />
2
3
  import type { LeftNavProps } from './index.d';
3
4
  export declare const LeftNavigation: {
4
5
  (props: LeftNavProps): JSX.Element;
5
6
  propTypes: {
6
- containerProps: any;
7
- expanded: any;
8
- loading: any;
9
- tabIndex: any;
10
- openedItem: any;
11
- footerLabel: any;
12
- onFooterExpand: any;
13
- onFooterClose: any;
14
- onSelectedChange: any;
15
- onFocusChange: any;
16
- items: any;
7
+ containerProps: {
8
+ deprecated: import("react-desc").PropTypesDescValidator;
9
+ };
10
+ expanded: {
11
+ deprecated: import("react-desc").PropTypesDescValidator;
12
+ };
13
+ loading: {
14
+ deprecated: import("react-desc").PropTypesDescValidator;
15
+ };
16
+ tabIndex: {
17
+ deprecated: import("react-desc").PropTypesDescValidator;
18
+ };
19
+ openedItem: {
20
+ deprecated: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ footerLabel: {
23
+ defaultValue<T = unknown>(arg: T): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ onFooterExpand: {
29
+ defaultValue<T = unknown>(arg: T): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValidator;
33
+ };
34
+ onFooterClose: {
35
+ defaultValue<T = unknown>(arg: T): {
36
+ deprecated: import("react-desc").PropTypesDescValidator;
37
+ };
38
+ isRequired: import("react-desc").PropTypesDescValidator;
39
+ };
40
+ onSelectedChange: {
41
+ deprecated: import("react-desc").PropTypesDescValidator;
42
+ };
43
+ onFocusChange: {
44
+ deprecated: import("react-desc").PropTypesDescValidator;
45
+ };
46
+ items: {
47
+ deprecated: import("react-desc").PropTypesDescValidator;
48
+ };
17
49
  };
18
50
  defaultProps: LeftNavProps;
19
51
  };
package/types/exported-related/ItemRenderer/styled.d.ts CHANGED
@@ -7,10 +7,10 @@ interface ItemProps {
7
7
  shadowStyle: (theme: any) => string;
8
8
  }
9
9
  export declare const borderOutside: (color: any, weight?: number) => string;
10
- export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
10
+ export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
11
11
  shadowStyle: (theme: any) => string;
12
12
  }, never>;
13
- export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
13
+ export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
14
14
  minHeight: string;
15
15
  } & ItemProps, never>;
16
16
  export {};
package/types/index.d.d.ts CHANGED
@@ -43,6 +43,7 @@ export interface itemOptsT {
43
43
  ariaExpanded?: boolean;
44
44
  ariaDescribedBy?: string;
45
45
  items?: GenericItemItemProps[];
46
+ labelDataTestId?: string;
46
47
  }
47
48
  export interface ComponentProps {
48
49
  item: GenericItemItemProps;
package/types/outOfTheBox/ItemControlledDrilldown/styled.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
3
3
  labelBold: boolean;
4
4
  }, never>;
5
- export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
5
+ export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemHeader/styled.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
3
- export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemLink/styled.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemSection/styled.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
2
- export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", any, {}, never>;
1
+ export declare const StyledLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
2
+ export declare const StyledVerticalSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledRightLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemSubmenu/styled.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
3
- export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
3
+ export declare const StyledChevronLeft: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemTextLabel/styled.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemUncontrolledDrilldown/styled.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
3
3
  labelBold: boolean;
4
4
  }, never>;
5
- export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
5
+ export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/outOfTheBox/ItemWithDate/styled.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
2
+ export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
3
3
  labelBold: boolean;
4
4
  }, never>;
5
- export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
5
+ export declare const StyledDate: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
package/types/parts/LeftNavContent/styled.d.ts CHANGED
@@ -2,13 +2,13 @@ declare type LeftNavProps = {
2
2
  expanded: boolean;
3
3
  expandedWidth: string;
4
4
  };
5
- export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", any, LeftNavProps, never>;
6
- export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", any, LeftNavProps, never>;
7
- export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
9
- export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", any, {}, never>;
10
- export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", any, {
5
+ export declare const StyledLeftNavExpandAnimationWrapper: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, LeftNavProps, never>;
6
+ export declare const StyledLeftNavAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, LeftNavProps, never>;
7
+ export declare const StyledLeftNavHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
8
+ export declare const StyledLeftNavBodyAreasContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
9
+ export declare const StyledLeftNavBodyHeaderArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
10
+ export declare const StyledLeftNavBodyItemsArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
11
11
  selected: boolean;
12
12
  }, never>;
13
- export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", any, {}, never>;
13
+ export declare const StyledLeftNavFooterArea: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
14
14
  export {};
package/types/parts/LeftNavFooterItem/styled.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  /// <reference types="react" />
2
- export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
2
+ export declare const StyledFooterMenu: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
3
3
  theme: any;
4
4
  selected: boolean;
5
5
  }, never>;
6
- export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
7
- export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {
6
+ export declare const StyledItemWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
7
+ export declare const StyledItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
8
8
  theme: any;
9
9
  selected: boolean;
10
10
  opened: boolean;
11
11
  }, never>;
12
- export declare const StyledLabel: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
13
- export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
14
- export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, any, {}, never>;
12
+ export declare const StyledLabel: 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 StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
14
+ export declare const StyledMenuCollapse: import("styled-components").StyledComponent<(rest: any) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
package/types/prop-types.d.ts CHANGED
@@ -1,22 +1,88 @@
1
+ /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
+ /// <reference types="react" />
1
3
  export declare const leftNavItemProps: {
2
- type: any;
3
- dsId: any;
4
- Component: any;
5
- CollapsedComponent: any;
6
- itemOpts: any;
4
+ type: {
5
+ defaultValue<T = unknown>(arg: T): {
6
+ deprecated: import("react-desc").PropTypesDescValidator;
7
+ };
8
+ isRequired: import("react-desc").PropTypesDescValidator;
9
+ };
10
+ dsId: {
11
+ defaultValue<T = unknown>(arg: T): {
12
+ deprecated: import("react-desc").PropTypesDescValidator;
13
+ };
14
+ isRequired: import("react-desc").PropTypesDescValidator;
15
+ };
16
+ Component: {
17
+ defaultValue<T = unknown>(arg: T): {
18
+ deprecated: import("react-desc").PropTypesDescValidator;
19
+ };
20
+ isRequired: import("react-desc").PropTypesDescValidator;
21
+ };
22
+ CollapsedComponent: {
23
+ defaultValue<T = unknown>(arg: T): {
24
+ deprecated: import("react-desc").PropTypesDescValidator;
25
+ };
26
+ isRequired: import("react-desc").PropTypesDescValidator;
27
+ };
28
+ itemOpts: {
29
+ defaultValue<T = unknown>(arg: T): {
30
+ deprecated: import("react-desc").PropTypesDescValidator;
31
+ };
32
+ isRequired: import("react-desc").PropTypesDescValidator;
33
+ };
7
34
  };
8
35
  export declare const leftNavigationProps: {
9
- containerProps: any;
10
- expanded: any;
11
- loading: any;
12
- tabIndex: any;
13
- openedItem: any;
14
- footerLabel: any;
15
- onFooterExpand: any;
16
- onFooterClose: any;
17
- onSelectedChange: any;
18
- onFocusChange: any;
19
- items: any;
36
+ containerProps: {
37
+ deprecated: import("react-desc").PropTypesDescValidator;
38
+ };
39
+ expanded: {
40
+ deprecated: import("react-desc").PropTypesDescValidator;
41
+ };
42
+ loading: {
43
+ deprecated: import("react-desc").PropTypesDescValidator;
44
+ };
45
+ tabIndex: {
46
+ deprecated: import("react-desc").PropTypesDescValidator;
47
+ };
48
+ openedItem: {
49
+ deprecated: import("react-desc").PropTypesDescValidator;
50
+ };
51
+ footerLabel: {
52
+ defaultValue<T = unknown>(arg: T): {
53
+ deprecated: import("react-desc").PropTypesDescValidator;
54
+ };
55
+ isRequired: import("react-desc").PropTypesDescValidator;
56
+ };
57
+ onFooterExpand: {
58
+ defaultValue<T = unknown>(arg: T): {
59
+ deprecated: import("react-desc").PropTypesDescValidator;
60
+ };
61
+ isRequired: import("react-desc").PropTypesDescValidator;
62
+ };
63
+ onFooterClose: {
64
+ defaultValue<T = unknown>(arg: T): {
65
+ deprecated: import("react-desc").PropTypesDescValidator;
66
+ };
67
+ isRequired: import("react-desc").PropTypesDescValidator;
68
+ };
69
+ onSelectedChange: {
70
+ deprecated: import("react-desc").PropTypesDescValidator;
71
+ };
72
+ onFocusChange: {
73
+ deprecated: import("react-desc").PropTypesDescValidator;
74
+ };
75
+ items: {
76
+ deprecated: import("react-desc").PropTypesDescValidator;
77
+ };
78
+ };
79
+ export declare const LeftNavItemPropsSchema: {
80
+ (props?: unknown): JSX.Element;
81
+ propTypes: unknown;
82
+ toTypescript: () => import("react-desc").TypescriptSchema;
83
+ };
84
+ export declare const LeftNavItemOptionsSchema: {
85
+ (props?: unknown): JSX.Element;
86
+ propTypes: unknown;
87
+ toTypescript: () => import("react-desc").TypescriptSchema;
20
88
  };
21
- export declare const LeftNavItemPropsSchema: any;
22
- export declare const LeftNavItemOptionsSchema: any;