@elliemae/ds-left-navigation 3.5.0-rc.9 → 3.6.0-next.0

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 (77) hide show
  1. package/dist/cjs/LeftNavigation.js +5 -4
  2. package/dist/cjs/LeftNavigation.js.map +2 -2
  3. package/dist/cjs/exported-related/ChevronItem/index.js +2 -2
  4. package/dist/cjs/exported-related/ChevronItem/index.js.map +2 -2
  5. package/dist/cjs/exported-related/Icon/index.js +2 -2
  6. package/dist/cjs/exported-related/Icon/index.js.map +2 -2
  7. package/dist/cjs/exported-related/ItemRenderer/index.js +56 -44
  8. package/dist/cjs/exported-related/ItemRenderer/index.js.map +2 -2
  9. package/dist/cjs/exported-related/Notifications/index.js +47 -34
  10. package/dist/cjs/exported-related/Notifications/index.js.map +2 -2
  11. package/dist/cjs/exported-related/OpenWindowItem/index.js +2 -2
  12. package/dist/cjs/exported-related/OpenWindowItem/index.js.map +2 -2
  13. package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js +49 -36
  14. package/dist/cjs/outOfTheBox/ItemControlledDrilldown/index.js.map +2 -2
  15. package/dist/cjs/outOfTheBox/ItemHeader/index.js +75 -61
  16. package/dist/cjs/outOfTheBox/ItemHeader/index.js.map +2 -2
  17. package/dist/cjs/outOfTheBox/ItemLink/index.js +38 -29
  18. package/dist/cjs/outOfTheBox/ItemLink/index.js.map +2 -2
  19. package/dist/cjs/outOfTheBox/ItemSection/index.js +40 -26
  20. package/dist/cjs/outOfTheBox/ItemSection/index.js.map +2 -2
  21. package/dist/cjs/outOfTheBox/ItemSeparator/index.js +7 -6
  22. package/dist/cjs/outOfTheBox/ItemSeparator/index.js.map +2 -2
  23. package/dist/cjs/outOfTheBox/ItemSubmenu/index.js +77 -63
  24. package/dist/cjs/outOfTheBox/ItemSubmenu/index.js.map +2 -2
  25. package/dist/cjs/outOfTheBox/ItemTextLabel/index.js +21 -15
  26. package/dist/cjs/outOfTheBox/ItemTextLabel/index.js.map +2 -2
  27. package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js +48 -35
  28. package/dist/cjs/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +2 -2
  29. package/dist/cjs/outOfTheBox/ItemWithDate/index.js +40 -27
  30. package/dist/cjs/outOfTheBox/ItemWithDate/index.js.map +2 -2
  31. package/dist/cjs/parts/LeftNavContent/index.js +53 -30
  32. package/dist/cjs/parts/LeftNavContent/index.js.map +1 -1
  33. package/dist/cjs/parts/LeftNavFooterItem/index.js +65 -53
  34. package/dist/cjs/parts/LeftNavFooterItem/index.js.map +2 -2
  35. package/dist/cjs/parts/LeftNavLoading/index.js +10 -8
  36. package/dist/cjs/parts/LeftNavLoading/index.js.map +2 -2
  37. package/dist/cjs/parts/OutOfTheBoxMapItem.js +3 -2
  38. package/dist/cjs/parts/OutOfTheBoxMapItem.js.map +1 -1
  39. package/dist/esm/LeftNavigation.js +5 -4
  40. package/dist/esm/LeftNavigation.js.map +2 -2
  41. package/dist/esm/exported-related/ChevronItem/index.js +2 -2
  42. package/dist/esm/exported-related/ChevronItem/index.js.map +2 -2
  43. package/dist/esm/exported-related/Icon/index.js +2 -2
  44. package/dist/esm/exported-related/Icon/index.js.map +2 -2
  45. package/dist/esm/exported-related/ItemRenderer/index.js +56 -44
  46. package/dist/esm/exported-related/ItemRenderer/index.js.map +2 -2
  47. package/dist/esm/exported-related/Notifications/index.js +47 -34
  48. package/dist/esm/exported-related/Notifications/index.js.map +2 -2
  49. package/dist/esm/exported-related/OpenWindowItem/index.js +2 -2
  50. package/dist/esm/exported-related/OpenWindowItem/index.js.map +2 -2
  51. package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js +49 -36
  52. package/dist/esm/outOfTheBox/ItemControlledDrilldown/index.js.map +2 -2
  53. package/dist/esm/outOfTheBox/ItemHeader/index.js +75 -61
  54. package/dist/esm/outOfTheBox/ItemHeader/index.js.map +2 -2
  55. package/dist/esm/outOfTheBox/ItemLink/index.js +38 -29
  56. package/dist/esm/outOfTheBox/ItemLink/index.js.map +2 -2
  57. package/dist/esm/outOfTheBox/ItemSection/index.js +40 -26
  58. package/dist/esm/outOfTheBox/ItemSection/index.js.map +2 -2
  59. package/dist/esm/outOfTheBox/ItemSeparator/index.js +7 -6
  60. package/dist/esm/outOfTheBox/ItemSeparator/index.js.map +2 -2
  61. package/dist/esm/outOfTheBox/ItemSubmenu/index.js +77 -63
  62. package/dist/esm/outOfTheBox/ItemSubmenu/index.js.map +2 -2
  63. package/dist/esm/outOfTheBox/ItemTextLabel/index.js +21 -15
  64. package/dist/esm/outOfTheBox/ItemTextLabel/index.js.map +2 -2
  65. package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js +48 -35
  66. package/dist/esm/outOfTheBox/ItemUncontrolledDrilldown/index.js.map +2 -2
  67. package/dist/esm/outOfTheBox/ItemWithDate/index.js +40 -27
  68. package/dist/esm/outOfTheBox/ItemWithDate/index.js.map +2 -2
  69. package/dist/esm/parts/LeftNavContent/index.js +53 -30
  70. package/dist/esm/parts/LeftNavContent/index.js.map +1 -1
  71. package/dist/esm/parts/LeftNavFooterItem/index.js +65 -53
  72. package/dist/esm/parts/LeftNavFooterItem/index.js.map +2 -2
  73. package/dist/esm/parts/LeftNavLoading/index.js +10 -8
  74. package/dist/esm/parts/LeftNavLoading/index.js.map +2 -2
  75. package/dist/esm/parts/OutOfTheBoxMapItem.js +3 -2
  76. package/dist/esm/parts/OutOfTheBoxMapItem.js.map +1 -1
  77. package/package.json +8 -9
package/dist/cjs/outOfTheBox/ItemHeader/index.js CHANGED
@@ -28,7 +28,8 @@ __export(ItemHeader_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(ItemHeader_exports);
30
30
  var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
+ var import_react = require("react");
32
33
  var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
33
34
  var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
34
35
  var import_exported_related = require("../../exported-related/index");
@@ -70,7 +71,7 @@ const ItemHeader = (props) => {
70
71
  (opened2) => (theme) => !opened2 ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,
71
72
  [isSelected, openedItem]
72
73
  );
73
- return /* @__PURE__ */ import_react.default.createElement(import_exported_related.ItemRenderer, {
74
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_exported_related.ItemRenderer, {
74
75
  item: {
75
76
  ...item,
76
77
  itemOpts: {
@@ -84,64 +85,77 @@ const ItemHeader = (props) => {
84
85
  },
85
86
  hasBorderBottom: true,
86
87
  borderBottomMr: opened ? "12px" : "0px",
87
- shadowStyle
88
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
89
- cols: opened ? ["auto", "auto"] : ["38px"],
90
- gutter: "1px",
91
- pl: opened ? "xxs" : 0,
92
- justifyItems: "center",
93
- "data-testid": "leftnav-leftcomponent"
94
- }, opened && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChevronLeft, {
95
- size: "m",
96
- color: ["brand-primary", 800],
97
- onClick: (e) => {
98
- onItemClick(item, e);
99
- },
100
- "data-testid": "leftnav-leftcomponent-chevron",
101
- tabIndex: 0,
102
- onFocus: (e) => {
103
- e.stopPropagation();
104
- setFocusedItem(import_constants.CHEVRON_BACK_DS_ID);
105
- },
106
- role: "button",
107
- "aria-label": `Close ${ariaLabel}`
108
- }), /* @__PURE__ */ import_react.default.createElement(CollapsedComponent, {
109
- item,
110
- ctx
111
- })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabel, {
112
- ml: opened ? "xxs" : "1px",
113
- mt: "xxxs",
114
- mb: "15px",
115
- "data-testid": labelDataTestId || "leftnav-itemlabel",
116
- labelOverflow
117
- }, labelOverflow === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
118
- value: label,
119
- placement: "bottom-start"
120
- }) : label), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
121
- pl: "xs",
122
- pr: opened ? "xxs2" : "xxs",
123
- onFocus: (e) => {
124
- setFocusedItem(null);
125
- e.stopPropagation();
126
- },
127
- onKeyDown: (e) => e.stopPropagation(),
128
- "data-testid": "leftnav-right-component"
129
- }, RightComponent && /* @__PURE__ */ import_react.default.createElement(RightComponent, {
130
- ctx,
131
- item
132
- })), BottomComponent && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
133
- style: { gridColumn: "span 3" },
134
- pb: "xxxs",
135
- pl: "xxs",
136
- pr: "xxs",
137
- onFocus: (e) => {
138
- setFocusedItem(null);
139
- e.stopPropagation();
140
- },
141
- onKeyDown: (e) => e.stopPropagation()
142
- }, /* @__PURE__ */ import_react.default.createElement(BottomComponent, {
143
- ctx,
144
- item
145
- })));
88
+ shadowStyle,
89
+ children: [
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, {
91
+ cols: opened ? ["auto", "auto"] : ["38px"],
92
+ gutter: "1px",
93
+ pl: opened ? "xxs" : 0,
94
+ justifyItems: "center",
95
+ "data-testid": "leftnav-leftcomponent",
96
+ children: [
97
+ opened && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChevronLeft, {
98
+ size: "m",
99
+ color: ["brand-primary", 800],
100
+ onClick: (e) => {
101
+ onItemClick(item, e);
102
+ },
103
+ "data-testid": "leftnav-leftcomponent-chevron",
104
+ tabIndex: 0,
105
+ onFocus: (e) => {
106
+ e.stopPropagation();
107
+ setFocusedItem(import_constants.CHEVRON_BACK_DS_ID);
108
+ },
109
+ role: "button",
110
+ "aria-label": `Close ${ariaLabel}`
111
+ }),
112
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, {
113
+ item,
114
+ ctx
115
+ })
116
+ ]
117
+ }),
118
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLabel, {
119
+ ml: opened ? "xxs" : "1px",
120
+ mt: "xxxs",
121
+ mb: "15px",
122
+ "data-testid": labelDataTestId || "leftnav-itemlabel",
123
+ labelOverflow,
124
+ children: labelOverflow === "truncate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
125
+ value: label,
126
+ placement: "bottom-start"
127
+ }) : label
128
+ }),
129
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
130
+ pl: "xs",
131
+ pr: opened ? "xxs2" : "xxs",
132
+ onFocus: (e) => {
133
+ setFocusedItem(null);
134
+ e.stopPropagation();
135
+ },
136
+ onKeyDown: (e) => e.stopPropagation(),
137
+ "data-testid": "leftnav-right-component",
138
+ children: RightComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightComponent, {
139
+ ctx,
140
+ item
141
+ })
142
+ }),
143
+ BottomComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
144
+ style: { gridColumn: "span 3" },
145
+ pb: "xxxs",
146
+ pl: "xxs",
147
+ pr: "xxs",
148
+ onFocus: (e) => {
149
+ setFocusedItem(null);
150
+ e.stopPropagation();
151
+ },
152
+ onKeyDown: (e) => e.stopPropagation(),
153
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomComponent, {
154
+ ctx,
155
+ item
156
+ })
157
+ })
158
+ ]
159
+ });
146
160
  };
147
161
  //# sourceMappingURL=index.js.map
package/dist/cjs/outOfTheBox/ItemHeader/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/outOfTheBox/ItemHeader/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledChevronLeft } from './styled';\nimport { CHEVRON_BACK_DS_ID } from '../../exported-related/constants';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemHeader = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, BottomComponent, labelDataTestId, labelOverflow: itemLabelOverflow },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { openedItem, labelOverflow: leftNavLabelOverflow, onItemClick },\n expandedForAnimation,\n setFocusedItem,\n selectedItem,\n selectedParent,\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n const opened = openedItem === dsId;\n\n const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === 'string' ? label : 'menuitem');\n\n const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n const shadowStyle = useCallback(\n (opened) => (theme: any) =>\n !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n [isSelected, openedItem],\n );\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaLabel,\n ariaExpanded: opened,\n ...item.itemOpts,\n openable: expandedForAnimation && !opened,\n closable: expandedForAnimation && opened,\n selectable: !opened,\n },\n }}\n hasBorderBottom\n borderBottomMr={opened ? '12px' : '0px'}\n shadowStyle={shadowStyle}\n >\n <Grid\n cols={opened ? ['auto', 'auto'] : ['38px']}\n gutter=\"1px\"\n pl={opened ? 'xxs' : 0}\n justifyItems=\"center\"\n data-testid=\"leftnav-leftcomponent\"\n >\n {opened && (\n <StyledChevronLeft\n size=\"m\"\n color={['brand-primary', 800]}\n onClick={(e) => {\n onItemClick(item, e);\n }}\n data-testid=\"leftnav-leftcomponent-chevron\"\n tabIndex={0}\n onFocus={(e) => {\n e.stopPropagation();\n setFocusedItem(CHEVRON_BACK_DS_ID);\n }}\n role=\"button\"\n aria-label={`Close ${ariaLabel}`}\n />\n )}\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml={opened ? 'xxs' : '1px'}\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid={labelDataTestId || 'leftnav-itemlabel'}\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid\n pl=\"xs\"\n pr={opened ? 'xxs2' : 'xxs'}\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n {BottomComponent && (\n <Grid\n style={{ gridColumn: 'span 3' }}\n pb=\"xxxs\"\n pl=\"xxs\"\n pr=\"xxs\"\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n >\n <BottomComponent ctx={ctx} item={item} />\n </Grid>\n )}\n </ItemRenderer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
6
- "names": ["opened", "React", "Grid"]
5
+ "mappings": "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",
6
+ "names": ["opened", "Grid"]
7
7
  }
package/dist/cjs/outOfTheBox/ItemLink/index.js CHANGED
@@ -28,7 +28,8 @@ __export(ItemLink_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(ItemLink_exports);
30
30
  var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
+ var import_react = require("react");
32
33
  var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
33
34
  var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
34
35
  var import_exported_related = require("../../exported-related/index");
@@ -65,7 +66,7 @@ const ItemLink = (props) => {
65
66
  (opened) => (theme) => !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,
66
67
  [isSelected, openedItem]
67
68
  );
68
- return /* @__PURE__ */ import_react.default.createElement(import_exported_related.ItemRenderer, {
69
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_exported_related.ItemRenderer, {
69
70
  item: {
70
71
  ...item,
71
72
  itemOpts: {
@@ -75,32 +76,40 @@ const ItemLink = (props) => {
75
76
  selectable: true
76
77
  }
77
78
  },
78
- shadowStyle
79
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
80
- cols: ["38px"],
81
- gutter: "1px",
82
- pl: 0,
83
- justifyItems: "center",
84
- "data-testid": "leftnav-leftcomponent"
85
- }, /* @__PURE__ */ import_react.default.createElement(CollapsedComponent, {
86
- item,
87
- ctx
88
- })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabel, {
89
- ml: "1px",
90
- mt: "xxxs",
91
- mb: "15px",
92
- "data-testid": labelDataTestId || "leftnav-itemlabel",
93
- labelOverflow
94
- }, labelOverflow === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
95
- value: label,
96
- placement: "bottom-start"
97
- }) : label), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
98
- mt: "xxxs",
99
- pr: "xxs2",
100
- "data-testid": "leftnav-right-component"
101
- }, RightComponent && /* @__PURE__ */ import_react.default.createElement(RightComponent, {
102
- ctx,
103
- item
104
- })));
79
+ shadowStyle,
80
+ children: [
81
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
82
+ cols: ["38px"],
83
+ gutter: "1px",
84
+ pl: 0,
85
+ justifyItems: "center",
86
+ "data-testid": "leftnav-leftcomponent",
87
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, {
88
+ item,
89
+ ctx
90
+ })
91
+ }),
92
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLabel, {
93
+ ml: "1px",
94
+ mt: "xxxs",
95
+ mb: "15px",
96
+ "data-testid": labelDataTestId || "leftnav-itemlabel",
97
+ labelOverflow,
98
+ children: labelOverflow === "truncate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
99
+ value: label,
100
+ placement: "bottom-start"
101
+ }) : label
102
+ }),
103
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
104
+ mt: "xxxs",
105
+ pr: "xxs2",
106
+ "data-testid": "leftnav-right-component",
107
+ children: RightComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightComponent, {
108
+ ctx,
109
+ item
110
+ })
111
+ })
112
+ ]
113
+ });
105
114
  };
106
115
  //# sourceMappingURL=index.js.map
package/dist/cjs/outOfTheBox/ItemLink/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/outOfTheBox/ItemLink/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable indent */\nimport React, { useCallback } from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel } from './styled';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst notOpenedShadowStyle = (isSelected: boolean) => (theme: any) =>\n `\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : 'transparent'};\n\n :hover {\n box-shadow: inset 4px 0 0 0 ${isSelected ? theme.colors.brand[400] : theme.colors.brand[300]};\n }\n\n :active {\n box-shadow: inset 4px 0 0 0 ${theme.colors.brand[400]};\n }\n`;\n\nexport const ItemLink = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n dsId,\n itemOpts: { label, RightComponent, labelDataTestId, labelOverflow: itemLabelOverflow },\n CollapsedComponent = () => null,\n },\n ctx,\n ctx: {\n leftNavProps: { labelOverflow: leftNavLabelOverflow, openedItem },\n selectedItem,\n selectedParent,\n },\n } = props;\n\n const labelOverflow = itemLabelOverflow || leftNavLabelOverflow;\n\n const isSelected = selectedItem === dsId || selectedParent === dsId;\n\n const shadowStyle = useCallback(\n (opened) => (theme: any) => !opened ? notOpenedShadowStyle(isSelected)(theme) : `box-shadow: inset 4px 0 0 0 #52A6EC`,\n [isSelected, openedItem],\n );\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ariaLabel: typeof label === 'string' ? label : '',\n ariaRole: 'link',\n ...item.itemOpts,\n selectable: true,\n },\n }}\n shadowStyle={shadowStyle}\n >\n <Grid cols={['38px']} gutter=\"1px\" pl={0} justifyItems=\"center\" data-testid=\"leftnav-leftcomponent\">\n <CollapsedComponent item={item} ctx={ctx} />\n </Grid>\n <StyledLabel\n ml=\"1px\"\n mt=\"xxxs\"\n mb=\"15px\"\n data-testid={labelDataTestId || 'leftnav-itemlabel'}\n labelOverflow={labelOverflow}\n >\n {labelOverflow === 'truncate' ? <SimpleTruncatedTooltipText value={label} placement=\"bottom-start\" /> : label}\n </StyledLabel>\n <Grid mt=\"xxxs\" pr=\"xxs2\" data-testid=\"leftnav-right-component\">\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,qBAAiB;AACjB,uCAA2C;AAC3C,8BAA6B;AAE7B,oBAA4B;AAG5B,MAAM,uBAAuB,CAAC,eAAwB,CAAC,UACrD;AAAA,gCAC8B,aAAa,MAAM,OAAO,MAAM,OAAO;AAAA;AAAA;AAAA,kCAGrC,aAAa,MAAM,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,kCAI1D,MAAM,OAAO,MAAM;AAAA;AAAA;AAI9C,MAAM,WAAW,CAAC,UAAuC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,OAAO,gBAAgB,iBAAiB,eAAe,kBAAkB;AAAA,MACrF,qBAAqB,MAAM;AAAA,IAC7B;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,cAAc,EAAE,eAAe,sBAAsB,WAAW;AAAA,MAChE;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAEJ,QAAM,gBAAgB,qBAAqB;AAE3C,QAAM,aAAa,iBAAiB,QAAQ,mBAAmB;AAE/D,QAAM,kBAAc;AAAA,IAClB,CAAC,WAAW,CAAC,UAAe,CAAC,SAAS,qBAAqB,UAAU,EAAE,KAAK,IAAI;AAAA,IAChF,CAAC,YAAY,UAAU;AAAA,EACzB;AAEA,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,UAAU;AAAA,QACR,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,QAC/C,UAAU;AAAA,QACV,GAAG,KAAK;AAAA,QACR,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,KAEA,6BAAAA,QAAA,cAAC,eAAAC,SAAA;AAAA,IAAK,MAAM,CAAC,MAAM;AAAA,IAAG,QAAO;AAAA,IAAM,IAAI;AAAA,IAAG,cAAa;AAAA,IAAS,eAAY;AAAA,KAC1E,6BAAAD,QAAA,cAAC;AAAA,IAAmB;AAAA,IAAY;AAAA,GAAU,CAC5C,GACA,6BAAAA,QAAA,cAAC;AAAA,IACC,IAAG;AAAA,IACH,IAAG;AAAA,IACH,IAAG;AAAA,IACH,eAAa,mBAAmB;AAAA,IAChC;AAAA,KAEC,kBAAkB,aAAa,6BAAAA,QAAA,cAAC;AAAA,IAA2B,OAAO;AAAA,IAAO,WAAU;AAAA,GAAe,IAAK,KAC1G,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA;AAAA,IAAK,IAAG;AAAA,IAAO,IAAG;AAAA,IAAO,eAAY;AAAA,KACnC,kBAAkB,6BAAAD,QAAA,cAAC;AAAA,IAAe;AAAA,IAAU;AAAA,GAAY,CAC3D,CACF;AAEJ;",
6
- "names": ["React", "Grid"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,mBAAmC;AACnC,qBAAiB;AACjB,uCAA2C;AAC3C,8BAA6B;AAE7B,oBAA4B;AAG5B,MAAM,uBAAuB,CAAC,eAAwB,CAAC,UACrD;AAAA,gCAC8B,aAAa,MAAM,OAAO,MAAM,OAAO;AAAA;AAAA;AAAA,kCAGrC,aAAa,MAAM,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA,kCAI1D,MAAM,OAAO,MAAM;AAAA;AAAA;AAI9C,MAAM,WAAW,CAAC,UAAuC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ;AAAA,MACA,UAAU,EAAE,OAAO,gBAAgB,iBAAiB,eAAe,kBAAkB;AAAA,MACrF,qBAAqB,MAAM;AAAA,IAC7B;AAAA,IACA;AAAA,IACA,KAAK;AAAA,MACH,cAAc,EAAE,eAAe,sBAAsB,WAAW;AAAA,MAChE;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAEJ,QAAM,gBAAgB,qBAAqB;AAE3C,QAAM,aAAa,iBAAiB,QAAQ,mBAAmB;AAE/D,QAAM,kBAAc;AAAA,IAClB,CAAC,WAAW,CAAC,UAAe,CAAC,SAAS,qBAAqB,UAAU,EAAE,KAAK,IAAI;AAAA,IAChF,CAAC,YAAY,UAAU;AAAA,EACzB;AAEA,SACE,6CAAC;AAAA,IACC,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,UAAU;AAAA,QACR,WAAW,OAAO,UAAU,WAAW,QAAQ;AAAA,QAC/C,UAAU;AAAA,QACV,GAAG,KAAK;AAAA,QACR,YAAY;AAAA,MACd;AAAA,IACF;AAAA,IACA;AAAA,IAEA;AAAA,kDAAC,eAAAA,SAAA;AAAA,QAAK,MAAM,CAAC,MAAM;AAAA,QAAG,QAAO;AAAA,QAAM,IAAI;AAAA,QAAG,cAAa;AAAA,QAAS,eAAY;AAAA,QAC1E,sDAAC;AAAA,UAAmB;AAAA,UAAY;AAAA,SAAU;AAAA,OAC5C;AAAA,MACA,4CAAC;AAAA,QACC,IAAG;AAAA,QACH,IAAG;AAAA,QACH,IAAG;AAAA,QACH,eAAa,mBAAmB;AAAA,QAChC;AAAA,QAEC,4BAAkB,aAAa,4CAAC;AAAA,UAA2B,OAAO;AAAA,UAAO,WAAU;AAAA,SAAe,IAAK;AAAA,OAC1G;AAAA,MACA,4CAAC,eAAAA,SAAA;AAAA,QAAK,IAAG;AAAA,QAAO,IAAG;AAAA,QAAO,eAAY;AAAA,QACnC,4BAAkB,4CAAC;AAAA,UAAe;AAAA,UAAU;AAAA,SAAY;AAAA,OAC3D;AAAA;AAAA,GACF;AAEJ;",
6
+ "names": ["Grid"]
7
7
  }
package/dist/cjs/outOfTheBox/ItemSection/index.js CHANGED
@@ -28,7 +28,7 @@ __export(ItemSection_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(ItemSection_exports);
30
30
  var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
32
  var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
33
33
  var import_exported_related = require("../../exported-related/index");
34
34
  var import_styled = require("./styled");
@@ -41,36 +41,50 @@ const ItemSection = (props) => {
41
41
  ctx,
42
42
  ctx: { setFocusedItem }
43
43
  } = props;
44
- return /* @__PURE__ */ import_react.default.createElement(import_exported_related.ItemRenderer, {
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_exported_related.ItemRenderer, {
45
45
  item: {
46
46
  ...item,
47
47
  itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },
48
48
  CollapsedComponent: null
49
49
  },
50
50
  minHeight: "32px",
51
- paddingTop: "8px"
52
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
53
- cols: ["min-content", "auto", "min-content", "auto"],
54
- pl: "xxs",
55
- alignItems: "center"
56
- }, LeftComponent ? /* @__PURE__ */ import_react.default.createElement(LeftComponent, {
57
- ctx,
58
- item
59
- }) : /* @__PURE__ */ import_react.default.createElement("div", null), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabel, {
60
- "data-testid": labelDataTestId || "leftnav-section-item-label"
61
- }, label), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledVerticalSeparator, null), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledRightLabel, null, labelRightSection)), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
62
- ml: "auto",
63
- onFocus: (e) => {
64
- setFocusedItem(null);
65
- e.stopPropagation();
66
- },
67
- onKeyDown: (e) => e.stopPropagation(),
68
- pr: "xxs2",
69
- alignItems: "center",
70
- "data-testid": "leftnav-right-component"
71
- }, RightComponent && /* @__PURE__ */ import_react.default.createElement(RightComponent, {
72
- ctx,
73
- item
74
- })));
51
+ paddingTop: "8px",
52
+ children: [
53
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, {
54
+ cols: ["min-content", "auto", "min-content", "auto"],
55
+ pl: "xxs",
56
+ alignItems: "center",
57
+ children: [
58
+ LeftComponent ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LeftComponent, {
59
+ ctx,
60
+ item
61
+ }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
62
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLabel, {
63
+ "data-testid": labelDataTestId || "leftnav-section-item-label",
64
+ children: label
65
+ }),
66
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledVerticalSeparator, {}),
67
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledRightLabel, {
68
+ children: labelRightSection
69
+ })
70
+ ]
71
+ }),
72
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
73
+ ml: "auto",
74
+ onFocus: (e) => {
75
+ setFocusedItem(null);
76
+ e.stopPropagation();
77
+ },
78
+ onKeyDown: (e) => e.stopPropagation(),
79
+ pr: "xxs2",
80
+ alignItems: "center",
81
+ "data-testid": "leftnav-right-component",
82
+ children: RightComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightComponent, {
83
+ ctx,
84
+ item
85
+ })
86
+ })
87
+ ]
88
+ });
75
89
  };
76
90
  //# sourceMappingURL=index.js.map
package/dist/cjs/outOfTheBox/ItemSection/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/outOfTheBox/ItemSection/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport Grid from '@elliemae/ds-grid';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\nimport { StyledLabel, StyledRightLabel, StyledVerticalSeparator } from './styled';\n\nexport const ItemSection = (props: ComponentProps): JSX.Element => {\n const {\n item,\n item: {\n itemOpts: { label, LeftComponent, RightComponent, labelRightSection, labelDataTestId },\n },\n ctx,\n ctx: { setFocusedItem },\n } = props;\n\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: { ...item.itemOpts, selectable: false, focuseable: false },\n CollapsedComponent: null,\n }}\n minHeight=\"32px\"\n paddingTop=\"8px\"\n >\n <Grid cols={['min-content', 'auto', 'min-content', 'auto']} pl=\"xxs\" alignItems=\"center\">\n {LeftComponent ? <LeftComponent ctx={ctx} item={item} /> : <div />}\n <StyledLabel data-testid={labelDataTestId || 'leftnav-section-item-label'}>{label}</StyledLabel>\n <StyledVerticalSeparator />\n <StyledRightLabel>{labelRightSection}</StyledRightLabel>\n </Grid>\n <Grid\n ml=\"auto\"\n onFocus={(e) => {\n setFocusedItem(null);\n e.stopPropagation();\n }}\n onKeyDown={(e) => e.stopPropagation()}\n pr=\"xxs2\"\n alignItems=\"center\"\n data-testid=\"leftnav-right-component\"\n >\n {RightComponent && <RightComponent ctx={ctx} item={item} />}\n </Grid>\n </ItemRenderer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,qBAAiB;AACjB,8BAA6B;AAE7B,oBAAuE;AAEhE,MAAM,cAAc,CAAC,UAAuC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,UAAU,EAAE,OAAO,eAAe,gBAAgB,mBAAmB,gBAAgB;AAAA,IACvF;AAAA,IACA;AAAA,IACA,KAAK,EAAE,eAAe;AAAA,EACxB,IAAI;AAEJ,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,UAAU,EAAE,GAAG,KAAK,UAAU,YAAY,OAAO,YAAY,MAAM;AAAA,MACnE,oBAAoB;AAAA,IACtB;AAAA,IACA,WAAU;AAAA,IACV,YAAW;AAAA,KAEX,6BAAAA,QAAA,cAAC,eAAAC,SAAA;AAAA,IAAK,MAAM,CAAC,eAAe,QAAQ,eAAe,MAAM;AAAA,IAAG,IAAG;AAAA,IAAM,YAAW;AAAA,KAC7E,gBAAgB,6BAAAD,QAAA,cAAC;AAAA,IAAc;AAAA,IAAU;AAAA,GAAY,IAAK,6BAAAA,QAAA,cAAC,WAAI,GAChE,6BAAAA,QAAA,cAAC;AAAA,IAAY,eAAa,mBAAmB;AAAA,KAA+B,KAAM,GAClF,6BAAAA,QAAA,cAAC,2CAAwB,GACzB,6BAAAA,QAAA,cAAC,sCAAkB,iBAAkB,CACvC,GACA,6BAAAA,QAAA,cAAC,eAAAC,SAAA;AAAA,IACC,IAAG;AAAA,IACH,SAAS,CAAC,MAAM;AACd,qBAAe,IAAI;AACnB,QAAE,gBAAgB;AAAA,IACpB;AAAA,IACA,WAAW,CAAC,MAAM,EAAE,gBAAgB;AAAA,IACpC,IAAG;AAAA,IACH,YAAW;AAAA,IACX,eAAY;AAAA,KAEX,kBAAkB,6BAAAD,QAAA,cAAC;AAAA,IAAe;AAAA,IAAU;AAAA,GAAY,CAC3D,CACF;AAEJ;",
6
- "names": ["React", "Grid"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,qBAAiB;AACjB,8BAA6B;AAE7B,oBAAuE;AAEhE,MAAM,cAAc,CAAC,UAAuC;AACjE,QAAM;AAAA,IACJ;AAAA,IACA,MAAM;AAAA,MACJ,UAAU,EAAE,OAAO,eAAe,gBAAgB,mBAAmB,gBAAgB;AAAA,IACvF;AAAA,IACA;AAAA,IACA,KAAK,EAAE,eAAe;AAAA,EACxB,IAAI;AAEJ,SACE,6CAAC;AAAA,IACC,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,UAAU,EAAE,GAAG,KAAK,UAAU,YAAY,OAAO,YAAY,MAAM;AAAA,MACnE,oBAAoB;AAAA,IACtB;AAAA,IACA,WAAU;AAAA,IACV,YAAW;AAAA,IAEX;AAAA,mDAAC,eAAAA,SAAA;AAAA,QAAK,MAAM,CAAC,eAAe,QAAQ,eAAe,MAAM;AAAA,QAAG,IAAG;AAAA,QAAM,YAAW;AAAA,QAC7E;AAAA,0BAAgB,4CAAC;AAAA,YAAc;AAAA,YAAU;AAAA,WAAY,IAAK,4CAAC,SAAI;AAAA,UAChE,4CAAC;AAAA,YAAY,eAAa,mBAAmB;AAAA,YAA+B;AAAA,WAAM;AAAA,UAClF,4CAAC,yCAAwB;AAAA,UACzB,4CAAC;AAAA,YAAkB;AAAA,WAAkB;AAAA;AAAA,OACvC;AAAA,MACA,4CAAC,eAAAA,SAAA;AAAA,QACC,IAAG;AAAA,QACH,SAAS,CAAC,MAAM;AACd,yBAAe,IAAI;AACnB,YAAE,gBAAgB;AAAA,QACpB;AAAA,QACA,WAAW,CAAC,MAAM,EAAE,gBAAgB;AAAA,QACpC,IAAG;AAAA,QACH,YAAW;AAAA,QACX,eAAY;AAAA,QAEX,4BAAkB,4CAAC;AAAA,UAAe;AAAA,UAAU;AAAA,SAAY;AAAA,OAC3D;AAAA;AAAA,GACF;AAEJ;",
6
+ "names": ["Grid"]
7
7
  }
package/dist/cjs/outOfTheBox/ItemSeparator/index.js CHANGED
@@ -28,7 +28,7 @@ __export(ItemSeparator_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(ItemSeparator_exports);
30
30
  var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
32
  var import_ds_system = require("@elliemae/ds-system");
33
33
  var import_exported_related = require("../../exported-related/index");
34
34
  const StyledSeparator = import_ds_system.styled.div`
@@ -41,7 +41,7 @@ const StyledSeparator = import_ds_system.styled.div`
41
41
  `;
42
42
  const ItemSeparator = (props) => {
43
43
  const { item } = props;
44
- return /* @__PURE__ */ import_react.default.createElement(import_exported_related.ItemRenderer, {
44
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_exported_related.ItemRenderer, {
45
45
  item: {
46
46
  ...item,
47
47
  itemOpts: {
@@ -52,9 +52,10 @@ const ItemSeparator = (props) => {
52
52
  CollapsedComponent: null
53
53
  },
54
54
  minHeight: "1px",
55
- paddingTop: "0px"
56
- }, /* @__PURE__ */ import_react.default.createElement(StyledSeparator, {
57
- "data-testid": "leftnav-separator-subitem"
58
- }));
55
+ paddingTop: "0px",
56
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSeparator, {
57
+ "data-testid": "leftnav-separator-subitem"
58
+ })
59
+ });
59
60
  };
60
61
  //# sourceMappingURL=index.js.map
package/dist/cjs/outOfTheBox/ItemSeparator/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/outOfTheBox/ItemSeparator/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { ItemRenderer } from '../../exported-related/index';\nimport type { ComponentProps } from '../../index.d';\n\nconst StyledSeparator = styled.div`\n height: 1px;\n background-color: ${(props) => props.theme.colors.neutral[100]};\n width: auto;\n margin: ${(props) => props.theme.space.xxxs} 0;\n margin-left: ${(props) => props.theme.space.xxxs};\n grid-column: span 3;\n`;\n\nexport const ItemSeparator = (props: ComponentProps): JSX.Element => {\n const { item } = props;\n return (\n <ItemRenderer\n item={{\n ...item,\n itemOpts: {\n ...item.itemOpts,\n selectable: false,\n focuseable: false,\n },\n CollapsedComponent: null,\n }}\n minHeight=\"1px\"\n paddingTop=\"0px\"\n >\n <StyledSeparator data-testid=\"leftnav-separator-subitem\" />\n </ItemRenderer>\n );\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAuB;AACvB,8BAA6B;AAG7B,MAAM,kBAAkB,wBAAO;AAAA;AAAA,sBAET,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAIvC,MAAM,gBAAgB,CAAC,UAAuC;AACnE,QAAM,EAAE,KAAK,IAAI;AACjB,SACE,6BAAAA,QAAA,cAAC;AAAA,IACC,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,UAAU;AAAA,QACR,GAAG,KAAK;AAAA,QACR,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MACA,oBAAoB;AAAA,IACtB;AAAA,IACA,WAAU;AAAA,IACV,YAAW;AAAA,KAEX,6BAAAA,QAAA,cAAC;AAAA,IAAgB,eAAY;AAAA,GAA4B,CAC3D;AAEJ;",
6
- "names": ["React"]
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AACA,uBAAuB;AACvB,8BAA6B;AAG7B,MAAM,kBAAkB,wBAAO;AAAA;AAAA,sBAET,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,YAEhD,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,iBACxB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAIvC,MAAM,gBAAgB,CAAC,UAAuC;AACnE,QAAM,EAAE,KAAK,IAAI;AACjB,SACE,4CAAC;AAAA,IACC,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,UAAU;AAAA,QACR,GAAG,KAAK;AAAA,QACR,YAAY;AAAA,QACZ,YAAY;AAAA,MACd;AAAA,MACA,oBAAoB;AAAA,IACtB;AAAA,IACA,WAAU;AAAA,IACV,YAAW;AAAA,IAEX,sDAAC;AAAA,MAAgB,eAAY;AAAA,KAA4B;AAAA,GAC3D;AAEJ;",
6
+ "names": []
7
7
  }
package/dist/cjs/outOfTheBox/ItemSubmenu/index.js CHANGED
@@ -28,7 +28,8 @@ __export(ItemSubmenu_exports, {
28
28
  });
29
29
  module.exports = __toCommonJS(ItemSubmenu_exports);
30
30
  var React = __toESM(require("react"));
31
- var import_react = __toESM(require("react"));
31
+ var import_jsx_runtime = require("react/jsx-runtime");
32
+ var import_react = require("react");
32
33
  var import_ds_grid = __toESM(require("@elliemae/ds-grid"));
33
34
  var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
34
35
  var import_exported_related = require("../../exported-related/index");
@@ -70,7 +71,7 @@ const ItemSubmenu = (props) => {
70
71
  [dsId, isSelected, openedItem, selectedParent]
71
72
  );
72
73
  const ariaLabel = item.itemOpts.ariaLabel ?? (typeof label === "string" ? label : "menuitem");
73
- return /* @__PURE__ */ import_react.default.createElement(import_exported_related.ItemRenderer, {
74
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_exported_related.ItemRenderer, {
74
75
  item: {
75
76
  ...item,
76
77
  itemOpts: {
@@ -84,66 +85,79 @@ const ItemSubmenu = (props) => {
84
85
  },
85
86
  shadowStyle,
86
87
  hasBorderBottom: opened,
87
- borderBottomMr: "12px"
88
- }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
89
- cols: opened ? ["auto", "auto"] : ["38px"],
90
- gutter: "1px",
91
- pl: opened ? "xxs" : 0,
92
- justifyItems: "center",
93
- "data-testid": "leftnav-leftcomponent"
94
- }, opened && /* @__PURE__ */ import_react.default.createElement(import_styled.StyledChevronLeft, {
95
- size: "m",
96
- color: ["brand-primary", 800],
97
- onClick: (e) => {
98
- onItemClick(item, e);
99
- },
100
- "data-testid": "leftnav-leftcomponent-chevron",
101
- tabIndex: 0,
102
- onFocus: (e) => {
103
- e.stopPropagation();
104
- setFocusedItem(import_constants.CHEVRON_BACK_DS_ID);
105
- },
106
- role: "button",
107
- "aria-label": `Close ${ariaLabel}`
108
- }), /* @__PURE__ */ import_react.default.createElement(CollapsedComponent, {
109
- item,
110
- ctx
111
- })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabel, {
112
- ml: opened ? "xxs" : "1px",
113
- mt: "xxxs",
114
- mb: "15px",
115
- "data-testid": labelDataTestId || "leftnav-itemlabel",
116
- labelOverflow
117
- }, labelOverflow === "truncate" ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
118
- value: label,
119
- placement: "bottom-start"
120
- }) : label), /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
121
- pl: "xs",
122
- pr: opened ? "xxs2" : "xxs",
123
- onFocus: (e) => {
124
- e.stopPropagation();
125
- setFocusedItem(null);
126
- },
127
- onKeyDown: (e) => e.stopPropagation(),
128
- onClick: (e) => openedItem === dsId && e.stopPropagation(),
129
- "data-testid": "leftnav-right-component"
130
- }, RightComponent && /* @__PURE__ */ import_react.default.createElement(RightComponent, {
131
- ctx,
132
- item
133
- })), BottomComponent && /* @__PURE__ */ import_react.default.createElement(import_ds_grid.default, {
134
- style: { gridColumn: "span 3" },
135
- pb: "xxxs",
136
- pl: "xxs",
137
- pr: "xxs",
138
- onFocus: (e) => {
139
- e.stopPropagation();
140
- setFocusedItem(null);
141
- },
142
- onKeyDown: (e) => e.stopPropagation(),
143
- onClick: (e) => openedItem && e.stopPropagation()
144
- }, /* @__PURE__ */ import_react.default.createElement(BottomComponent, {
145
- ctx,
146
- item
147
- })));
88
+ borderBottomMr: "12px",
89
+ children: [
90
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_grid.default, {
91
+ cols: opened ? ["auto", "auto"] : ["38px"],
92
+ gutter: "1px",
93
+ pl: opened ? "xxs" : 0,
94
+ justifyItems: "center",
95
+ "data-testid": "leftnav-leftcomponent",
96
+ children: [
97
+ opened && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChevronLeft, {
98
+ size: "m",
99
+ color: ["brand-primary", 800],
100
+ onClick: (e) => {
101
+ onItemClick(item, e);
102
+ },
103
+ "data-testid": "leftnav-leftcomponent-chevron",
104
+ tabIndex: 0,
105
+ onFocus: (e) => {
106
+ e.stopPropagation();
107
+ setFocusedItem(import_constants.CHEVRON_BACK_DS_ID);
108
+ },
109
+ role: "button",
110
+ "aria-label": `Close ${ariaLabel}`
111
+ }),
112
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CollapsedComponent, {
113
+ item,
114
+ ctx
115
+ })
116
+ ]
117
+ }),
118
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledLabel, {
119
+ ml: opened ? "xxs" : "1px",
120
+ mt: "xxxs",
121
+ mb: "15px",
122
+ "data-testid": labelDataTestId || "leftnav-itemlabel",
123
+ labelOverflow,
124
+ children: labelOverflow === "truncate" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
125
+ value: label,
126
+ placement: "bottom-start"
127
+ }) : label
128
+ }),
129
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
130
+ pl: "xs",
131
+ pr: opened ? "xxs2" : "xxs",
132
+ onFocus: (e) => {
133
+ e.stopPropagation();
134
+ setFocusedItem(null);
135
+ },
136
+ onKeyDown: (e) => e.stopPropagation(),
137
+ onClick: (e) => openedItem === dsId && e.stopPropagation(),
138
+ "data-testid": "leftnav-right-component",
139
+ children: RightComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RightComponent, {
140
+ ctx,
141
+ item
142
+ })
143
+ }),
144
+ BottomComponent && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.default, {
145
+ style: { gridColumn: "span 3" },
146
+ pb: "xxxs",
147
+ pl: "xxs",
148
+ pr: "xxs",
149
+ onFocus: (e) => {
150
+ e.stopPropagation();
151
+ setFocusedItem(null);
152
+ },
153
+ onKeyDown: (e) => e.stopPropagation(),
154
+ onClick: (e) => openedItem && e.stopPropagation(),
155
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BottomComponent, {
156
+ ctx,
157
+ item
158
+ })
159
+ })
160
+ ]
161
+ });
148
162
  };
149
163
  //# sourceMappingURL=index.js.map