@kaizen/components 1.70.1 → 1.70.3
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/dist/cjs/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.cjs +1 -1
- package/dist/esm/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.mjs +1 -1
- package/dist/styles.css +9113 -9113
- package/locales/en-GB.json +1 -1
- package/locales/en.json +1 -1
- package/package.json +1 -1
- package/src/Filter/FilterBar/FilterBar.spec.tsx +10 -10
- package/src/Filter/FilterBar/_docs/FilterBar.spec.stories.tsx +2 -2
- package/src/Filter/FilterBar/_docs/FilterBar.stories.tsx +2 -2
- package/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.spec.tsx +3 -3
- package/src/Filter/FilterBar/subcomponents/AddFiltersMenu/AddFiltersMenu.tsx +1 -1
package/locales/en-GB.json
CHANGED
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
"filterBar.addFiltersMenu.buttonLabel" : {
|
|
37
37
|
"description" : "Menu button label to show additional available filter options",
|
|
38
|
-
"message" : "Add
|
|
38
|
+
"message" : "Add filters"
|
|
39
39
|
},
|
|
40
40
|
"filterBar.clearAllButton.ariaLabel" : {
|
|
41
41
|
"description" : "Button aria-label to clear all values within the filter bar",
|
package/locales/en.json
CHANGED
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
},
|
|
37
37
|
"filterBar.addFiltersMenu.buttonLabel": {
|
|
38
38
|
"description": "Menu button label to show additional available filter options",
|
|
39
|
-
"message": "Add
|
|
39
|
+
"message": "Add filters"
|
|
40
40
|
},
|
|
41
41
|
"filterBar.clearAllButton.ariaLabel": {
|
|
42
42
|
"description": "Button aria-label to clear all values within the filter bar",
|
package/package.json
CHANGED
|
@@ -196,7 +196,7 @@ describe('<FilterBar />', () => {
|
|
|
196
196
|
|
|
197
197
|
expect(queryByText('Topping')).not.toBeInTheDocument()
|
|
198
198
|
|
|
199
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
199
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
200
200
|
await user.click(addFiltersButton)
|
|
201
201
|
|
|
202
202
|
const list = getByRole('list')
|
|
@@ -228,7 +228,7 @@ describe('<FilterBar />', () => {
|
|
|
228
228
|
)
|
|
229
229
|
await waitForI18nContent()
|
|
230
230
|
|
|
231
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
231
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
232
232
|
await user.click(addFiltersButton)
|
|
233
233
|
|
|
234
234
|
const list = getByRole('list')
|
|
@@ -255,7 +255,7 @@ describe('<FilterBar />', () => {
|
|
|
255
255
|
expect(filterButton).not.toBeInTheDocument()
|
|
256
256
|
})
|
|
257
257
|
|
|
258
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
258
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
259
259
|
await user.click(addFiltersButton)
|
|
260
260
|
|
|
261
261
|
const list = getByRole('list')
|
|
@@ -282,7 +282,7 @@ describe('<FilterBar />', () => {
|
|
|
282
282
|
)
|
|
283
283
|
await waitForI18nContent()
|
|
284
284
|
|
|
285
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
285
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
286
286
|
await user.click(addFiltersButton)
|
|
287
287
|
|
|
288
288
|
const menuOptionIceLevel = getByRole('button', { name: 'Ice Level' })
|
|
@@ -314,7 +314,7 @@ describe('<FilterBar />', () => {
|
|
|
314
314
|
)
|
|
315
315
|
await waitForI18nContent()
|
|
316
316
|
|
|
317
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
317
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
318
318
|
await user.click(addFiltersButton)
|
|
319
319
|
|
|
320
320
|
const menuOptionIceLevel = getByRole('button', { name: 'Ice Level' })
|
|
@@ -327,7 +327,7 @@ describe('<FilterBar />', () => {
|
|
|
327
327
|
const { getByRole } = render(<FilterBarWrapper<ValuesRemovable> filters={filtersRemovable} />)
|
|
328
328
|
await waitForI18nContent()
|
|
329
329
|
|
|
330
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
330
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
331
331
|
await user.click(addFiltersButton)
|
|
332
332
|
|
|
333
333
|
const menuOptionOthers = getByRole('button', { name: 'Others' })
|
|
@@ -353,7 +353,7 @@ describe('<FilterBar />', () => {
|
|
|
353
353
|
expect(filterButton).not.toBeInTheDocument()
|
|
354
354
|
})
|
|
355
355
|
|
|
356
|
-
expect(getByRole('button', { name: 'Add
|
|
356
|
+
expect(getByRole('button', { name: 'Add filters' })).toHaveFocus()
|
|
357
357
|
})
|
|
358
358
|
})
|
|
359
359
|
|
|
@@ -363,7 +363,7 @@ describe('<FilterBar />', () => {
|
|
|
363
363
|
const { queryByRole, getByRole } = render(<FilterBarWrapper filters={filtersDependent} />)
|
|
364
364
|
await waitForI18nContent()
|
|
365
365
|
expect(queryByRole('button', { name: 'Topping' })).not.toBeInTheDocument()
|
|
366
|
-
expect(getByRole('button', { name: 'Add
|
|
366
|
+
expect(getByRole('button', { name: 'Add filters' })).toBeDisabled()
|
|
367
367
|
})
|
|
368
368
|
|
|
369
369
|
it('clears the value if the filter is not usable', async () => {
|
|
@@ -426,7 +426,7 @@ describe('<FilterBar />', () => {
|
|
|
426
426
|
)
|
|
427
427
|
await waitForI18nContent()
|
|
428
428
|
|
|
429
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
429
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
430
430
|
expect(addFiltersButton).toBeDisabled()
|
|
431
431
|
|
|
432
432
|
const flavourButton = getByRole('button', { name: 'Flavour' })
|
|
@@ -612,7 +612,7 @@ describe('<FilterBar />', () => {
|
|
|
612
612
|
expect(queryByRole('button', { name: 'Sugar' })).not.toBeInTheDocument()
|
|
613
613
|
expect(queryByRole('button', { name: 'Ice' })).not.toBeInTheDocument()
|
|
614
614
|
|
|
615
|
-
const addFiltersButton = getByRole('button', { name: 'Add
|
|
615
|
+
const addFiltersButton = getByRole('button', { name: 'Add filters' })
|
|
616
616
|
expect(addFiltersButton).toBeDisabled()
|
|
617
617
|
|
|
618
618
|
await user.click(coffeeButton)
|
|
@@ -157,7 +157,7 @@ export const ClearAllFromRemovable: Story = {
|
|
|
157
157
|
|
|
158
158
|
await step('removable filter is added with no value', async () => {
|
|
159
159
|
await waitFor(() => {
|
|
160
|
-
userEvent.click(canvas.getByRole('button', { name: 'Add
|
|
160
|
+
userEvent.click(canvas.getByRole('button', { name: 'Add filters' }))
|
|
161
161
|
})
|
|
162
162
|
|
|
163
163
|
await waitFor(() => {
|
|
@@ -205,7 +205,7 @@ export const ClearAllRemovesItself: Story = {
|
|
|
205
205
|
const canvas = within(canvasElement.parentElement!)
|
|
206
206
|
|
|
207
207
|
await step('removable filter is added with no value', async () => {
|
|
208
|
-
await waitFor(() => userEvent.click(canvas.getByRole('button', { name: 'Add
|
|
208
|
+
await waitFor(() => userEvent.click(canvas.getByRole('button', { name: 'Add filters' })))
|
|
209
209
|
await userEvent.click(canvas.getByRole('button', { name: 'Drank' }))
|
|
210
210
|
})
|
|
211
211
|
|
|
@@ -791,10 +791,10 @@ export const UpdatesLabels: Story = {
|
|
|
791
791
|
const canvas = within(canvasElement)
|
|
792
792
|
|
|
793
793
|
await step('Initial render complete', async () => {
|
|
794
|
-
await waitFor(() => canvas.getByRole('button', { name: 'Add
|
|
794
|
+
await waitFor(() => canvas.getByRole('button', { name: 'Add filters' }))
|
|
795
795
|
})
|
|
796
796
|
|
|
797
|
-
await userEvent.click(canvas.getByRole('button', { name: 'Add
|
|
797
|
+
await userEvent.click(canvas.getByRole('button', { name: 'Add filters' }))
|
|
798
798
|
|
|
799
799
|
expect(canvas.queryByText('Custom Range')).not.toBeInTheDocument()
|
|
800
800
|
|
|
@@ -48,9 +48,9 @@ describe('<AddFiltersMenu />', () => {
|
|
|
48
48
|
render(<AddFiltersMenuWrapper filters={filters} />)
|
|
49
49
|
|
|
50
50
|
await waitFor(() => {
|
|
51
|
-
expect(screen.getByRole('button', { name: 'Add
|
|
51
|
+
expect(screen.getByRole('button', { name: 'Add filters' })).toBeVisible()
|
|
52
52
|
})
|
|
53
|
-
const addFiltersButton = screen.getByRole('button', { name: 'Add
|
|
53
|
+
const addFiltersButton = screen.getByRole('button', { name: 'Add filters' })
|
|
54
54
|
await user.click(addFiltersButton)
|
|
55
55
|
|
|
56
56
|
await waitFor(() => {
|
|
@@ -74,7 +74,7 @@ describe('<AddFiltersMenu />', () => {
|
|
|
74
74
|
|
|
75
75
|
await waitFor(() => {
|
|
76
76
|
const addFiltersButton = screen.getByRole('button', {
|
|
77
|
-
name: 'Add
|
|
77
|
+
name: 'Add filters',
|
|
78
78
|
})
|
|
79
79
|
expect(addFiltersButton).toBeDisabled()
|
|
80
80
|
})
|
|
@@ -11,7 +11,7 @@ export const AddFiltersMenu = (): JSX.Element => {
|
|
|
11
11
|
|
|
12
12
|
const menuButtonLabel = formatMessage({
|
|
13
13
|
id: 'filterBar.addFiltersMenu.buttonLabel',
|
|
14
|
-
defaultMessage: 'Add
|
|
14
|
+
defaultMessage: 'Add filters',
|
|
15
15
|
description: 'Menu button label to show additional available filter options',
|
|
16
16
|
})
|
|
17
17
|
|