@colisweb/rescript-toolkit 2.33.3 → 2.36.0

package/package.json

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

package/src/form/Toolkit__Form.res

@@ -100,6 +100,7 @@ module Make = (StateLenses: Config) => {
       ~inputRightAddon=?,
       ~errorClassName=?,
       ~optionalMessage: option<React.element>=?,
+      ~autocomplete: option<string>=?,
     ) => {
       let (showPassword, setShowPassword) = React.useState(() => false)
       let isPasswordType = type_->Option.mapWithDefault(false, type_ => type_ === "password")
@@ -138,27 +139,36 @@ module Make = (StateLenses: Config) => {
                 </Toolkit__Ui.Label>
               }}
               <div className={cx(["flex flex-row", inputContainerClassName])}>
-                <Toolkit__Ui.TextInput
-                  className={cx([
-                    inputClassName,
-                    inputRightAddon->Option.isSome || isPasswordType ? "rounded-r-none" : "",
-                  ])}
-                  id
-                  value
-                  ?name
-                  type_=?{type_->Option.map(type_ =>
-                    type_ === "password" && showPassword ? "text" : type_
-                  )}
-                  ?disabled
-                  ?placeholder
-                  ?autoFocus
-                  ?step
-                  ?min
-                  ?max
-                  isInvalid
-                  onChange
-                  onBlur
-                />
+                <Toolkit__Ui_Spread
+                  props={autocomplete->Option.mapWithDefault(Js.Obj.empty(), (
+                    autocomplete: string,
+                  ) =>
+                    {
+                      "autocomplete": autocomplete,
+                    }
+                  )}>
+                  <Toolkit__Ui.TextInput
+                    className={cx([
+                      inputClassName,
+                      inputRightAddon->Option.isSome || isPasswordType ? "rounded-r-none" : "",
+                    ])}
+                    id
+                    value
+                    ?name
+                    type_=?{type_->Option.map(type_ =>
+                      type_ === "password" && showPassword ? "text" : type_
+                    )}
+                    ?disabled
+                    ?placeholder
+                    ?autoFocus
+                    ?step
+                    ?min
+                    ?max
+                    isInvalid
+                    onChange
+                    onBlur
+                  />
+                </Toolkit__Ui_Spread>
                 {type_->Option.mapWithDefault(React.null, type_ => {
                   switch type_ {
                   | "password" =>

package/src/ui/Toolkit__Ui_Checkbox.res

@@ -22,6 +22,7 @@ let make = (
   ~onChange=?,
   ~name=?,
   ~checked=?,
+  ~defaultChecked=?,
   ~className="",
   ~size: size=#sm,
   ~checkboxClassName="",
@@ -31,6 +32,17 @@ let make = (
   ~hideLabel=false,
 ) => {
   let (isChecked, setChecked) = React.useState(() => checked->Option.getWithDefault(false))
+  let previousChecked = Toolkit__Hooks.usePrevious(isChecked)
+
+  React.useEffect2(() => {
+    switch (previousChecked, checked) {
+    | (Some(previous), Some(checked)) if previous != checked => setChecked(_ => checked)
+    | _ => ()
+    }
+
+    None
+  }, (previousChecked, checked))
+
   <label
     className={cx([
       Styles.label,
@@ -45,6 +57,7 @@ let make = (
     <input
       type_="checkbox"
       value
+      ?defaultChecked
       className="hidden"
       onChange={event => {
         let target = ReactEvent.Form.target(event)

package/src/ui/Toolkit__Ui_Checkbox.resi

@@ -8,6 +8,7 @@ let make: (
   ~onChange: (bool, string) => unit=?,
   ~name: string=?,
   ~checked: bool=?,
+  ~defaultChecked: bool=?,
   ~className: string=?,
   ~size: size=?,
   ~checkboxClassName: string=?,

package/src/vendors/reach-ui/ReachUi_Accordion.res

@@ -43,3 +43,7 @@ module ControlledAccordionMultiple = {
     ~readOnly: option<bool>=?,
   ) => React.element = "Accordion"
 }
+
+type accordionContext = {isExpanded: bool, index: int}
+@module("@reach/accordion")
+external useAccordionItemContext: unit => accordionContext = "useAccordionItemContext"