@commercelayer/app-elements 0.0.3 → 0.0.5

package/dist/{Async-aebe6fb6.js → Async-7b8b5769.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-679fa915.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-224cfb45.js";
 import "react-dom";
-import "./main-e7c75433.js";
+import "./main-79e44ba7.js";
 import "@commercelayer/sdk";
 var ye = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
 function Ce(t) {

package/dist/{InputDateComponent-1b76aaec.js → InputDateComponent-ea0f4509.js}

@@ -1,6 +1,6 @@
 import * as Y from "react";
 import h, { forwardRef as Gi, createElement as Yu, Component as Lu, createRef as Au } from "react";
-import { I as ju, r as Bu, a as O, b as Zi, t as L, c as D, g as Io, d as fn, e as Fu, s as pn, f as Ji, h as Hu, i as Wu, j as Uu, l as aa, k as qu, m as ia, n as Vu, o as Ku, p as J, q as eu, u as Qu, v as ua, w as zu, x as Xu, X as Gu } from "./main-e7c75433.js";
+import { I as ju, r as Bu, a as O, b as Zi, t as L, c as D, g as Io, d as fn, e as Fu, s as pn, f as Ji, h as Hu, i as Wu, j as Uu, l as aa, k as qu, m as ia, n as Vu, o as Ku, p as J, q as eu, u as Qu, v as ua, w as zu, x as Xu, X as Gu } from "./main-79e44ba7.js";
 import * as Zu from "react-dom";
 import Ju, { findDOMNode as es } from "react-dom";
 import "@commercelayer/sdk";
@@ -7654,34 +7654,43 @@ const Ry = Gi(
     ...y
   }, m) => {
     const v = r ?? Cy();
-    return /* @__PURE__ */ h.createElement(zu, { ...y, className: o }, /* @__PURE__ */ h.createElement("div", { className: "relative" }, /* @__PURE__ */ h.createElement(
-      Ey,
+    return /* @__PURE__ */ h.createElement(
+      zu,
       {
-        ref: m,
-        selected: e,
-        onChange: t,
-        dateFormat: v,
-        placeholderText: s === !0 ? v.toLowerCase() : a,
-        minDate: i,
-        openToDate: e ?? i,
-        className: J(
-          "block w-full px-4 py-2 h-10 placeholder:text-gray-400 font-medium",
-          "rounded outline-0",
-          "transition duration-500 ease-in-out focus:outline-0 focus:border-primary-light",
-          Xu(d),
-          n
-        )
-      }
-    ), /* @__PURE__ */ h.createElement("div", { className: "absolute top-0 bottom-0 right-4 flex items-center pointer-events-none touch-none" }, /* @__PURE__ */ h.createElement(rs, null)), e != null && c === !0 ? /* @__PURE__ */ h.createElement(
-      "button",
-      {
-        className: "absolute top-0 bottom-0 right-11 flex items-center",
-        onClick: () => {
-          t(null);
-        }
+        ...y,
+        className: o,
+        hint: l,
+        label: u
       },
-      /* @__PURE__ */ h.createElement(Gu, null)
-    ) : null));
+      /* @__PURE__ */ h.createElement("div", { className: "relative" }, /* @__PURE__ */ h.createElement(
+        Ey,
+        {
+          ref: m,
+          selected: e,
+          onChange: t,
+          dateFormat: v,
+          placeholderText: s === !0 ? v.toLowerCase() : a,
+          minDate: i,
+          openToDate: e ?? i,
+          className: J(
+            "block w-full px-4 py-2.5 placeholder:text-gray-400 font-medium",
+            "rounded outline-0",
+            "transition duration-500 ease-in-out focus:outline-0 focus:border-primary-light",
+            Xu(d),
+            n
+          )
+        }
+      ), /* @__PURE__ */ h.createElement("div", { className: "absolute top-0 bottom-0 right-4 flex items-center pointer-events-none touch-none" }, /* @__PURE__ */ h.createElement(rs, null)), e != null && c === !0 ? /* @__PURE__ */ h.createElement(
+        "button",
+        {
+          className: "absolute top-0 bottom-0 right-11 flex items-center",
+          onClick: () => {
+            t(null);
+          }
+        },
+        /* @__PURE__ */ h.createElement(Gu, null)
+      ) : null)
+    );
   }
 );
 Ry.displayName = "InputDateComponent";

package/dist/{Select-cf15ff7b.js → Select-6da04242.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-679fa915.js";
+import { u as m, S as c, d as p, s as i } from "./overrides-224cfb45.js";
 import "react-dom";
-import "./main-e7c75433.js";
+import "./main-79e44ba7.js";
 import "@commercelayer/sdk";
 var l = /* @__PURE__ */ s(function(e, t) {
   var o = m(e);

package/dist/helpers/date.d.ts

@@ -1,18 +1,37 @@
-/**
- * Format the date as nice string
- * @returns a nice string representation. Example: 'Jul 21, 2022' or 'Jul 21, 2022 · 1:16 PM' if includeTime
- */
-export declare function formatDate({ isoDate, includeTime, timezone }: {
+declare type Format = 'full' | 'noTime' | 'noYear';
+declare type FormatDateOptions = {
     /**
      * JavaScript ISO date string. Example '2022-10-06T11:59:30.371Z'
      */
     isoDate?: string;
-    /**
-     * Boolean value to include time in returned string: Example: 'Oct 26, 2022 · 4:16 PM'
-     */
-    includeTime?: boolean;
     /**
      * Set a specific timezone, when not passed default value is 'UTC'
      */
     timezone?: string;
-}): string;
+} & ({
+    /**
+     * How to format the date:
+     * - full `Feb 28, 2023 · 5:30 PM`
+     * - noTime `Feb 28, 2023`
+     * - noYear `Feb 28`
+     * @default noTime
+     */
+    format?: Format;
+} | {
+    /**
+     * When set as `custom` a `customTemplate` is required
+     */
+    format: 'custom';
+    /**
+     * Custom template to override the default one ('LLL dd, yyyy').
+     * @link https://date-fns.org/v2.29.3/docs/format
+     */
+    customTemplate: string;
+});
+/**
+ * Format the date as nice string also specifying a custom timezone
+ * @param opts a set of `FormatDateOptions`
+ * @returns a nice string representation. Example: 'Jul 21, 2022' or 'Jul 21, 2022 · 1:16 PM' if includeTime
+ */
+export declare function formatDate({ isoDate, timezone, ...opts }: FormatDateOptions): string;
+export {};