@colisweb/rescript-toolkit 2.66.0 → 2.66.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.66.0",
+  "version": "2.66.2",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build -with-deps",

package/src/vendors/BsReactSelect.res

@@ -133,9 +133,13 @@ module ReactAsyncSelectMultiple = {
 }
 
 module ReactSelectMultipleCreateInput = {
+  type labelOption<'value> = {
+    label: string,
+    value: 'value,
+  }
   module ReactSelect = {
-    type components = {"DropDownIndicator": React.element}
-
+    type components = {"DropdownIndicator": React.element}
+    type labeledValue = {value: string, label: string}
     @module("react-select/creatable") @react.component
     external make: (
       ~components: components,
@@ -143,11 +147,11 @@ module ReactSelectMultipleCreateInput = {
       ~isClearable: option<bool>=?,
       ~isMulti: option<bool>=?,
       ~menuIsOpen: option<bool>=?,
-      ~onChange: array<string> => unit,
+      ~onChange: array<labelOption<'a>> => unit,
       ~onInputChange: string => unit,
       ~onKeyDown: ReactEvent.Keyboard.t => unit,
       ~placeholder: option<string>=?,
-      ~value: array<string>,
+      ~value: array<labelOption<'a>>,
       ~isDisabled: option<bool>=?,
       ~isLoading: option<bool>=?,
       ~className: option<string>=?,
@@ -157,8 +161,6 @@ module ReactSelectMultipleCreateInput = {
 
   @react.component
   let make = (
-    ~inputValue: string,
-    ~onInputChange: string => unit,
     ~value: array<string>,
     ~onChange: array<string> => unit,
     ~isClearable=true,
@@ -168,8 +170,11 @@ module ReactSelectMultipleCreateInput = {
     ~className: option<string>=?,
     ~id: option<string>=?,
   ) => {
+    let (inputValue, onInputChange) = React.useState(() => "")
+    let onInputChange = v => onInputChange(_ => v)
+
     <ReactSelect
-      components={"DropDownIndicator": React.null}
+      components={"DropdownIndicator": React.null}
       isMulti=true
       onKeyDown={e => {
         if inputValue === "" {
@@ -190,10 +195,10 @@ module ReactSelectMultipleCreateInput = {
       menuIsOpen={false}
       inputValue
       isClearable
-      onChange
+      onChange={values => onChange(values->Array.map(({label}) => label))}
       onInputChange
       placeholder
-      value
+      value={value->Array.mapWithIndex((i, v) => {label: v, value: v ++ i->Js.Int.toString})}
       isDisabled
       isLoading
       ?className