@commercelayer/app-elements 0.0.22 → 0.0.23

package/dist/{Async-f4137c01.js → Async-a33a71fb.js}

@@ -1,8 +1,8 @@
 import * as de from "react";
 import le, { useRef as W, useState as a, useEffect as z, useCallback as B, forwardRef as ce } from "react";
-import { _ as ve, a as s, h as Oe, b as O, c as Se, u as _e, S as he, d as me, s as ge } from "./overrides-4cc26c3c.js";
+import { _ as ve, a as s, h as Oe, b as O, c as Se, u as _e, S as he, d as me, s as ge } from "./overrides-7ddc4b65.js";
 import "react-dom";
-import "./main-95dd7764.js";
+import "./main-017487f0.js";
 import "@commercelayer/sdk";
 var ye = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function Ce(t) {

package/dist/{InputDateComponent-9f5e508c.js → InputDateComponent-a38b61c9.js}

@@ -1,6 +1,6 @@
 import * as L from "react";
 import h, { forwardRef as nu, createElement as Qu, Component as Vu, createRef as Ku } from "react";
-import { I as zu, r as Xu, a as D, b as ou, t as $, c as mt, d as Oe, e as x, g as jo, s as Ne, f as yn, h as Gu, i as mn, j as au, k as Zu, l as Ju, m as es, n as la, o as ts, p as fa, q as rs, u as ns, v as os, w as ee, x as Xe, y as vn, z as iu, A as as, B as is, C as pa, D as us, E as ss, F as cs, G as pr, H as ls, J as fs, X as ps } from "./main-95dd7764.js";
+import { I as zu, r as Xu, a as D, b as ou, t as $, c as mt, d as Oe, e as x, g as jo, s as Ne, f as yn, h as Gu, i as mn, j as au, k as Zu, l as Ju, m as es, n as la, o as ts, p as fa, q as rs, u as ns, v as os, w as ee, x as Xe, y as vn, z as iu, A as as, B as is, C as pa, D as us, E as ss, F as cs, G as pr, H as ls, J as fs, X as ps } from "./main-017487f0.js";
 import * as ds from "react-dom";
 import hs, { findDOMNode as ys } from "react-dom";
 import "@commercelayer/sdk";
@@ -7748,25 +7748,27 @@ const Ay = nu(
     isClearable: c,
     hint: l,
     feedback: d,
-    ...y
-  }, m) => {
-    const v = r ?? jy();
+    preventOpenOnFocus: y,
+    ...m
+  }, v) => {
+    const g = r ?? jy();
     return /* @__PURE__ */ h.createElement(
       ls,
       {
-        ...y,
+        ...m,
         className: o,
         hint: l,
+        feedback: d,
         label: u
       },
       /* @__PURE__ */ h.createElement("div", { className: "relative" }, /* @__PURE__ */ h.createElement(
         Yy,
         {
-          ref: m,
+          ref: v,
           selected: e,
           onChange: t,
-          dateFormat: v,
-          placeholderText: s === !0 ? v.toLowerCase() : a,
+          dateFormat: g,
+          placeholderText: s === !0 ? g.toLowerCase() : a,
           minDate: i,
           openToDate: e ?? i,
           className: ee(
@@ -7775,7 +7777,8 @@ const Ay = nu(
             "transition duration-500 ease-in-out focus:outline-0 focus:border-primary-light",
             fs(d),
             n
-          )
+          ),
+          preventOpenOnFocus: y
         }
       ), /* @__PURE__ */ h.createElement("div", { className: "absolute top-0 bottom-0 right-4 flex items-center pointer-events-none touch-none" }, /* @__PURE__ */ h.createElement(vs, null)), e != null && c === !0 ? /* @__PURE__ */ h.createElement(
         "button",

package/dist/{Select-e15892a5.js → Select-d21cd3a7.js}

@@ -1,8 +1,8 @@
 import * as r from "react";
 import a, { forwardRef as s } from "react";
-import { u as m, S as c, d as p, s as i } from "./overrides-4cc26c3c.js";
+import { u as m, S as c, d as p, s as i } from "./overrides-7ddc4b65.js";
 import "react-dom";
-import "./main-95dd7764.js";
+import "./main-017487f0.js";
 import "@commercelayer/sdk";
 var l = /* @__PURE__ */ s(function(e, t) {
   var o = m(e);

package/dist/hooks/useIsChanged.d.ts

@@ -0,0 +1,11 @@
+/**
+ * This hook is used to detect when a value has changed during new rendering.
+ * It is useful to trigger an action when a value has changed.
+ * @param value - the value to watch
+ * @param onChange - the action to trigger when the value has changed
+ * @returns - a boolean that is true when the value has changed
+ */
+export declare function useIsChanged<T>({ value, onChange }: {
+    value: T;
+    onChange?: () => void;
+}): boolean;