@vehiclehistory/property-lib 0.0.4 → 0.0.6

package/dist/components/Dialog/DialogOld.js

@@ -0,0 +1,109 @@
+import { jsxs as n, Fragment as z, jsx as t } from "react/jsx-runtime";
+import { memo as A, useRef as B, useEffect as F } from "react";
+import c from "classnames";
+import I from "../Icon/Icon.js";
+const M = ({
+  activator: r,
+  id: l = "",
+  children: g,
+  className: u = "",
+  contentClass: h = "",
+  onClose: d,
+  disableOutsideClick: p = !1,
+  footer: m,
+  fullMobile: x = !0,
+  headerClass: y = "",
+  hideClose: w = !1,
+  iconSize: C = "medium",
+  isOpen: s = !1,
+  setDialogOpen: f,
+  stickyHeader: N = !1,
+  title: b = "",
+  titleClass: k = ""
+}) => {
+  const o = B(null), i = async () => {
+    o.current.classList.add("closing"), await j(o.current), o.current.classList.remove("closing"), d && d(), f(!1);
+  }, $ = async (e) => {
+    e.key === "Escape" && await i();
+  }, D = async ({ clientX: e, clientY: a, target: v }) => {
+    const { left: E, right: R, top: K, bottom: L } = o.current.getBoundingClientRect() ?? {};
+    (!o.current.contains(v) || e < E || e > R || a < K || a > L) && await i();
+  }, j = (e) => Promise.allSettled(
+    e.getAnimations().map((a) => a.finished)
+  );
+  return F(() => {
+    const e = o.current;
+    e && (s ? e.showModal() : typeof e.close == "function" && e.close());
+  }, [s]), /* @__PURE__ */ n(z, { children: [
+    r && /* @__PURE__ */ t("span", { id: `${l}-dialog-activator`, onClick: () => f(!0), children: r }),
+    /* @__PURE__ */ n(
+      "dialog",
+      {
+        ref: o,
+        id: `${l}-dialog`,
+        className: c(
+          "dialog",
+          {
+            hidden: !s,
+            "xs-max:h-full xs-max:max-h-full": x
+          },
+          u
+        ),
+        onKeyDown: $,
+        onClick: (e) => p ? null : D(e),
+        children: [
+          /* @__PURE__ */ n(
+            "header",
+            {
+              className: c(
+                "dialog-header flex items-center p-4",
+                { "sticky top-0 bg-white": N },
+                y
+              ),
+              children: [
+                /* @__PURE__ */ t("h3", { id: `${l}-dialog-title`, className: k, children: b || "" }),
+                !w && /* @__PURE__ */ t(
+                  "button",
+                  {
+                    type: "button",
+                    title: "Close",
+                    className: "dialog-close",
+                    "data-dialog-close": "",
+                    onClick: i,
+                    children: /* @__PURE__ */ t(
+                      I,
+                      {
+                        name: "close",
+                        size: C,
+                        className: "pointer-events-none"
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              id: `${l}-dialog-content`,
+              className: c("dialog-content p-4", h),
+              children: g
+            }
+          ),
+          m && /* @__PURE__ */ t(
+            "footer",
+            {
+              id: `${l}-dialog-footer`,
+              className: "dialog-footer flex justify-between items-center p-4 border-t",
+              children: m
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, H = A(M);
+export {
+  H as default
+};

package/dist/components/Dots/Dots.js

@@ -0,0 +1,15 @@
+import { jsxs as n, jsx as a } from "react/jsx-runtime";
+import t from "classnames";
+const l = ({ className: s = "" }) => /* @__PURE__ */ n("div", { id: "dots", className: t("mx-auto", s), children: [
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.1s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.2s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.3s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.4s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.5s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.6s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.7s" } }),
+  /* @__PURE__ */ a("span", { style: { animationDelay: "0.8s" } })
+] });
+export {
+  l as default
+};

package/dist/components/Icon/Icon.d.ts

@@ -1,4 +1,4 @@
-import { IconProps } from './icons.ts';
+import { IconProps } from './icons';
 import { NamedExoticComponent } from 'react';
 
 declare const _default: NamedExoticComponent<IconProps>;

package/dist/components/Icon/Icon.js

@@ -0,0 +1,32 @@
+import { jsx as u } from "react/jsx-runtime";
+import { memo as g, useState as r, useEffect as c } from "react";
+import { getIcon as p, sizeClasses as x } from "./icons.js";
+const I = ({
+  color: e = "text-current",
+  className: o,
+  name: s,
+  size: m = "medium",
+  viewBox: i = "0 0 20 20"
+}) => {
+  const t = p(s), [l, a] = r(e), [n, f] = r(t);
+  return c(() => {
+    f(t);
+  }, [t]), c(() => {
+    a(e);
+  }, [e]), !t && console.error("Icon does not exist", s), /* @__PURE__ */ u(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: `${x[m]} fill-current flex-shrink-0 ${l}${o ? ` ${o}` : ""}`,
+      style: { maxWidth: "4em" },
+      role: "presentation",
+      viewBox: i,
+      dangerouslySetInnerHTML: {
+        __html: n && n.path
+      }
+    }
+  );
+}, v = g(I);
+export {
+  v as default
+};