@transferwise/components 0.0.0-experimental-bcfa03a → 0.0.0-experimental-5cd0315

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 (180) hide show
  1. package/build/dateInput/DateInput.js +3 -6
  2. package/build/dateInput/DateInput.js.map +1 -1
  3. package/build/dateInput/DateInput.mjs +2 -5
  4. package/build/dateInput/DateInput.mjs.map +1 -1
  5. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js +3 -5
  6. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.js.map +1 -1
  7. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs +1 -3
  8. package/build/expressiveMoneyInput/currencySelector/CurrencySelector.mjs.map +1 -1
  9. package/build/index.js +3 -5
  10. package/build/index.js.map +1 -1
  11. package/build/index.mjs +1 -3
  12. package/build/index.mjs.map +1 -1
  13. package/build/inputs/SelectInput.js +840 -0
  14. package/build/inputs/SelectInput.js.map +1 -0
  15. package/build/inputs/SelectInput.messages.js.map +1 -0
  16. package/build/inputs/SelectInput.messages.mjs.map +1 -0
  17. package/build/inputs/SelectInput.mjs +832 -0
  18. package/build/inputs/SelectInput.mjs.map +1 -0
  19. package/build/main.css +70 -65
  20. package/build/moneyInput/MoneyInput.js +2 -5
  21. package/build/moneyInput/MoneyInput.js.map +1 -1
  22. package/build/moneyInput/MoneyInput.mjs +1 -4
  23. package/build/moneyInput/MoneyInput.mjs.map +1 -1
  24. package/build/phoneNumberInput/PhoneNumberInput.js +2 -5
  25. package/build/phoneNumberInput/PhoneNumberInput.js.map +1 -1
  26. package/build/phoneNumberInput/PhoneNumberInput.mjs +1 -4
  27. package/build/phoneNumberInput/PhoneNumberInput.mjs.map +1 -1
  28. package/build/styles/inputs/{SelectInput/SelectInput.css → SelectInput.css} +70 -65
  29. package/build/styles/main.css +70 -65
  30. package/build/types/inputs/{SelectInput/SelectInput.types.d.ts → SelectInput.d.ts} +7 -10
  31. package/build/types/inputs/SelectInput.d.ts.map +1 -0
  32. package/build/types/inputs/SelectInput.messages.d.ts.map +1 -0
  33. package/package.json +2 -2
  34. package/src/inputs/{SelectInput/SelectInput.css → SelectInput.css} +70 -65
  35. package/src/inputs/{SelectInput/SelectInput.docs.mdx → SelectInput.docs.mdx} +1 -0
  36. package/src/inputs/SelectInput.less +219 -0
  37. package/src/inputs/{SelectInput/SelectInput.story.tsx → SelectInput.story.tsx} +7 -7
  38. package/src/inputs/SelectInput.tsx +1209 -0
  39. package/src/main.css +70 -65
  40. package/src/main.less +1 -1
  41. package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.js +0 -26
  42. package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.js.map +0 -1
  43. package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.mjs +0 -24
  44. package/build/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.mjs.map +0 -1
  45. package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.js +0 -54
  46. package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.js.map +0 -1
  47. package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.mjs +0 -52
  48. package/build/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.mjs.map +0 -1
  49. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js +0 -41
  50. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.js.map +0 -1
  51. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs +0 -38
  52. package/build/inputs/SelectInput/OptionContent/SelectInputOptionContent.mjs.map +0 -1
  53. package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.js +0 -50
  54. package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.js.map +0 -1
  55. package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.mjs +0 -48
  56. package/build/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.mjs.map +0 -1
  57. package/build/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.js +0 -45
  58. package/build/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.js.map +0 -1
  59. package/build/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.mjs +0 -41
  60. package/build/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.mjs.map +0 -1
  61. package/build/inputs/SelectInput/Options/ItemView/SelectInputItemView.js +0 -50
  62. package/build/inputs/SelectInput/Options/ItemView/SelectInputItemView.js.map +0 -1
  63. package/build/inputs/SelectInput/Options/ItemView/SelectInputItemView.mjs +0 -48
  64. package/build/inputs/SelectInput/Options/ItemView/SelectInputItemView.mjs.map +0 -1
  65. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js +0 -48
  66. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.js.map +0 -1
  67. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs +0 -46
  68. package/build/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.mjs.map +0 -1
  69. package/build/inputs/SelectInput/Options/SelectInputOptions.js +0 -270
  70. package/build/inputs/SelectInput/Options/SelectInputOptions.js.map +0 -1
  71. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs +0 -268
  72. package/build/inputs/SelectInput/Options/SelectInputOptions.mjs.map +0 -1
  73. package/build/inputs/SelectInput/SelectInput.constants.js +0 -6
  74. package/build/inputs/SelectInput/SelectInput.constants.js.map +0 -1
  75. package/build/inputs/SelectInput/SelectInput.constants.mjs +0 -4
  76. package/build/inputs/SelectInput/SelectInput.constants.mjs.map +0 -1
  77. package/build/inputs/SelectInput/SelectInput.helpers.js +0 -115
  78. package/build/inputs/SelectInput/SelectInput.helpers.js.map +0 -1
  79. package/build/inputs/SelectInput/SelectInput.helpers.mjs +0 -109
  80. package/build/inputs/SelectInput/SelectInput.helpers.mjs.map +0 -1
  81. package/build/inputs/SelectInput/SelectInput.js +0 -216
  82. package/build/inputs/SelectInput/SelectInput.js.map +0 -1
  83. package/build/inputs/SelectInput/SelectInput.messages.js.map +0 -1
  84. package/build/inputs/SelectInput/SelectInput.messages.mjs.map +0 -1
  85. package/build/inputs/SelectInput/SelectInput.mjs +0 -210
  86. package/build/inputs/SelectInput/SelectInput.mjs.map +0 -1
  87. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js +0 -41
  88. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.js.map +0 -1
  89. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs +0 -34
  90. package/build/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.mjs.map +0 -1
  91. package/build/styles/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.css +0 -17
  92. package/build/styles/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
  93. package/build/styles/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.css +0 -33
  94. package/build/styles/inputs/SelectInput/Options/ItemView/SelectInputItemView.css +0 -44
  95. package/build/styles/inputs/SelectInput/Options/SelectInputOptions.css +0 -125
  96. package/build/types/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.d.ts +0 -5
  97. package/build/types/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.d.ts.map +0 -1
  98. package/build/types/inputs/SelectInput/DefaultTrigger/ClearButton/index.d.ts +0 -2
  99. package/build/types/inputs/SelectInput/DefaultTrigger/ClearButton/index.d.ts.map +0 -1
  100. package/build/types/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.d.ts +0 -9
  101. package/build/types/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.d.ts.map +0 -1
  102. package/build/types/inputs/SelectInput/DefaultTrigger/index.d.ts +0 -2
  103. package/build/types/inputs/SelectInput/DefaultTrigger/index.d.ts.map +0 -1
  104. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts +0 -9
  105. package/build/types/inputs/SelectInput/OptionContent/SelectInputOptionContent.d.ts.map +0 -1
  106. package/build/types/inputs/SelectInput/OptionContent/index.d.ts +0 -3
  107. package/build/types/inputs/SelectInput/OptionContent/index.d.ts.map +0 -1
  108. package/build/types/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.d.ts +0 -3
  109. package/build/types/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.d.ts.map +0 -1
  110. package/build/types/inputs/SelectInput/Options/GroupItemView/index.d.ts +0 -2
  111. package/build/types/inputs/SelectInput/Options/GroupItemView/index.d.ts.map +0 -1
  112. package/build/types/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.d.ts +0 -10
  113. package/build/types/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.d.ts.map +0 -1
  114. package/build/types/inputs/SelectInput/Options/ItemView/Option/index.d.ts +0 -2
  115. package/build/types/inputs/SelectInput/Options/ItemView/Option/index.d.ts.map +0 -1
  116. package/build/types/inputs/SelectInput/Options/ItemView/SelectInputItemView.d.ts +0 -3
  117. package/build/types/inputs/SelectInput/Options/ItemView/SelectInputItemView.d.ts.map +0 -1
  118. package/build/types/inputs/SelectInput/Options/ItemView/index.d.ts +0 -2
  119. package/build/types/inputs/SelectInput/Options/ItemView/index.d.ts.map +0 -1
  120. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts +0 -6
  121. package/build/types/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.d.ts.map +0 -1
  122. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts +0 -2
  123. package/build/types/inputs/SelectInput/Options/OptionsContainer/index.d.ts.map +0 -1
  124. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts +0 -15
  125. package/build/types/inputs/SelectInput/Options/SelectInputOptions.d.ts.map +0 -1
  126. package/build/types/inputs/SelectInput/Options/index.d.ts +0 -2
  127. package/build/types/inputs/SelectInput/Options/index.d.ts.map +0 -1
  128. package/build/types/inputs/SelectInput/SelectInput.constants.d.ts +0 -2
  129. package/build/types/inputs/SelectInput/SelectInput.constants.d.ts.map +0 -1
  130. package/build/types/inputs/SelectInput/SelectInput.d.ts +0 -3
  131. package/build/types/inputs/SelectInput/SelectInput.d.ts.map +0 -1
  132. package/build/types/inputs/SelectInput/SelectInput.helpers.d.ts +0 -28
  133. package/build/types/inputs/SelectInput/SelectInput.helpers.d.ts.map +0 -1
  134. package/build/types/inputs/SelectInput/SelectInput.messages.d.ts.map +0 -1
  135. package/build/types/inputs/SelectInput/SelectInput.types.d.ts.map +0 -1
  136. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts +0 -15
  137. package/build/types/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.d.ts.map +0 -1
  138. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts +0 -3
  139. package/build/types/inputs/SelectInput/TriggerButton/index.d.ts.map +0 -1
  140. package/build/types/inputs/SelectInput/index.d.ts +0 -5
  141. package/build/types/inputs/SelectInput/index.d.ts.map +0 -1
  142. package/src/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.tsx +0 -25
  143. package/src/inputs/SelectInput/DefaultTrigger/ClearButton/index.ts +0 -1
  144. package/src/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.css +0 -17
  145. package/src/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.less +0 -15
  146. package/src/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.tsx +0 -56
  147. package/src/inputs/SelectInput/DefaultTrigger/index.ts +0 -1
  148. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.css +0 -37
  149. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.less +0 -38
  150. package/src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx +0 -67
  151. package/src/inputs/SelectInput/OptionContent/index.ts +0 -5
  152. package/src/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.tsx +0 -53
  153. package/src/inputs/SelectInput/Options/GroupItemView/index.ts +0 -1
  154. package/src/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.css +0 -33
  155. package/src/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.less +0 -32
  156. package/src/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.tsx +0 -51
  157. package/src/inputs/SelectInput/Options/ItemView/Option/index.ts +0 -5
  158. package/src/inputs/SelectInput/Options/ItemView/SelectInputItemView.css +0 -44
  159. package/src/inputs/SelectInput/Options/ItemView/SelectInputItemView.less +0 -14
  160. package/src/inputs/SelectInput/Options/ItemView/SelectInputItemView.tsx +0 -37
  161. package/src/inputs/SelectInput/Options/ItemView/index.ts +0 -1
  162. package/src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx +0 -55
  163. package/src/inputs/SelectInput/Options/OptionsContainer/index.ts +0 -1
  164. package/src/inputs/SelectInput/Options/SelectInputOptions.css +0 -125
  165. package/src/inputs/SelectInput/Options/SelectInputOptions.less +0 -78
  166. package/src/inputs/SelectInput/Options/SelectInputOptions.tsx +0 -372
  167. package/src/inputs/SelectInput/Options/index.ts +0 -1
  168. package/src/inputs/SelectInput/SelectInput.constants.ts +0 -1
  169. package/src/inputs/SelectInput/SelectInput.helpers.ts +0 -152
  170. package/src/inputs/SelectInput/SelectInput.less +0 -40
  171. package/src/inputs/SelectInput/SelectInput.test.tsx +0 -606
  172. package/src/inputs/SelectInput/SelectInput.tsx +0 -247
  173. package/src/inputs/SelectInput/SelectInput.types.ts +0 -127
  174. package/src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx +0 -39
  175. package/src/inputs/SelectInput/TriggerButton/index.ts +0 -5
  176. package/src/inputs/SelectInput/index.ts +0 -13
  177. /package/build/inputs/{SelectInput/SelectInput.messages.js → SelectInput.messages.js} +0 -0
  178. /package/build/inputs/{SelectInput/SelectInput.messages.mjs → SelectInput.messages.mjs} +0 -0
  179. /package/build/types/inputs/{SelectInput/SelectInput.messages.d.ts → SelectInput.messages.d.ts} +0 -0
  180. /package/src/inputs/{SelectInput/SelectInput.messages.ts → SelectInput.messages.ts} +0 -0
@@ -1,33 +0,0 @@
1
- .np-select-input-option-container {
2
- display: flex;
3
- cursor: default;
4
- -webkit-user-select: none;
5
- -moz-user-select: none;
6
- user-select: none;
7
- align-items: center;
8
- -moz-column-gap: 8px;
9
- column-gap: 8px;
10
- -moz-column-gap: var(--size-8);
11
- column-gap: var(--size-8);
12
- border-radius: 10px;
13
- border-radius: var(--radius-small);
14
- padding: 12px 16px;
15
- padding: var(--size-12) var(--size-16);
16
- color: var(--color-interactive-primary);
17
- }
18
- .np-select-input-option-container:focus {
19
- outline: none;
20
- }
21
- .np-select-input-option-container--active {
22
- box-shadow: inset 0 0 0 1px #c9cbce;
23
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
24
- }
25
- .np-select-input-option-container--disabled {
26
- opacity: 0.45;
27
- }
28
- .np-select-input-option {
29
- flex: 1;
30
- }
31
- .np-select-input-option-check--not-selected {
32
- visibility: hidden;
33
- }
@@ -1,44 +0,0 @@
1
- .np-select-input-option-container {
2
- display: flex;
3
- cursor: default;
4
- -webkit-user-select: none;
5
- -moz-user-select: none;
6
- user-select: none;
7
- align-items: center;
8
- -moz-column-gap: 8px;
9
- column-gap: 8px;
10
- -moz-column-gap: var(--size-8);
11
- column-gap: var(--size-8);
12
- border-radius: 10px;
13
- border-radius: var(--radius-small);
14
- padding: 12px 16px;
15
- padding: var(--size-12) var(--size-16);
16
- color: var(--color-interactive-primary);
17
- }
18
- .np-select-input-option-container:focus {
19
- outline: none;
20
- }
21
- .np-select-input-option-container--active {
22
- box-shadow: inset 0 0 0 1px #c9cbce;
23
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
24
- }
25
- .np-select-input-option-container--disabled {
26
- opacity: 0.45;
27
- }
28
- .np-select-input-option {
29
- flex: 1;
30
- }
31
- .np-select-input-option-check--not-selected {
32
- visibility: hidden;
33
- }
34
- .np-select-input-group-item--without-needle:first-child {
35
- margin-top: calc(-1 * 8px);
36
- margin-top: calc(-1 * var(--size-8));
37
- }
38
- .np-select-input-group-item-header {
39
- position: sticky;
40
- top: 0px;
41
- z-index: 10;
42
- background-color: #ffffff;
43
- background-color: var(--color-background-elevated);
44
- }
@@ -1,125 +0,0 @@
1
- .np-select-input-option-container {
2
- display: flex;
3
- cursor: default;
4
- -webkit-user-select: none;
5
- -moz-user-select: none;
6
- user-select: none;
7
- align-items: center;
8
- -moz-column-gap: 8px;
9
- column-gap: 8px;
10
- -moz-column-gap: var(--size-8);
11
- column-gap: var(--size-8);
12
- border-radius: 10px;
13
- border-radius: var(--radius-small);
14
- padding: 12px 16px;
15
- padding: var(--size-12) var(--size-16);
16
- color: var(--color-interactive-primary);
17
- }
18
- .np-select-input-option-container:focus {
19
- outline: none;
20
- }
21
- .np-select-input-option-container--active {
22
- box-shadow: inset 0 0 0 1px #c9cbce;
23
- box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
24
- }
25
- .np-select-input-option-container--disabled {
26
- opacity: 0.45;
27
- }
28
- .np-select-input-option {
29
- flex: 1;
30
- }
31
- .np-select-input-option-check--not-selected {
32
- visibility: hidden;
33
- }
34
- .np-select-input-group-item--without-needle:first-child {
35
- margin-top: calc(-1 * 8px);
36
- margin-top: calc(-1 * var(--size-8));
37
- }
38
- .np-select-input-group-item-header {
39
- position: sticky;
40
- top: 0px;
41
- z-index: 10;
42
- background-color: #ffffff;
43
- background-color: var(--color-background-elevated);
44
- }
45
- .np-select-input-options-status {
46
- display: flex;
47
- align-items: center;
48
- -moz-column-gap: 8px;
49
- column-gap: 8px;
50
- -moz-column-gap: var(--size-8);
51
- column-gap: var(--size-8);
52
- padding: 8px 24px 0px;
53
- padding: var(--size-8) var(--size-24) 0px;
54
- }
55
- .np-select-input-options-status-icon {
56
- padding: 0 4px;
57
- padding: 0 var(--size-4);
58
- color: #768e9c;
59
- color: var(--color-content-tertiary);
60
- }
61
- .np-select-input-query-container {
62
- display: flex;
63
- flex-direction: column;
64
- padding: 8px;
65
- padding: var(--size-8);
66
- }
67
- .np-select-input-listbox-container {
68
- position: relative;
69
- height: var(--initial-height);
70
- scroll-padding-top: 8px;
71
- scroll-padding-top: var(--size-8);
72
- scroll-padding-bottom: 8px;
73
- scroll-padding-bottom: var(--size-8);
74
- overflow-y: auto;
75
- }
76
- @media (min-width: 576px) {
77
- .np-select-input-listbox-container {
78
- height: auto;
79
- }
80
- }
81
- .np-select-input-listbox-container--virtualized {
82
- /* The wrapping element shrinks this as needed */
83
- height: 100vh;
84
- }
85
- .np-select-input-listbox-container--has-group {
86
- scroll-padding-top: 32px;
87
- scroll-padding-top: var(--size-32);
88
- }
89
- .np-select-input-listbox {
90
- border-radius: 10px;
91
- border-radius: var(--radius-small);
92
- padding: 8px;
93
- padding: var(--size-8);
94
- --ring-outline-offset: calc(-1 * var(--ring-outline-width));
95
- }
96
- .np-select-input-listbox:focus {
97
- outline: none;
98
- }
99
- .np-select-input-listbox:focus-visible {
100
- outline: var(--ring-outline-color) solid var(--ring-outline-width);
101
- outline-offset: var(--ring-outline-offset);
102
- }
103
- .np-select-input-listbox-container--virtualized .np-select-input-listbox {
104
- /* Adopted from `VList` in virtua: https://github.com/inokawa/virtua/blob/7f6ed5b37df6b480d4ff350f3960067c5b3519d2/src/react/VList.tsx#L113-L116 */
105
- overflow-y: auto;
106
- contain: strict;
107
- height: 100%;
108
- }
109
- .np-select-input-options-container {
110
- display: flex;
111
- height: 100%;
112
- flex-direction: column;
113
- }
114
- .np-select-input-options-container:focus {
115
- outline: none;
116
- }
117
- @media (min-width: 576px) {
118
- .np-select-input-options-container {
119
- max-height: 28rem /* 448px */;
120
- }
121
- }
122
- .np-select-input-footer {
123
- padding: 4px 24px 16px;
124
- padding: var(--size-4) var(--size-24) var(--size-16);
125
- }
@@ -1,5 +0,0 @@
1
- interface SelectInputClearButtonProps extends Pick<React.ComponentPropsWithoutRef<'button'>, 'className' | 'onClick'> {
2
- }
3
- export declare function SelectInputClearButton({ className, onClick }: SelectInputClearButtonProps): import("react").JSX.Element;
4
- export {};
5
- //# sourceMappingURL=SelectInputClearButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputClearButton.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/DefaultTrigger/ClearButton/SelectInputClearButton.tsx"],"names":[],"mappings":"AAMA,UAAU,2BAA4B,SAAQ,IAAI,CAChD,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EACxC,WAAW,GAAG,SAAS,CACxB;CAAG;AAEJ,wBAAgB,sBAAsB,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,EAAE,2BAA2B,+BAazF"}
@@ -1,2 +0,0 @@
1
- export { SelectInputClearButton } from './SelectInputClearButton';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/DefaultTrigger/ClearButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
@@ -1,9 +0,0 @@
1
- export declare const SelectInputDefaultTrigger: ({ content, placeholderShown, clear, disabled, size, className, }: {
2
- content: React.ReactNode;
3
- placeholderShown: boolean;
4
- clear: (() => void) | undefined;
5
- disabled: boolean;
6
- size: "sm" | "md" | "lg";
7
- className: string | undefined;
8
- }) => import("react").JSX.Element;
9
- //# sourceMappingURL=SelectInputDefaultTrigger.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputDefaultTrigger.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/DefaultTrigger/SelectInputDefaultTrigger.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,yBAAyB;;;;;;;iCA8CQ,CAAC"}
@@ -1,2 +0,0 @@
1
- export { SelectInputDefaultTrigger } from './SelectInputDefaultTrigger';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/DefaultTrigger/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
@@ -1,9 +0,0 @@
1
- export declare const SelectInputOptionContentWithinTriggerContext: import("react").Context<boolean>;
2
- export interface SelectInputOptionContentProps {
3
- title: string;
4
- note?: string;
5
- description?: string;
6
- icon?: React.ReactNode;
7
- }
8
- export declare function SelectInputOptionContent({ title, note, description, icon, }: SelectInputOptionContentProps): import("react").JSX.Element;
9
- //# sourceMappingURL=SelectInputOptionContent.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputOptionContent.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/OptionContent/SelectInputOptionContent.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,4CAA4C,kCAAuB,CAAC;AAEjF,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,+BAiD/B"}
@@ -1,3 +0,0 @@
1
- export { SelectInputOptionContent, SelectInputOptionContentWithinTriggerContext, } from './SelectInputOptionContent';
2
- export type { SelectInputOptionContentProps } from './SelectInputOptionContent';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/OptionContent/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,4CAA4C,GAC7C,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { SelectInputGroupItemViewProps } from '../../SelectInput.types';
2
- export declare function SelectInputGroupItemView<T = string>({ item, renderValue, needle, }: SelectInputGroupItemViewProps<T>): import("react").JSX.Element;
3
- //# sourceMappingURL=SelectInputGroupItemView.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputGroupItemView.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/GroupItemView/SelectInputGroupItemView.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,yBAAyB,CAAC;AAG7E,wBAAgB,wBAAwB,CAAC,CAAC,GAAG,MAAM,EAAE,EACnD,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BAyClC"}
@@ -1,2 +0,0 @@
1
- export { SelectInputGroupItemView } from './SelectInputGroupItemView';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/GroupItemView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC"}
@@ -1,10 +0,0 @@
1
- export declare const SelectInputItemsCountContext: import("react").Context<number | undefined>;
2
- export declare const SelectInputItemPositionContext: import("react").Context<number | undefined>;
3
- interface SelectInputOptionProps<T = string> {
4
- value: T;
5
- disabled?: boolean;
6
- children?: React.ReactNode;
7
- }
8
- export declare function SelectInputOption<T = string>({ value, disabled, children, }: SelectInputOptionProps<T>): import("react").JSX.Element;
9
- export {};
10
- //# sourceMappingURL=SelectInputOption.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputOption.d.ts","sourceRoot":"","sources":["../../../../../../../src/inputs/SelectInput/Options/ItemView/Option/SelectInputOption.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,4BAA4B,6CAA+C,CAAC;AACzF,eAAO,MAAM,8BAA8B,6CAA+C,CAAC;AAE3F,UAAU,sBAAsB,CAAC,CAAC,GAAG,MAAM;IACzC,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,iBAAiB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC5C,KAAK,EACL,QAAQ,EACR,QAAQ,GACT,EAAE,sBAAsB,CAAC,CAAC,CAAC,+BAgC3B"}
@@ -1,2 +0,0 @@
1
- export { SelectInputOption, SelectInputItemsCountContext, SelectInputItemPositionContext, } from './SelectInputOption';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/inputs/SelectInput/Options/ItemView/Option/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,4BAA4B,EAC5B,8BAA8B,GAC/B,MAAM,qBAAqB,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { SelectInputItemViewProps } from '../../SelectInput.types';
2
- export declare function SelectInputItemView<T = string>({ item, renderValue, needle, }: SelectInputItemViewProps<T>): import("react").JSX.Element | null;
3
- //# sourceMappingURL=SelectInputItemView.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputItemView.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/ItemView/SelectInputItemView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,yBAAyB,CAAC;AAIxE,wBAAgB,mBAAmB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC9C,IAAI,EACJ,WAAW,EACX,MAAM,GACP,EAAE,wBAAwB,CAAC,CAAC,CAAC,sCA0B7B"}
@@ -1,2 +0,0 @@
1
- export { SelectInputItemView } from './SelectInputItemView';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/ItemView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}
@@ -1,6 +0,0 @@
1
- interface SelectInputOptionsContainerProps extends React.ComponentPropsWithRef<'div'> {
2
- onAriaActiveDescendantChange: (value: React.AriaAttributes['aria-activedescendant']) => void;
3
- }
4
- export declare const SelectInputOptionsContainer: import("react").ForwardRefExoticComponent<Omit<SelectInputOptionsContainerProps, "ref"> & import("react").RefAttributes<HTMLDivElement | null>>;
5
- export {};
6
- //# sourceMappingURL=SelectInputOptionsContainer.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputOptionsContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/OptionsContainer/SelectInputOptionsContainer.tsx"],"names":[],"mappings":"AAGA,UAAU,gCAAiC,SAAQ,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC;IACnF,4BAA4B,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,KAAK,IAAI,CAAC;CAC9F;AAED,eAAO,MAAM,2BAA2B,iJA+CtC,CAAC"}
@@ -1,2 +0,0 @@
1
- export { SelectInputOptionsContainer } from './SelectInputOptionsContainer';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/inputs/SelectInput/Options/OptionsContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAC"}
@@ -1,15 +0,0 @@
1
- import type { SelectInputProps } from '../SelectInput.types';
2
- interface SelectInputOptionsProps<T = string> extends Pick<SelectInputProps<T>, 'items' | 'renderValue' | 'renderFooter' | 'filterable' | 'filterPlaceholder' | 'id' | 'parentId' | 'compareValues' | 'sortFilteredOptions'> {
3
- searchInputRef: React.MutableRefObject<HTMLInputElement | null>;
4
- listboxRef: React.MutableRefObject<HTMLDivElement | null>;
5
- filterQuery: string;
6
- onFilterChange: (query: string) => void;
7
- listBoxLabel?: string;
8
- listBoxLabelledBy?: string;
9
- autocomplete?: string;
10
- name?: string;
11
- onAutocompleteSelect?: (value: T) => void;
12
- }
13
- export declare function SelectInputOptions<T = string>({ id, parentId, items, compareValues: compareValuesProp, renderValue, renderFooter, filterable, filterPlaceholder, sortFilteredOptions, searchInputRef, listboxRef, filterQuery, onFilterChange, listBoxLabel, listBoxLabelledBy, autocomplete, name, onAutocompleteSelect, }: SelectInputOptionsProps<T>): import("react").JSX.Element;
14
- export {};
15
- //# sourceMappingURL=SelectInputOptions.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputOptions.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Options/SelectInputOptions.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,gBAAgB,EAGjB,MAAM,sBAAsB,CAAC;AAc9B,UAAU,uBAAuB,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,IAAI,CACxD,gBAAgB,CAAC,CAAC,CAAC,EACjB,OAAO,GACP,aAAa,GACb,cAAc,GACd,YAAY,GACZ,mBAAmB,GACnB,IAAI,GACJ,UAAU,GACV,eAAe,GACf,qBAAqB,CACxB;IACC,cAAc,EAAE,KAAK,CAAC,gBAAgB,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC;IAChE,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC1D,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC3C;AAED,wBAAgB,kBAAkB,CAAC,CAAC,GAAG,MAAM,EAAE,EAC7C,EAAE,EACF,QAAQ,EACR,KAAK,EACL,aAAa,EAAE,iBAAiB,EAChC,WAAoB,EACpB,YAAY,EACZ,UAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,UAAU,EACV,WAAW,EACX,cAAc,EACd,YAAY,EACZ,iBAAiB,EACjB,YAAY,EACZ,IAAI,EACJ,oBAAoB,GACrB,EAAE,uBAAuB,CAAC,CAAC,CAAC,+BA8S5B"}
@@ -1,2 +0,0 @@
1
- export { SelectInputOptions } from './SelectInputOptions';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/Options/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1,2 +0,0 @@
1
- export declare const SELECT_INPUT_MAX_ITEMS_WITHOUT_VIRTUALIZATION = 50;
2
- //# sourceMappingURL=SelectInput.constants.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.constants.d.ts","sourceRoot":"","sources":["../../../../src/inputs/SelectInput/SelectInput.constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6CAA6C,KAAK,CAAC"}
@@ -1,3 +0,0 @@
1
- import type { SelectInputProps } from './SelectInput.types';
2
- export declare function SelectInput<T = string, M extends boolean = false>({ id: idProp, parentId, name, multiple, placeholder, autocomplete, items, defaultValue, value: controlledValue, compareValues, renderValue, renderFooter, renderTrigger, filterable, filterPlaceholder, sortFilteredOptions, disabled, size, className, UNSAFE_triggerButtonProps, triggerRef: externalTriggerRef, onFilterChange, onChange, onOpen, onClose, onClear, }: SelectInputProps<T, M>): import("react").JSX.Element;
3
- //# sourceMappingURL=SelectInput.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.d.ts","sourceRoot":"","sources":["../../../../src/inputs/SelectInput/SelectInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D,wBAAgB,WAAW,CAAC,CAAC,GAAG,MAAM,EAAE,CAAC,SAAS,OAAO,GAAG,KAAK,EAAE,EACjE,EAAE,EAAE,MAAM,EACV,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,KAAK,EACL,YAAY,EACZ,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,WAAoB,EACpB,YAAY,EACZ,aAAyC,EACzC,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,EACR,IAAW,EACX,SAAS,EACT,yBAAyB,EACzB,UAAU,EAAE,kBAAkB,EAC9B,cAAqB,EACrB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,CAAC,+BAuMxB"}
@@ -1,28 +0,0 @@
1
- import type { SelectInputOptionItem, SelectInputItem } from './SelectInput.types';
2
- /**
3
- * Normalises a string for searching by trimming, normalising whitespace,
4
- * removing diacritics, and converting to lowercase.
5
- */
6
- export declare function searchableString(value: string): string;
7
- /**
8
- * Checks if a select input option item matches the search needle.
9
- */
10
- export declare function selectInputOptionItemIncludesNeedle<T>(item: SelectInputOptionItem<T>, needle: string): boolean;
11
- /**
12
- * Sets the `value` of duplicate option items to `undefined`, hiding them when
13
- * rendered. Indexes are kept intact within groups to preserve the active item
14
- * between filter changes when possible.
15
- */
16
- export declare function dedupeSelectInputItems<T>(items: readonly SelectInputItem<T>[], compareValues?: (a: T, b: T) => boolean): SelectInputItem<T | undefined>[];
17
- /**
18
- * Filters select input items based on a predicate function.
19
- * Groups are included if at least one option matches the predicate.
20
- */
21
- export declare function filterSelectInputItems<T>(items: readonly SelectInputItem<T>[], predicate: (item: SelectInputOptionItem<T>) => boolean): SelectInputItem<T>[];
22
- /**
23
- * Flattens and sorts filtered options using the provided comparator.
24
- * Extracts all options from groups, filters out undefined values (deduplicated items),
25
- * sorts them, and returns as a flat list of option items.
26
- */
27
- export declare function sortSelectInputItems<T>(items: readonly SelectInputItem<T | undefined>[], compareFn: (a: SelectInputOptionItem<NonNullable<T>>, b: SelectInputOptionItem<NonNullable<T>>, searchQuery: string) => number, searchQuery: string): SelectInputItem<NonNullable<T>>[];
28
- //# sourceMappingURL=SelectInput.helpers.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.helpers.d.ts","sourceRoot":"","sources":["../../../../src/inputs/SelectInput/SelectInput.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAElF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,UAW7C;AAoBD;;GAEG;AACH,wBAAgB,mCAAmC,CAAC,CAAC,EACnD,IAAI,EAAE,qBAAqB,CAAC,CAAC,CAAC,EAC9B,MAAM,EAAE,MAAM,WAKf;AAsBD;;;;GAIG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,EACpC,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,OAAO,GACtC,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,CAoBlC;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,EACtC,KAAK,EAAE,SAAS,eAAe,CAAC,CAAC,CAAC,EAAE,EACpC,SAAS,EAAE,CAAC,IAAI,EAAE,qBAAqB,CAAC,CAAC,CAAC,KAAK,OAAO,wBAcvD;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,CAAC,EACpC,KAAK,EAAE,SAAS,eAAe,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,EAChD,SAAS,EAAE,CACT,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EACxC,CAAC,EAAE,qBAAqB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EACxC,WAAW,EAAE,MAAM,KAChB,MAAM,EACX,WAAW,EAAE,MAAM,GAClB,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,CAiBnC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.messages.d.ts","sourceRoot":"","sources":["../../../../src/inputs/SelectInput/SelectInput.messages.ts"],"names":[],"mappings":";;;;;;;AAEA,wBAMG"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInput.types.d.ts","sourceRoot":"","sources":["../../../../src/inputs/SelectInput/SelectInput.types.ts"],"names":[],"mappings":"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"}
@@ -1,15 +0,0 @@
1
- import { Merge } from '../../../utils';
2
- export declare const SelectInputTriggerButtonPropsContext: import("react").Context<{
3
- [key: string]: unknown;
4
- ref?: React.ForwardedRef<HTMLButtonElement | null>;
5
- id?: string;
6
- onClick?: (event: React.MouseEvent) => void;
7
- onKeyDown?: (event: React.KeyboardEvent) => void;
8
- }>;
9
- type SelectInputTriggerButtonElementType = 'button' | React.ComponentType;
10
- export type SelectInputTriggerButtonProps<T extends SelectInputTriggerButtonElementType = 'button'> = Merge<React.ComponentPropsWithoutRef<T>, {
11
- as?: T;
12
- }>;
13
- export declare function SelectInputTriggerButton<T extends SelectInputTriggerButtonElementType = 'button'>({ as, ...restProps }: SelectInputTriggerButtonProps<T>): import("react").JSX.Element;
14
- export {};
15
- //# sourceMappingURL=SelectInputTriggerButton.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SelectInputTriggerButton.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/TriggerButton/SelectInputTriggerButton.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,eAAO,MAAM,oCAAoC;;UACzC,KAAK,CAAC,YAAY,CAAC,iBAAiB,GAAG,IAAI,CAAC;SAC7C,MAAM;cACD,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI;gBAC/B,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI;EAE5C,CAAC;AAEP,KAAK,mCAAmC,GAAG,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;AAE1E,MAAM,MAAM,6BAA6B,CACvC,CAAC,SAAS,mCAAmC,GAAG,QAAQ,IACtD,KAAK,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE;IAAE,EAAE,CAAC,EAAE,CAAC,CAAA;CAAE,CAAC,CAAC;AAEzD,wBAAgB,wBAAwB,CAAC,CAAC,SAAS,mCAAmC,GAAG,QAAQ,EAAE,EACjG,EAAkB,EAClB,GAAG,SAAS,EACb,EAAE,6BAA6B,CAAC,CAAC,CAAC,+BAclC"}
@@ -1,3 +0,0 @@
1
- export { SelectInputTriggerButton, SelectInputTriggerButtonPropsContext, } from './SelectInputTriggerButton';
2
- export type { SelectInputTriggerButtonProps } from './SelectInputTriggerButton';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/inputs/SelectInput/TriggerButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,oCAAoC,GACrC,MAAM,4BAA4B,CAAC;AACpC,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAC"}
@@ -1,5 +0,0 @@
1
- export { SelectInput } from './SelectInput';
2
- export { SelectInputOptionContent } from './OptionContent';
3
- export { SelectInputTriggerButton } from './TriggerButton';
4
- export type { SelectInputGroupItem, SelectInputItem, SelectInputOptionContentProps, SelectInputOptionItem, SelectInputProps, SelectInputSeparatorItem, SelectInputTriggerButtonProps, } from './SelectInput.types';
5
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/inputs/SelectInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAE3D,YAAY,EACV,oBAAoB,EACpB,eAAe,EACf,6BAA6B,EAC7B,qBAAqB,EACrB,gBAAgB,EAChB,wBAAwB,EACxB,6BAA6B,GAC9B,MAAM,qBAAqB,CAAC"}
@@ -1,25 +0,0 @@
1
- import { Cross } from '@transferwise/icons';
2
- import { clsx } from 'clsx';
3
- import { useIntl } from 'react-intl';
4
-
5
- import dateTriggerMessages from '../../../../dateLookup/dateTrigger/DateTrigger.messages';
6
-
7
- interface SelectInputClearButtonProps extends Pick<
8
- React.ComponentPropsWithoutRef<'button'>,
9
- 'className' | 'onClick'
10
- > {}
11
-
12
- export function SelectInputClearButton({ className, onClick }: SelectInputClearButtonProps) {
13
- const intl = useIntl();
14
-
15
- return (
16
- <button
17
- type="button"
18
- aria-label={intl.formatMessage(dateTriggerMessages.ariaLabel)}
19
- className={clsx(className, 'np-select-input-addon np-select-input-addon--interactive')}
20
- onClick={onClick}
21
- >
22
- <Cross size={16} />
23
- </button>
24
- );
25
- }
@@ -1 +0,0 @@
1
- export { SelectInputClearButton } from './SelectInputClearButton';
@@ -1,17 +0,0 @@
1
- .np-select-input-addon-container {
2
- pointer-events: none;
3
- margin-inline-start: 4px;
4
- margin-inline-start: var(--size-4);
5
- display: inline-flex;
6
- align-items: center;
7
- }
8
- .np-select-input-addon-container > :not([hidden]) ~ :not([hidden]) {
9
- margin-inline-start: 4px;
10
- margin-inline-start: var(--size-4);
11
- }
12
- .np-select-input-addon-separator {
13
- height: 24px;
14
- height: var(--size-24);
15
- border-inline-start: 1px solid rgba(0,0,0,0.10196);
16
- border-inline-start: 1px solid var(--color-border-neutral);
17
- }
@@ -1,15 +0,0 @@
1
- .np-select-input-addon-container {
2
- pointer-events: none;
3
- margin-inline-start: var(--size-4);
4
- display: inline-flex;
5
- align-items: center;
6
-
7
- & > :not([hidden]) ~ :not([hidden]) {
8
- margin-inline-start: var(--size-4);
9
- }
10
- }
11
-
12
- .np-select-input-addon-separator {
13
- height: var(--size-24);
14
- border-inline-start: 1px solid var(--color-border-neutral);
15
- }
@@ -1,56 +0,0 @@
1
- import { ChevronDown } from '@transferwise/icons';
2
- import { clsx } from 'clsx';
3
-
4
- import { ButtonInput } from '../../_ButtonInput';
5
- import { InputGroup } from '../../InputGroup';
6
- import { SelectInputTriggerButton } from '../TriggerButton';
7
- import type { SelectInputProps } from '../SelectInput.types';
8
- import { SelectInputClearButton } from './ClearButton';
9
-
10
- export const SelectInputDefaultTrigger = (({
11
- content,
12
- placeholderShown,
13
- clear,
14
- disabled,
15
- size,
16
- className,
17
- }) => (
18
- <InputGroup
19
- addonEnd={{
20
- content: (
21
- <span className={clsx('np-select-input-addon-container', disabled && 'disabled')}>
22
- {clear != null && !placeholderShown ? (
23
- <>
24
- <SelectInputClearButton
25
- onClick={(event) => {
26
- event.preventDefault();
27
- clear();
28
- }}
29
- />
30
- <span className="np-select-input-addon-separator" />
31
- </>
32
- ) : null}
33
-
34
- <span className="np-select-input-addon">
35
- <ChevronDown size={16} />
36
- </span>
37
- </span>
38
- ),
39
- initialContentWidth: 24 + 4,
40
- padding: 'sm',
41
- }}
42
- disabled={disabled}
43
- className={className}
44
- >
45
- <SelectInputTriggerButton as={ButtonInput} size={size}>
46
- <span
47
- className={clsx(
48
- 'np-select-input-content',
49
- placeholderShown && 'np-select-input-placeholder',
50
- )}
51
- >
52
- {content}
53
- </span>
54
- </SelectInputTriggerButton>
55
- </InputGroup>
56
- )) satisfies SelectInputProps['renderTrigger'];
@@ -1 +0,0 @@
1
- export { SelectInputDefaultTrigger } from './SelectInputDefaultTrigger';