@transferwise/components 46.29.2 → 46.30.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.
- package/build/index.js +29 -20
- package/build/index.js.map +1 -1
- package/build/index.mjs +29 -20
- package/build/index.mjs.map +1 -1
- package/build/types/inputs/SelectInput.d.ts +2 -1
- package/build/types/inputs/SelectInput.d.ts.map +1 -1
- package/build/types/nudge/Nudge.d.ts.map +1 -1
- package/build/types/promoCard/PromoCard.d.ts.map +1 -1
- package/build/types/promoCard/PromoCardGroup.d.ts.map +1 -1
- package/build/types/title/Title.d.ts.map +1 -1
- package/package.json +3 -3
- package/src/chevron/Chevron.tsx +1 -1
- package/src/common/textFormat/getCursorPositionAfterKeystroke/getCursorPositionAfterKeystroke.spec.ts +1 -1
- package/src/dateLookup/DateLookup.testingLibrary.spec.js +2 -2
- package/src/inputs/SelectInput.spec.tsx +12 -0
- package/src/inputs/SelectInput.story.tsx +2 -0
- package/src/inputs/SelectInput.tsx +14 -0
- package/src/listItem/ListItem.tsx +1 -1
- package/src/nudge/Nudge.tsx +5 -8
- package/src/promoCard/PromoCard.tsx +10 -7
- package/src/promoCard/PromoCardGroup.tsx +9 -7
- package/src/select/Select.story.js +1 -1
- package/src/stepper/Stepper.spec.js +13 -13
- package/src/title/Title.tsx +4 -5
|
@@ -47,9 +47,10 @@ export interface SelectInputProps<T = string, M extends boolean = false> {
|
|
|
47
47
|
queryNormalized: string | null;
|
|
48
48
|
}) => void;
|
|
49
49
|
onChange?: (value: M extends true ? T[] : T) => void;
|
|
50
|
+
onClose?: () => void;
|
|
50
51
|
onClear?: () => void;
|
|
51
52
|
}
|
|
52
|
-
export declare function SelectInput<T = string, M extends boolean = false>({ id, name, multiple, placeholder, items, defaultValue, value: controlledValue, compareValues, renderValue, renderFooter, renderTrigger, filterable, filterPlaceholder, disabled, size, className, onFilterChange, onChange, onClear, }: SelectInputProps<T, M>): import("react").JSX.Element;
|
|
53
|
+
export declare function SelectInput<T = string, M extends boolean = false>({ id, name, multiple, placeholder, items, defaultValue, value: controlledValue, compareValues, renderValue, renderFooter, renderTrigger, filterable, filterPlaceholder, disabled, size, className, onFilterChange, onChange, onClose, onClear, }: SelectInputProps<T, M>): import("react").JSX.Element;
|
|
53
54
|
type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;
|
|
54
55
|
export type SelectInputTriggerButtonProps<T extends SelectInputTriggerButtonElementType = 'button'> = Merge<React.ComponentPropsWithoutRef<T>, {
|
|
55
56
|
as?: T;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Nudge.d.ts","sourceRoot":"","sources":["../../../src/nudge/Nudge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAqB,MAAM,WAAW,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAC;AAQnE,eAAO,MAAM,YAAY,oBAAoB,CAAC;AAmB9C,KAAK,aAAa,GACd,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,MAAM,EAAE,GAClB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,cAAc,EAAE,GAC1B,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;AAE7B,KAAK,SAAS,GAAG;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACxD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,2IAA2I;IAC3I,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,gBAAgB,EAAE,IAAI,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG,oBAAoB,CAAC;AAEtD,QAAA,MAAM,KAAK,yHAYR,KAAK,
|
|
1
|
+
{"version":3,"file":"Nudge.d.ts","sourceRoot":"","sources":["../../../src/nudge/Nudge.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,MAAM,EAAqB,MAAM,WAAW,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAuB,UAAU,EAAE,MAAM,OAAO,CAAC;AAQnE,eAAO,MAAM,YAAY,oBAAoB,CAAC;AAmB9C,KAAK,aAAa,GACd,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,MAAM,EAAE,GAClB,GAAG,MAAM,CAAC,IAAI,EAAE,GAChB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,aAAa,EAAE,GACzB,GAAG,MAAM,CAAC,KAAK,EAAE,GACjB,GAAG,MAAM,CAAC,cAAc,EAAE,GAC1B,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;AAE7B,KAAK,SAAS,GAAG;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,kBAAkB;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IACxD,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,gBAAgB,CAAC,EAAE,KAAK,CAAC;IACzB,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,2IAA2I;IAC3I,EAAE,EAAE,MAAM,CAAC;IACX,yFAAyF;IACzF,gBAAgB,EAAE,IAAI,CAAC;IACvB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,MAAM,KAAK,GAAG,UAAU,GAAG,oBAAoB,CAAC;AAEtD,QAAA,MAAM,KAAK,yHAYR,KAAK,uCA+EP,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromoCard.d.ts","sourceRoot":"","sources":["../../../src/promoCard/PromoCard.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"PromoCard.d.ts","sourceRoot":"","sources":["../../../src/promoCard/PromoCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PromoCardGroup.d.ts","sourceRoot":"","sources":["../../../src/promoCard/PromoCardGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAK1F,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;
|
|
1
|
+
{"version":3,"file":"PromoCardGroup.d.ts","sourceRoot":"","sources":["../../../src/promoCard/PromoCardGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAqB,SAAS,EAAgC,MAAM,OAAO,CAAC;AAK1F,MAAM,MAAM,kBAAkB,GAAG,YAAY,CAAC;AAE9C,MAAM,WAAW,mBAAmB;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;;AA2FD,wBAA0C"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/title/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAc,OAAO,EAAE,MAAM,WAAW,CAAC;AAY5D,KAAK,KAAK,GAAG,mBAAmB,CAAC,kBAAkB,GAAG,eAAe,GAAG,gBAAgB,CAAC,GACvF,gBAAgB,CAAC,aAAa,CAAC,GAAG;IAChC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEJ,iBAAS,KAAK,CAAC,EAAE,EAAE,EAAE,IAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,+
|
|
1
|
+
{"version":3,"file":"Title.d.ts","sourceRoot":"","sources":["../../../src/title/Title.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAa,MAAM,OAAO,CAAC;AAEzE,OAAO,EAAE,UAAU,EAAc,OAAO,EAAE,MAAM,WAAW,CAAC;AAY5D,KAAK,KAAK,GAAG,mBAAmB,CAAC,kBAAkB,GAAG,eAAe,GAAG,gBAAgB,CAAC,GACvF,gBAAgB,CAAC,aAAa,CAAC,GAAG;IAChC;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,GAAG,OAAO,CAAC;IAClD;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEJ,iBAAS,KAAK,CAAC,EAAE,EAAE,EAAE,IAAmB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,+BASrE;AAED,eAAe,KAAK,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@transferwise/components",
|
|
3
|
-
"version": "46.
|
|
3
|
+
"version": "46.30.0",
|
|
4
4
|
"description": "Neptune React components",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -96,9 +96,9 @@
|
|
|
96
96
|
"react-intl": "^6.6.6",
|
|
97
97
|
"rollup": "^4.17.2",
|
|
98
98
|
"storybook": "^7.6.19",
|
|
99
|
-
"@transferwise/less-config": "3.1.0",
|
|
100
99
|
"@transferwise/neptune-css": "14.10.0",
|
|
101
|
-
"@wise/components-theming": "1.2.
|
|
100
|
+
"@wise/components-theming": "1.2.2",
|
|
101
|
+
"@transferwise/less-config": "3.1.0"
|
|
102
102
|
},
|
|
103
103
|
"peerDependencies": {
|
|
104
104
|
"@transferwise/icons": "^3.7.0",
|
package/src/chevron/Chevron.tsx
CHANGED
|
@@ -122,7 +122,7 @@ describe('pushValueToStack', () => {
|
|
|
122
122
|
pattern,
|
|
123
123
|
pastedLength = 0,
|
|
124
124
|
} = test;
|
|
125
|
-
it(
|
|
125
|
+
it(testMessage, () => {
|
|
126
126
|
expect(
|
|
127
127
|
getCursorPositionAfterKeystroke(key, selectionStart, selectionEnd, pattern, pastedLength),
|
|
128
128
|
).toStrictEqual(expectedValue);
|
|
@@ -105,7 +105,7 @@ describe('DateLookup (events)', () => {
|
|
|
105
105
|
it('updates selected date and closes', () => {
|
|
106
106
|
openDateLookup();
|
|
107
107
|
const d = new Date(2018, 11, 28);
|
|
108
|
-
const newDay = screen.getByText(
|
|
108
|
+
const newDay = screen.getByText(d.getDate().toString());
|
|
109
109
|
user.click(newDay);
|
|
110
110
|
|
|
111
111
|
expect(props.onChange).toHaveBeenCalledWith(d);
|
|
@@ -115,7 +115,7 @@ describe('DateLookup (events)', () => {
|
|
|
115
115
|
it('has aria label on selected date', () => {
|
|
116
116
|
openDateLookup();
|
|
117
117
|
const d = new Date(2018, 11, 28);
|
|
118
|
-
const newDay = screen.getByText(
|
|
118
|
+
const newDay = screen.getByText(d.getDate().toString());
|
|
119
119
|
user.click(newDay);
|
|
120
120
|
openDateLookup();
|
|
121
121
|
expect(screen.getByRole('button', { name: /selected day/i })).toBeInTheDocument();
|
|
@@ -64,12 +64,15 @@ describe('SelectInput', () => {
|
|
|
64
64
|
});
|
|
65
65
|
|
|
66
66
|
it('shows item selected via mouse', async () => {
|
|
67
|
+
const handleClose = jest.fn();
|
|
68
|
+
|
|
67
69
|
render(
|
|
68
70
|
<SelectInput
|
|
69
71
|
items={[
|
|
70
72
|
{ type: 'option', value: 'USD' },
|
|
71
73
|
{ type: 'option', value: 'EUR' },
|
|
72
74
|
]}
|
|
75
|
+
onClose={handleClose}
|
|
73
76
|
/>,
|
|
74
77
|
);
|
|
75
78
|
|
|
@@ -81,14 +84,19 @@ describe('SelectInput', () => {
|
|
|
81
84
|
userEvent.click(trigger);
|
|
82
85
|
});
|
|
83
86
|
|
|
87
|
+
expect(handleClose).not.toHaveBeenCalled();
|
|
88
|
+
|
|
84
89
|
const listbox = screen.getByRole('listbox');
|
|
85
90
|
const option = within(listbox).getByRole('option', { name: 'EUR' });
|
|
86
91
|
userEvent.click(option);
|
|
87
92
|
|
|
93
|
+
expect(handleClose).toHaveBeenCalledTimes(1);
|
|
88
94
|
expect(trigger).toHaveTextContent('EUR');
|
|
89
95
|
});
|
|
90
96
|
|
|
91
97
|
it('filters items via keyboard', async () => {
|
|
98
|
+
const handleClose = jest.fn();
|
|
99
|
+
|
|
92
100
|
render(
|
|
93
101
|
<SelectInput
|
|
94
102
|
items={[
|
|
@@ -103,6 +111,7 @@ describe('SelectInput', () => {
|
|
|
103
111
|
},
|
|
104
112
|
]}
|
|
105
113
|
filterable
|
|
114
|
+
onClose={handleClose}
|
|
106
115
|
/>,
|
|
107
116
|
);
|
|
108
117
|
|
|
@@ -113,6 +122,8 @@ describe('SelectInput', () => {
|
|
|
113
122
|
userEvent.keyboard(' ');
|
|
114
123
|
});
|
|
115
124
|
|
|
125
|
+
expect(handleClose).not.toHaveBeenCalled();
|
|
126
|
+
|
|
116
127
|
const listbox = screen.getByRole('listbox');
|
|
117
128
|
expect(within(listbox).getAllByRole('option')).toHaveLength(3);
|
|
118
129
|
|
|
@@ -134,6 +145,7 @@ describe('SelectInput', () => {
|
|
|
134
145
|
userEvent.click(option);
|
|
135
146
|
});
|
|
136
147
|
|
|
148
|
+
expect(handleClose).toHaveBeenCalledTimes(1);
|
|
137
149
|
expect(trigger).toHaveTextContent('EUR');
|
|
138
150
|
});
|
|
139
151
|
|
|
@@ -46,7 +46,9 @@ export const Months: Story<Month | null> = {
|
|
|
46
46
|
value: month,
|
|
47
47
|
})),
|
|
48
48
|
renderValue: (month) => <SelectInputOptionContent title={month.name} />,
|
|
49
|
+
onFilterChange: fn() satisfies Mock,
|
|
49
50
|
onChange: fn() satisfies Mock,
|
|
51
|
+
onClose: fn() satisfies Mock,
|
|
50
52
|
onClear: fn() satisfies Mock,
|
|
51
53
|
},
|
|
52
54
|
render: function Render({ onChange, onClear, ...args }) {
|
|
@@ -155,6 +155,7 @@ export interface SelectInputProps<T = string, M extends boolean = false> {
|
|
|
155
155
|
className?: string;
|
|
156
156
|
onFilterChange?: (args: { query: string; queryNormalized: string | null }) => void;
|
|
157
157
|
onChange?: (value: M extends true ? T[] : T) => void;
|
|
158
|
+
onClose?: () => void;
|
|
158
159
|
onClear?: () => void;
|
|
159
160
|
}
|
|
160
161
|
|
|
@@ -238,10 +239,23 @@ export function SelectInput<T = string, M extends boolean = false>({
|
|
|
238
239
|
className,
|
|
239
240
|
onFilterChange = noop,
|
|
240
241
|
onChange,
|
|
242
|
+
onClose,
|
|
241
243
|
onClear,
|
|
242
244
|
}: SelectInputProps<T, M>) {
|
|
243
245
|
const [open, setOpen] = useState(false);
|
|
244
246
|
|
|
247
|
+
const initialized = useRef(false);
|
|
248
|
+
const handleClose = useEffectEvent(onClose ?? (() => {}));
|
|
249
|
+
useEffect(() => {
|
|
250
|
+
if (initialized.current) {
|
|
251
|
+
if (!open) {
|
|
252
|
+
handleClose?.();
|
|
253
|
+
}
|
|
254
|
+
} else {
|
|
255
|
+
initialized.current = true;
|
|
256
|
+
}
|
|
257
|
+
}, [handleClose, open]);
|
|
258
|
+
|
|
245
259
|
const [filterQuery, _setFilterQuery] = useState('');
|
|
246
260
|
const setFilterQuery = useEffectEvent((query: string) => {
|
|
247
261
|
_setFilterQuery(query);
|
|
@@ -32,7 +32,7 @@ const ListItem: FC<ListItemProps> = ({
|
|
|
32
32
|
})}
|
|
33
33
|
{...rest}
|
|
34
34
|
>
|
|
35
|
-
{media
|
|
35
|
+
{media}
|
|
36
36
|
|
|
37
37
|
<div className={classNames('d-flex flex-column', { 'p-l-2': !!media, 'p-r-2': !!action })}>
|
|
38
38
|
<Body type="body-default" className="text-secondary m-b-0">
|
package/src/nudge/Nudge.tsx
CHANGED
|
@@ -10,15 +10,15 @@ import Link from '../link';
|
|
|
10
10
|
// WARNING: Changing this will cause nudges to reappear wherever persist nudge is used and privacy team will need to be updated too
|
|
11
11
|
export const STORAGE_NAME = 'dismissedNudges';
|
|
12
12
|
|
|
13
|
-
const getLocalStorage = ():
|
|
13
|
+
const getLocalStorage = (): string[] => {
|
|
14
14
|
try {
|
|
15
15
|
const storageItem = localStorage.getItem(STORAGE_NAME);
|
|
16
16
|
|
|
17
17
|
if (storageItem) {
|
|
18
|
-
const storage = JSON.parse(storageItem)
|
|
18
|
+
const storage: unknown = JSON.parse(storageItem);
|
|
19
19
|
|
|
20
20
|
if (Array.isArray(storage)) {
|
|
21
|
-
return storage;
|
|
21
|
+
return storage.map((item) => String(item));
|
|
22
22
|
}
|
|
23
23
|
}
|
|
24
24
|
// eslint-disable-next-line unicorn/prefer-optional-catch-binding, no-empty
|
|
@@ -98,10 +98,7 @@ const Nudge = ({
|
|
|
98
98
|
|
|
99
99
|
if (persistDismissal && id) {
|
|
100
100
|
try {
|
|
101
|
-
localStorage.setItem(
|
|
102
|
-
STORAGE_NAME,
|
|
103
|
-
JSON.stringify([...(dismissedNudgesStorage ? dismissedNudgesStorage : []), id]),
|
|
104
|
-
);
|
|
101
|
+
localStorage.setItem(STORAGE_NAME, JSON.stringify([...dismissedNudgesStorage, id]));
|
|
105
102
|
// eslint-disable-next-line unicorn/prefer-optional-catch-binding, no-empty
|
|
106
103
|
} catch (error) {}
|
|
107
104
|
|
|
@@ -118,7 +115,7 @@ const Nudge = ({
|
|
|
118
115
|
const dismissedNudgesStorage = getLocalStorage();
|
|
119
116
|
let isDismissed = false;
|
|
120
117
|
|
|
121
|
-
if (dismissedNudgesStorage
|
|
118
|
+
if (dismissedNudgesStorage?.find((item) => item === id)) {
|
|
122
119
|
setIsDismissed(true);
|
|
123
120
|
isDismissed = true;
|
|
124
121
|
}
|
|
@@ -259,13 +259,16 @@ const PromoCard: FunctionComponent<PromoCardProps> = forwardRef(
|
|
|
259
259
|
|
|
260
260
|
// Define all class names string based on the values of the `href`, `type`,
|
|
261
261
|
// `checked`, and `className` props.
|
|
262
|
-
const commonClasses = classNames(
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
262
|
+
const commonClasses = classNames(
|
|
263
|
+
{
|
|
264
|
+
'np-Card--promoCard': true,
|
|
265
|
+
'np-Card--checked': !href && type,
|
|
266
|
+
'np-Card--link': href && !type,
|
|
267
|
+
'is-checked':
|
|
268
|
+
type === 'radio' ? value === state : type === 'checkbox' ? checked : undefined,
|
|
269
|
+
},
|
|
270
|
+
className,
|
|
271
|
+
);
|
|
269
272
|
|
|
270
273
|
// Object with common props that will be passed to the `Card` components
|
|
271
274
|
const commonProps = {
|
|
@@ -86,18 +86,20 @@ const PromoCardGroup: FunctionComponent<PromoCardGroupProps> = ({
|
|
|
86
86
|
onChange(value);
|
|
87
87
|
};
|
|
88
88
|
|
|
89
|
-
return { state, isDisabled
|
|
89
|
+
return { state, isDisabled, onChange: handleOnChange };
|
|
90
90
|
}, [state, isDisabled, onChange]);
|
|
91
91
|
|
|
92
|
-
const commonClasses = classNames(
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
92
|
+
const commonClasses = classNames(
|
|
93
|
+
{
|
|
94
|
+
'np-CardGroup': true,
|
|
95
|
+
'is-disabled': isDisabled,
|
|
96
|
+
},
|
|
97
|
+
className,
|
|
98
|
+
);
|
|
97
99
|
|
|
98
100
|
const commonProps = {
|
|
99
101
|
className: commonClasses,
|
|
100
|
-
id
|
|
102
|
+
id,
|
|
101
103
|
'data-testid': testId,
|
|
102
104
|
role: containerRole as AriaRoleRadioGroup | undefined, // Add the role attribute here
|
|
103
105
|
};
|
|
@@ -40,25 +40,25 @@ describe('Stepper', () => {
|
|
|
40
40
|
});
|
|
41
41
|
|
|
42
42
|
it('sets the widths of the progress bar to match where you are in the flow', () => {
|
|
43
|
-
expect(totalWidth()).
|
|
43
|
+
expect(totalWidth()).toBe('0%');
|
|
44
44
|
activeStep(2);
|
|
45
|
-
expect(totalWidth()).
|
|
45
|
+
expect(totalWidth()).toBe('100%');
|
|
46
46
|
steps(5);
|
|
47
|
-
expect(totalWidth()).
|
|
47
|
+
expect(totalWidth()).toBe('50%');
|
|
48
48
|
activeStep(10000);
|
|
49
|
-
expect(totalWidth()).
|
|
49
|
+
expect(totalWidth()).toBe('100%');
|
|
50
50
|
activeStep(-10);
|
|
51
|
-
expect(totalWidth()).
|
|
51
|
+
expect(totalWidth()).toBe('0%');
|
|
52
52
|
});
|
|
53
53
|
});
|
|
54
54
|
|
|
55
55
|
describe('steps', () => {
|
|
56
56
|
it('have rendered labels', () => {
|
|
57
57
|
steps(5);
|
|
58
|
-
[0, 1, 2, 3, 4].forEach((
|
|
59
|
-
expect(
|
|
60
|
-
|
|
61
|
-
)
|
|
58
|
+
[0, 1, 2, 3, 4].forEach((step) => {
|
|
59
|
+
expect(component.find('.tw-stepper__step').at(step).find('span').props().children).toBe(
|
|
60
|
+
step.toString(),
|
|
61
|
+
);
|
|
62
62
|
});
|
|
63
63
|
});
|
|
64
64
|
|
|
@@ -188,8 +188,8 @@ describe('Stepper', () => {
|
|
|
188
188
|
});
|
|
189
189
|
const firstStepHoverLabel = step(0).children();
|
|
190
190
|
expect(firstStepHoverLabel.type()).toBe(Tooltip);
|
|
191
|
-
expect(firstStepHoverLabel.children().render().text()).
|
|
192
|
-
expect(step(1).find('span').props().children).
|
|
191
|
+
expect(firstStepHoverLabel.children().render().text()).toBe('label');
|
|
192
|
+
expect(step(1).find('span').props().children).toBe('label 2');
|
|
193
193
|
});
|
|
194
194
|
|
|
195
195
|
it('renders jsx', () => {
|
|
@@ -220,8 +220,8 @@ describe('Stepper', () => {
|
|
|
220
220
|
});
|
|
221
221
|
const firstStepHoverLabel = step(0).children();
|
|
222
222
|
expect(firstStepHoverLabel.type()).toBe('span');
|
|
223
|
-
expect(firstStepHoverLabel.props().children).
|
|
224
|
-
expect(step(1).children().props().children).
|
|
223
|
+
expect(firstStepHoverLabel.props().children).toBe('label');
|
|
224
|
+
expect(step(1).children().props().children).toBe('label 2');
|
|
225
225
|
});
|
|
226
226
|
});
|
|
227
227
|
});
|
package/src/title/Title.tsx
CHANGED
|
@@ -11,7 +11,7 @@ const titleTypeMapping = {
|
|
|
11
11
|
[Typography.TITLE_SUBSECTION]: 'h3',
|
|
12
12
|
[Typography.TITLE_BODY]: 'h4',
|
|
13
13
|
[Typography.TITLE_GROUP]: 'h5',
|
|
14
|
-
};
|
|
14
|
+
} as const;
|
|
15
15
|
|
|
16
16
|
type Props = LabelHTMLAttributes<HTMLHeadingElement | HTMLSpanElement | HTMLLabelElement> &
|
|
17
17
|
LiHTMLAttributes<HTMLLIElement> & {
|
|
@@ -29,12 +29,11 @@ function Title({ as, type = DEFAULT_TYPE, className, ...props }: Props) {
|
|
|
29
29
|
const mapping = titleTypeMapping[type];
|
|
30
30
|
const isTypeSupported = mapping !== undefined;
|
|
31
31
|
if (isTypeSupported) {
|
|
32
|
-
const HeaderTag =
|
|
32
|
+
const HeaderTag = as ?? mapping;
|
|
33
33
|
return <HeaderTag {...props} className={classNames(`np-text-${type}`, className)} />;
|
|
34
|
-
} else {
|
|
35
|
-
const HeaderTag = (as ?? `${titleTypeMapping[DEFAULT_TYPE]}`) as keyof ReactHTML;
|
|
36
|
-
return <HeaderTag {...props} className={classNames(`np-text-${DEFAULT_TYPE}`, className)} />;
|
|
37
34
|
}
|
|
35
|
+
const HeaderTag = as ?? titleTypeMapping[DEFAULT_TYPE];
|
|
36
|
+
return <HeaderTag {...props} className={classNames(`np-text-${DEFAULT_TYPE}`, className)} />;
|
|
38
37
|
}
|
|
39
38
|
|
|
40
39
|
export default Title;
|