@tesouro/embedded-components-react 0.2.43 → 0.2.45

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index340.js

@@ -1,24 +1,30 @@
-import _ from "@mui/icons-material/Cancel";
-import t from "@mui/icons-material/HourglassEmpty";
-import a from "@mui/icons-material/PaidOutlined";
-const i = "search", s = "created_at", A = "created_by", E = {
-  active: "success",
-  deleted: "error",
-  pending: "warning"
-}, n = (e) => ({
-  active: e._("Active"),
-  deleted: e._("Deleted"),
-  pending: e._("Pending")
-}), o = {
-  active: a,
-  deleted: _,
-  pending: t
-};
+import { jsxs as r, jsx as o } from "@emotion/react/jsx-runtime";
+import { classNames as a } from "./index180.js";
+import { Stack as e } from "@mui/material";
+const x = ({
+  className: t,
+  searchField: i,
+  children: s,
+  sx: n
+}) => /* @__PURE__ */ r(e, { direction: "row", justifyContent: "space-between", alignItems: "center", className: a("Monite-Filters", t), sx: Object.assign({
+  "& > *": {
+    flexBasis: "fit-content",
+    flexGrow: 1
+  },
+  "& > .Monite-SearchField": {
+    maxWidth: "400px",
+    width: "100%"
+  }
+}, n || {}), children: [
+  i,
+  /* @__PURE__ */ o(e, { gap: 1, direction: "row", justifyContent: "flex-end", alignItems: "center", className: "Monite-Filters-Group", sx: {
+    ml: 2,
+    "& .Monite-FilterControl": {
+      maxWidth: "160px",
+      width: "100%"
+    }
+  }, children: s })
+] });
 export {
-  o as APPROVAL_STATUS_TO_MUI_ICON_MAP,
-  s as FILTER_TYPE_CREATED_AT,
-  A as FILTER_TYPE_CREATED_BY,
-  i as FILTER_TYPE_SEARCH,
-  E as ROW_TO_STATUS_MUI_MAP,
-  n as getRowToStatusTextMap
+  x as FilterContainer
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index341.js

@@ -1,46 +1,31 @@
-import { jsx as i, jsxs as t } from "@emotion/react/jsx-runtime";
-import { useApprovalPolicyTrigger as l } from "./index430.js";
-import { ColumnList as s } from "./index431.js";
-import { UBuilding as n } from "./index432.js";
-import { ULabel as c } from "./index433.js";
-import { UMoneyBill as m } from "./index434.js";
-import { UUserCircle as p } from "./index435.js";
-const U = ({
-  approvalPolicy: o
+import { jsxs as i, jsx as e } from "@emotion/react/jsx-runtime";
+import { useDebounceCallback as c } from "./index67.js";
+import m from "@mui/icons-material/Search";
+import { FormControl as s, InputLabel as h, Input as p, InputAdornment as d } from "@mui/material";
+const u = 500, x = ({
+  label: r,
+  value: o,
+  placeholder: l,
+  onChange: n
 }) => {
-  const {
-    triggers: a,
-    getTriggerName: e
-  } = l({
-    approvalPolicy: o
-  });
-  return o ? /* @__PURE__ */ i(s, { children: Object.keys(a).map((r) => {
-    switch (r) {
-      case "amount":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(m, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "was_created_by_user_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(p, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "counterpart_id":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(n, { width: 18 }),
-          e(r)
-        ] }, r);
-      case "tags":
-        return /* @__PURE__ */ t("li", { children: [
-          /* @__PURE__ */ i(c, { width: 18 }),
-          e(r)
-        ] }, r);
-      default:
-        return null;
-    }
-  }) }) : null;
+  const t = c((a) => n(a), u);
+  return /* @__PURE__ */ i(s, { "aria-label": "search-by-name", className: "Monite-SearchField Monite-FilterControl", children: [
+    r && /* @__PURE__ */ e(h, { htmlFor: "search-by-name", shrink: !0, children: r }),
+    /* @__PURE__ */ e(p, { id: "search-by-name", name: "search-by-name", "aria-label": "search-by-name", placeholder: l, value: o, onChange: (a) => {
+      t(a.target.value || null);
+    }, startAdornment: /* @__PURE__ */ e(d, { position: "end", children: /* @__PURE__ */ e(m, { fontSize: "medium" }) }), sx: {
+      "&::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      },
+      "& input::placeholder": {
+        opacity: 1,
+        color: "text.primary"
+      }
+    } })
+  ] });
 };
 export {
-  U as ApprovalPoliciesTriggers
+  u as DEBOUNCE_SEARCH_TIMEOUT,
+  x as SearchField
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index342.js

@@ -1,59 +1,80 @@
-import { jsxs as f, jsx as s } from "@emotion/react/jsx-runtime";
-import { useState as c, useMemo as u } from "react";
-import { useMoniteContext as y } from "./index59.js";
-import { useRootElements as E } from "./index94.js";
-import { useDebounceCallback as x, useDebounce as N } from "./index67.js";
-import { useLingui as v } from "@lingui/react";
-import { X as T } from "lucide-react";
-import { SearchInput as A, DatePicker as R, Combobox as $ } from "../../../../packages/shared-ui-shadcn/dist/index.js";
-import { FILTER_TYPE_SEARCH as k, FILTER_TYPE_CREATED_BY as D, FILTER_TYPE_CREATED_AT as _ } from "./index340.js";
-const C = 500, F = (t) => {
-  const e = `${t.first_name ?? ""} ${t.last_name ?? ""}`.trim();
-  return e && t.email ? `${e} (${t.email})` : e || t.email || t.id;
-}, L = ({
-  onChange: t
-}) => {
-  const {
-    i18n: e
-  } = v(), {
-    api: n
-  } = y(), [r, l] = c(null), [m, a] = c(""), b = N(m, C), {
-    data: d
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: b || void 0
-    }
-  }), w = u(() => d?.data ?? [], [d]), i = u(() => w.map((o) => ({
-    value: o.id,
-    label: F(o)
-  })), [w]), p = u(() => !r || i.some((o) => o.value === r.value) ? i : [r, ...i], [i, r]);
-  return /* @__PURE__ */ s($, { items: p, value: r?.value ?? "", placeholder: e._("Added by"), emptyMessage: e._("No users found"), clearAriaLabel: e._("Clear selection"), onQueryChange: a, onValueChange: (o) => {
-    const h = Array.isArray(o) ? o[0] ?? "" : o ?? "";
-    l(p.find((g) => g.value === h) ?? null), t(h || void 0);
-  } });
-}, q = ({
-  onChangeFilter: t
-}) => {
-  const {
-    i18n: e
-  } = v(), {
-    root: n
-  } = E(), [r, l] = c(void 0), m = x((a) => {
-    t(k, a.trim() ? a : null);
-  }, C);
-  return /* @__PURE__ */ f("div", { className: "ttw:flex ttw:items-center ttw:gap-3 ttw:px-2 ttw:py-2", children: [
-    /* @__PURE__ */ s("div", { className: "ttw:flex-1", children: /* @__PURE__ */ s(A, { placeholder: e._("Search"), className: "ttw:h-9 ttw:w-full", onChange: (a) => m(a.target.value) }) }),
-    /* @__PURE__ */ s("div", { className: "ttw:w-48 ttw:shrink-0", children: /* @__PURE__ */ s(L, { onChange: (a) => t(D, a ?? null) }) }),
-    /* @__PURE__ */ f("div", { className: "ttw:relative ttw:w-44 ttw:shrink-0", children: [
-      /* @__PURE__ */ s(R, { value: r, placeholder: e._("Created at"), className: `ttw:h-9 ttw:border-border${r ? " ttw:pr-8" : ""}`, container: n, onChange: (a) => {
-        l(a), t(_, a ?? null);
-      } }),
-      r ? /* @__PURE__ */ s("button", { type: "button", "aria-label": e._("Clear created at filter"), className: "ttw:absolute ttw:right-2 ttw:top-1/2 ttw:inline-flex ttw:size-4 ttw:-translate-y-1/2 ttw:cursor-pointer ttw:items-center ttw:justify-center ttw:rounded-sm ttw:text-muted-foreground ttw:opacity-70 hover:ttw:opacity-100", onClick: () => {
-        l(void 0), t(_, null);
-      }, children: /* @__PURE__ */ s(T, { className: "ttw:size-3.5" }) }) : null
-    ] })
-  ] });
-};
+function i({
+  layout: r,
+  navigationPosition: e,
+  pageSizePosition: t,
+  hasPageSizeSelect: n
+}) {
+  if (!n)
+    return {
+      justifyContent: "center",
+      flexDirection: "row",
+      gap: void 0
+    };
+  if (r === "custom") {
+    if (e === "center" && t === "center")
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "left" && t === "left")
+      return {
+        justifyContent: "flex-start",
+        flexDirection: "row",
+        gap: 3
+      };
+    if (e === "right" && t === "right")
+      return {
+        justifyContent: "flex-end",
+        flexDirection: "row-reverse",
+        gap: 3
+      };
+    if (e === "left" && t === "right")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+    if (e === "right" && t === "left")
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    if (e === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: t === "left" ? "row-reverse" : "row",
+        gap: void 0
+      };
+    if (t === "center")
+      return {
+        justifyContent: "space-around",
+        flexDirection: e === "left" ? "row" : "row-reverse",
+        gap: void 0
+      };
+  }
+  switch (r) {
+    case "reversed":
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row-reverse",
+        gap: void 0
+      };
+    case "centered":
+      return {
+        justifyContent: "center",
+        flexDirection: "row",
+        gap: 3
+      };
+    default:
+      return {
+        justifyContent: "space-between",
+        flexDirection: "row",
+        gap: void 0
+      };
+  }
+}
 export {
-  q as Filters
+  i as getLayoutStyles
 };

package/dist/libs/tesouro-embedded-components-react/monite-sdk/dist/index343.js

@@ -1,24 +1,69 @@
-import { jsx as p } from "@emotion/react/jsx-runtime";
-import { useTheme as i, Box as n } from "@mui/material";
-const d = ({
-  children: a,
-  shouldApplyFinanceStyles: r = !1
-}) => {
-  const e = i();
-  return /* @__PURE__ */ p(n, { sx: {
-    background: `linear-gradient(180deg, ${e.palette.primary.light} 0%, ${e.palette.background.paper} 100%)`,
-    display: "flex",
-    flexDirection: "column",
-    gap: 1,
-    px: 3,
-    py: r ? 3 : 2.5,
-    width: "100%",
-    minHeight: "auto",
-    borderRadius: "16px",
-    boxShadow: "0 16px 24px 0 rgba(0, 0, 0, 0.02)",
-    border: r ? "none" : `1px solid ${e.palette.divider}`
-  }, children: a });
+import { jsxs as r, jsx as e, Fragment as T } from "@emotion/react/jsx-runtime";
+import { MeasureUnitsFormRow as f } from "./index423.js";
+import { ConfirmDeleteMeasureUnitDialog as j } from "./index424.js";
+import { TableActions as z } from "./index425.js";
+import { Table as A, TableHeader as E, TableRow as h, TableHead as l, TableBody as G, TableCell as d } from "./index306.js";
+import { useLingui as I } from "@lingui/react";
+import { Loader2 as b, Search as S } from "lucide-react";
+import { useState as m, useCallback as w } from "react";
+import "./index59.js";
+import "react-hot-toast";
+import { useGetMeasureUnits as _ } from "./index206.js";
+import { useDeleteMeasureUnit as y } from "./index405.js";
+import { InputGroup as F, InputGroupAddon as H, InputGroupInput as k } from "./index103.js";
+import { useDebounceCallback as R } from "./index67.js";
+const at = () => {
+  const {
+    i18n: i
+  } = I(), [g, s] = m(null), [a, c] = m(null), x = !!a, [u, N] = m(""), {
+    data: C,
+    isLoading: M
+  } = _(), n = y(a?.name), $ = R((t) => {
+    N(t);
+  }, 500), D = C?.data?.filter((t) => t.name.toLowerCase().includes(u.toLowerCase()) || t.description && t.description.toLowerCase().includes(u.toLowerCase())) || [], L = w((t) => {
+    c(t);
+  }, []), o = w(() => {
+    c(null);
+  }, []), U = w(() => {
+    a && n.mutate({
+      path: {
+        unit_id: a.id
+      }
+    }, {
+      onSuccess: () => o()
+    });
+  }, [n, a, o]), p = n.isPending, v = () => {
+    s(null);
+  };
+  return /* @__PURE__ */ r("div", { className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:h-full ttw:relative", children: [
+    M ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:justify-center ttw:items-center ttw:h-full", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }) : /* @__PURE__ */ r(T, { children: [
+      p && /* @__PURE__ */ e("div", { className: "ttw:absolute ttw:inset-0 ttw:bg-white/70 ttw:flex ttw:justify-center ttw:items-center ttw:z-10", children: /* @__PURE__ */ e(b, { className: "ttw:size-10 ttw:animate-spin ttw:text-muted-foreground" }) }),
+      /* @__PURE__ */ r(F, { children: [
+        /* @__PURE__ */ e(H, { align: "inline-start", children: /* @__PURE__ */ e(S, {}) }),
+        /* @__PURE__ */ e(k, { placeholder: i._("Search"), onChange: (t) => $(t.target.value) })
+      ] }),
+      /* @__PURE__ */ r(A, { className: "ttw:table-fixed ttw:border ttw:border-border ttw:rounded-md", children: [
+        /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(h, { className: "ttw:hover:bg-transparent ttw:border-border", children: [
+          /* @__PURE__ */ e(l, { className: "ttw:w-[35%]", children: i._("Unit label") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[55%]", children: i._("Description (optional)") }),
+          /* @__PURE__ */ e(l, { className: "ttw:w-[10%]" })
+        ] }) }),
+        /* @__PURE__ */ r(G, { children: [
+          /* @__PURE__ */ e(f, { isEditMode: !1 }),
+          D.map((t) => g?.id === t.id ? /* @__PURE__ */ e(f, { isEditMode: !0, initialValues: t, onCancel: v, onEdit: () => s(null), id: t.id }, t.id) : /* @__PURE__ */ r(h, { className: "ttw:border-border", children: [
+            /* @__PURE__ */ e(d, { className: "ttw:w-[35%] ttw:text-sm ttw:truncate", children: t.name }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[55%] ttw:text-sm ttw:text-muted-foreground ttw:truncate", children: t.description || "—" }),
+            /* @__PURE__ */ e(d, { className: "ttw:w-[10%]", children: /* @__PURE__ */ e(z, { permissions: {
+              isUpdateAllowed: !0,
+              isDeleteAllowed: !0
+            }, onEdit: () => s(t), onDelete: () => L(t) }) })
+          ] }, t.id))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(j, { open: x, id: a?.id, name: a?.name || "", isLoading: p, onClose: o, onDelete: U })
+  ] });
 };
 export {
-  d as FinanceBannerWrapper
+  at as ManageMeasureUnitsForm
 };