jcicl 1.2.7 → 2.0.1

package/ClientMatchCard/ClientMatchCard.js

@@ -1,121 +0,0 @@
-import { jsxs as t, jsx as a } from "react/jsx-runtime";
-import { useState as f } from "react";
-import { Pill as g } from "../Pill/Pill.js";
-import { ChevronOval as N } from "../ChevronOval/ChevronOval.js";
-import { DetailItemContainer as u } from "../DetailPageComponents/DetailPageComponents.js";
-import { ExpandableSection as k } from "../ExpandableSection/ExpandableSection.js";
-import { formatPhone as v, formatSsnLast4 as b } from "../format.js";
-import { useThemeColors as j } from "../ThemeContext.js";
-import { C as w } from "../.chunks/chevron-down.js";
-import { U as E, M as C, P as S } from "../.chunks/user.js";
-import { c as D } from "../.chunks/createLucideIcon.js";
-/**
- * @license lucide-react v0.525.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const P = [
-  ["line", { x1: "4", x2: "20", y1: "9", y2: "9", key: "4lhtct" }],
-  ["line", { x1: "4", x2: "20", y1: "15", y2: "15", key: "vyu0kd" }],
-  ["line", { x1: "10", x2: "8", y1: "3", y2: "21", key: "1ggp8o" }],
-  ["line", { x1: "16", x2: "14", y1: "3", y2: "21", key: "weycgp" }]
-], I = D("hash", P), l = {
-  firstName: "First name",
-  lastName: "Last name",
-  email: "Email",
-  phone: "Phone",
-  ssn: "SSN"
-}, U = ({
-  client: s,
-  matchedFields: o,
-  onClick: c,
-  className: h = "",
-  expandedContent: i
-}) => {
-  const [r, d] = f(!1), n = j(), p = new Set(o), x = (e) => {
-    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c());
-  }, y = (e) => {
-    e.stopPropagation(), d((m) => !m);
-  };
-  return /* @__PURE__ */ t(
-    u,
-    {
-      role: "button",
-      tabIndex: 0,
-      onClick: c,
-      onKeyDown: x,
-      className: `cursor-pointer mb-0 ${h}`,
-      hoverShadow: `3px 3px 5px 3px ${n.themeColor}`,
-      children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center justify-between gap-3", children: [
-          /* @__PURE__ */ t("h3", { className: "m-0 text-[2.6rem] font-semibold leading-[1.2] text-jc-midnight", children: [
-            s.firstName,
-            " ",
-            s.lastName
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ t("span", { className: "text-[1.05rem] font-medium text-jc-gray-3", children: [
-              o.length,
-              " ",
-              o.length === 1 ? "match" : "matches"
-            ] }),
-            i && /* @__PURE__ */ a(
-              N,
-              {
-                type: "button",
-                onClick: y,
-                onKeyDown: (e) => {
-                  (e.key === "Enter" || e.key === " ") && e.stopPropagation();
-                },
-                "aria-expanded": r,
-                "aria-label": r ? "Collapse client details" : "Expand client details",
-                $bg: n.themeIconBackgroundB,
-                $color: n.themeIconColorB,
-                $bgHover: n.themeMediumA,
-                children: /* @__PURE__ */ a(
-                  w,
-                  {
-                    size: 26,
-                    className: `transition-transform duration-200 ease-out ${r ? "rotate-180" : "rotate-0"}`
-                  }
-                )
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-1.5", children: Object.keys(l).map((e) => {
-          const m = p.has(e);
-          return /* @__PURE__ */ a(g, { type: m ? "primary" : "secondary", children: l[e] }, e);
-        }) }),
-        /* @__PURE__ */ t("div", { className: "mt-1 grid grid-cols-1 gap-2 text-[1.2rem] text-jc-charcoal sm:grid-cols-2", children: [
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(E, { size: 22, className: "shrink-0 text-jc-gray-3" }),
-            /* @__PURE__ */ t("span", { className: "truncate", children: [
-              s.firstName,
-              " ",
-              s.lastName
-            ] })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(C, { size: 22, className: "shrink-0 text-jc-gray-3" }),
-            /* @__PURE__ */ a("span", { className: "truncate", children: s.email ?? "—" })
-          ] }),
-          /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(S, { size: 22, className: "shrink-0 text-jc-gray-3" }),
-            /* @__PURE__ */ a("span", { className: "truncate", children: v(s.phone) ?? "—" })
-          ] }),
-          s.ssn != null && /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ a(I, { size: 22, className: "shrink-0 text-jc-gray-3" }),
-            /* @__PURE__ */ a("span", { className: "truncate", children: b(s.ssn) })
-          ] })
-        ] }),
-        i && /* @__PURE__ */ a(k, { expanded: r, children: i })
-      ]
-    }
-  );
-};
-export {
-  U as ClientMatchCard,
-  U as default
-};

package/ClientMatchCard/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './ClientMatchCard';
-export { ClientMatchCard } from './ClientMatchCard';
-export type { ClientMatchCardProps, ClientMatchCardClient, ClientMatchField } from './ClientMatchCard';

package/ClientMatchCard/index.js

@@ -1,5 +0,0 @@
-import { ClientMatchCard as e, ClientMatchCard as r } from "./ClientMatchCard.js";
-export {
-  e as ClientMatchCard,
-  r as default
-};