@vehiclehistory/property-lib 0.0.31 → 0.0.33

package/dist/components/ui/Checkbox/Checkbox.d.ts

@@ -5,6 +5,7 @@ declare const _default: NamedExoticComponent<{
     className?: string;
     error?: boolean;
     id: string;
+    inputClass?: string;
     label?: string;
     name: string;
     value?: any;

package/dist/main.js

@@ -612,7 +612,7 @@ const F = {
         ) }),
         /* @__PURE__ */ g("div", { className: "ml-3", children: [
           /* @__PURE__ */ o("div", { className: m("font-medium text-sm", n), children: a }),
-          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, H) => /* @__PURE__ */ o("li", { children: u }, H)) }) }) : ""
+          t.length > 0 ? /* @__PURE__ */ o("div", { className: "mt-2 text-xs", children: /* @__PURE__ */ o("ul", { role: "list", className: "list-disc space-y-1 pl-5", children: t.map((u, V) => /* @__PURE__ */ o("li", { children: u }, V)) }) }) : ""
         ] })
       ] })
     }
@@ -630,12 +630,12 @@ const F = {
   mobileBackdrop: c = !1,
   showSearchIcon: d = !0,
   options: u = [],
-  name: H = "",
+  name: V = "",
   placeholder: M = "",
   props: A = {},
   size: C = "medium",
   styles: p = null,
-  title: V = ""
+  title: H = ""
 }) => /* @__PURE__ */ g(
   "div",
   {
@@ -697,7 +697,7 @@ const F = {
           value: a,
           placeholder: !M && r ? " " : M,
           type: "search",
-          name: H || "search-input",
+          name: V || "search-input",
           "data-id": "search-input",
           ...A
         }
@@ -761,7 +761,7 @@ const F = {
               {
                 "data-id": "search-dropdown-body",
                 role: "listbox",
-                "data-title": V,
+                "data-title": H,
                 "aria-labelledby": "Label",
                 "aria-activedescendant": "search-item-0",
                 children: u.length > 0 ? u.map((w, v) => /* @__PURE__ */ o(
@@ -815,7 +815,7 @@ const F = {
   rightIconProps: c = {},
   rounded: d = !1,
   size: u = "md",
-  type: H = "button",
+  type: V = "button",
   uppercase: M = !1,
   variation: A = "primary"
 }) => {
@@ -823,7 +823,7 @@ const F = {
   return /* @__PURE__ */ g(
     C,
     {
-      type: C !== "a" ? H : null,
+      type: C !== "a" ? V : null,
       className: m(
         "Button",
         {
@@ -894,32 +894,37 @@ const F = {
   children: e,
   className: t = "",
   error: a = !1,
-  id: n = "",
-  label: l = "",
-  name: r = "",
-  props: s = {},
-  variation: i = "primary",
-  value: c = ""
+  inputClass: n,
+  id: l = "",
+  label: r = "",
+  name: s = "",
+  props: i = {},
+  variation: c = "primary",
+  value: d = ""
 }) => {
-  const d = l ? "div" : "label", u = d === "label" ? { htmlFor: n } : {};
+  const u = r ? "div" : "label", V = u === "label" ? { htmlFor: l } : {};
   return /* @__PURE__ */ g(
-    d,
+    u,
     {
-      className: m("checkbox flex items-center", i, t),
-      ...u,
+      className: m("checkbox flex items-center", c, t),
+      ...V,
       children: [
         /* @__PURE__ */ o(
           "input",
           {
             checked: h,
-            className: m("form-checkbox ", {
-              "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
-            }),
-            id: n,
-            name: r,
+            className: m(
+              "form-checkbox ",
+              {
+                "!border-red-500 !bg-red-500 focus:!ring-red-500 focus:!border-red-500": a
+              },
+              n
+            ),
+            id: l,
+            name: s,
             type: "checkbox",
-            value: c,
-            ...s
+            value: d,
+            ...i
           }
         ),
         e
@@ -965,7 +970,7 @@ const F = {
   hideClose: c = !1,
   iconSize: d = "medium",
   preventPageScroll: u = !0,
-  stickyHeader: H = !1,
+  stickyHeader: V = !1,
   title: M = "",
   titleClass: A = ""
 }) => /* @__PURE__ */ g(z, { children: [
@@ -991,7 +996,7 @@ const F = {
             className: m(
               "dialog-header flex items-center p-4",
               {
-                "sticky top-0 bg-white z-10": H,
+                "sticky top-0 bg-white z-10": V,
                 "!pb-0 border-0 justify-end": !M,
                 "justify-between border-b": M
               },
@@ -1045,36 +1050,36 @@ const F = {
   headerClass: c = "",
   hideClose: d = !1,
   iconSize: u = "medium",
-  isOpen: H = !1,
+  isOpen: V = !1,
   setDialogOpen: M,
   stickyHeader: A = !1,
   title: C = "",
   titleClass: p = ""
 }) => {
-  const V = I(null), w = async () => {
-    V.current.classList.add("closing"), await B(V.current), V.current.classList.remove("closing"), l && l(), M(!1);
+  const H = I(null), w = async () => {
+    H.current.classList.add("closing"), await B(H.current), H.current.classList.remove("closing"), l && l(), M(!1);
   }, v = async (x) => {
     x.key === "Escape" && await w();
   }, N = async ({ clientX: x, clientY: S, target: D }) => {
-    const { left: E, right: T, top: $, bottom: O } = V.current.getBoundingClientRect() ?? {};
-    (!V.current.contains(D) || x < E || x > T || S < $ || S > O) && await w();
+    const { left: E, right: T, top: $, bottom: O } = H.current.getBoundingClientRect() ?? {};
+    (!H.current.contains(D) || x < E || x > T || S < $ || S > O) && await w();
   }, B = (x) => Promise.allSettled(
     x.getAnimations().map((S) => S.finished)
   );
   return k(() => {
-    const x = V.current;
-    x && (H ? x.showModal() : typeof x.close == "function" && x.close());
-  }, [H]), /* @__PURE__ */ g(z, { children: [
+    const x = H.current;
+    x && (V ? x.showModal() : typeof x.close == "function" && x.close());
+  }, [V]), /* @__PURE__ */ g(z, { children: [
     h && /* @__PURE__ */ o("span", { id: `${e}-dialog-activator`, onClick: () => M(!0), children: h }),
     /* @__PURE__ */ g(
       "dialog",
       {
-        ref: V,
+        ref: H,
         id: `${e}-dialog`,
         className: m(
           "dialog",
           {
-            hidden: !H,
+            hidden: !V,
             "xs-max:h-full xs-max:max-h-full": i
           },
           a
@@ -1153,14 +1158,14 @@ const F = {
     const s = document.querySelector(".loading-bar__inner");
     if (!s) return;
     let i, c, d = !1;
-    function u(H) {
-      i === void 0 && (i = H);
-      const M = H - i;
-      if (c !== H) {
+    function u(V) {
+      i === void 0 && (i = V);
+      const M = V - i;
+      if (c !== V) {
         const A = M / a * 101;
-        s.style.width = `${A}%`, A >= 101 && (r && r(), d = !0, window.cancelAnimationFrame(H));
+        s.style.width = `${A}%`, A >= 101 && (r && r(), d = !0, window.cancelAnimationFrame(V));
       }
-      M < a && (c = H, d || window.requestAnimationFrame(u));
+      M < a && (c = V, d || window.requestAnimationFrame(u));
     }
     window.requestAnimationFrame(u);
   }
@@ -1257,8 +1262,8 @@ const F = {
 }) => {
   const c = ((d, u) => {
     if (d) {
-      const H = Number(u) / d;
-      return H > 1 ? 100 : H * 100;
+      const V = Number(u) / d;
+      return V > 1 ? 100 : V * 100;
     }
     return n;
   })(l, n);
@@ -1340,14 +1345,14 @@ const F = {
   props: c = {},
   selectClass: d = "",
   styles: u = null,
-  variation: H = "primary",
+  variation: V = "primary",
   value: M
 }) => {
   const A = i ? { defaultValue: "" } : {};
   return /* @__PURE__ */ g(
     "label",
     {
-      className: m("relative select", e, H),
+      className: m("relative select", e, V),
       style: u ? { ...u } : null,
       children: [
         l,
@@ -1503,7 +1508,7 @@ const F = {
   props: c = {},
   styles: d = null,
   type: u = "text",
-  value: H,
+  value: V,
   variation: M = "primary"
 }) => /* @__PURE__ */ g(
   "div",
@@ -1527,7 +1532,7 @@ const F = {
           id: l,
           name: s,
           type: u,
-          value: H,
+          value: V,
           autoComplete: "off",
           className: m(
             "form-input",
@@ -1774,15 +1779,15 @@ class f {
     if ((i = window == null ? void 0 : window.options) != null && i.isPdf)
       return r;
     try {
-      const d = await (await fetch("/api/headers")).json(), u = (d == null ? void 0 : d.token) ?? null, H = (d == null ? void 0 : d.ip) ?? null;
+      const d = await (await fetch("/api/headers")).json(), u = (d == null ? void 0 : d.token) ?? null, V = (d == null ? void 0 : d.ip) ?? null;
       return localStorage.setItem(
         "headerTolken",
         JSON.stringify({
           tolken: u,
-          ip: H,
+          ip: V,
           expire: (/* @__PURE__ */ new Date()).getTime() + e * 1e3
         })
-      ), { tolken: u, ip: H, userAgent: t, platform: l };
+      ), { tolken: u, ip: V, userAgent: t, platform: l };
     } catch (c) {
       console.error("getHeaders", c);
     }
@@ -2009,13 +2014,20 @@ class f {
     onClose: n = null,
     disableOutsideClick: l = !1
   }) {
-    const r = e ? document.querySelectorAll(e) : [], s = document.getElementById(t + "-dialog"), i = document.querySelectorAll("[data-dialog-close]"), c = ["closing", "closed", "opening", "opened", "removed"].reduce(
-      (p, V) => ({
+    const r = e ? document.querySelectorAll(e) : [], s = document.getElementById(t + "-dialog"), i = document.querySelectorAll("[data-dialog-close]"), c = [
+      "closing",
+      "closed",
+      "opening",
+      "opened",
+      "outside",
+      "removed"
+    ].reduce(
+      (p, H) => ({
         ...p,
-        [V]: new Event(V)
+        [H]: new Event(H)
       }),
       {}
-    ), d = new MutationObserver((p, V) => {
+    ), d = new MutationObserver((p, H) => {
       p.forEach(async (w) => {
         if (w.attributeName === "open") {
           const v = w.target;
@@ -2023,7 +2035,7 @@ class f {
           v == null || v.removeAttribute("inert"), v == null || v.dispatchEvent(c.opening), v && await C(v), v == null || v.dispatchEvent(c.opened);
         }
       });
-    }), u = new MutationObserver((p, V) => {
+    }), u = new MutationObserver((p, H) => {
       p.forEach((w) => {
         w.removedNodes.forEach((v) => {
           v.nodeName === "DIALOG" && (v.removeEventListener("click", A), v.removeEventListener("close", M), v.dispatchEvent(c.removed), u == null || u.disconnect(), d == null || d.disconnect());
@@ -2037,27 +2049,27 @@ class f {
       subtree: !1,
       childList: !0
     }));
-    const H = () => {
+    const V = () => {
       s == null || s.showModal();
     }, M = async ({ target: p }) => {
       p == null || p.classList.add("closing"), p == null || p.setAttribute("inert", ""), p == null || p.dispatchEvent(c.closing), p && await C(p), p == null || p.classList.remove("closing"), p == null || p.dispatchEvent(c.closed);
     }, A = async ({ target: p }) => {
-      (p == null ? void 0 : p.nodeName) === "DIALOG" && (s == null || s.close("outside"));
+      (p == null ? void 0 : p.nodeName) === "DIALOG" && (p == null || p.dispatchEvent(c.outside), s == null || s.close("outside"));
     }, C = (p) => Promise.allSettled(
-      p == null ? void 0 : p.getAnimations().map((V) => V == null ? void 0 : V.finished)
+      p == null ? void 0 : p.getAnimations().map((H) => H == null ? void 0 : H.finished)
     );
     return !l && (s == null || s.addEventListener("click", A)), s == null || s.addEventListener("close", M), r == null || r.forEach((p) => {
-      p.addEventListener("click", (V) => {
-        H(), a && a(V, s);
+      p.addEventListener("click", (H) => {
+        V(), a && a(H, s);
       });
     }), i == null || i.forEach((p) => {
-      p.addEventListener("click", async (V) => {
-        s == null || s.close("close"), n && n(V, s);
+      p.addEventListener("click", async (H) => {
+        s == null || s.close("close"), n && n(H, s);
       });
     }), {
       activators: r,
       ref: s,
-      handleOpen: H,
+      handleOpen: V,
       handleClose: M
     };
   }
@@ -2212,11 +2224,11 @@ class f {
       state: c = null,
       vin: d = null,
       license: u = null,
-      token: H = null,
+      token: V = null,
       phone: M = null
     } = e || {}, A = t && t !== "", C = r && r !== "" && r !== "18", p = s && s !== "" && r !== "99";
-    let V = [];
-    return t && t !== "" && V.push("name=" + t), A || (a && a !== "" && V.push("first=" + a), n && n !== "" && V.push("middle=" + n), l && l !== "" && V.push("last=" + l)), C && p ? parseInt(r) > parseInt(s) ? (V.push("min=" + s), V.push("max=" + r)) : (V.push("min=" + r), V.push("max=" + s)) : (C && V.push("min=" + r), p && V.push("max=" + s)), M && M !== "" && V.push("phone=" + M), i && i !== "" && V.push("city=" + i), u && u !== "" && V.push("license=" + u), d && d !== "" && V.push("vin=" + d), c && c !== "" && V.push("state=" + c), H && H !== "" && V.push("token=" + H), V.join("&");
+    let H = [];
+    return t && t !== "" && H.push("name=" + t), A || (a && a !== "" && H.push("first=" + a), n && n !== "" && H.push("middle=" + n), l && l !== "" && H.push("last=" + l)), C && p ? parseInt(r) > parseInt(s) ? (H.push("min=" + s), H.push("max=" + r)) : (H.push("min=" + r), H.push("max=" + s)) : (C && H.push("min=" + r), p && H.push("max=" + s)), M && M !== "" && H.push("phone=" + M), i && i !== "" && H.push("city=" + i), u && u !== "" && H.push("license=" + u), d && d !== "" && H.push("vin=" + d), c && c !== "" && H.push("state=" + c), V && V !== "" && H.push("token=" + V), H.join("&");
   }
   static padTo2Digits(e) {
     return e.toString().padStart(2, "0");
@@ -2233,7 +2245,7 @@ class f {
       useSearch: r = !1,
       useLocation: s = !0,
       state: i = ""
-    } = t ?? {}, { tolken: c = null, ip: d = null } = await f.getHeaders(), H = [
+    } = t ?? {}, { tolken: c = null, ip: d = null } = await f.getHeaders(), V = [
       "query=" + encodeURIComponent(this.cleanupAddress(e)),
       "addressesOnly=" + a,
       "useSearch=" + r,
@@ -2241,8 +2253,8 @@ class f {
       "useCityStateSearch=" + l,
       "useLocation=" + s
     ];
-    i && i !== "" && !l && H.push("state=" + i), c && c !== "" && H.push("tolken=" + c), d && d !== "" && H.push("ip=" + d);
-    const M = H.join("&"), C = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
+    i && i !== "" && !l && V.push("state=" + i), c && c !== "" && V.push("tolken=" + c), d && d !== "" && V.push("ip=" + d);
+    const M = V.join("&"), C = (n || l ? "/api/autocomplete-city" : "/api/autocomplete") + "?" + M;
     return await f.makeSearchFetchCall(C);
   }
   static removeElements(e) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vehiclehistory/property-lib",
   "description": "Shared UI/Utility Library for Property Sites",
-  "version": "0.0.31",
+  "version": "0.0.33",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/penguin-marketing/vh-recs-ui-library.git"