@patternfly/react-templates 1.1.0-prerelease.9 → 1.1.1

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 (105) hide show
  1. package/CHANGELOG.md +154 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -1
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/dynamic-modules.json +14 -10
  6. package/dist/esm/components/Dropdown/{DropdownSimple.d.ts → SimpleDropdown.d.ts} +11 -6
  7. package/dist/esm/components/Dropdown/SimpleDropdown.d.ts.map +1 -0
  8. package/dist/esm/components/Dropdown/{DropdownSimple.js → SimpleDropdown.js} +13 -7
  9. package/dist/esm/components/Dropdown/SimpleDropdown.js.map +1 -0
  10. package/dist/esm/components/Dropdown/index.d.ts +1 -1
  11. package/dist/esm/components/Dropdown/index.js +1 -1
  12. package/dist/esm/components/Select/CheckboxSelect.d.ts +7 -3
  13. package/dist/esm/components/Select/CheckboxSelect.d.ts.map +1 -1
  14. package/dist/esm/components/Select/CheckboxSelect.js +14 -6
  15. package/dist/esm/components/Select/CheckboxSelect.js.map +1 -1
  16. package/dist/esm/components/Select/MultiTypeaheadSelect.d.ts +33 -0
  17. package/dist/esm/components/Select/MultiTypeaheadSelect.d.ts.map +1 -0
  18. package/dist/esm/components/Select/{SelectTypeahead.js → MultiTypeaheadSelect.js} +52 -45
  19. package/dist/esm/components/Select/MultiTypeaheadSelect.js.map +1 -0
  20. package/dist/{js/components/Select/SelectSimple.d.ts → esm/components/Select/SimpleSelect.d.ts} +12 -7
  21. package/dist/esm/components/Select/SimpleSelect.d.ts.map +1 -0
  22. package/dist/esm/components/Select/SimpleSelect.js +39 -0
  23. package/dist/esm/components/Select/SimpleSelect.js.map +1 -0
  24. package/dist/esm/components/Select/TypeaheadSelect.d.ts +47 -0
  25. package/dist/esm/components/Select/TypeaheadSelect.d.ts.map +1 -0
  26. package/dist/esm/components/Select/TypeaheadSelect.js +228 -0
  27. package/dist/esm/components/Select/TypeaheadSelect.js.map +1 -0
  28. package/dist/esm/components/Select/index.d.ts +3 -2
  29. package/dist/esm/components/Select/index.d.ts.map +1 -1
  30. package/dist/esm/components/Select/index.js +3 -2
  31. package/dist/esm/components/Select/index.js.map +1 -1
  32. package/dist/js/components/Dropdown/{DropdownSimple.d.ts → SimpleDropdown.d.ts} +11 -6
  33. package/dist/js/components/Dropdown/SimpleDropdown.d.ts.map +1 -0
  34. package/dist/js/components/Dropdown/{DropdownSimple.js → SimpleDropdown.js} +14 -9
  35. package/dist/js/components/Dropdown/SimpleDropdown.js.map +1 -0
  36. package/dist/js/components/Dropdown/index.d.ts +1 -1
  37. package/dist/js/components/Dropdown/index.js +1 -1
  38. package/dist/js/components/Select/CheckboxSelect.d.ts +7 -3
  39. package/dist/js/components/Select/CheckboxSelect.d.ts.map +1 -1
  40. package/dist/js/components/Select/CheckboxSelect.js +14 -6
  41. package/dist/js/components/Select/CheckboxSelect.js.map +1 -1
  42. package/dist/js/components/Select/MultiTypeaheadSelect.d.ts +33 -0
  43. package/dist/js/components/Select/MultiTypeaheadSelect.d.ts.map +1 -0
  44. package/dist/js/components/Select/{SelectTypeahead.js → MultiTypeaheadSelect.js} +53 -46
  45. package/dist/js/components/Select/MultiTypeaheadSelect.js.map +1 -0
  46. package/dist/{esm/components/Select/SelectSimple.d.ts → js/components/Select/SimpleSelect.d.ts} +12 -7
  47. package/dist/js/components/Select/SimpleSelect.d.ts.map +1 -0
  48. package/dist/js/components/Select/SimpleSelect.js +42 -0
  49. package/dist/js/components/Select/SimpleSelect.js.map +1 -0
  50. package/dist/js/components/Select/TypeaheadSelect.d.ts +47 -0
  51. package/dist/js/components/Select/TypeaheadSelect.d.ts.map +1 -0
  52. package/dist/js/components/Select/TypeaheadSelect.js +232 -0
  53. package/dist/js/components/Select/TypeaheadSelect.js.map +1 -0
  54. package/dist/js/components/Select/index.d.ts +3 -2
  55. package/dist/js/components/Select/index.d.ts.map +1 -1
  56. package/dist/js/components/Select/index.js +3 -2
  57. package/dist/js/components/Select/index.js.map +1 -1
  58. package/dist/umd/assets/output-1Oo11Ujj.css +26066 -0
  59. package/dist/umd/react-templates.min.js +1 -1
  60. package/package.json +7 -10
  61. package/rollup.config.mjs +8 -0
  62. package/src/components/Dropdown/{DropdownSimple.tsx → SimpleDropdown.tsx} +28 -11
  63. package/src/components/Dropdown/__tests__/{DropdownSimple.test.tsx → SimpleDropdown.test.tsx} +35 -23
  64. package/src/components/Dropdown/__tests__/__snapshots__/{DropdownSimple.test.tsx.snap → SimpleDropdown.test.tsx.snap} +6 -0
  65. package/src/components/Dropdown/examples/DropdownTemplates.md +4 -16
  66. package/src/components/Dropdown/examples/{DropdownSimpleExample.tsx → SimpleDropdownExample.tsx} +7 -7
  67. package/src/components/Dropdown/index.ts +1 -1
  68. package/src/components/Select/CheckboxSelect.tsx +23 -7
  69. package/src/components/Select/{SelectTypeahead.tsx → MultiTypeaheadSelect.tsx} +91 -64
  70. package/src/components/Select/{SelectSimple.tsx → SimpleSelect.tsx} +39 -18
  71. package/src/components/Select/TypeaheadSelect.tsx +393 -0
  72. package/src/components/Select/{CheckboxSelect.test.tsx → __tests__/CheckboxSelect.test.tsx} +32 -3
  73. package/src/components/Select/{CheckboxSelectSnapshots.test.tsx → __tests__/CheckboxSelectSnapshots.test.tsx} +1 -1
  74. package/src/components/Select/__tests__/MultiTypeaheadSelect.test.tsx +412 -0
  75. package/src/components/Select/__tests__/SimpleSelect.test.tsx +242 -0
  76. package/src/components/Select/__tests__/TypeaheadSelect.test.tsx +372 -0
  77. package/src/components/Select/{__snapshots__ → __tests__/__snapshots__}/CheckboxSelectSnapshots.test.tsx.snap +7 -2
  78. package/src/components/Select/__tests__/__snapshots__/MultiTypeaheadSelect.test.tsx.snap +180 -0
  79. package/src/components/Select/__tests__/__snapshots__/SimpleSelect.test.tsx.snap +170 -0
  80. package/src/components/Select/__tests__/__snapshots__/TypeaheadSelect.test.tsx.snap +180 -0
  81. package/src/components/Select/examples/CheckboxSelectDemo.tsx +25 -8
  82. package/src/components/Select/examples/MultiTypeaheadSelectDemo.tsx +35 -0
  83. package/src/components/Select/examples/SelectTemplates.md +14 -5
  84. package/src/components/Select/examples/SimpleSelectDemo.tsx +36 -0
  85. package/src/components/Select/examples/TypeaheadSelectDemo.tsx +67 -0
  86. package/src/components/Select/index.ts +3 -2
  87. package/dist/esm/components/Dropdown/DropdownSimple.d.ts.map +0 -1
  88. package/dist/esm/components/Dropdown/DropdownSimple.js.map +0 -1
  89. package/dist/esm/components/Select/SelectSimple.d.ts.map +0 -1
  90. package/dist/esm/components/Select/SelectSimple.js +0 -31
  91. package/dist/esm/components/Select/SelectSimple.js.map +0 -1
  92. package/dist/esm/components/Select/SelectTypeahead.d.ts +0 -29
  93. package/dist/esm/components/Select/SelectTypeahead.d.ts.map +0 -1
  94. package/dist/esm/components/Select/SelectTypeahead.js.map +0 -1
  95. package/dist/js/components/Dropdown/DropdownSimple.d.ts.map +0 -1
  96. package/dist/js/components/Dropdown/DropdownSimple.js.map +0 -1
  97. package/dist/js/components/Select/SelectSimple.d.ts.map +0 -1
  98. package/dist/js/components/Select/SelectSimple.js +0 -34
  99. package/dist/js/components/Select/SelectSimple.js.map +0 -1
  100. package/dist/js/components/Select/SelectTypeahead.d.ts +0 -29
  101. package/dist/js/components/Select/SelectTypeahead.d.ts.map +0 -1
  102. package/dist/js/components/Select/SelectTypeahead.js.map +0 -1
  103. package/rollup.config.js +0 -7
  104. package/src/components/Select/examples/SelectSimpleDemo.tsx +0 -26
  105. package/src/components/Select/examples/SelectTypeaheadDemo.tsx +0 -21
package/CHANGELOG.md CHANGED
@@ -3,6 +3,160 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [1.1.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0...@patternfly/react-templates@1.1.1) (2024-09-18)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-templates
9
+
10
+ # 1.1.0 (2024-08-27)
11
+
12
+ **Note:** Version bump only for package @patternfly/react-templates
13
+
14
+ # [1.1.0-prerelease.40](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.39...@patternfly/react-templates@1.1.0-prerelease.40) (2024-08-09)
15
+
16
+ **Note:** Version bump only for package @patternfly/react-templates
17
+
18
+ # [1.1.0-prerelease.39](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.38...@patternfly/react-templates@1.1.0-prerelease.39) (2024-08-06)
19
+
20
+ **Note:** Version bump only for package @patternfly/react-templates
21
+
22
+ # [1.1.0-prerelease.38](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.37...@patternfly/react-templates@1.1.0-prerelease.38) (2024-07-31)
23
+
24
+ ### Bug Fixes
25
+
26
+ - **TypeaheadSelect:** Update input value only when appropriate ([#10826](https://github.com/patternfly/patternfly-react/issues/10826)) ([642236c](https://github.com/patternfly/patternfly-react/commit/642236c0016d1a3dc1d7c8a56f9bd2f98e182dcd))
27
+
28
+ # [1.1.0-prerelease.37](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.36...@patternfly/react-templates@1.1.0-prerelease.37) (2024-07-29)
29
+
30
+ **Note:** Version bump only for package @patternfly/react-templates
31
+
32
+ # [1.1.0-prerelease.36](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.35...@patternfly/react-templates@1.1.0-prerelease.36) (2024-07-26)
33
+
34
+ **Note:** Version bump only for package @patternfly/react-templates
35
+
36
+ # [1.1.0-prerelease.35](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.34...@patternfly/react-templates@1.1.0-prerelease.35) (2024-07-25)
37
+
38
+ **Note:** Version bump only for package @patternfly/react-templates
39
+
40
+ # [1.1.0-prerelease.34](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.33...@patternfly/react-templates@1.1.0-prerelease.34) (2024-07-24)
41
+
42
+ **Note:** Version bump only for package @patternfly/react-templates
43
+
44
+ # [1.1.0-prerelease.33](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.32...@patternfly/react-templates@1.1.0-prerelease.33) (2024-07-24)
45
+
46
+ ### Bug Fixes
47
+
48
+ - **Popper:** added display styling to prevent page scroll ([#10797](https://github.com/patternfly/patternfly-react/issues/10797)) ([49de6eb](https://github.com/patternfly/patternfly-react/commit/49de6eb018e052e040a76d928112b285e843303d))
49
+
50
+ # [1.1.0-prerelease.32](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.31...@patternfly/react-templates@1.1.0-prerelease.32) (2024-07-23)
51
+
52
+ ### Bug Fixes
53
+
54
+ - **TypeaheadSelect:** Correctly show the newly selected item on selection ([#10792](https://github.com/patternfly/patternfly-react/issues/10792)) ([838f57b](https://github.com/patternfly/patternfly-react/commit/838f57bbd94638ee39915a9dda8d81f91b1047ed))
55
+
56
+ # [1.1.0-prerelease.31](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.30...@patternfly/react-templates@1.1.0-prerelease.31) (2024-07-19)
57
+
58
+ **Note:** Version bump only for package @patternfly/react-templates
59
+
60
+ # [1.1.0-prerelease.30](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.29...@patternfly/react-templates@1.1.0-prerelease.30) (2024-07-18)
61
+
62
+ **Note:** Version bump only for package @patternfly/react-templates
63
+
64
+ # [1.1.0-prerelease.29](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.28...@patternfly/react-templates@1.1.0-prerelease.29) (2024-07-18)
65
+
66
+ **Note:** Version bump only for package @patternfly/react-templates
67
+
68
+ # [1.1.0-prerelease.28](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.27...@patternfly/react-templates@1.1.0-prerelease.28) (2024-07-17)
69
+
70
+ ### Features
71
+
72
+ - **MultiTypeaheadSelect:** Add MultiTypeaheadSelect to react-templates ([#10757](https://github.com/patternfly/patternfly-react/issues/10757)) ([943e19d](https://github.com/patternfly/patternfly-react/commit/943e19dc049ee9a0f047c89b0e456cdc69c56547))
73
+
74
+ # [1.1.0-prerelease.27](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.26...@patternfly/react-templates@1.1.0-prerelease.27) (2024-07-16)
75
+
76
+ **Note:** Version bump only for package @patternfly/react-templates
77
+
78
+ # [1.1.0-prerelease.26](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.25...@patternfly/react-templates@1.1.0-prerelease.26) (2024-07-16)
79
+
80
+ **Note:** Version bump only for package @patternfly/react-templates
81
+
82
+ # [1.1.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.24...@patternfly/react-templates@1.1.0-prerelease.25) (2024-07-15)
83
+
84
+ **Note:** Version bump only for package @patternfly/react-templates
85
+
86
+ # [1.1.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.23...@patternfly/react-templates@1.1.0-prerelease.24) (2024-07-15)
87
+
88
+ ### Bug Fixes
89
+
90
+ - **SimpleSelect,CheckboxSelect:** Handle initial selection(s) ([#10734](https://github.com/patternfly/patternfly-react/issues/10734)) ([3b857f8](https://github.com/patternfly/patternfly-react/commit/3b857f8b06440bccc8e7979cf686f4e3261ff4df))
91
+
92
+ # [1.1.0-prerelease.23](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.22...@patternfly/react-templates@1.1.0-prerelease.23) (2024-07-11)
93
+
94
+ **Note:** Version bump only for package @patternfly/react-templates
95
+
96
+ # [1.1.0-prerelease.22](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.21...@patternfly/react-templates@1.1.0-prerelease.22) (2024-07-11)
97
+
98
+ ### Bug Fixes
99
+
100
+ - **TypeaheadSelect:** Add callback on clear selection ([#10719](https://github.com/patternfly/patternfly-react/issues/10719)) ([7e51bfb](https://github.com/patternfly/patternfly-react/commit/7e51bfb4e7825fb99b626bc3e96aabdad3296244))
101
+
102
+ # [1.1.0-prerelease.21](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.20...@patternfly/react-templates@1.1.0-prerelease.21) (2024-07-09)
103
+
104
+ **Note:** Version bump only for package @patternfly/react-templates
105
+
106
+ # [1.1.0-prerelease.20](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.19...@patternfly/react-templates@1.1.0-prerelease.20) (2024-07-03)
107
+
108
+ ### Features
109
+
110
+ - **templates:** add TypeaheadSelect tests ([#10669](https://github.com/patternfly/patternfly-react/issues/10669)) ([d573604](https://github.com/patternfly/patternfly-react/commit/d573604608b325f7537285adee04e80293c67c90))
111
+
112
+ # [1.1.0-prerelease.19](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.18...@patternfly/react-templates@1.1.0-prerelease.19) (2024-07-02)
113
+
114
+ **Note:** Version bump only for package @patternfly/react-templates
115
+
116
+ # [1.1.0-prerelease.18](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.17...@patternfly/react-templates@1.1.0-prerelease.18) (2024-07-01)
117
+
118
+ **Note:** Version bump only for package @patternfly/react-templates
119
+
120
+ # [1.1.0-prerelease.17](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.16...@patternfly/react-templates@1.1.0-prerelease.17) (2024-06-20)
121
+
122
+ ### Features
123
+
124
+ - **templates:** toggle props & improvements ([#10473](https://github.com/patternfly/patternfly-react/issues/10473)) ([315fc80](https://github.com/patternfly/patternfly-react/commit/315fc80a0fb820d092505f1911c8889599170cd0))
125
+
126
+ # [1.1.0-prerelease.16](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.15...@patternfly/react-templates@1.1.0-prerelease.16) (2024-06-13)
127
+
128
+ ### Bug Fixes
129
+
130
+ - **deps:** update dependency tslib to ^2.6.3 ([#10562](https://github.com/patternfly/patternfly-react/issues/10562)) ([d702534](https://github.com/patternfly/patternfly-react/commit/d702534ce520316060be56eb0f1c4d8396bd57ed))
131
+
132
+ ### Features
133
+
134
+ - **MenuToggle:** add OUIA support ([#10414](https://github.com/patternfly/patternfly-react/issues/10414)) ([7574a50](https://github.com/patternfly/patternfly-react/commit/7574a50c5a1b59b666d8689c4f68c2062d89ec59))
135
+
136
+ # [1.1.0-prerelease.15](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.14...@patternfly/react-templates@1.1.0-prerelease.15) (2024-05-31)
137
+
138
+ **Note:** Version bump only for package @patternfly/react-templates
139
+
140
+ # [1.1.0-prerelease.14](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.13...@patternfly/react-templates@1.1.0-prerelease.14) (2024-05-22)
141
+
142
+ **Note:** Version bump only for package @patternfly/react-templates
143
+
144
+ # [1.1.0-prerelease.13](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.12...@patternfly/react-templates@1.1.0-prerelease.13) (2024-05-20)
145
+
146
+ **Note:** Version bump only for package @patternfly/react-templates
147
+
148
+ # [1.1.0-prerelease.12](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.11...@patternfly/react-templates@1.1.0-prerelease.12) (2024-05-15)
149
+
150
+ **Note:** Version bump only for package @patternfly/react-templates
151
+
152
+ # [1.1.0-prerelease.11](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.10...@patternfly/react-templates@1.1.0-prerelease.11) (2024-05-10)
153
+
154
+ **Note:** Version bump only for package @patternfly/react-templates
155
+
156
+ # [1.1.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.9...@patternfly/react-templates@1.1.0-prerelease.10) (2024-05-10)
157
+
158
+ **Note:** Version bump only for package @patternfly/react-templates
159
+
6
160
  # [1.1.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-templates@1.1.0-prerelease.8...@patternfly/react-templates@1.1.0-prerelease.9) (2024-05-10)
7
161
 
8
162
  ### Features
@@ -1 +1 @@
1
- {"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"1.1.0-prerelease.8","private":true}
1
+ {"name":"@patternfly/react-templates-components","main":"../dist/js/components/index.js","module":"../dist/esm/components/index.js","typings":"../dist/esm/components/index.d.ts","version":"1.1.0","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"1.1.0-prerelease.8","private":true}
1
+ {"name":"@patternfly/react-templates-dropdown-dynamic","main":"../../../js/components/Dropdown/index.js","module":"../../../esm/components/Dropdown/index.js","typings":"../../../esm/components/Dropdown/index.d.ts","version":"1.1.0","private":true}
@@ -1 +1 @@
1
- {"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"1.1.0-prerelease.8","private":true}
1
+ {"name":"@patternfly/react-templates-select-dynamic","main":"../../../js/components/Select/index.js","module":"../../../esm/components/Select/index.js","typings":"../../../esm/components/Select/index.d.ts","version":"1.1.0","private":true}
@@ -2,14 +2,18 @@
2
2
  "CheckboxSelect": "dist/dynamic/components/Select",
3
3
  "CheckboxSelectOption": "dist/dynamic/components/Select",
4
4
  "CheckboxSelectProps": "dist/dynamic/components/Select",
5
- "DropdownSimple": "dist/dynamic/components/Dropdown",
6
- "DropdownSimpleItem": "dist/dynamic/components/Dropdown",
7
- "DropdownSimpleProps": "dist/dynamic/components/Dropdown",
8
- "SelectSimple": "dist/dynamic/components/Select",
9
- "SelectSimpleOption": "dist/dynamic/components/Select",
10
- "SelectSimpleProps": "dist/dynamic/components/Select",
11
- "SelectTypeahead": "dist/dynamic/components/Select",
12
- "SelectTypeaheadBase": "dist/dynamic/components/Select",
13
- "SelectTypeaheadOption": "dist/dynamic/components/Select",
14
- "SelectTypeaheadProps": "dist/dynamic/components/Select"
5
+ "MultiTypeaheadSelect": "dist/dynamic/components/Select",
6
+ "MultiTypeaheadSelectBase": "dist/dynamic/components/Select",
7
+ "MultiTypeaheadSelectOption": "dist/dynamic/components/Select",
8
+ "MultiTypeaheadSelectProps": "dist/dynamic/components/Select",
9
+ "SimpleDropdown": "dist/dynamic/components/Dropdown",
10
+ "SimpleDropdownItem": "dist/dynamic/components/Dropdown",
11
+ "SimpleDropdownProps": "dist/dynamic/components/Dropdown",
12
+ "SimpleSelect": "dist/dynamic/components/Select",
13
+ "SimpleSelectOption": "dist/dynamic/components/Select",
14
+ "SimpleSelectProps": "dist/dynamic/components/Select",
15
+ "TypeaheadSelect": "dist/dynamic/components/Select",
16
+ "TypeaheadSelectBase": "dist/dynamic/components/Select",
17
+ "TypeaheadSelectOption": "dist/dynamic/components/Select",
18
+ "TypeaheadSelectProps": "dist/dynamic/components/Select"
15
19
  }
@@ -1,7 +1,8 @@
1
1
  import React from 'react';
2
- import { DropdownItemProps } from '@patternfly/react-core/dist/esm/components/Dropdown';
2
+ import { DropdownItemProps, DropdownProps } from '@patternfly/react-core/dist/esm/components/Dropdown';
3
+ import { MenuToggleProps } from '@patternfly/react-core/dist/esm/components/MenuToggle';
3
4
  import { OUIAProps } from '@patternfly/react-core/dist/esm/helpers';
4
- export interface DropdownSimpleItem extends Omit<DropdownItemProps, 'content'> {
5
+ export interface SimpleDropdownItem extends Omit<DropdownItemProps, 'content'> {
5
6
  /** Content of the dropdown item. If the isDivider prop is true, this prop will be ignored. */
6
7
  content?: React.ReactNode;
7
8
  /** Unique identifier for the dropdown item, which is used in the dropdown onSelect callback */
@@ -15,9 +16,9 @@ export interface DropdownSimpleItem extends Omit<DropdownItemProps, 'content'> {
15
16
  */
16
17
  isDivider?: boolean;
17
18
  }
18
- export interface DropdownSimpleProps extends OUIAProps {
19
+ export interface SimpleDropdownProps extends Omit<DropdownProps, 'toggle'>, OUIAProps {
19
20
  /** Initial items of the dropdown. */
20
- initialItems?: DropdownSimpleItem[];
21
+ initialItems?: SimpleDropdownItem[];
21
22
  /** @hide Forwarded ref */
22
23
  innerRef?: React.Ref<any>;
23
24
  /** Flag indicating the dropdown should be disabled. */
@@ -38,6 +39,10 @@ export interface DropdownSimpleProps extends OUIAProps {
38
39
  toggleContent: React.ReactNode;
39
40
  /** Variant style of the dropdown toggle. */
40
41
  toggleVariant?: 'default' | 'plain' | 'plainText';
42
+ /** Width of the toggle. */
43
+ toggleWidth?: string;
44
+ /** Additional props passed to the toggle. */
45
+ toggleProps?: MenuToggleProps;
41
46
  }
42
- export declare const DropdownSimple: React.ForwardRefExoticComponent<DropdownSimpleProps & React.RefAttributes<any>>;
43
- //# sourceMappingURL=DropdownSimple.d.ts.map
47
+ export declare const SimpleDropdown: React.ForwardRefExoticComponent<SimpleDropdownProps & React.RefAttributes<any>>;
48
+ //# sourceMappingURL=SimpleDropdown.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleDropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EACjB,aAAa,EACd,MAAM,qDAAqD,CAAC;AAC7D,OAAO,EAAiC,eAAe,EAAE,MAAM,uDAAuD,CAAC;AAEvH,OAAO,EAAE,SAAS,EAAE,MAAM,yCAAyC,CAAC;AAEpE,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC5E,8FAA8F;IAC9F,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,+FAA+F;IAC/F,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,4DAA4D;IAC5D,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC,EAAE,SAAS;IACnF,qCAAqC;IACrC,YAAY,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACpC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,uDAAuD;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8FAA8F;IAC9F,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,4DAA4D;IAC5D,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,8FAA8F;IAC9F,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6BAA6B;IAC7B,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,WAAW,CAAC;IAClD,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAgFD,eAAO,MAAM,cAAc,iFAEzB,CAAC"}
@@ -3,25 +3,31 @@ import React from 'react';
3
3
  import { Dropdown, DropdownItem, DropdownList } from '@patternfly/react-core/dist/esm/components/Dropdown';
4
4
  import { MenuToggle } from '@patternfly/react-core/dist/esm/components/MenuToggle';
5
5
  import { Divider } from '@patternfly/react-core/dist/esm/components/Divider';
6
- const DropdownSimpleBase = (_a) => {
7
- var { innerRef, initialItems, onSelect: onSelectProp, onToggle: onToggleProp, isDisabled, toggleAriaLabel, toggleContent, isToggleFullWidth, toggleVariant = 'default', shouldFocusToggleOnSelect } = _a, props = __rest(_a, ["innerRef", "initialItems", "onSelect", "onToggle", "isDisabled", "toggleAriaLabel", "toggleContent", "isToggleFullWidth", "toggleVariant", "shouldFocusToggleOnSelect"]);
6
+ const SimpleDropdownBase = (_a) => {
7
+ var { innerRef, initialItems, onSelect: onSelectProp, onToggle: onToggleProp, isDisabled, toggleAriaLabel, toggleContent, isToggleFullWidth, toggleVariant = 'default', toggleWidth, toggleProps, shouldFocusToggleOnSelect } = _a, props = __rest(_a, ["innerRef", "initialItems", "onSelect", "onToggle", "isDisabled", "toggleAriaLabel", "toggleContent", "isToggleFullWidth", "toggleVariant", "toggleWidth", "toggleProps", "shouldFocusToggleOnSelect"]);
8
8
  const [isOpen, setIsOpen] = React.useState(false);
9
9
  const onSelect = (event, value) => {
10
10
  onSelectProp && onSelectProp(event, value);
11
+ onToggleProp && onToggleProp(false);
11
12
  setIsOpen(false);
12
13
  };
13
14
  const onToggle = () => {
14
15
  onToggleProp && onToggleProp(!isOpen);
15
16
  setIsOpen(!isOpen);
16
17
  };
17
- const dropdownToggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: toggleVariant, "aria-label": toggleAriaLabel, isFullWidth: isToggleFullWidth }, toggleContent));
18
+ const dropdownToggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggle, isExpanded: isOpen, isDisabled: isDisabled, variant: toggleVariant, "aria-label": toggleAriaLabel, isFullWidth: isToggleFullWidth, style: {
19
+ width: toggleWidth
20
+ } }, toggleProps), toggleContent));
18
21
  const dropdownSimpleItems = initialItems === null || initialItems === void 0 ? void 0 : initialItems.map((item) => {
19
22
  const { content, onClick, to, value, isDivider } = item, itemProps = __rest(item, ["content", "onClick", "to", "value", "isDivider"]);
20
23
  return isDivider ? (React.createElement(Divider, { component: "li", key: value })) : (React.createElement(DropdownItem, Object.assign({ onClick: onClick, to: to, key: value, value: value }, itemProps), content));
21
24
  });
22
- return (React.createElement(Dropdown, Object.assign({ toggle: dropdownToggle, isOpen: isOpen, onSelect: onSelect, shouldFocusToggleOnSelect: shouldFocusToggleOnSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), ref: innerRef }, props),
25
+ return (React.createElement(Dropdown, Object.assign({ toggle: dropdownToggle, isOpen: isOpen, onSelect: onSelect, shouldFocusToggleOnSelect: shouldFocusToggleOnSelect, onOpenChange: (isOpen) => {
26
+ onToggleProp && onToggleProp(isOpen);
27
+ setIsOpen(isOpen);
28
+ }, ref: innerRef }, props),
23
29
  React.createElement(DropdownList, null, dropdownSimpleItems)));
24
30
  };
25
- export const DropdownSimple = React.forwardRef((props, ref) => (React.createElement(DropdownSimpleBase, Object.assign({}, props, { innerRef: ref }))));
26
- DropdownSimple.displayName = 'DropdownSimple';
27
- //# sourceMappingURL=DropdownSimple.js.map
31
+ export const SimpleDropdown = React.forwardRef((props, ref) => (React.createElement(SimpleDropdownBase, Object.assign({}, props, { innerRef: ref }))));
32
+ SimpleDropdown.displayName = 'SimpleDropdown';
33
+ //# sourceMappingURL=SimpleDropdown.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SimpleDropdown.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/SimpleDropdown.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export * from './DropdownSimple';
1
+ export * from './SimpleDropdown';
2
2
  //# sourceMappingURL=index.d.ts.map
@@ -1,2 +1,2 @@
1
- export * from './DropdownSimple';
1
+ export * from './SimpleDropdown';
2
2
  //# sourceMappingURL=index.js.map
@@ -1,12 +1,12 @@
1
1
  import React from 'react';
2
- import { SelectOptionProps } from '@patternfly/react-core';
2
+ import { MenuToggleProps, SelectOptionProps, SelectProps } from '@patternfly/react-core';
3
3
  export interface CheckboxSelectOption extends Omit<SelectOptionProps, 'content'> {
4
4
  /** Content of the select option. */
5
5
  content: React.ReactNode;
6
6
  /** Value of the select option. */
7
7
  value: string | number;
8
8
  }
9
- export interface CheckboxSelectProps {
9
+ export interface CheckboxSelectProps extends Omit<SelectProps, 'toggle'> {
10
10
  /** @hide Forwarded ref */
11
11
  innerRef?: React.Ref<any>;
12
12
  /** Initial options of the select. */
@@ -17,8 +17,12 @@ export interface CheckboxSelectProps {
17
17
  onToggle?: (nextIsOpen: boolean) => void;
18
18
  /** Flag indicating the select should be disabled. */
19
19
  isDisabled?: boolean;
20
- /** Content of the toggle. Defaults to the selected option. */
20
+ /** Content of the toggle. Defaults to a string with badge count of selected options. */
21
21
  toggleContent?: React.ReactNode;
22
+ /** Width of the toggle. */
23
+ toggleWidth?: string;
24
+ /** Additional props passed to the toggle. */
25
+ toggleProps?: MenuToggleProps;
22
26
  }
23
27
  export declare const CheckboxSelect: React.ForwardRefExoticComponent<CheckboxSelectProps & React.RefAttributes<any>>;
24
28
  //# sourceMappingURL=CheckboxSelect.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAOL,iBAAiB,EAClB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC9E,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACxC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8DAA8D;IAC9D,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACjC;AA+ED,eAAO,MAAM,cAAc,iFAEzB,CAAC"}
1
+ {"version":3,"file":"CheckboxSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,eAAe,EAIf,iBAAiB,EACjB,WAAW,EACZ,MAAM,wBAAwB,CAAC;AAEhC,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IAC9E,oCAAoC;IACpC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,CAAC;IACtE,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACxC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,EAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5F,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,wFAAwF;IACxF,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAyFD,eAAO,MAAM,cAAc,iFAEzB,CAAC"}
@@ -2,13 +2,18 @@ import { __rest } from "tslib";
2
2
  import React from 'react';
3
3
  import { Badge, MenuToggle, Select, SelectList, SelectOption } from '@patternfly/react-core';
4
4
  const CheckboxSelectBase = (_a) => {
5
- var { innerRef, initialOptions, isDisabled, onSelect: passedOnSelect, onToggle, toggleContent } = _a, props = __rest(_a, ["innerRef", "initialOptions", "isDisabled", "onSelect", "onToggle", "toggleContent"]);
5
+ var { innerRef, initialOptions, isDisabled, onSelect: passedOnSelect, onToggle, toggleContent, toggleWidth = '200px', toggleProps } = _a, props = __rest(_a, ["innerRef", "initialOptions", "isDisabled", "onSelect", "onToggle", "toggleContent", "toggleWidth", "toggleProps"]);
6
6
  const [isOpen, setIsOpen] = React.useState(false);
7
7
  const [selected, setSelected] = React.useState([]);
8
+ React.useEffect(() => {
9
+ var _a;
10
+ const selectedOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.filter((option) => option.selected);
11
+ setSelected((_a = selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.map((selectedOption) => String(selectedOption.value))) !== null && _a !== void 0 ? _a : []);
12
+ }, [initialOptions]);
8
13
  const checkboxSelectOptions = initialOptions === null || initialOptions === void 0 ? void 0 : initialOptions.map((option) => {
9
14
  const { content, value } = option, props = __rest(option, ["content", "value"]);
10
15
  const isSelected = selected.includes(`${value}`);
11
- return (React.createElement(SelectOption, Object.assign({}, props, { value: value, key: value, hasCheckbox: true, isSelected: isSelected }), content));
16
+ return (React.createElement(SelectOption, Object.assign({ value: value, key: value, hasCheckbox: true, isSelected: isSelected }, props), content));
12
17
  });
13
18
  const onToggleClick = () => {
14
19
  onToggle && onToggle(!isOpen);
@@ -27,10 +32,13 @@ const CheckboxSelectBase = (_a) => {
27
32
  const defaultToggleContent = (React.createElement(React.Fragment, null,
28
33
  "Filter by status",
29
34
  selected.length > 0 && React.createElement(Badge, { isRead: true }, selected.length)));
30
- const toggle = (toggleRef) => (React.createElement(MenuToggle, { ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
31
- width: '200px'
32
- } }, toggleContent || defaultToggleContent));
33
- return (React.createElement(Select, Object.assign({ id: "checkbox-select", isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: (isOpen) => setIsOpen(isOpen), toggle: toggle, ref: innerRef, role: "menu" }, props),
35
+ const toggle = (toggleRef) => (React.createElement(MenuToggle, Object.assign({ ref: toggleRef, onClick: onToggleClick, isExpanded: isOpen, isDisabled: isDisabled, style: {
36
+ width: toggleWidth
37
+ } }, toggleProps), toggleContent || defaultToggleContent));
38
+ return (React.createElement(Select, Object.assign({ isOpen: isOpen, selected: selected, onSelect: onSelect, onOpenChange: (isOpen) => {
39
+ onToggle && onToggle(isOpen);
40
+ setIsOpen(isOpen);
41
+ }, toggle: toggle, ref: innerRef, role: "menu" }, props),
34
42
  React.createElement(SelectList, null, checkboxSelectOptions)));
35
43
  };
36
44
  export const CheckboxSelect = React.forwardRef((props, ref) => (React.createElement(CheckboxSelectBase, Object.assign({}, props, { innerRef: ref }))));
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxSelect.js","sourceRoot":"","sources":["../../../../src/components/Select/CheckboxSelect.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,33 @@
1
+ import React from 'react';
2
+ import { SelectOptionProps, MenuToggleProps, SelectProps } from '@patternfly/react-core';
3
+ export interface MultiTypeaheadSelectOption extends Omit<SelectOptionProps, 'content'> {
4
+ /** Content of the select option. */
5
+ content: string | number;
6
+ /** Value of the select option. */
7
+ value: string | number;
8
+ }
9
+ export interface MultiTypeaheadSelectProps extends Omit<SelectProps, 'toggle' | 'onSelect'> {
10
+ /** @hide Forwarded ref */
11
+ innerRef?: React.Ref<any>;
12
+ /** Initial options of the select. */
13
+ initialOptions: MultiTypeaheadSelectOption[];
14
+ /** Callback triggered on selection. */
15
+ onSelectionChange?: (_event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<HTMLInputElement>, selections: (string | number)[]) => void;
16
+ /** Callback triggered when the select opens or closes. */
17
+ onToggle?: (nextIsOpen: boolean) => void;
18
+ /** Callback triggered when the text in the input field changes. */
19
+ onInputChange?: (newValue: string) => void;
20
+ /** Placeholder text for the select input. */
21
+ placeholder?: string;
22
+ /** Message to display when no options match the filter. */
23
+ noOptionsFoundMessage?: string | ((filter: string) => string);
24
+ /** Flag indicating the select should be disabled. */
25
+ isDisabled?: boolean;
26
+ /** Width of the toggle. */
27
+ toggleWidth?: string;
28
+ /** Additional props passed to the toggle. */
29
+ toggleProps?: MenuToggleProps;
30
+ }
31
+ export declare const MultiTypeaheadSelectBase: React.FunctionComponent<MultiTypeaheadSelectProps>;
32
+ export declare const MultiTypeaheadSelect: React.ForwardRefExoticComponent<MultiTypeaheadSelectProps & React.RefAttributes<any>>;
33
+ //# sourceMappingURL=MultiTypeaheadSelect.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MultiTypeaheadSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/MultiTypeaheadSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,iBAAiB,EAOjB,eAAe,EACf,WAAW,EAGZ,MAAM,wBAAwB,CAAC;AAGhC,MAAM,WAAW,0BAA2B,SAAQ,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC;IACpF,oCAAoC;IACpC,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,WAAW,EAAE,QAAQ,GAAG,UAAU,CAAC;IACzF,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,qCAAqC;IACrC,cAAc,EAAE,0BAA0B,EAAE,CAAC;IAC7C,uCAAuC;IACvC,iBAAiB,CAAC,EAAE,CAClB,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACrF,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAC5B,IAAI,CAAC;IACV,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,mEAAmE;IACnE,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2DAA2D;IAC3D,qBAAqB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC,CAAC;IAC9D,qDAAqD;IACrD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,iBAAiB,CAAC,yBAAyB,CA+RvF,CAAC;AAIF,eAAO,MAAM,oBAAoB,uFAE/B,CAAC"}