@colisweb/rescript-toolkit 2.13.2 → 2.13.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.13.2",
+  "version": "2.13.3",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build",

package/src/vendors/BsReactSelect.res

@@ -127,3 +127,68 @@ module ReactAsyncSelectMultiple = {
     ~loadOptions: string => Promise.Js.t<array<labelOption<'value>>, string>,
   ) => React.element = "default"
 }
+
+module ReactSelectMultipleCreateInput = {
+  module ReactSelect = {
+    type components = {"DropDownIndicator": React.element}
+
+    @module("react-select/creatable") @react.component
+    external make: (
+      ~components: components,
+      ~inputValue: string,
+      ~isClearable: option<bool>=?,
+      ~isMulti: option<bool>=?,
+      ~menuIsOpen: option<bool>=?,
+      ~onChange: array<string> => unit,
+      ~onInputChange: string => unit,
+      ~onKeyDown: ReactEvent.Keyboard.t => unit,
+      ~placeholder: option<string>=?,
+      ~value: array<string>,
+      ~isDisabled: option<bool>=?,
+      ~isLoading: option<bool>=?,
+      ~className: option<string>=?,
+    ) => React.element = "CreatableSelect"
+  }
+
+  @react.component
+  let make = (
+    ~inputValue: string,
+    ~onInputChange: string => unit,
+    ~value: array<string>,
+    ~onChange: array<string> => unit,
+    ~isClearable=true,
+    ~placeholder="",
+    ~isDisabled=false,
+    ~isLoading=false,
+    ~className="",
+  ) =>
+    <ReactSelect
+      components={"DropDownIndicator": React.null}
+      isMulti=true
+      onKeyDown={e => {
+        if inputValue === "" {
+          ()
+        } else {
+          switch e->ReactEvent.Keyboard.key {
+          | "Enter"
+          | "Tab" => {
+              onInputChange("")
+              onChange(value->Array.concat([inputValue]))
+              e->ReactEvent.Keyboard.preventDefault
+            }
+          | _ => ()
+          }
+        }
+      }}
+      menuIsOpen={false}
+      inputValue
+      isClearable
+      onChange
+      onInputChange
+      placeholder
+      value
+      isDisabled
+      isLoading
+      className
+    />
+}