@zeniai/web-components 3.16.91 → 3.16.93

package/dist/EmptySearchResults-DDRNqRC-.js

@@ -0,0 +1,70 @@
+import { j as r } from "./vendor-.pnpm-B2klaOGU.js";
+import o from "@emotion/styled";
+import { f1 as p, ad as h, a as u, S as n, C as s, F as m } from "./index-l08vvOmt.js";
+import * as t from "react";
+const C = (e) => /* @__PURE__ */ t.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("path", { d: "M2 17.3376C2 18.5212 2.47021 19.6564 3.3072 20.4934C4.14418 21.3304 5.27937 21.8006 6.46304 21.8006C7.64672 21.8006 8.78191 21.3304 9.61889 20.4934C10.4559 19.6564 10.9261 18.5212 10.9261 17.3376C10.9261 16.1539 10.4559 15.0187 9.61889 14.1817C8.78191 13.3447 7.64672 12.8745 6.46304 12.8745C5.27937 12.8745 4.14418 13.3447 3.3072 14.1817C2.47021 15.0187 2 16.1539 2 17.3376Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M10.9261 7.0726V3.50217C10.5552 3.1784 10.0795 3 9.58717 3C9.09483 3 8.61917 3.1784 8.24826 3.50217L6.90935 7.0726L5.57043 8.41151L2.89261 14.6598", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M13.6039 17.3376C13.6039 18.5212 14.0741 19.6564 14.9111 20.4934C15.7481 21.3304 16.8833 21.8006 18.067 21.8006C19.2506 21.8006 20.3858 21.3304 21.2228 20.4934C22.0598 19.6564 22.53 18.5212 22.53 17.3376C22.53 16.1539 22.0598 15.0187 21.2228 14.1817C20.3858 13.3447 19.2506 12.8745 18.067 12.8745C16.8833 12.8745 15.7481 13.3447 14.9111 14.1817C14.0741 15.0187 13.6039 16.1539 13.6039 17.3376Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M13.6039 7.07264V3.55844C13.9748 3.23467 14.4505 3.05627 14.9428 3.05627C15.4352 3.05627 15.9108 3.23467 16.2817 3.55844L17.6207 7.07264L18.9596 8.41155L21.6374 14.6598", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M8.69456 10.643C8.69456 9.66114 10.2932 8.85779 12.265 8.85779C14.2368 8.85779 15.8354 9.65667 15.8354 10.643", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M10.9261 17.3375V8.98718", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ t.createElement("path", { d: "M13.6039 17.3375V8.98718", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" })), k = o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${n.sp6};
+  color: ${(e) => e.theme.colors.grey2};
+`, x = o(m)`
+  color: ${(e) => e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`, j = o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${n.sp5};
+  color: ${(e) => e.theme.colors.hero};
+  p {
+    margin: 0;
+  }
+`, f = o.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${n.sp3};
+`, g = o.button`
+  background: none;
+  box-shadow: none;
+  border-radius: ${n.sp1};
+  cursor: pointer;
+  border: ${(e) => `1px solid ${e.theme.colors.grey3}`};
+  color: ${s.info};
+  &:hover {
+    border: ${`1px solid ${s.info}`};
+  }
+`, i = o.div``, c = o(C)`
+  width: ${n.sp7};
+  height: ${n.sp7};
+  color: ${(e) => e.theme.colors.grey2};
+`, $ = ({
+  emptySearchTextFirstLine: e,
+  emptySearchTextSecondLine: l,
+  filtersApplied: a = !1,
+  onClearFilter: d
+}) => a ? /* @__PURE__ */ r.jsxs(j, { children: [
+  /* @__PURE__ */ r.jsx(c, {}),
+  /* @__PURE__ */ r.jsxs(f, { children: [
+    /* @__PURE__ */ r.jsx(p, { children: e }),
+    /* @__PURE__ */ r.jsx(g, { onClick: d, children: /* @__PURE__ */ r.jsx(h, { children: u.getLocalizedStrings().cockpit.filters.clearFilterBtnText }) })
+  ] })
+] }) : /* @__PURE__ */ r.jsxs(k, { children: [
+  /* @__PURE__ */ r.jsx(c, {}),
+  /* @__PURE__ */ r.jsxs(x, { children: [
+    /* @__PURE__ */ r.jsx(i, { children: e }),
+    /* @__PURE__ */ r.jsx(i, { children: l })
+  ] })
+] });
+export {
+  $ as E
+};

package/dist/EmptySearchResults-DOMU5DP1.cjs

@@ -0,0 +1,46 @@
+"use strict";const r=require("./vendor-.pnpm-D0ILHvHB.cjs"),n=require("@emotion/styled"),t=require("./index-CwWJYVG_.cjs"),p=require("react");function u(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const i=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(c,s,i.get?i:{enumerable:!0,get:()=>e[s]})}}return c.default=e,Object.freeze(c)}const o=u(p),d=e=>o.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...e},o.createElement("path",{d:"M2 17.3376C2 18.5212 2.47021 19.6564 3.3072 20.4934C4.14418 21.3304 5.27937 21.8006 6.46304 21.8006C7.64672 21.8006 8.78191 21.3304 9.61889 20.4934C10.4559 19.6564 10.9261 18.5212 10.9261 17.3376C10.9261 16.1539 10.4559 15.0187 9.61889 14.1817C8.78191 13.3447 7.64672 12.8745 6.46304 12.8745C5.27937 12.8745 4.14418 13.3447 3.3072 14.1817C2.47021 15.0187 2 16.1539 2 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.9261 7.0726V3.50217C10.5552 3.1784 10.0795 3 9.58717 3C9.09483 3 8.61917 3.1784 8.24826 3.50217L6.90935 7.0726L5.57043 8.41151L2.89261 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 17.3376C13.6039 18.5212 14.0741 19.6564 14.9111 20.4934C15.7481 21.3304 16.8833 21.8006 18.067 21.8006C19.2506 21.8006 20.3858 21.3304 21.2228 20.4934C22.0598 19.6564 22.53 18.5212 22.53 17.3376C22.53 16.1539 22.0598 15.0187 21.2228 14.1817C20.3858 13.3447 19.2506 12.8745 18.067 12.8745C16.8833 12.8745 15.7481 13.3447 14.9111 14.1817C14.0741 15.0187 13.6039 16.1539 13.6039 17.3376Z",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 7.07264V3.55844C13.9748 3.23467 14.4505 3.05627 14.9428 3.05627C15.4352 3.05627 15.9108 3.23467 16.2817 3.55844L17.6207 7.07264L18.9596 8.41155L21.6374 14.6598",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M8.69456 10.643C8.69456 9.66114 10.2932 8.85779 12.265 8.85779C14.2368 8.85779 15.8354 9.65667 15.8354 10.643",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M10.9261 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"}),o.createElement("path",{d:"M13.6039 17.3375V8.98718",stroke:"currentColor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})),x=n.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${t.Space.sp6};
+  color: ${e=>e.theme.colors.grey2};
+`,m=n(t.SmallRegular)`
+  color: ${e=>e.theme.colors.hero};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+`,h=n.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 268px);
+  gap: ${t.Space.sp5};
+  color: ${e=>e.theme.colors.hero};
+  p {
+    margin: 0;
+  }
+`,j=n.div`
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  flex-direction: column;
+  row-gap: ${t.Space.sp3};
+`,C=n.button`
+  background: none;
+  box-shadow: none;
+  border-radius: ${t.Space.sp1};
+  cursor: pointer;
+  border: ${e=>`1px solid ${e.theme.colors.grey3}`};
+  color: ${t.Colors.info};
+  &:hover {
+    border: ${`1px solid ${t.Colors.info}`};
+  }
+`,l=n.div``,a=n(d)`
+  width: ${t.Space.sp7};
+  height: ${t.Space.sp7};
+  color: ${e=>e.theme.colors.grey2};
+`,k=({emptySearchTextFirstLine:e,emptySearchTextSecondLine:c,filtersApplied:s=!1,onClearFilter:i})=>s?r.jsxRuntimeExports.jsxs(h,{children:[r.jsxRuntimeExports.jsx(a,{}),r.jsxRuntimeExports.jsxs(j,{children:[r.jsxRuntimeExports.jsx(t.SmallRegularP,{children:e}),r.jsxRuntimeExports.jsx(C,{onClick:i,children:r.jsxRuntimeExports.jsx(t.SmallMediumSp,{children:t.appLocale.getLocalizedStrings().cockpit.filters.clearFilterBtnText})})]})]}):r.jsxRuntimeExports.jsxs(x,{children:[r.jsxRuntimeExports.jsx(a,{}),r.jsxRuntimeExports.jsxs(m,{children:[r.jsxRuntimeExports.jsx(l,{children:e}),r.jsxRuntimeExports.jsx(l,{children:c})]})]});exports.EmptySearchResults=k;

package/dist/EntityDetailPage-DGq_Sr4I.js

@@ -0,0 +1,82 @@
+import { u as C, b as T, j as o } from "./vendor-.pnpm-B2klaOGU.js";
+import n from "@emotion/styled";
+import { Event as p } from "@zeniai/client-analytics";
+import { a as v, eK as y, S as e } from "./index-l08vvOmt.js";
+import { T as S } from "./TrendWithTransactions-B2rde1MW.js";
+const j = n.div`
+  display: flex;
+  margin: ${e.sp0} ${e.sp0} ${e.sp0} ${e.sp0};
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: ${(a) => a.theme.colors.grey5};
+`, $ = n.div`
+  padding-left: ${e.sp0};
+  position: fixed;
+  width: 100%;
+  z-index: 20;
+  position: -webkit-sticky;
+  position: sticky;
+  top: ${e.sp0};
+`, k = n.div`
+  flex: 1 1 auto;
+`;
+function b({
+  firstMonthOfFY: a,
+  selectedEntity: t,
+  trendWithTransactionsReport: r,
+  autoCompleteData: l,
+  autoCompleteActions: c,
+  analytics: s,
+  onTransactionItemClick: m,
+  onTrendSelectedPeriodChange: h
+}) {
+  const u = C(), {
+    dateFormat: { analytics: f }
+  } = v.getLocalizedStrings(), g = new T(u.colors.graphColor12), x = (d, i) => {
+    d === "Chart" && i != null && s?.trackSpendIncomeTrend(
+      t.type === "vendor" ? p.spendTrend : p.incomeTrend,
+      "Search",
+      t.type,
+      t.name,
+      i?.addTimePeriod.startDate.format(
+        f.MMMYYFormat
+      )
+    ), d === "TransactionListLoadMore" && s?.trackTransactionList(
+      void 0,
+      void 0,
+      "Search",
+      void 0,
+      void 0,
+      !0
+    ), h?.(i);
+  };
+  return /* @__PURE__ */ o.jsxs(j, { children: [
+    /* @__PURE__ */ o.jsx($, { children: /* @__PURE__ */ o.jsx(
+      y,
+      {
+        viewType: "entity_search",
+        searchAutoComplete: {
+          autoCompleteData: l,
+          autoCompleteActions: c
+        },
+        source: "EntityDetailPage"
+      }
+    ) }),
+    t != null && r != null && /* @__PURE__ */ o.jsx(k, { children: /* @__PURE__ */ o.jsx(
+      S,
+      {
+        firstMonthOfFY: a,
+        trendWithTransactionsReport: r,
+        isDetailPage: !1,
+        graphColor: g,
+        page: "EntityDetailPage",
+        onTransactionItemClick: m,
+        onTimePeriodChange: x
+      }
+    ) })
+  ] });
+}
+export {
+  b as default
+};

package/dist/EntityDetailPage-DZrO7kMO.cjs

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./vendor-.pnpm-D0ILHvHB.cjs"),r=require("@emotion/styled"),p=require("@zeniai/client-analytics"),e=require("./index-CwWJYVG_.cjs"),T=require("./TrendWithTransactions-DBCIS09H.cjs"),v=r.div`
+  display: flex;
+  margin: ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp0} ${e.Space.sp0};
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+  background-color: ${o=>o.theme.colors.grey5};
+`,y=r.div`
+  padding-left: ${e.Space.sp0};
+  position: fixed;
+  width: 100%;
+  z-index: 20;
+  position: -webkit-sticky;
+  position: sticky;
+  top: ${e.Space.sp0};
+`,C=r.div`
+  flex: 1 1 auto;
+`;function f({firstMonthOfFY:o,selectedEntity:n,trendWithTransactionsReport:a,autoCompleteData:d,autoCompleteActions:l,analytics:s,onTransactionItemClick:u,onTrendSelectedPeriodChange:m}){const x=t.useTheme(),{dateFormat:{analytics:h}}=e.appLocale.getLocalizedStrings(),g=new t.Color(x.colors.graphColor12),S=(c,i)=>{c==="Chart"&&i!=null&&s?.trackSpendIncomeTrend(n.type==="vendor"?p.Event.spendTrend:p.Event.incomeTrend,"Search",n.type,n.name,i?.addTimePeriod.startDate.format(h.MMMYYFormat)),c==="TransactionListLoadMore"&&s?.trackTransactionList(void 0,void 0,"Search",void 0,void 0,!0),m?.(i)};return t.jsxRuntimeExports.jsxs(v,{children:[t.jsxRuntimeExports.jsx(y,{children:t.jsxRuntimeExports.jsx(e.AutoComplete,{viewType:"entity_search",searchAutoComplete:{autoCompleteData:d,autoCompleteActions:l},source:"EntityDetailPage"})}),n!=null&&a!=null&&t.jsxRuntimeExports.jsx(C,{children:t.jsxRuntimeExports.jsx(T.TrendWithTransactions,{firstMonthOfFY:o,trendWithTransactionsReport:a,isDetailPage:!1,graphColor:g,page:"EntityDetailPage",onTransactionItemClick:u,onTimePeriodChange:S})})]})}exports.default=f;