@colisweb/rescript-toolkit 2.65.5 → 2.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -19,6 +19,7 @@ let make = (
|
|
|
19
19
|
let (selectedOptions, setSelectedOptions) = React.useState(() => defaultValue)
|
|
20
20
|
let previousDefaultValue = Toolkit__Hooks.usePrevious(defaultValue)
|
|
21
21
|
let (search, setSearch) = React.useState(() => "")
|
|
22
|
+
let allowFilter = options->Array.length > 5 && allowFilter
|
|
22
23
|
|
|
23
24
|
React.useEffect2(() => {
|
|
24
25
|
let prev =
|
|
@@ -61,6 +62,7 @@ let make = (
|
|
|
61
62
|
? <div className="mb-3">
|
|
62
63
|
<Toolkit__Ui_TextInput
|
|
63
64
|
id="search"
|
|
65
|
+
autoFocus={true}
|
|
64
66
|
placeholder=?{searchPlaceholder}
|
|
65
67
|
onChange={event => {
|
|
66
68
|
let target = event->ReactEvent.Form.currentTarget
|
|
@@ -85,12 +87,16 @@ let make = (
|
|
|
85
87
|
->Js.String2.replaceByRe(%re("/[\u0300-\u036f]/g"), "")
|
|
86
88
|
->Js.String2.includes(search)
|
|
87
89
|
)
|
|
88
|
-
->Array.
|
|
90
|
+
->Array.mapWithIndex((i, item) => {
|
|
89
91
|
let {itemLabel, label, value} = item
|
|
90
92
|
|
|
91
93
|
<div
|
|
92
94
|
key={`multiselectoption-${label}-${value}`}
|
|
93
|
-
className={cx([
|
|
95
|
+
className={cx([
|
|
96
|
+
"flex flex-row items-center gap-2 pt-3 text-left",
|
|
97
|
+
i > 0 ? "mt-3" : "",
|
|
98
|
+
itemClassName,
|
|
99
|
+
])}>
|
|
94
100
|
<Toolkit__Ui_Checkbox
|
|
95
101
|
value
|
|
96
102
|
className="w-full flex-shrink-0"
|
|
@@ -108,8 +114,8 @@ let make = (
|
|
|
108
114
|
} else {
|
|
109
115
|
setSelectedOptions(selectedOptions => {
|
|
110
116
|
let value =
|
|
111
|
-
selectedOptions->Array.keep(
|
|
112
|
-
selectedItem.value != value && selectedItem.label != label
|
|
117
|
+
selectedOptions->Array.keep(
|
|
118
|
+
selectedItem => selectedItem.value != value && selectedItem.label != label,
|
|
113
119
|
)
|
|
114
120
|
|
|
115
121
|
onChange(value)
|
|
@@ -90,7 +90,10 @@ module Core = {
|
|
|
90
90
|
</thead>
|
|
91
91
|
<tbody className="block relative">
|
|
92
92
|
{switch table.page {
|
|
93
|
-
| [] =>
|
|
93
|
+
| [] =>
|
|
94
|
+
<tr>
|
|
95
|
+
<td className="p-4 cw-table-noResult"> {emptyMessage->React.string} </td>
|
|
96
|
+
</tr>
|
|
94
97
|
| page =>
|
|
95
98
|
page
|
|
96
99
|
->Array.mapWithIndex((index, row) => {
|