@decisiv/ui-components 2.0.1-alpha.8 → 2.0.1-alpha.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/atoms/BaseButton/index.d.ts.map +1 -1
- package/lib/atoms/BaseButton/index.js +1 -1
- package/lib/atoms/BooleanInput/index.d.ts.map +1 -1
- package/lib/atoms/BooleanInput/index.js +19 -2
- package/lib/atoms/BooleanInput/index.test.js +17 -6
- package/lib/atoms/BooleanInput/types.d.ts +2 -0
- package/lib/atoms/BooleanInput/types.d.ts.map +1 -1
- package/lib/atoms/Calendar/hooks/useCalendar/index.d.ts.map +1 -1
- package/lib/atoms/Calendar/hooks/useCalendar/index.js +2 -1
- package/lib/atoms/Calendar/hooks/useCalendar/index.test.js +5 -6
- package/lib/atoms/Calendar/index.d.ts.map +1 -1
- package/lib/atoms/Calendar/index.js +8 -1
- package/lib/atoms/Calendar/index.test.js +70 -40
- package/lib/atoms/InputField/Containers.d.ts +10 -6
- package/lib/atoms/InputField/Containers.d.ts.map +1 -1
- package/lib/atoms/InputField/Containers.js +6 -6
- package/lib/atoms/InputField/InputLabel.d.ts +1 -0
- package/lib/atoms/InputField/InputLabel.d.ts.map +1 -1
- package/lib/atoms/InputField/InputLabel.js +2 -1
- package/lib/atoms/InputField/index.d.ts +4 -0
- package/lib/atoms/InputField/index.d.ts.map +1 -1
- package/lib/atoms/InputField/index.js +18 -7
- package/lib/atoms/InputField/index.test.js +91 -0
- package/lib/atoms/InputField/schema.d.ts.map +1 -1
- package/lib/atoms/InputField/schema.js +1 -0
- package/lib/atoms/OptionsList/Category.d.ts +1 -1
- package/lib/atoms/OptionsList/Category.d.ts.map +1 -1
- package/lib/atoms/OptionsList/Category.js +4 -2
- package/lib/atoms/OptionsList/Footer.d.ts +8 -0
- package/lib/atoms/OptionsList/Footer.d.ts.map +1 -0
- package/lib/atoms/OptionsList/Footer.js +72 -0
- package/lib/atoms/OptionsList/Option.d.ts.map +1 -1
- package/lib/atoms/OptionsList/Option.js +8 -5
- package/lib/atoms/OptionsList/index.d.ts.map +1 -1
- package/lib/atoms/OptionsList/index.js +43 -16
- package/lib/atoms/OptionsList/index.test.js +107 -11
- package/lib/atoms/OptionsList/schema.d.ts.map +1 -1
- package/lib/atoms/OptionsList/schema.js +4 -0
- package/lib/atoms/OptionsList/types.d.ts +14 -0
- package/lib/atoms/OptionsList/types.d.ts.map +1 -1
- package/lib/atoms/RequiredIcon.d.ts +9 -0
- package/lib/atoms/RequiredIcon.d.ts.map +1 -0
- package/lib/atoms/{InputField/RequiredIcon.js → RequiredIcon.js} +7 -3
- package/lib/components/Button/schema.d.ts +6 -1
- package/lib/components/Button/schema.d.ts.map +1 -1
- package/lib/components/Button/schema.js +9 -4
- package/lib/components/Checkbox/index.d.ts.map +1 -1
- package/lib/components/Checkbox/index.js +3 -1
- package/lib/components/Checkbox/schema.d.ts.map +1 -1
- package/lib/components/Checkbox/schema.js +2 -0
- package/lib/components/Combobox/Target.d.ts.map +1 -1
- package/lib/components/Combobox/Target.js +45 -14
- package/lib/components/Combobox/index.d.ts.map +1 -1
- package/lib/components/Combobox/index.js +182 -64
- package/lib/components/Combobox/index.test.js +358 -135
- package/lib/components/Combobox/schema.d.ts.map +1 -1
- package/lib/components/Combobox/schema.js +9 -2
- package/lib/components/Combobox/types.d.ts +12 -3
- package/lib/components/Combobox/types.d.ts.map +1 -1
- package/lib/components/DropdownList/index.d.ts +4 -0
- package/lib/components/DropdownList/index.d.ts.map +1 -1
- package/lib/components/DropdownList/index.js +76 -11
- package/lib/components/DropdownList/propTypes.d.ts +4 -0
- package/lib/components/DropdownList/propTypes.d.ts.map +1 -0
- package/lib/components/DropdownList/propTypes.js +42 -0
- package/lib/components/DropdownList/schema.d.ts.map +1 -1
- package/lib/components/DropdownList/schema.js +5 -0
- package/lib/components/DropdownList/types.d.ts +4 -1
- package/lib/components/DropdownList/types.d.ts.map +1 -1
- package/lib/components/Filter/IconWrapper/index.d.ts +197 -0
- package/lib/components/Filter/IconWrapper/index.d.ts.map +1 -0
- package/lib/components/Filter/IconWrapper/index.js +35 -0
- package/lib/components/Filter/SimplePrimary/index.d.ts +31 -0
- package/lib/components/Filter/SimplePrimary/index.d.ts.map +1 -0
- package/lib/components/Filter/SimplePrimary/index.js +58 -0
- package/lib/components/Filter/SimplePrimary/index.test.js +34 -0
- package/lib/components/Filter/StyledFilter.d.ts +4 -0
- package/lib/components/Filter/StyledFilter.d.ts.map +1 -0
- package/lib/components/Filter/StyledFilter.js +39 -0
- package/lib/components/Filter/StyledLabel/index.d.ts +8 -0
- package/lib/components/Filter/StyledLabel/index.d.ts.map +1 -0
- package/lib/components/Filter/StyledLabel/index.js +30 -0
- package/lib/components/Filter/index.d.ts +27 -0
- package/lib/components/Filter/index.d.ts.map +1 -0
- package/lib/components/Filter/index.js +95 -0
- package/lib/components/Filter/index.test.js +41 -0
- package/lib/components/Filter/kind.d.ts +6 -0
- package/lib/components/Filter/kind.d.ts.map +1 -0
- package/lib/components/Filter/kind.js +45 -0
- package/lib/components/Filter/schema.d.ts +9 -0
- package/lib/components/Filter/schema.d.ts.map +1 -0
- package/lib/components/Filter/schema.js +32 -0
- package/lib/components/Filter/types.d.ts +17 -0
- package/lib/components/Filter/types.d.ts.map +1 -0
- package/lib/components/Filter/types.js +1 -0
- package/lib/components/LeftNav/Item/ClickArea.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/ClickArea.js +2 -2
- package/lib/components/LeftNav/Item/ItemWrapper.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/ItemWrapper.js +3 -3
- package/lib/components/LeftNav/Item/MenuItemWrapper.d.ts +7 -0
- package/lib/components/LeftNav/Item/MenuItemWrapper.d.ts.map +1 -0
- package/lib/components/LeftNav/Item/MenuItemWrapper.js +20 -0
- package/lib/components/LeftNav/Item/NavCollapsedXItem/index.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/NavCollapsedXItem/index.js +7 -5
- package/lib/components/LeftNav/Item/NavExpandedItem/index.d.ts.map +1 -1
- package/lib/components/LeftNav/Item/NavExpandedItem/index.js +24 -13
- package/lib/components/LeftNav/Item/types.d.ts +1 -1
- package/lib/components/LeftNav/Item/types.d.ts.map +1 -1
- package/lib/components/LeftNav/index.test.js +13 -3
- package/lib/components/LeftNav/schema.d.ts.map +1 -1
- package/lib/components/LeftNav/schema.js +2 -0
- package/lib/components/LeftNav/types.d.ts +1 -0
- package/lib/components/LeftNav/types.d.ts.map +1 -1
- package/lib/components/Menu/index.d.ts.map +1 -1
- package/lib/components/Menu/index.js +3 -1
- package/lib/components/Menu/types.d.ts +2 -0
- package/lib/components/Menu/types.d.ts.map +1 -1
- package/lib/components/Modal/components.d.ts +2 -2
- package/lib/components/Modal/index.d.ts.map +1 -1
- package/lib/components/Modal/index.js +5 -5
- package/lib/components/Modal/index.test.js +32 -0
- package/lib/components/Modal/schema.d.ts.map +1 -1
- package/lib/components/Modal/schema.js +2 -2
- package/lib/components/Modal/types.d.ts +2 -2
- package/lib/components/Modal/types.d.ts.map +1 -1
- package/lib/components/Notifications/Notification/components.d.ts +3 -3
- package/lib/components/Notifications/Notification/components.d.ts.map +1 -1
- package/lib/components/Notifications/Notification/components.js +12 -6
- package/lib/components/Notifications/Notification/index.d.ts +3 -6
- package/lib/components/Notifications/Notification/index.d.ts.map +1 -1
- package/lib/components/Notifications/Notification/index.js +19 -12
- package/lib/components/Notifications/Notification/index.test.js +38 -19
- package/lib/components/Notifications/NotificationsPanel/index.d.ts +2 -1
- package/lib/components/Notifications/NotificationsPanel/index.d.ts.map +1 -1
- package/lib/components/Notifications/NotificationsPanel/index.js +44 -21
- package/lib/components/Notifications/NotificationsPanel/schema.js +1 -1
- package/lib/components/Notifications/Notifier.test.js +79 -10
- package/lib/components/Notifications/constants.d.ts +2 -0
- package/lib/components/Notifications/constants.d.ts.map +1 -0
- package/lib/components/Notifications/constants.js +16 -0
- package/lib/components/Notifications/schema.d.ts.map +1 -1
- package/lib/components/Notifications/schema.js +2 -1
- package/lib/components/Notifications/useNotifications.d.ts +1 -0
- package/lib/components/Notifications/useNotifications.d.ts.map +1 -1
- package/lib/components/Notifications/useNotifications.js +3 -3
- package/lib/components/Notifications/useNotifications.test.js +7 -4
- package/lib/components/Pagination/Pagination.d.ts +1 -1
- package/lib/components/Pagination/Pagination.d.ts.map +1 -1
- package/lib/components/Pagination/Pagination.js +1 -0
- package/lib/components/Pagination/Pagination.test.js +9 -0
- package/lib/components/Popover/utils.d.ts +1 -1
- package/lib/components/Select/Target.js +1 -1
- package/lib/components/Select/index.d.ts.map +1 -1
- package/lib/components/Select/index.js +20 -1
- package/lib/components/Select/index.test.js +31 -9
- package/lib/components/Select/schema.d.ts.map +1 -1
- package/lib/components/Select/schema.js +5 -0
- package/lib/components/Select/types.d.ts +2 -1
- package/lib/components/Select/types.d.ts.map +1 -1
- package/lib/components/SelectDate/Target.js +1 -1
- package/lib/components/SelectDate/index.test.js +71 -51
- package/lib/components/SelectDateRange/index.test.js +78 -58
- package/lib/components/SelectMenu/index.d.ts +5 -0
- package/lib/components/SelectMenu/index.d.ts.map +1 -1
- package/lib/components/SelectMenu/index.js +27 -3
- package/lib/components/SelectMenu/schema.d.ts.map +1 -1
- package/lib/components/SelectMenu/schema.js +4 -0
- package/lib/components/Table/Body.d.ts.map +1 -1
- package/lib/components/Table/Body.js +182 -38
- package/lib/components/Table/Container.d.ts.map +1 -1
- package/lib/components/Table/Container.js +2 -2
- package/lib/components/Table/DataRow.d.ts.map +1 -1
- package/lib/components/Table/DataRow.js +43 -16
- package/lib/components/Table/DraggableWrapper.d.ts +5 -0
- package/lib/components/Table/DraggableWrapper.d.ts.map +1 -0
- package/lib/components/Table/DraggableWrapper.js +38 -0
- package/lib/components/Table/Grip.d.ts +4 -0
- package/lib/components/Table/Grip.d.ts.map +1 -0
- package/lib/components/Table/Grip.js +30 -0
- package/lib/components/Table/Head.d.ts +1 -1
- package/lib/components/Table/Head.d.ts.map +1 -1
- package/lib/components/Table/Head.js +11 -5
- package/lib/components/Table/HeaderCell/index.d.ts.map +1 -1
- package/lib/components/Table/HeaderCell/index.js +22 -8
- package/lib/components/Table/HeaderCell/types.d.ts +6 -1
- package/lib/components/Table/HeaderCell/types.d.ts.map +1 -1
- package/lib/components/Table/Provider.d.ts +13 -4
- package/lib/components/Table/Provider.d.ts.map +1 -1
- package/lib/components/Table/Provider.js +45 -5
- package/lib/components/Table/index.d.ts.map +1 -1
- package/lib/components/Table/index.js +112 -18
- package/lib/components/Table/index.test.js +330 -84
- package/lib/components/Table/schema.columns.d.ts.map +1 -1
- package/lib/components/Table/schema.columns.js +6 -4
- package/lib/components/Table/schema.d.ts.map +1 -1
- package/lib/components/Table/schema.js +8 -6
- package/lib/components/Table/types.d.ts +34 -4
- package/lib/components/Table/types.d.ts.map +1 -1
- package/lib/components/Table/utils.d.ts +2 -8
- package/lib/components/Table/utils.d.ts.map +1 -1
- package/lib/components/Table/utils.js +21 -20
- package/lib/components/Tag/types.d.ts +1 -1
- package/lib/components/Tag/types.d.ts.map +1 -1
- package/lib/components/TextArea/TextArea.d.ts.map +1 -1
- package/lib/components/TextArea/TextArea.js +1 -1
- package/lib/components/TextArea/index.js +1 -0
- package/lib/components/TextArea/index.test.js +5 -0
- package/lib/components/TextField/Input.js +1 -1
- package/lib/components/TextField/index.test.js +5 -0
- package/lib/components/Toggle/index.d.ts.map +1 -1
- package/lib/components/Toggle/index.js +4 -0
- package/lib/components/Toggle/index.test.js +39 -10
- package/lib/components/TopNav/BrandInfo/index.d.ts +2 -1
- package/lib/components/TopNav/BrandInfo/index.d.ts.map +1 -1
- package/lib/components/TopNav/BrandInfo/index.js +9 -1
- package/lib/components/TopNav/BrandInfo/schema.d.ts.map +1 -1
- package/lib/components/TopNav/BrandInfo/schema.js +4 -1
- package/lib/components/TopNav/index.test.js +28 -0
- package/lib/components/index.d.ts +1 -0
- package/lib/components/index.d.ts.map +1 -1
- package/lib/components/index.js +9 -0
- package/lib/providers/ConfigProvider/index.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/index.js +5 -1
- package/lib/providers/ConfigProvider/utils/context.d.ts +1 -1
- package/lib/providers/ConfigProvider/utils/context.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/utils/normalizer.d.ts.map +1 -1
- package/lib/providers/ConfigProvider/utils/normalizer.js +1 -1
- package/lib/providers/ConfigProvider/utils/translations.d.ts +1 -1
- package/lib/providers/ConfigProvider/utils/translations.js +1 -1
- package/lib/providers/NotificationsProvider/index.d.ts +6 -5
- package/lib/providers/NotificationsProvider/index.d.ts.map +1 -1
- package/lib/providers/NotificationsProvider/index.js +47 -28
- package/lib/providers/NotificationsProvider/types.d.ts +4 -1
- package/lib/providers/NotificationsProvider/types.d.ts.map +1 -1
- package/lib/utils/joinClassnames.d.ts +3 -0
- package/lib/utils/joinClassnames.d.ts.map +1 -0
- package/lib/utils/joinClassnames.js +26 -0
- package/package.json +4 -2
- package/lib/atoms/InputField/RequiredIcon.d.ts +0 -4
- package/lib/atoms/InputField/RequiredIcon.d.ts.map +0 -1
|
@@ -95,16 +95,36 @@ describe('SelectDateRange', function () {
|
|
|
95
95
|
|
|
96
96
|
expect(queryByText(defaultProps.label)).toBeInTheDocument();
|
|
97
97
|
});
|
|
98
|
+
describe('when label is hidden', function () {
|
|
99
|
+
it('does not display the label element', function () {
|
|
100
|
+
var _render2 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
101
|
+
hideLabel: true
|
|
102
|
+
}))),
|
|
103
|
+
getByText = _render2.getByText;
|
|
104
|
+
|
|
105
|
+
expect(getByText(defaultProps.label, {
|
|
106
|
+
selector: 'span'
|
|
107
|
+
})).not.toBeVisible();
|
|
108
|
+
});
|
|
109
|
+
it('does display the input related to the label', function () {
|
|
110
|
+
var _render3 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
111
|
+
hideLabel: true
|
|
112
|
+
}))),
|
|
113
|
+
getByLabelText = _render3.getByLabelText;
|
|
114
|
+
|
|
115
|
+
expect(getByLabelText(defaultProps.label)).toBeVisible();
|
|
116
|
+
});
|
|
117
|
+
});
|
|
98
118
|
it('renders the calendar icon', function () {
|
|
99
119
|
var _rtlRender = (0, _react2.render)(_react.default.createElement(_Calendar.default, null)),
|
|
100
120
|
iconContainer = _rtlRender.container;
|
|
101
121
|
|
|
102
122
|
var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
|
|
103
123
|
|
|
104
|
-
var
|
|
124
|
+
var _render4 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
105
125
|
icon: _Calendar.default
|
|
106
126
|
}))),
|
|
107
|
-
container =
|
|
127
|
+
container = _render4.container; // There will be other icons rendered as well, like the expanded indicator.
|
|
108
128
|
// The Calendar icon should be first in the render tree.
|
|
109
129
|
|
|
110
130
|
|
|
@@ -117,8 +137,8 @@ describe('SelectDateRange', function () {
|
|
|
117
137
|
|
|
118
138
|
var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
|
|
119
139
|
|
|
120
|
-
var
|
|
121
|
-
container =
|
|
140
|
+
var _render5 = render(_react.default.createElement(_.default, defaultProps)),
|
|
141
|
+
container = _render5.container; // With no value rendered and no icon prop provided, the expanded indicator
|
|
122
142
|
// will be first in the render tree.
|
|
123
143
|
|
|
124
144
|
|
|
@@ -132,10 +152,10 @@ describe('SelectDateRange', function () {
|
|
|
132
152
|
|
|
133
153
|
var iconPathD = iconContainer.querySelector('svg path').getAttribute('d');
|
|
134
154
|
|
|
135
|
-
var
|
|
136
|
-
baseElement =
|
|
137
|
-
container =
|
|
138
|
-
getByText =
|
|
155
|
+
var _render6 = render(_react.default.createElement(_.default, defaultProps)),
|
|
156
|
+
baseElement = _render6.baseElement,
|
|
157
|
+
container = _render6.container,
|
|
158
|
+
getByText = _render6.getByText;
|
|
139
159
|
|
|
140
160
|
expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
|
|
141
161
|
var label = getByText(defaultProps.label);
|
|
@@ -149,9 +169,9 @@ describe('SelectDateRange', function () {
|
|
|
149
169
|
});
|
|
150
170
|
describe('when clicking the InputField value button', function () {
|
|
151
171
|
it('opens a popover with the calendar', function () {
|
|
152
|
-
var
|
|
153
|
-
baseElement =
|
|
154
|
-
getByLabelText =
|
|
172
|
+
var _render7 = render(_react.default.createElement(_.default, defaultProps)),
|
|
173
|
+
baseElement = _render7.baseElement,
|
|
174
|
+
getByLabelText = _render7.getByLabelText;
|
|
155
175
|
|
|
156
176
|
expect((0, _react2.queryByText)(baseElement, /today/i)).not.toBeInTheDocument();
|
|
157
177
|
var valueButton = getByLabelText(defaultProps.label);
|
|
@@ -163,9 +183,9 @@ describe('SelectDateRange', function () {
|
|
|
163
183
|
});
|
|
164
184
|
describe('when the calendar popover is open', function () {
|
|
165
185
|
it('renders the calendar', function () {
|
|
166
|
-
var
|
|
167
|
-
baseElement =
|
|
168
|
-
getByText =
|
|
186
|
+
var _render8 = render(_react.default.createElement(_.default, defaultProps)),
|
|
187
|
+
baseElement = _render8.baseElement,
|
|
188
|
+
getByText = _render8.getByText;
|
|
169
189
|
|
|
170
190
|
var today = new Date();
|
|
171
191
|
var lastDateInMonth = new Date(today.getFullYear(), today.getMonth() + 1, 0);
|
|
@@ -209,9 +229,9 @@ describe('SelectDateRange', function () {
|
|
|
209
229
|
}
|
|
210
230
|
});
|
|
211
231
|
it('renders apply, cancel and clear buttons inside the popover', function () {
|
|
212
|
-
var
|
|
213
|
-
baseElement =
|
|
214
|
-
getByLabelText =
|
|
232
|
+
var _render9 = render(_react.default.createElement(_.default, defaultProps)),
|
|
233
|
+
baseElement = _render9.baseElement,
|
|
234
|
+
getByLabelText = _render9.getByLabelText;
|
|
215
235
|
|
|
216
236
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
217
237
|
|
|
@@ -220,10 +240,10 @@ describe('SelectDateRange', function () {
|
|
|
220
240
|
expect((0, _react2.queryByText)(baseElement, /clear/i)).toBeInTheDocument();
|
|
221
241
|
});
|
|
222
242
|
it('enables apply button only when selection is complete', function () {
|
|
223
|
-
var
|
|
224
|
-
baseElement =
|
|
225
|
-
getByLabelText =
|
|
226
|
-
getByText =
|
|
243
|
+
var _render10 = render(_react.default.createElement(_.default, defaultProps)),
|
|
244
|
+
baseElement = _render10.baseElement,
|
|
245
|
+
getByLabelText = _render10.getByLabelText,
|
|
246
|
+
getByText = _render10.getByText;
|
|
227
247
|
|
|
228
248
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
229
249
|
|
|
@@ -244,9 +264,9 @@ describe('SelectDateRange', function () {
|
|
|
244
264
|
});
|
|
245
265
|
describe('when navigating with the calendar controls', function () {
|
|
246
266
|
it('does NOT close the popover after each click', function () {
|
|
247
|
-
var
|
|
248
|
-
baseElement =
|
|
249
|
-
getByText =
|
|
267
|
+
var _render11 = render(_react.default.createElement(_.default, defaultProps)),
|
|
268
|
+
baseElement = _render11.baseElement,
|
|
269
|
+
getByText = _render11.getByText; // open the calendar popover
|
|
250
270
|
|
|
251
271
|
|
|
252
272
|
_react2.fireEvent.click(getByText(defaultProps.label)); // the "today" button is a part of the calendar controls
|
|
@@ -271,11 +291,11 @@ describe('SelectDateRange', function () {
|
|
|
271
291
|
});
|
|
272
292
|
describe('when clearing the value with the clear button inside the popover', function () {
|
|
273
293
|
it('does not closes the popover after click', function () {
|
|
274
|
-
var
|
|
294
|
+
var _render12 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
275
295
|
defaultValue: []
|
|
276
296
|
}))),
|
|
277
|
-
baseElement =
|
|
278
|
-
getByLabelText =
|
|
297
|
+
baseElement = _render12.baseElement,
|
|
298
|
+
getByLabelText = _render12.getByLabelText;
|
|
279
299
|
|
|
280
300
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
281
301
|
|
|
@@ -288,13 +308,13 @@ describe('SelectDateRange', function () {
|
|
|
288
308
|
it('calls the onChange prop with `undefined`', function () {
|
|
289
309
|
var onChange = jest.fn();
|
|
290
310
|
|
|
291
|
-
var
|
|
311
|
+
var _render13 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
292
312
|
defaultValue: [],
|
|
293
313
|
onChange: onChange
|
|
294
314
|
}))),
|
|
295
|
-
baseElement =
|
|
296
|
-
getByLabelText =
|
|
297
|
-
queryByLabelText =
|
|
315
|
+
baseElement = _render13.baseElement,
|
|
316
|
+
getByLabelText = _render13.getByLabelText,
|
|
317
|
+
queryByLabelText = _render13.queryByLabelText;
|
|
298
318
|
|
|
299
319
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
300
320
|
|
|
@@ -315,10 +335,10 @@ describe('SelectDateRange', function () {
|
|
|
315
335
|
_createDateRange2 = _slicedToArray(_createDateRange, 2),
|
|
316
336
|
endDate = _createDateRange2[1];
|
|
317
337
|
|
|
318
|
-
var
|
|
319
|
-
baseElement =
|
|
320
|
-
getByLabelText =
|
|
321
|
-
queryByLabelText =
|
|
338
|
+
var _render14 = render(_react.default.createElement(_.default, defaultProps)),
|
|
339
|
+
baseElement = _render14.baseElement,
|
|
340
|
+
getByLabelText = _render14.getByLabelText,
|
|
341
|
+
queryByLabelText = _render14.queryByLabelText;
|
|
322
342
|
|
|
323
343
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
324
344
|
|
|
@@ -335,9 +355,9 @@ describe('SelectDateRange', function () {
|
|
|
335
355
|
it('does not close the calendar popover', function () {
|
|
336
356
|
var today = new Date();
|
|
337
357
|
|
|
338
|
-
var
|
|
339
|
-
baseElement =
|
|
340
|
-
getByLabelText =
|
|
358
|
+
var _render15 = render(_react.default.createElement(_.default, defaultProps)),
|
|
359
|
+
baseElement = _render15.baseElement,
|
|
360
|
+
getByLabelText = _render15.getByLabelText;
|
|
341
361
|
|
|
342
362
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
343
363
|
|
|
@@ -358,11 +378,11 @@ describe('SelectDateRange', function () {
|
|
|
358
378
|
_createDateRange4 = _slicedToArray(_createDateRange3, 2),
|
|
359
379
|
endDate = _createDateRange4[1];
|
|
360
380
|
|
|
361
|
-
var
|
|
381
|
+
var _render16 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
362
382
|
onRangeChange: onRangeChange
|
|
363
383
|
}))),
|
|
364
|
-
baseElement =
|
|
365
|
-
getByLabelText =
|
|
384
|
+
baseElement = _render16.baseElement,
|
|
385
|
+
getByLabelText = _render16.getByLabelText;
|
|
366
386
|
|
|
367
387
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
368
388
|
|
|
@@ -391,10 +411,10 @@ describe('SelectDateRange', function () {
|
|
|
391
411
|
var endDate = new Date();
|
|
392
412
|
endDate.setDate(startDate.getDate() + 2);
|
|
393
413
|
|
|
394
|
-
var
|
|
414
|
+
var _render17 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
395
415
|
values: [startDate, endDate]
|
|
396
416
|
}))),
|
|
397
|
-
container =
|
|
417
|
+
container = _render17.container;
|
|
398
418
|
|
|
399
419
|
var clearButtonIconPathD = container.querySelectorAll('svg path')[0].getAttribute('d');
|
|
400
420
|
expect(clearButtonIconPathD).toEqual(iconPathD);
|
|
@@ -402,10 +422,10 @@ describe('SelectDateRange', function () {
|
|
|
402
422
|
it('renders the date in the correct format', function () {
|
|
403
423
|
var value = createDateRange(new Date(), -2);
|
|
404
424
|
|
|
405
|
-
var
|
|
425
|
+
var _render18 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
406
426
|
values: value
|
|
407
427
|
}))),
|
|
408
|
-
getByLabelText =
|
|
428
|
+
getByLabelText = _render18.getByLabelText;
|
|
409
429
|
|
|
410
430
|
expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
|
|
411
431
|
});
|
|
@@ -413,14 +433,14 @@ describe('SelectDateRange', function () {
|
|
|
413
433
|
var onChange = jest.fn();
|
|
414
434
|
var value = createDateRange(new Date(2020, 1, 15), 2);
|
|
415
435
|
|
|
416
|
-
var
|
|
436
|
+
var _render19 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
417
437
|
onChange: onChange,
|
|
418
438
|
values: value
|
|
419
439
|
}))),
|
|
420
|
-
baseElement =
|
|
421
|
-
rerender =
|
|
422
|
-
getByLabelText =
|
|
423
|
-
queryByText =
|
|
440
|
+
baseElement = _render19.baseElement,
|
|
441
|
+
rerender = _render19.rerender,
|
|
442
|
+
getByLabelText = _render19.getByLabelText,
|
|
443
|
+
queryByText = _render19.queryByText;
|
|
424
444
|
|
|
425
445
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
426
446
|
|
|
@@ -455,12 +475,12 @@ describe('SelectDateRange', function () {
|
|
|
455
475
|
var onChange = jest.fn();
|
|
456
476
|
var value = createDateRange(new Date(2020, 1, 15), 2);
|
|
457
477
|
|
|
458
|
-
var
|
|
478
|
+
var _render20 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
459
479
|
onChange: onChange,
|
|
460
480
|
values: value
|
|
461
481
|
}))),
|
|
462
|
-
baseElement =
|
|
463
|
-
getByLabelText =
|
|
482
|
+
baseElement = _render20.baseElement,
|
|
483
|
+
getByLabelText = _render20.getByLabelText;
|
|
464
484
|
|
|
465
485
|
_react2.fireEvent.click(getByLabelText(defaultProps.label));
|
|
466
486
|
|
|
@@ -475,10 +495,10 @@ describe('SelectDateRange', function () {
|
|
|
475
495
|
it('initializes with the default value', function () {
|
|
476
496
|
var value = createDateRange(new Date(2020, 1, 15));
|
|
477
497
|
|
|
478
|
-
var
|
|
498
|
+
var _render21 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
479
499
|
defaultValue: value
|
|
480
500
|
}))),
|
|
481
|
-
getByLabelText =
|
|
501
|
+
getByLabelText = _render21.getByLabelText;
|
|
482
502
|
|
|
483
503
|
expect(getByLabelText(defaultProps.label)).toHaveTextContent(formatDateRange(value));
|
|
484
504
|
});
|
|
@@ -486,12 +506,12 @@ describe('SelectDateRange', function () {
|
|
|
486
506
|
var onRangeChange = jest.fn();
|
|
487
507
|
var value = createDateRange(new Date(2020, 1, 15));
|
|
488
508
|
|
|
489
|
-
var
|
|
509
|
+
var _render22 = render(_react.default.createElement(_.default, _extends({}, defaultProps, {
|
|
490
510
|
onRangeChange: onRangeChange,
|
|
491
511
|
defaultValue: value
|
|
492
512
|
}))),
|
|
493
|
-
baseElement =
|
|
494
|
-
getByLabelText =
|
|
513
|
+
baseElement = _render22.baseElement,
|
|
514
|
+
getByLabelText = _render22.getByLabelText;
|
|
495
515
|
|
|
496
516
|
var _value2 = _slicedToArray(value, 2),
|
|
497
517
|
endDate = _value2[1];
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ButtonProps } from '../Button';
|
|
3
|
+
import { FooterActions } from '../../atoms/OptionsList/types';
|
|
3
4
|
import { DropdownListProps } from '../DropdownList';
|
|
4
5
|
import { PopoverProps } from '../Popover/types';
|
|
5
6
|
export interface SelectMenuProps {
|
|
7
|
+
actions?: FooterActions;
|
|
6
8
|
defaultSelected?: string | string[];
|
|
7
9
|
disabled?: boolean;
|
|
8
10
|
id?: string;
|
|
@@ -20,6 +22,9 @@ export interface SelectMenuProps {
|
|
|
20
22
|
declare function SelectMenu(props: SelectMenuProps): JSX.Element;
|
|
21
23
|
declare namespace SelectMenu {
|
|
22
24
|
var propTypes: any;
|
|
25
|
+
var defaultProps: {
|
|
26
|
+
actions: undefined;
|
|
27
|
+
};
|
|
23
28
|
}
|
|
24
29
|
export default SelectMenu;
|
|
25
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/index.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/index.tsx"],"names":[],"mappings":";AAeA,OAAe,EAAE,WAAW,EAA6B,MAAM,WAAW,CAAC;AAC3E,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAqB,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMhD,MAAM,WAAW,eAAe;IAC9B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACpC,QAAQ,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC5C,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAC;CACjC;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA8JvD;kBA9JQ,UAAU;;;;;;AA0LnB,eAAe,UAAU,CAAC"}
|
|
@@ -15,9 +15,11 @@ var _get = _interopRequireDefault(require("lodash/get"));
|
|
|
15
15
|
|
|
16
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
17
|
|
|
18
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
|
+
|
|
18
20
|
var _useUniqueId = _interopRequireDefault(require("../../utils/useUniqueId"));
|
|
19
21
|
|
|
20
|
-
var _Button =
|
|
22
|
+
var _Button = _interopRequireWildcard(require("../Button"));
|
|
21
23
|
|
|
22
24
|
var _DropdownList = _interopRequireDefault(require("../DropdownList"));
|
|
23
25
|
|
|
@@ -33,6 +35,12 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
|
33
35
|
|
|
34
36
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
35
37
|
|
|
38
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { keys.push.apply(keys, Object.getOwnPropertySymbols(object)); } if (enumerableOnly) keys = keys.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); return keys; }
|
|
39
|
+
|
|
40
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
41
|
+
|
|
42
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
43
|
+
|
|
36
44
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest(); }
|
|
37
45
|
|
|
38
46
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance"); }
|
|
@@ -42,7 +50,8 @@ function _iterableToArrayLimit(arr, i) { var _arr = []; var _n = true; var _d =
|
|
|
42
50
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
51
|
|
|
44
52
|
function SelectMenu(props) {
|
|
45
|
-
var
|
|
53
|
+
var actions = props.actions,
|
|
54
|
+
defaultSelected = props.defaultSelected,
|
|
46
55
|
disabled = props.disabled,
|
|
47
56
|
idProp = props.id,
|
|
48
57
|
label = props.label,
|
|
@@ -153,6 +162,7 @@ function SelectMenu(props) {
|
|
|
153
162
|
text: buttonLabel,
|
|
154
163
|
variant: "ghost"
|
|
155
164
|
}), _react.default.createElement(_DropdownList.default, {
|
|
165
|
+
actions: actions,
|
|
156
166
|
items: options,
|
|
157
167
|
name: "select-menu-options",
|
|
158
168
|
onChange: handleOnChange,
|
|
@@ -166,6 +176,20 @@ function SelectMenu(props) {
|
|
|
166
176
|
}));
|
|
167
177
|
}
|
|
168
178
|
|
|
169
|
-
SelectMenu.propTypes = _schema.default.propTypes
|
|
179
|
+
SelectMenu.propTypes = _objectSpread({}, _schema.default.propTypes, {
|
|
180
|
+
actions: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
|
|
181
|
+
id: _propTypes.default.string.isRequired
|
|
182
|
+
}))), _propTypes.default.shape({
|
|
183
|
+
left: _propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
|
|
184
|
+
id: _propTypes.default.string.isRequired
|
|
185
|
+
}))),
|
|
186
|
+
right: _propTypes.default.arrayOf(_propTypes.default.shape((0, _Button.makeButtonSchemaPropTypes)({
|
|
187
|
+
id: _propTypes.default.string.isRequired
|
|
188
|
+
})))
|
|
189
|
+
})])
|
|
190
|
+
});
|
|
191
|
+
SelectMenu.defaultProps = {
|
|
192
|
+
actions: undefined
|
|
193
|
+
};
|
|
170
194
|
var _default = SelectMenu;
|
|
171
195
|
exports.default = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA0C,CAAC;
|
|
1
|
+
{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/SelectMenu/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA0C,CAAC;AA+DvD,eAAe,MAAM,CAAC"}
|
|
@@ -16,6 +16,10 @@ schema.propTypes = {
|
|
|
16
16
|
disabled: _reactDesc.PropTypes.bool.description('Disables functionality of opening the options list.'),
|
|
17
17
|
label: _reactDesc.PropTypes.string.description('The label text for the select menu.').isRequired,
|
|
18
18
|
onChange: _reactDesc.PropTypes.func.description("An event handler called when the selected option should be changed. Called with the new option's id.").isRequired,
|
|
19
|
+
actions: _reactDesc.PropTypes.oneOfType([_reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object), _reactDesc.PropTypes.shape({
|
|
20
|
+
left: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object),
|
|
21
|
+
right: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.object)
|
|
22
|
+
})]).description('A collection of objects, each containing a subset of props valid for a Button component. Check the notes on the OptionsList.'),
|
|
19
23
|
options: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.shape({
|
|
20
24
|
decoration: _reactDesc.PropTypes.shape({
|
|
21
25
|
type: _reactDesc.PropTypes.oneOf(['Avatar', 'Badge'])
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Body.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,UAAU,EAAyB,MAAM,SAAS,CAAC;AAwE5D,iBAAS,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,OAAO,CA8K1D;AAED,eAAe,IAAI,CAAC"}
|