@transferwise/components 0.0.0-experimental-8b6ee2a → 0.0.0-experimental-335b83d

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 (71) hide show
  1. package/build/index.esm.js +669 -13
  2. package/build/index.esm.js.map +1 -1
  3. package/build/index.js +672 -13
  4. package/build/index.js.map +1 -1
  5. package/build/main.css +1 -1
  6. package/build/styles/inputs/Input.css +1 -1
  7. package/build/styles/inputs/InputGroup.css +1 -1
  8. package/build/styles/inputs/SelectInput.css +1 -0
  9. package/build/styles/inputs/TextArea.css +1 -1
  10. package/build/styles/main.css +1 -1
  11. package/build/types/common/hooks/useMedia.d.ts +2 -0
  12. package/build/types/common/hooks/useMedia.d.ts.map +1 -0
  13. package/build/types/common/hooks/useScreenSize.d.ts +3 -0
  14. package/build/types/common/hooks/useScreenSize.d.ts.map +1 -0
  15. package/build/types/common/preventScroll/PreventScroll.d.ts +2 -0
  16. package/build/types/common/preventScroll/PreventScroll.d.ts.map +1 -0
  17. package/build/types/dateLookup/dateTrigger/DateTrigger.messages.d.ts +7 -7
  18. package/build/types/dateLookup/dateTrigger/DateTrigger.messages.d.ts.map +1 -1
  19. package/build/types/index.d.ts +4 -0
  20. package/build/types/index.d.ts.map +1 -1
  21. package/build/types/inputs/Input.d.ts +1 -0
  22. package/build/types/inputs/Input.d.ts.map +1 -1
  23. package/build/types/inputs/SearchInput.d.ts +10 -0
  24. package/build/types/inputs/SearchInput.d.ts.map +1 -0
  25. package/build/types/inputs/SelectInput.d.ts +41 -0
  26. package/build/types/inputs/SelectInput.d.ts.map +1 -0
  27. package/build/types/inputs/_BottomSheet.d.ts +17 -0
  28. package/build/types/inputs/_BottomSheet.d.ts.map +1 -0
  29. package/build/types/inputs/_ButtonInput.d.ts +6 -0
  30. package/build/types/inputs/_ButtonInput.d.ts.map +1 -0
  31. package/build/types/inputs/_Popover.d.ts +18 -0
  32. package/build/types/inputs/_Popover.d.ts.map +1 -0
  33. package/build/types/inputs/_common.d.ts.map +1 -1
  34. package/build/types/utilities/wrapInFragment.d.ts +3 -0
  35. package/build/types/utilities/wrapInFragment.d.ts.map +1 -0
  36. package/package.json +27 -21
  37. package/src/avatar/Avatar.story.tsx +14 -16
  38. package/src/common/hooks/useMedia.ts +15 -0
  39. package/src/common/hooks/useScreenSize.ts +7 -0
  40. package/src/common/preventScroll/PreventScroll.tsx +6 -0
  41. package/src/index.ts +8 -0
  42. package/src/inputs/Input.css +1 -1
  43. package/src/inputs/Input.less +14 -0
  44. package/src/inputs/Input.tsx +6 -2
  45. package/src/inputs/InputGroup.css +1 -1
  46. package/src/inputs/InputGroup.less +6 -1
  47. package/src/inputs/SearchInput.story.tsx +40 -0
  48. package/src/inputs/SearchInput.tsx +35 -0
  49. package/src/inputs/SelectInput.css +1 -0
  50. package/src/inputs/SelectInput.less +183 -0
  51. package/src/inputs/SelectInput.story.tsx +259 -0
  52. package/src/inputs/SelectInput.tsx +565 -0
  53. package/src/inputs/TextArea.css +1 -1
  54. package/src/inputs/TextArea.less +5 -0
  55. package/src/inputs/_BottomSheet.less +107 -0
  56. package/src/inputs/_BottomSheet.tsx +128 -0
  57. package/src/inputs/_ButtonInput.less +7 -0
  58. package/src/inputs/_ButtonInput.tsx +27 -0
  59. package/src/inputs/_Popover.less +38 -0
  60. package/src/inputs/_Popover.tsx +118 -0
  61. package/src/inputs/_common.less +0 -4
  62. package/src/inputs/_common.ts +0 -1
  63. package/src/main.css +1 -1
  64. package/src/main.less +4 -0
  65. package/src/navigationOption/NavigationOption.story.js +5 -3
  66. package/src/radio/Radio.story.js +2 -3
  67. package/src/radioGroup/RadioGroup.story.js +1 -2
  68. package/src/select/searchBox/__snapshots__/SearchBox.spec.js.snap +1 -1
  69. package/src/ssr.spec.js +7 -0
  70. package/src/utilities/wrapInFragment.tsx +3 -0
  71. /package/src/dateLookup/dateTrigger/{DateTrigger.messages.js → DateTrigger.messages.ts} +0 -0
@@ -0,0 +1,2 @@
1
+ export declare function useMedia(query: string): boolean | undefined;
2
+ //# sourceMappingURL=useMedia.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useMedia.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/useMedia.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,uBAYrC"}
@@ -0,0 +1,3 @@
1
+ import { Breakpoint } from '../propsValues/breakpoint';
2
+ export declare function useScreenSize(size: Breakpoint): boolean | undefined;
3
+ //# sourceMappingURL=useScreenSize.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScreenSize.d.ts","sourceRoot":"","sources":["../../../../src/common/hooks/useScreenSize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAIvD,wBAAgB,aAAa,CAAC,IAAI,EAAE,UAAU,uBAE7C"}
@@ -0,0 +1,2 @@
1
+ export declare function PreventScroll(): null;
2
+ //# sourceMappingURL=PreventScroll.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PreventScroll.d.ts","sourceRoot":"","sources":["../../../../src/common/preventScroll/PreventScroll.tsx"],"names":[],"mappings":"AAEA,wBAAgB,aAAa,SAG5B"}
@@ -1,9 +1,9 @@
1
- declare namespace _default {
2
- namespace ariaLabel {
3
- const id: string;
4
- const defaultMessage: string;
5
- const description: string;
6
- }
7
- }
1
+ declare const _default: {
2
+ ariaLabel: {
3
+ id: string;
4
+ defaultMessage: string;
5
+ description: string;
6
+ };
7
+ };
8
8
  export default _default;
9
9
  //# sourceMappingURL=DateTrigger.messages.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateTrigger.messages.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateTrigger/DateTrigger.messages.js"],"names":[],"mappings":""}
1
+ {"version":3,"file":"DateTrigger.messages.d.ts","sourceRoot":"","sources":["../../../../src/dateLookup/dateTrigger/DateTrigger.messages.ts"],"names":[],"mappings":";;;;;;;AAEA,wBAMG"}
@@ -3,6 +3,8 @@
3
3
  */
4
4
  export type { InputProps } from './inputs/Input';
5
5
  export type { InputGroupProps } from './inputs/InputGroup';
6
+ export type { SearchInputProps } from './inputs/SearchInput';
7
+ export type { SelectInputItem, SelectInputOptionContentProps, SelectInputProps, } from './inputs/SelectInput';
6
8
  export type { TextAreaProps } from './inputs/TextArea';
7
9
  export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
8
10
  export type { ModalProps } from './modal';
@@ -46,6 +48,8 @@ export { default as Info } from './info';
46
48
  export { default as InlineAlert } from './inlineAlert';
47
49
  export { Input } from './inputs/Input';
48
50
  export { InputGroup } from './inputs/InputGroup';
51
+ export { SearchInput } from './inputs/SearchInput';
52
+ export { SelectInput, SelectInputOptionContent } from './inputs/SelectInput';
49
53
  export { TextArea } from './inputs/TextArea';
50
54
  export { default as InputWithDisplayFormat } from './inputWithDisplayFormat';
51
55
  export { default as InstructionsList } from './instructionsList';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -3,6 +3,7 @@ import { SizeLarge, SizeMedium, SizeSmall } from '../common';
3
3
  import { Merge } from '../utils';
4
4
  export interface InputProps extends Merge<React.ComponentPropsWithRef<'input'>, {
5
5
  size?: 'auto' | SizeSmall | SizeMedium | SizeLarge;
6
+ shape?: 'rectangle' | 'pill';
6
7
  'aria-invalid'?: boolean;
7
8
  }> {
8
9
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/inputs/Input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,WAAW,UACf,SAAQ,KAAK,CACX,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC;IACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CACF;CAAG;AAEN,eAAO,MAAM,KAAK,sHAehB,CAAC"}
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/inputs/Input.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,WAAW,UACf,SAAQ,KAAK,CACX,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC;IACE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACnD,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CACF;CAAG;AAEN,eAAO,MAAM,KAAK,sHAkBhB,CAAC"}
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { Merge } from '../utils';
3
+ export interface SearchInputProps extends Merge<React.ComponentPropsWithRef<'input'>, {
4
+ size?: 'sm' | 'md';
5
+ shape?: 'rectangle' | 'pill';
6
+ 'aria-invalid'?: boolean;
7
+ }> {
8
+ }
9
+ export declare const SearchInput: import("react").ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
10
+ //# sourceMappingURL=SearchInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SearchInput.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAKjC,MAAM,WAAW,gBACf,SAAQ,KAAK,CACX,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EACpC;IACE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CACF;CAAG;AAEN,eAAO,MAAM,WAAW,4HAgBtB,CAAC"}
@@ -0,0 +1,41 @@
1
+ /// <reference types="react" />
2
+ interface SelectInputOptionItem<T = string> {
3
+ type: 'option';
4
+ value: T;
5
+ filterMatchers?: readonly string[];
6
+ disabled?: boolean;
7
+ }
8
+ interface SelectInputGroupItem<T = string> {
9
+ type: 'group';
10
+ label: string;
11
+ options: readonly SelectInputOptionItem<T>[];
12
+ }
13
+ interface SelectInputSeparatorItem {
14
+ type: 'separator';
15
+ }
16
+ export type SelectInputItem<T = string> = SelectInputOptionItem<T> | SelectInputGroupItem<T> | SelectInputSeparatorItem;
17
+ export interface SelectInputProps<T = string> {
18
+ name?: string;
19
+ placeholder?: string;
20
+ items: readonly SelectInputItem<NonNullable<T>>[];
21
+ defaultValue?: T;
22
+ value?: T;
23
+ renderValue?: (value: NonNullable<T>, compact: boolean) => React.ReactNode;
24
+ compareValues?: (keyof NonNullable<T> & string) | ((a: T | undefined, b: T | undefined) => boolean);
25
+ filterable?: boolean;
26
+ filterPlaceholder?: string;
27
+ disabled?: boolean;
28
+ className?: string;
29
+ onChange?: (value: T) => void;
30
+ onClear?: () => void;
31
+ }
32
+ export declare function SelectInput<T>({ name, placeholder, items, defaultValue, value: controlledValue, renderValue, compareValues, filterable, filterPlaceholder, disabled, className, onChange, onClear, }: SelectInputProps<T>): import("react").JSX.Element;
33
+ export interface SelectInputOptionContentProps {
34
+ title: string;
35
+ note?: string;
36
+ description?: string;
37
+ icon?: React.ReactNode;
38
+ }
39
+ export declare function SelectInputOptionContent({ title, note, description, icon, }: SelectInputOptionContentProps): import("react").JSX.Element;
40
+ export {};
41
+ //# sourceMappingURL=SelectInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/SelectInput.tsx"],"names":[],"mappings":";AA0CA,UAAU,qBAAqB,CAAC,CAAC,GAAG,MAAM;IACxC,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,CAAC,CAAC;IACT,cAAc,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,oBAAoB,CAAC,CAAC,GAAG,MAAM;IACvC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;CAC9C;AAED,UAAU,wBAAwB;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,MAAM,IAClC,qBAAqB,CAAC,CAAC,CAAC,GACxB,oBAAoB,CAAC,CAAC,CAAC,GACvB,wBAAwB,CAAC;AAuC7B,MAAM,WAAW,gBAAgB,CAAC,CAAC,GAAG,MAAM;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,KAAK,EAAE,SAAS,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAC3E,aAAa,CAAC,EACV,CAAC,MAAM,WAAW,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,GAC/B,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,CAAC,GAAG,SAAS,KAAK,OAAO,CAAC,CAAC;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,WAA4B,EAC5B,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,CAAC,CAAC,CAAC,+BA2GrB;AA2QD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,IAAI,EACJ,WAAW,EACX,IAAI,GACL,EAAE,6BAA6B,+BA4C/B"}
@@ -0,0 +1,17 @@
1
+ /// <reference types="react" />
2
+ export interface BottomSheetProps {
3
+ open: boolean;
4
+ renderTrigger?: (args: {
5
+ ref: React.RefCallback<Element>;
6
+ getInteractionProps: (customEventHandlers?: React.HTMLProps<Element>) => {
7
+ [key: string]: unknown;
8
+ };
9
+ }) => React.ReactNode;
10
+ title?: string;
11
+ initialFocusRef?: React.RefObject<HTMLElement>;
12
+ padding?: 'none' | 'md';
13
+ children?: React.ReactNode;
14
+ onClose?: () => void;
15
+ }
16
+ export declare function BottomSheet({ open, renderTrigger, title, initialFocusRef, padding, children, onClose, }: BottomSheetProps): import("react").JSX.Element;
17
+ //# sourceMappingURL=_BottomSheet.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/inputs/_BottomSheet.tsx"],"names":[],"mappings":";AAgBA,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE;QACrB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,KAAK,EACL,eAAe,EACf,OAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,gBAAgB,+BAwFlB"}
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ export interface ButtonInputProps extends React.ComponentPropsWithRef<'button'> {
3
+ size?: 'sm' | 'md' | 'lg';
4
+ }
5
+ export declare const ButtonInput: import("react").ForwardRefExoticComponent<Omit<ButtonInputProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
6
+ //# sourceMappingURL=_ButtonInput.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_ButtonInput.d.ts","sourceRoot":"","sources":["../../../src/inputs/_ButtonInput.tsx"],"names":[],"mappings":";AAMA,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC;IAC7E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,6HAgBtB,CAAC"}
@@ -0,0 +1,18 @@
1
+ /// <reference types="react" />
2
+ import { type Side } from '@floating-ui/react';
3
+ export interface PopoverProps {
4
+ placement?: Side;
5
+ open: boolean;
6
+ renderTrigger: (args: {
7
+ ref: React.RefCallback<Element>;
8
+ getInteractionProps: (customEventHandlers?: React.HTMLProps<Element>) => {
9
+ [key: string]: unknown;
10
+ };
11
+ }) => React.ReactNode;
12
+ title?: string;
13
+ padding?: 'none' | 'md';
14
+ children?: React.ReactNode;
15
+ onClose?: () => void;
16
+ }
17
+ export declare function Popover({ placement, open, renderTrigger, title, padding, children, onClose, }: PopoverProps): import("react").JSX.Element;
18
+ //# sourceMappingURL=_Popover.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_Popover.d.ts","sourceRoot":"","sources":["../../../src/inputs/_Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAOL,KAAK,IAAI,EAMV,MAAM,oBAAoB,CAAC;AAO5B,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,CAAC,IAAI,EAAE;QACpB,GAAG,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;QAChC,mBAAmB,EAAE,CAAC,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK;YACvE,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;SACxB,CAAC;KACH,KAAK,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAID,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,IAAI,EACJ,aAAa,EACb,KAAK,EACL,OAAc,EACd,QAAQ,EACR,OAAO,GACR,EAAE,YAAY,+BAwEd"}
@@ -1 +1 @@
1
- {"version":3,"file":"_common.d.ts","sourceRoot":"","sources":["../../../src/inputs/_common.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE7D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,IAAa,EAAE,GAAE,oBAAyB,UAYpF"}
1
+ {"version":3,"file":"_common.d.ts","sourceRoot":"","sources":["../../../src/inputs/_common.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AAE7D,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;CACpD,CAAC;AAEF,wBAAgB,wBAAwB,CAAC,EAAE,IAAa,EAAE,GAAE,oBAAyB,UAWpF"}
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export declare function wrapInFragment(value: unknown): import("react").JSX.Element;
3
+ //# sourceMappingURL=wrapInFragment.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wrapInFragment.d.ts","sourceRoot":"","sources":["../../../src/utilities/wrapInFragment.tsx"],"names":[],"mappings":";AAAA,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,+BAE5C"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@transferwise/components",
3
- "version": "0.0.0-experimental-8b6ee2a",
3
+ "version": "0.0.0-experimental-335b83d",
4
4
  "description": "Neptune React components",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -32,21 +32,21 @@
32
32
  "@rollup/plugin-json": "^6.0.0",
33
33
  "@rollup/plugin-node-resolve": "^15.2.1",
34
34
  "@rollup/plugin-typescript": "^11.1.3",
35
- "@storybook/addon-a11y": "^7.0.6",
36
- "@storybook/addon-actions": "^7.0.6",
37
- "@storybook/addon-essentials": "^7.0.6",
38
- "@storybook/addon-interactions": "^7.0.6",
39
- "@storybook/addon-knobs": "^7.0.0",
40
- "@storybook/addon-viewport": "^7.0.6",
41
- "@storybook/addons": "^7.0.0",
42
- "@storybook/api": "^7.0.0",
43
- "@storybook/components": "^7.0.0",
44
- "@storybook/core-events": "^7.0.0",
45
- "@storybook/react": "^7.0.6",
46
- "@storybook/react-webpack5": "^7.0.6",
35
+ "@storybook/addon-a11y": "^7.4.5",
36
+ "@storybook/addon-actions": "^7.4.5",
37
+ "@storybook/addon-essentials": "^7.4.5",
38
+ "@storybook/addon-interactions": "^7.4.5",
39
+ "@storybook/addon-knobs": "^7.0.2",
40
+ "@storybook/addon-viewport": "^7.4.5",
41
+ "@storybook/addons": "^7.4.5",
42
+ "@storybook/api": "^7.4.5",
43
+ "@storybook/components": "^7.4.5",
44
+ "@storybook/core-events": "^7.4.5",
45
+ "@storybook/react": "^7.4.5",
46
+ "@storybook/react-webpack5": "^7.4.5",
47
47
  "@storybook/testing-library": "^0.1.0",
48
- "@storybook/theming": "^7.0.0",
49
- "@storybook/types": "^7.0.6",
48
+ "@storybook/theming": "^7.4.5",
49
+ "@storybook/types": "^7.4.5",
50
50
  "@testing-library/dom": "^7.21.4",
51
51
  "@testing-library/jest-dom": "^5.14.1",
52
52
  "@testing-library/react": "^12.0.0",
@@ -62,6 +62,7 @@
62
62
  "@types/react-dom": "^17.0.20",
63
63
  "@types/react-transition-group": "4.4.5",
64
64
  "@types/testing-library__jest-dom": "^5.14.5",
65
+ "@types/use-sync-external-store": "^0.0.4",
65
66
  "@wise/art": "^2.7.0",
66
67
  "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
67
68
  "babel-plugin-formatjs": "^10.5.3",
@@ -75,15 +76,15 @@
75
76
  "npm-watch": "^0.11.0",
76
77
  "react-intl": "^5.10.0",
77
78
  "rollup": "^3.28.1",
78
- "storybook": "^7.0.6",
79
+ "storybook": "^7.4.5",
79
80
  "@transferwise/less-config": "3.0.6",
80
- "@transferwise/neptune-css": "14.5.2",
81
- "@wise/components-theming": "0.8.4"
81
+ "@wise/components-theming": "0.8.4",
82
+ "@transferwise/neptune-css": "14.5.2"
82
83
  },
83
84
  "peerDependencies": {
84
85
  "@transferwise/icons": "^3.7.0",
85
86
  "@transferwise/neptune-css": "^14.5.2",
86
- "@wise/art": "^2",
87
+ "@wise/art": "^2.7.0",
87
88
  "@wise/components-theming": "^0.8.4",
88
89
  "currency-flags": "^4.0.2",
89
90
  "react": ">=16.14",
@@ -97,8 +98,12 @@
97
98
  },
98
99
  "dependencies": {
99
100
  "@babel/runtime": "^7.22.15",
101
+ "@floating-ui/react": "^0.25.4",
100
102
  "@formatjs/intl-locale": "^2.4.14",
103
+ "@headlessui/react": "^1.7.17",
101
104
  "@popperjs/core": "^2.6.0",
105
+ "@radix-ui/react-id": "^1.0.0",
106
+ "@react-aria/overlays": "^3.17.0",
102
107
  "@react-spring/web": "~9.6.1",
103
108
  "@transferwise/formatting": "^2.1.0",
104
109
  "@transferwise/neptune-validation": "^3.1.0",
@@ -115,7 +120,8 @@
115
120
  "react-merge-refs": "^1.1.0",
116
121
  "react-popper": "^2.2.4",
117
122
  "react-required-if": "^1.0.3",
118
- "react-transition-group": "^4.4.2"
123
+ "react-transition-group": "^4.4.2",
124
+ "use-sync-external-store": "^1.2.0"
119
125
  },
120
126
  "watch": {
121
127
  "build:crowdin-source-file": "src/**/*.messages.js"
@@ -139,7 +145,7 @@
139
145
  "build:clean": "rm -rf lib build",
140
146
  "build:crowdin-source-file": "formatjs extract 'src/**/*.messages.+(js|ts|tsx)' --out-file src/i18n/en.json --format simple && prettier --find-config-path --write src/i18n/*.json",
141
147
  "build:js": "rollup --config --sourcemap",
142
- "build:generate-types": "tsc && node ./scripts/generate-type-declarations.js",
148
+ "build:generate-types": "node ./scripts/generate-type-declarations.js",
143
149
  "build:copy-files": "cpx 'src/**/!(db)/*.{json,svg}' build",
144
150
  "build:copy-css": "cpx 'src/main.css' build/ & cpx 'src/**/*.css' build/styles/",
145
151
  "build:copy-lang": "cpx 'src/i18n/*.json' build/i18n && cpx 'src/i18n/index.js' build/i18n",
@@ -1,6 +1,5 @@
1
1
  import { Meta, StoryObj } from '@storybook/react';
2
2
  import * as wiseIcons from '@transferwise/icons';
3
- import { Flag } from '@wise/art';
4
3
 
5
4
  import { Size } from '../common';
6
5
  import { storyConfig } from '../test-utils';
@@ -23,11 +22,10 @@ export const Emoji: Story = {
23
22
  },
24
23
  };
25
24
 
26
- export const FlagStory: Story = {
27
- name: 'Flag',
25
+ export const Flag: Story = {
28
26
  render: (args) => (
29
27
  <Avatar {...args}>
30
- <Flag code="GBP" />
28
+ <img src="https://wise.com/web-art/assets/flags/gbp.svg" alt="" />
31
29
  </Avatar>
32
30
  ),
33
31
  args: {
@@ -40,8 +38,8 @@ export const FlagStory: Story = {
40
38
  export const Table: Story = storyConfig(
41
39
  {
42
40
  render: () => {
43
- const flagJPY = <Flag code="JPY" />;
44
- const flagGBP = <Flag code="GBP" />;
41
+ const flagResourceJpy = 'https://wise.com/web-art/assets/flags/jpy.svg';
42
+ const flagResourceGbp = 'https://wise.com/web-art/assets/flags/gbp.svg';
45
43
  const backgroundColor = '#d6f5e3';
46
44
  const emoji = '✈️';
47
45
  const initials = 'GN';
@@ -54,27 +52,27 @@ export const Table: Story = storyConfig(
54
52
  <tr>
55
53
  <td>
56
54
  <Avatar size={Size.LARGE} type={AvatarType.THUMBNAIL} outlined>
57
- {flagJPY}
55
+ <img src={flagResourceJpy} alt="" />
58
56
  </Avatar>
59
57
  </td>
60
58
  <td>
61
59
  <Avatar size={56} type={AvatarType.THUMBNAIL} outlined>
62
- {flagJPY}
60
+ <img src={flagResourceJpy} alt="" />
63
61
  </Avatar>
64
62
  </td>
65
63
  <td>
66
64
  <Avatar size={Size.MEDIUM} type={AvatarType.THUMBNAIL} outlined>
67
- {flagJPY}
65
+ <img src={flagResourceJpy} alt="" />
68
66
  </Avatar>
69
67
  </td>
70
68
  <td>
71
69
  <Avatar size={40} type={AvatarType.THUMBNAIL} outlined>
72
- {flagJPY}
70
+ <img src={flagResourceJpy} alt="" />
73
71
  </Avatar>
74
72
  </td>
75
73
  <td>
76
74
  <Avatar size={Size.SMALL} type={AvatarType.THUMBNAIL} outlined>
77
- {flagJPY}
75
+ <img src={flagResourceJpy} alt="" />
78
76
  </Avatar>
79
77
  </td>
80
78
  </tr>
@@ -82,27 +80,27 @@ export const Table: Story = storyConfig(
82
80
  <tr>
83
81
  <td>
84
82
  <Avatar size={Size.LARGE} type={AvatarType.THUMBNAIL}>
85
- {flagGBP}
83
+ <img src={flagResourceGbp} alt="" />
86
84
  </Avatar>
87
85
  </td>
88
86
  <td>
89
87
  <Avatar size={56} type={AvatarType.THUMBNAIL}>
90
- {flagGBP}
88
+ <img src={flagResourceGbp} alt="" />
91
89
  </Avatar>
92
90
  </td>
93
91
  <td>
94
92
  <Avatar size={Size.MEDIUM} type={AvatarType.THUMBNAIL}>
95
- {flagGBP}
93
+ <img src={flagResourceGbp} alt="" />
96
94
  </Avatar>
97
95
  </td>
98
96
  <td>
99
97
  <Avatar size={40} type={AvatarType.THUMBNAIL}>
100
- {flagGBP}
98
+ <img src={flagResourceGbp} alt="" />
101
99
  </Avatar>
102
100
  </td>
103
101
  <td>
104
102
  <Avatar size={Size.SMALL} type={AvatarType.THUMBNAIL}>
105
- {flagGBP}
103
+ <img src={flagResourceGbp} alt="" />
106
104
  </Avatar>
107
105
  </td>
108
106
  </tr>
@@ -0,0 +1,15 @@
1
+ import { useSyncExternalStore } from 'use-sync-external-store/shim';
2
+
3
+ export function useMedia(query: string) {
4
+ return useSyncExternalStore(
5
+ (onStoreChange) => {
6
+ const mediaQueryList = window.matchMedia(query);
7
+ mediaQueryList.addEventListener('change', onStoreChange);
8
+ return () => {
9
+ mediaQueryList.removeEventListener('change', onStoreChange);
10
+ };
11
+ },
12
+ () => (typeof window !== 'undefined' ? window.matchMedia(query).matches : undefined),
13
+ () => undefined,
14
+ );
15
+ }
@@ -0,0 +1,7 @@
1
+ import { Breakpoint } from '../propsValues/breakpoint';
2
+
3
+ import { useMedia } from './useMedia';
4
+
5
+ export function useScreenSize(size: Breakpoint) {
6
+ return useMedia(`(min-width: ${size}px)`);
7
+ }
@@ -0,0 +1,6 @@
1
+ import { usePreventScroll } from '@react-aria/overlays';
2
+
3
+ export function PreventScroll() {
4
+ usePreventScroll();
5
+ return null;
6
+ }
package/src/index.ts CHANGED
@@ -3,6 +3,12 @@
3
3
  */
4
4
  export type { InputProps } from './inputs/Input';
5
5
  export type { InputGroupProps } from './inputs/InputGroup';
6
+ export type { SearchInputProps } from './inputs/SearchInput';
7
+ export type {
8
+ SelectInputItem,
9
+ SelectInputOptionContentProps,
10
+ SelectInputProps,
11
+ } from './inputs/SelectInput';
6
12
  export type { TextAreaProps } from './inputs/TextArea';
7
13
  export type { UploadedFile, UploadError, UploadResponse } from './uploadInput/types';
8
14
  export type { ModalProps } from './modal';
@@ -54,6 +60,8 @@ export { default as Info } from './info';
54
60
  export { default as InlineAlert } from './inlineAlert';
55
61
  export { Input } from './inputs/Input';
56
62
  export { InputGroup } from './inputs/InputGroup';
63
+ export { SearchInput } from './inputs/SearchInput';
64
+ export { SelectInput, SelectInputOptionContent } from './inputs/SelectInput';
57
65
  export { TextArea } from './inputs/TextArea';
58
66
  export { default as InputWithDisplayFormat } from './inputWithDisplayFormat';
59
67
  export { default as InstructionsList } from './instructionsList';
@@ -1 +1 @@
1
- .np-form-control{--ring-width:1px;--ring-color:var(--color-interactive-secondary);background-color:transparent;border:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);color:#37517e;color:var(--color-content-primary);min-height:0;padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16);transition-duration:.3s;transition-property:color,opacity,box-shadow;transition-timing-function:ease-in-out}.np-form-control:focus-visible{outline:none}.np-form-control[aria-invalid=true]{--ring-width:2px;--ring-color:var(--color-sentiment-negative)!important}.np-form-control:hover:enabled{--ring-width:2px;--ring-color:var(--color-interactive-secondary-hover)}.np-form-control:focus:enabled{--ring-width:3px;--ring-color:var(--color-interactive-primary)}.np-form-control--size-auto{padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-form-control--size-lg,.np-form-control--size-md,.np-form-control--size-sm{padding-bottom:0!important;padding-top:0!important}.np-form-control--size-sm{height:32px!important;height:var(--size-32)!important}.np-form-control--size-md{height:48px!important;height:var(--size-48)!important}.np-form-control--size-lg{height:72px!important;height:var(--size-72)!important}.np-form-control--shape-rectangle{border-radius:10px;border-radius:var(--radius-small)}
1
+ .np-form-control{--ring-width:1px;--ring-color:var(--color-interactive-secondary);background-color:transparent;border:none;box-shadow:inset 0 0 0 var(--ring-width) var(--ring-color);color:#37517e;color:var(--color-content-primary);min-height:0;padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16);transition-duration:.3s;transition-property:color,opacity,box-shadow;transition-timing-function:ease-in-out}.np-form-control:focus-visible{outline:none}.np-form-control[aria-invalid=true]{--ring-width:2px;--ring-color:var(--color-sentiment-negative)!important}.np-form-control:hover:enabled{--ring-width:2px;--ring-color:var(--color-interactive-secondary-hover)}.np-form-control:focus:enabled{--ring-width:3px;--ring-color:var(--color-interactive-primary)}.np-form-control--size-auto{padding-bottom:12px;padding-bottom:var(--size-12);padding-top:12px;padding-top:var(--size-12)}.np-form-control--size-lg,.np-form-control--size-md,.np-form-control--size-sm{padding-bottom:0!important;padding-top:0!important}.np-form-control--size-sm{height:32px!important;height:var(--size-32)!important}.np-form-control--size-md{height:48px!important;height:var(--size-48)!important}.np-form-control--size-lg{height:72px!important;height:var(--size-72)!important}.np-input::-moz-placeholder{color:#768e9c;color:var(--color-content-tertiary)}.np-input::placeholder{color:#768e9c;color:var(--color-content-tertiary)}.np-input--shape-rectangle{border-radius:10px!important;border-radius:var(--radius-small)!important}.np-input--shape-pill{border-radius:9999px!important}
@@ -1 +1,15 @@
1
1
  @import "./_common.less";
2
+
3
+ .np-input {
4
+ &::placeholder {
5
+ color: var(--color-content-tertiary);
6
+ }
7
+
8
+ &--shape-rectangle {
9
+ border-radius: var(--radius-small) !important;
10
+ }
11
+
12
+ &--shape-pill {
13
+ border-radius: 9999px !important;
14
+ }
15
+ }
@@ -12,12 +12,13 @@ export interface InputProps
12
12
  React.ComponentPropsWithRef<'input'>,
13
13
  {
14
14
  size?: 'auto' | SizeSmall | SizeMedium | SizeLarge;
15
+ shape?: 'rectangle' | 'pill';
15
16
  'aria-invalid'?: boolean;
16
17
  }
17
18
  > {}
18
19
 
19
20
  export const Input = forwardRef(function Input(
20
- { size = 'auto', className, ...restProps }: InputProps,
21
+ { size = 'auto', shape = 'rectangle', className, ...restProps }: InputProps,
21
22
  reference: React.ForwardedRef<HTMLInputElement>,
22
23
  ) {
23
24
  const inputPaddings = useInputPaddings();
@@ -25,7 +26,10 @@ export const Input = forwardRef(function Input(
25
26
  return (
26
27
  <input
27
28
  ref={reference}
28
- className={classNames(className, formControlClassNameBase({ size }))}
29
+ className={classNames(className, formControlClassNameBase({ size }), 'np-input', {
30
+ 'np-input--shape-rectangle': shape === 'rectangle',
31
+ 'np-input--shape-pill': shape === 'pill',
32
+ })}
29
33
  // eslint-disable-next-line react/forbid-dom-props
30
34
  style={inputPaddings}
31
35
  {...restProps}
@@ -1 +1 @@
1
- .np-input-group{border-radius:50%;border-radius:var(--radius-full);display:inline-grid;grid-auto-columns:minmax(0,1fr)}.np-input-group>*{grid-column-start:1;grid-row-start:1}.np-input-addon{align-items:center;color:#c9cbce;color:var(--color-interactive-secondary);display:inline-flex;pointer-events:none;transition-duration:.15s;transition-property:color,opacity;transition-timing-function:ease-out;z-index:10}.np-input-group:has(>:is(input,button,select):focus-visible) .np-input-addon{color:var(--color-interactive-primary)}.np-input-group:has(>:is(input,button,select):hover) .np-input-addon{color:#b5b7ba;color:var(--color-interactive-secondary-hover)}.np-input-addon--placement-start{justify-self:start}.np-input-addon--placement-end{justify-self:end}.np-input-addon--interactive>*{pointer-events:auto}.np-input-addon--padding-sm{padding-left:8px;padding-left:var(--size-8);padding-right:8px;padding-right:var(--size-8)}.np-input-addon--padding-md{padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16)}.np-input-addon--padding-md.np-input-addon--placement-start{padding-inline-end:8px;padding-inline-end:var(--size-8)}.np-input-addon--padding-md.np-input-addon--placement-end{padding-inline-start:8px;padding-inline-start:var(--size-8)}
1
+ .np-input-group{border-radius:9999px;display:inline-grid;grid-auto-columns:minmax(0,1fr)}.np-input-group>*{grid-column-start:1;grid-row-start:1}.np-input-addon{align-items:center;color:#c9cbce;color:var(--color-interactive-secondary);display:inline-flex;pointer-events:none;transition-duration:.15s;transition-property:color,opacity;transition-timing-function:ease-out;z-index:10}.np-input-group:disabled .np-input-addon:not(.np-input-addon--interactive){mix-blend-mode:luminosity;opacity:.45}.np-input-group:has(>:is(input,button,select):focus-visible) .np-input-addon{color:var(--color-interactive-primary)}.np-input-group:has(>:is(input,button,select):hover) .np-input-addon{color:#b5b7ba;color:var(--color-interactive-secondary-hover)}.np-input-addon--placement-start{justify-self:start}.np-input-addon--placement-end{justify-self:end}.np-input-addon--interactive>*{pointer-events:auto}.np-input-addon--padding-sm{padding-left:8px;padding-left:var(--size-8);padding-right:8px;padding-right:var(--size-8)}.np-input-addon--padding-md{padding-left:16px;padding-left:var(--size-16);padding-right:16px;padding-right:var(--size-16)}.np-input-addon--padding-md.np-input-addon--placement-start{padding-inline-end:8px;padding-inline-end:var(--size-8)}.np-input-addon--padding-md.np-input-addon--placement-end{padding-inline-start:8px;padding-inline-start:var(--size-8)}
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  /* Prevent unwanted `group-hover/input` triggers */
11
- border-radius: var(--radius-full);
11
+ border-radius: 9999px;
12
12
  }
13
13
 
14
14
  .np-input-addon {
@@ -21,6 +21,11 @@
21
21
  transition-timing-function: ease-out;
22
22
  transition-duration: 150ms;
23
23
 
24
+ .np-input-group:disabled &:not(&--interactive) {
25
+ opacity: 0.45;
26
+ mix-blend-mode: luminosity;
27
+ }
28
+
24
29
  .np-input-group:has(>:is(input,button,select):focus-visible) & {
25
30
  color: var(--color-interactive-primary);
26
31
  }