@colisweb/rescript-toolkit 3.1.1 → 3.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "3.1.1",
+  "version": "3.1.3",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/playground/PlaygroundComponents.res

@@ -35,6 +35,7 @@ let components: array<(string, module(Config))> = [
   ("Form", module(Playground_Form)),
   ("Combobox", module(Playground_Combobox)),
   ("IconButton", module(Playground_IconButton)),
+  ("CopyWrapper", module(Playground_CopyWrapper)),
 ]
 
 module List = {

package/playground/components/Playground_CopyWrapper.res

@@ -0,0 +1,17 @@
+@module("@root/src/ui/Toolkit__Ui_CopyWrapper.resi?raw")
+external resi: string = "default"
+
+@module("@root/playground/components/Playground_CopyWrapper.res?raw")
+external codeExample: string = "default"
+
+@react.component
+let make = () => {
+  <ReactIntl.IntlProvider>
+    <Toolkit__Ui_Snackbar.Provider />
+    <div className="flex flex-col gap-8">
+      <Toolkit__Ui_CopyWrapper textToCopy={"some content"} intl={PlaygroundLocales.intl}>
+        {"some content"->React.string}
+      </Toolkit__Ui_CopyWrapper>
+    </div>
+  </ReactIntl.IntlProvider>
+}

package/src/ui/Toolkit__Ui_CopyWrapper.res

@@ -18,7 +18,7 @@ let make = (~children, ~textToCopy, ~className="", ~intl) => {
   <div className={cx(["rounded-md border border-info-500 bg-info-50", className])}>
     <div className="relative w-full">
       <div
-        className="absolute -right-2 top-1 p-1 bg-info-50 text-info-500"
+        className="absolute -right-2 top-1 p-1 bg-info-50 text-info-500 cursor-pointer hover:bg-info-400 hover:text-white rounded active:bg-info-500"
         onClick={_ => {
           ref1Clipboard.copy()
         }}>

package/src/ui/Toolkit__Ui_CopyWrapper.resi

@@ -0,0 +1,7 @@
+@react.component
+let make: (
+  ~children: React.element,
+  ~textToCopy: string,
+  ~className: string=?,
+  ~intl: ReactIntl.Intl.t,
+) => React.element

package/src/vendors/ReactSelect.res

@@ -64,7 +64,7 @@ module ReactSelectMultiple = {
     ~placeholder: option<string>=?,
     ~className: option<string>=?,
     ~classNamePrefix: option<string>=?,
-    ~defaultValue: array<labelOption<'value>>,
+    ~defaultValue: option<array<labelOption<'value>>>=?,
     ~value: option<array<labelOption<'value>>>=?,
     ~onChange: array<labelOption<'value>> => unit,
     ~options: array<labelOption<'value>>,
@@ -82,7 +82,7 @@ module ReactSelectMultiple = {
       ?className
       ?classNamePrefix
       ?value
-      defaultValue
+      ?defaultValue
       onChange
       options
       ?noOptionsMessage