@commercelayer/app-elements 0.0.79 → 0.1.0

package/dist/{Async-2e9c3da2.js → Async-566ec3f7.js}

@@ -1,8 +1,8 @@
-import { L as de, H as le } from "./main-bd408fbe.js";
+import { L as de, H as le } from "./main-795be39b.js";
 import * as ce from "react";
 import { useRef as F, useState as a, useEffect as x, useCallback as D, forwardRef as ve } from "react";
-import { _ as Oe, a as s, h as Se, b as g, u as me, S as _e, c as he, s as ge } from "./overrides-684ed062.js";
-import { d as ye } from "./unsupportedIterableToArray-a4407b22.js";
+import { _ as Oe, a as s, h as Se, b as g, u as me, S as _e, c as he, s as ge } from "./overrides-346bb0f6.js";
+import { d as ye } from "./unsupportedIterableToArray-a3020d44.js";
 import "react-dom";
 import "@commercelayer/sdk";
 import "react-hook-form";

package/dist/{InputDateComponent-fe3ffd00.js → InputDateComponent-4461b3e6.js}

@@ -1,7 +1,7 @@
-import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as _, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as ur, i as Ln, j as Sa, k as Oa, l as Ea, m as qr, n as _a, o as Kr, p as Pa, q as Ta, u as Na, v as An, w as ae, x as nt, y as pr, z as Hn, A as Ya, B as lr, C as Zr, D as Ia, E as Ra, F as La, G as At, H as Ke, I as Aa, J as Ha, K as Fa } from "./main-bd408fbe.js";
+import { P as Ma, r as E, a as Rn, t as H, b as Mt, c as Ee, d as _, g as Cr, _ as Qt, s as je, e as cr, f as xa, h as ur, i as Ln, j as Sa, k as Oa, l as Ea, m as qr, n as _a, o as Kr, p as Pa, q as Ta, u as Na, v as An, w as ae, x as nt, y as pr, z as Hn, A as Ya, B as lr, C as Zr, D as Ia, E as Ra, F as La, G as At, H as Ke, I as Aa, J as Ha, K as Fa } from "./main-795be39b.js";
 import * as B from "react";
 import h, { forwardRef as Fn, createElement as ja, Component as Ua, createRef as Ba } from "react";
-import { _ as Wa, a as I, b as R, c as N, d as D, e as b, f as Y } from "./unsupportedIterableToArray-a4407b22.js";
+import { _ as Wa, a as I, b as R, c as N, d as D, e as b, f as Y } from "./unsupportedIterableToArray-a3020d44.js";
 import * as Va from "react-dom";
 import Qa, { findDOMNode as $a } from "react-dom";
 import "@commercelayer/sdk";
@@ -5227,7 +5227,7 @@ const Lc = Fn(
         hint: p,
         feedback: f,
         label: s,
-        children: /* @__PURE__ */ Ke.jsxs("div", { className: "relative", children: [
+        children: /* @__PURE__ */ Ke.jsxs("div", { className: "relative w-full", children: [
           /* @__PURE__ */ Ke.jsx(
             Ic,
             {

package/dist/{Select-be90391b.js → Select-89937223.js}

@@ -1,12 +1,12 @@
-import { H as n } from "./main-bd408fbe.js";
-import { u as s, S as m, c as p, s as i } from "./overrides-684ed062.js";
+import { H as n } from "./main-795be39b.js";
+import { u as s, S as m, c as p, s as i } from "./overrides-346bb0f6.js";
 import * as c from "react";
 import { forwardRef as S } from "react";
 import "react-dom";
 import "@commercelayer/sdk";
 import "react-hook-form";
 import "query-string";
-import "./unsupportedIterableToArray-a4407b22.js";
+import "./unsupportedIterableToArray-a3020d44.js";
 var f = /* @__PURE__ */ S(function(e, t) {
   var o = s(e);
   return /* @__PURE__ */ c.createElement(m, p({

package/dist/helpers/appsNavigation.d.ts

@@ -68,5 +68,5 @@ interface NavigateToExternalDetailsParams {
 export declare function navigateToDetail(params: NavigateToInternalDetailsParams | NavigateToExternalDetailsParams): {
     href: string;
     onClick: (e: React.MouseEvent<HTMLAnchorElement | HTMLDivElement, MouseEvent>) => void;
-};
+} | null;
 export {};

package/dist/hooks/useOverlay.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+interface OverlayProps {
+    /**
+     * The content of the overlay.
+     **/
+    children: React.ReactNode;
+    /**
+     * Footer element to be rendered at the bottom of the overlay.
+     **/
+    footer?: React.ReactNode;
+}
+interface OverlayOptions {
+    /**
+     * Optional query param to be used to control the overlay visibility.
+     * When set, the overlay will be opened when the query param is set to `true` (e.g. `?myOverlay=true`)
+     * and the `open` method will perform an history.push to add the query param as navigating to a new page.
+     * Otherwise, the overlay will be opened as a classic in-page modal.
+     **/
+    queryParam: string;
+}
+interface OverlayHook {
+    /**
+     * The overlay component.
+     **/
+    Overlay: React.FC<OverlayProps>;
+    /**
+     * Function to be used to open the overlay.
+     **/
+    open: () => void;
+    /**
+     * Function to be used to close the overlay.
+     **/
+    close: () => void;
+}
+export declare function useOverlay(options?: OverlayOptions): OverlayHook;
+export {};