@tesouro/embedded-components-react 0.2.1

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

@@ -0,0 +1,199 @@
+import { formatFilterChipMultiSelectValueSegment as y } from "./index99.js";
+import { useMoniteContext as g } from "./index59.js";
+import { useCurrencies as N } from "./index60.js";
+import { toMinorUnits as C } from "./index119.js";
+import { useState as $, useMemo as l, useCallback as n } from "react";
+import { formatISO as m } from "date-fns";
+import { DATE_PRESETS as d, resolveDatePreset as k } from "./index366.js";
+const p = [{
+  value: "draft",
+  label: "Draft",
+  description: "Created but not yet sent"
+}, {
+  value: "issued",
+  label: "Issued",
+  description: ""
+}, {
+  value: "overdue",
+  label: "Overdue",
+  description: "Past due date"
+}, {
+  value: "partially_paid",
+  label: "Partially paid",
+  description: "Some payment received"
+}, {
+  value: "paid",
+  label: "Paid",
+  description: "Fully paid"
+}, {
+  value: "uncollectible",
+  label: "Uncollectible",
+  description: ""
+}, {
+  value: "canceled",
+  label: "Canceled",
+  description: ""
+}, {
+  value: "recurring",
+  label: "Recurring",
+  description: ""
+}], P = ["draft", "issued", "overdue", "partially_paid", "paid", "uncollectible"], T = {
+  due_date: "Due date",
+  created_at: "Created on",
+  issue_date: "Issue date"
+};
+function _() {
+  return {
+    search: "",
+    activeDateFields: {},
+    status: [],
+    amountMode: "any",
+    amountMin: "",
+    amountMax: "",
+    customerName: ""
+  };
+}
+function j() {
+  const [a, i] = $(_), {
+    formatToMinorUnits: u
+  } = N(), {
+    componentSettings: f
+  } = g(), c = f.onboarding.allowedCurrencies?.[0] ?? "USD", v = l(() => {
+    const e = {};
+    for (const [t, s] of Object.entries(a.activeDateFields))
+      s?.from && (e[`${t}__gte`] = m(s.from, {
+        representation: "date"
+      })), s?.to && (e[`${t}__lte`] = m(s.to, {
+        representation: "date"
+      }));
+    if (a.status.length ? e.status__in = a.status : e.status__in = P, a.customerName && (e.counterpart_name__icontains = a.customerName), a.search && (e.search_text = a.search), a.amountMode !== "any") {
+      const t = parseFloat(a.amountMin), s = parseFloat(a.amountMax), o = (r) => u(r, c) ?? C(r, 2);
+      if (a.amountMode === "exact") {
+        if (!isNaN(t)) {
+          const r = o(t);
+          e.total_amount__gte = r, e.total_amount__lte = r;
+        }
+      } else
+        isNaN(t) || (e.total_amount__gte = o(t)), isNaN(s) || (e.total_amount__lte = o(s));
+    }
+    return e;
+  }, [a, c, u]), b = l(() => {
+    let e = 0;
+    return Object.values(a.activeDateFields).some((t) => t?.from || t?.to || t?.preset) && e++, a.status.length && e++, a.customerName && e++, a.amountMode !== "any" && e++, a.search && e++, e;
+  }, [a]), h = l(() => {
+    const e = [];
+    for (const [t, s] of Object.entries(a.activeDateFields))
+      if (s?.from || s?.to || s?.preset) {
+        const o = s.preset ? d.find((r) => r.value === s.preset)?.label ?? "Custom range" : "Custom range";
+        e.push({
+          key: `date_${t}`,
+          label: `${T[t]}: ${o}`
+        });
+      }
+    if (a.status.length) {
+      const t = a.status.map((s) => p.find((o) => o.value === s)?.label ?? s);
+      e.push({
+        key: "status",
+        label: `Status: ${y(t)}`
+      });
+    }
+    return a.customerName && e.push({
+      key: "customer",
+      label: `Customer: ${a.customerName}`
+    }), a.amountMode !== "any" && e.push({
+      key: "amount",
+      label: "Amount"
+    }), a.search && e.push({
+      key: "search",
+      label: `Search: ${a.search}`
+    }), e;
+  }, [a]), F = n((e, t) => {
+    const {
+      from: s,
+      to: o
+    } = k(t);
+    i((r) => ({
+      ...r,
+      activeDateFields: {
+        ...r.activeDateFields,
+        [e]: {
+          preset: t,
+          from: s,
+          to: o
+        }
+      }
+    }));
+  }, []), D = n((e, t, s) => {
+    i((o) => ({
+      ...o,
+      activeDateFields: {
+        ...o.activeDateFields,
+        [e]: {
+          preset: void 0,
+          from: t,
+          to: s
+        }
+      }
+    }));
+  }, []), S = n((e) => {
+    if (e.startsWith("date_")) {
+      const t = e.slice(5);
+      i((s) => {
+        const o = {
+          ...s.activeDateFields
+        };
+        return delete o[t], {
+          ...s,
+          activeDateFields: o
+        };
+      });
+      return;
+    }
+    switch (e) {
+      case "status":
+        i((t) => ({
+          ...t,
+          status: []
+        }));
+        break;
+      case "customer":
+        i((t) => ({
+          ...t,
+          customerName: ""
+        }));
+        break;
+      case "amount":
+        i((t) => ({
+          ...t,
+          amountMode: "any",
+          amountMin: "",
+          amountMax: ""
+        }));
+        break;
+      case "search":
+        i((t) => ({
+          ...t,
+          search: ""
+        }));
+        break;
+    }
+  }, []), M = n(() => i(_()), []);
+  return {
+    state: a,
+    setState: i,
+    queryParams: v,
+    activeFilterCount: b,
+    activeChips: h,
+    datePresets: d,
+    statusOptions: p,
+    setDateFieldPreset: F,
+    setDateFieldRange: D,
+    clearFilter: S,
+    clearAll: M
+  };
+}
+export {
+  P as AR_DEFAULT_STATUSES,
+  p as AR_STATUS_OPTIONS,
+  j as useInvoicesFilter
+};

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

@@ -0,0 +1,213 @@
+import { jsx as s, jsxs as n } from "@emotion/react/jsx-runtime";
+import { isPayableInOCRProcessing as S } from "./index264.js";
+import { SummaryCardsFilters as Y } from "./index265.js";
+import { PayablesFilterBar as J } from "./index266.js";
+import { usePayablesFilter as X } from "./index267.js";
+import { PayableStatusChip as Z } from "./index221.js";
+import { useMoniteContext as ee } from "./index59.js";
+import { MoniteScopedProviders as te } from "./index85.js";
+import { useCurrencies as ae } from "./index60.js";
+import { usePayablePaymentIntentsAndRecords as se } from "./index81.js";
+import { useUserPermissions as oe } from "./index133.js";
+import "../../shared/data-access/dist/lib/rest/client/utils.gen.js";
+import "../../shared/data-access/dist/lib/EmbedApiContext.js";
+import "../../shared/data-access/dist/lib/rest/client.gen.js";
+import "@tanstack/react-query";
+import "../../shared/data-access/dist/lib/rest/zod.gen.js";
+import { Scope as re } from "../../shared/data-access/dist/lib/scopes.js";
+import { useState as c, useEffect as v, useMemo as P } from "react";
+import { dateStringToLocalDate as ne } from "./index98.js";
+import { CounterpartNameCellById as ie } from "./index142.js";
+import { GetNoRowsOverlay as le } from "./index143.js";
+import { DueDateCell as ce } from "./index144.js";
+import { AccessRestriction as de } from "./index135.js";
+import { Button as D } from "./index86.js";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-dialog";
+import { ArrowUp as b, ArrowDown as N, ArrowUpDown as F, Loader2 as me } from "lucide-react";
+import { useLingui as ue } from "@lingui/react";
+import { DataTable as pe } from "./index145.js";
+import { hasSelectedText as ge } from "./index151.js";
+const Ge = (d) => /* @__PURE__ */ s(te, { children: /* @__PURE__ */ s(he, { ...d }) }), he = ({
+  onRowClick: d,
+  onPay: x,
+  openFileInput: M,
+  setIsCreateInvoiceDialogOpen: T,
+  openEditDialog: A,
+  onSubmitted: I,
+  onApproved: R,
+  onCanceled: k
+}) => {
+  const {
+    i18n: o
+  } = ue(), {
+    api: m,
+    locale: u,
+    queryClient: z,
+    componentSettings: $
+  } = ee(), [K, i] = c(null), [p, O] = c($.payables.pageSizeOptions?.[0] ?? 10), [l, g] = c({
+    field: "due_date",
+    sort: "desc"
+  }), a = X(), [h, q] = c("");
+  v(() => {
+    const e = setTimeout(() => q(a.state.search), 300);
+    return () => clearTimeout(e);
+  }, [a.state.search]);
+  const {
+    formatCurrencyToDisplay: f
+  } = ae(), y = oe().has(re.PayableReadOrg), w = m.finops.getPayables.getQueryKey({
+    query: {
+      sort: l?.field,
+      order: l?.sort,
+      limit: p,
+      pagination_token: K || void 0,
+      ...a.queryParams,
+      search_text: h || a.queryParams.search_text || void 0
+    }
+  }), {
+    data: r,
+    isLoading: L,
+    isError: U,
+    refetch: _
+  } = m.finops.getPayables.useQuery(w, {
+    enabled: !!y,
+    refetchInterval: m.finops.getPayables.getQueryData(w, z)?.data.filter(S).length ? 2e3 : 3e4
+  }), B = P(() => r?.data?.filter((e) => e.status === "waiting_to_be_paid" || e.status === "partially_paid").map((e) => e.id), [r?.data]), {
+    payablesPaymentIntentsRecord: E,
+    refetch: V
+  } = se(B || []), C = [{
+    id: l.field,
+    desc: l.sort === "desc"
+  }], Q = (e) => {
+    const t = typeof e == "function" ? e(C) : e;
+    t.length > 0 ? g({
+      field: t[0].id,
+      sort: t[0].desc ? "desc" : "asc"
+    }) : g({
+      field: "due_date",
+      sort: "desc"
+    }), i(null);
+  }, j = P(() => [{
+    accessorKey: "due_date",
+    header: ({
+      column: e
+    }) => {
+      const t = e.getIsSorted();
+      return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+        o._("Due date"),
+        /* @__PURE__ */ s(D, { variant: "ghost", onClick: () => e.toggleSorting(t === "asc"), children: t === "asc" ? /* @__PURE__ */ s(b, { className: "ttw:size-4" }) : t === "desc" ? /* @__PURE__ */ s(N, { className: "ttw:size-4" }) : /* @__PURE__ */ s(F, { className: "ttw:size-4" }) })
+      ] });
+    },
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ s(ce, { data: e.original }),
+    enableSorting: !0
+  }, {
+    accessorKey: "status",
+    header: o._("Status"),
+    cell: ({
+      row: e
+    }) => /* @__PURE__ */ s(Z, { status: e.original.status, dueDate: e.original.due_date })
+  }, {
+    accessorKey: "document_id",
+    header: o._("Number"),
+    cell: ({
+      row: e
+    }) => {
+      const t = e.original;
+      return S(t) ? /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2", children: [
+        /* @__PURE__ */ s(me, { className: "ttw:animate-spin ttw:size-5 ttw:shrink-0" }),
+        /* @__PURE__ */ n("span", { children: [
+          o._("Processing file"),
+          " '",
+          t.file?.name,
+          "'"
+        ] })
+      ] }) : /* @__PURE__ */ s("span", { children: t.document_id });
+    }
+  }, {
+    accessorKey: "counterpart_id",
+    header: o._("Vendor"),
+    cell: ({
+      row: e
+    }) => {
+      const t = e.original;
+      return t.counterpart?.name ? /* @__PURE__ */ s("span", { children: t.counterpart.name }) : t.counterpart_id ? /* @__PURE__ */ s(ie, { counterpartId: t.counterpart_id }) : t.counterpart_raw_data?.name ? /* @__PURE__ */ s("span", { children: t.counterpart_raw_data.name }) : /* @__PURE__ */ s("span", { style: {
+        opacity: 0.4
+      }, children: "-" });
+    }
+  }, {
+    accessorKey: "issued_at",
+    header: ({
+      column: e
+    }) => {
+      const t = e.getIsSorted();
+      return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-inherit", children: [
+        o._("Issued on"),
+        /* @__PURE__ */ s(D, { variant: "ghost", onClick: () => e.toggleSorting(t === "asc"), children: t === "asc" ? /* @__PURE__ */ s(b, { className: "ttw:size-4" }) : t === "desc" ? /* @__PURE__ */ s(N, { className: "ttw:size-4" }) : /* @__PURE__ */ s(F, { className: "ttw:size-4" }) })
+      ] });
+    },
+    cell: ({
+      row: e
+    }) => {
+      const t = e.original.issued_at;
+      return t ? o.date(ne(t), u.dateFormat) : "—";
+    },
+    enableSorting: !0
+  }, {
+    accessorKey: "amount",
+    header: () => /* @__PURE__ */ s("div", { className: "ttw:text-right", children: o._("Total") }),
+    cell: ({
+      row: e
+    }) => {
+      const t = e.original.total_amount;
+      return /* @__PURE__ */ s("div", { className: "ttw:text-right", children: t ? f(t, e.original.currency ?? "USD") : "" });
+    }
+  }], [o, u.dateFormat, f, E, V, x, I, R, k, _, A]);
+  if (v(() => {
+    i(null);
+  }, [a.queryParams]), !y)
+    return /* @__PURE__ */ s(de, {});
+  const G = a.activeFilterCount > 0, H = !!h;
+  return /* @__PURE__ */ n("div", { className: "ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125", children: [
+    /* @__PURE__ */ s(Y, { selectedStatus: a.state.status.length === 0 ? "all" : a.state.status[0], onChangeFilter: (e, t) => a.setState((W) => ({
+      ...W,
+      status: t ? [t] : []
+    })) }),
+    /* @__PURE__ */ s(pe, { columns: j, data: r?.data ?? [], sorting: C, onSortingChange: Q, pageSize: p, onPageSizeChange: (e) => {
+      O(e), i(null);
+    }, nextPaginationToken: r?.next_pagination_token ?? void 0, prevPaginationToken: r?.prev_pagination_token ?? void 0, onPaginationTokenChange: (e) => i(e ?? null), onRowClick: (e) => {
+      !ge() && e.ocr_status !== "processing" && d?.(e.id);
+    }, filterComponent: /* @__PURE__ */ s(J, { searchValue: a.state.search, onSearchChange: (e) => a.setState((t) => ({
+      ...t,
+      search: e
+    })), activeFilterCount: a.activeFilterCount, activeChips: a.activeChips, onDismissChip: a.clearFilter, onClearAll: a.clearAll, activeDateField: a.state.activeDateField, onActiveDateFieldChange: a.setActiveDateField, allPresets: a.datePresets, selectedDatePreset: a.state.datePreset, dateFrom: a.state.dateFrom, dateTo: a.state.dateTo, onDateRangeChange: ({
+      from: e,
+      to: t
+    }) => a.setDateRange(e, t), onDatePresetChange: a.setDatePreset, statusOptions: a.statusOptions, selectedStatus: a.state.status, onStatusChange: (e) => a.setState((t) => ({
+      ...t,
+      status: e
+    })), amountMode: a.state.amountMode, onAmountModeChange: (e) => a.setState((t) => ({
+      ...t,
+      amountMode: e
+    })), amountMin: a.state.amountMin, amountMax: a.state.amountMax, onAmountMinChange: (e) => a.setState((t) => ({
+      ...t,
+      amountMin: e
+    })), onAmountMaxChange: (e) => a.setState((t) => ({
+      ...t,
+      amountMax: e
+    })), vendorName: a.state.vendorName, onVendorNameChange: (e) => a.setState((t) => ({
+      ...t,
+      vendorName: e
+    })), hasFile: a.state.hasFile, onHasFileChange: (e) => a.setState((t) => ({
+      ...t,
+      hasFile: e
+    })) }), children: /* @__PURE__ */ s(le, { noDataTitle: o._("No bills yet"), noDataDescription1: o._("You don't have any bills yet"), filterTitle: o._("No bills found"), isLoading: L, isFiltering: G, isSearching: H, isError: U, dataLength: r?.data.length || 0, onCreate: (e) => {
+      e === "New Invoice" ? T?.(!0) : e === "Upload File" && M?.();
+    }, refetch: _, entityName: o._("Payable"), type: "no-data=payables" }) })
+  ] });
+};
+export {
+  Ge as PayablesTable
+};

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

@@ -0,0 +1,14 @@
+import { useMoniteContext as o } from "./index59.js";
+const i = (e, t = !0) => {
+  const {
+    api: s
+  } = o();
+  return s.finops.getReceivables.useQuery({
+    query: e
+  }, {
+    enabled: t
+  });
+};
+export {
+  i as useGetReceivables
+};

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

@@ -0,0 +1,16 @@
+const t = {
+  counterpart_name: "counterpart_name",
+  counterpart_id: "counterpart_id",
+  amount: "amount",
+  status: "status",
+  due_date: "due_date",
+  issue_date: "issue_date",
+  document_id: "document_id",
+  created_at: "created_at",
+  project_id: "project_id",
+  total_amount: "total_amount",
+  discounted_subtotal: "discounted_subtotal"
+}, e = Object.values(t);
+export {
+  e as ReceivableCursorFields
+};

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

@@ -0,0 +1,66 @@
+import { jsx as a, jsxs as o } from "@emotion/react/jsx-runtime";
+import { getCounterpartName as m } from "./index7.js";
+import { useCounterpartById as p } from "./index72.js";
+import "@tanstack/react-query";
+import "./index59.js";
+import "react";
+import "react-hot-toast";
+import { useLingui as u } from "@lingui/react";
+import { Skeleton as s, Stack as c, Avatar as f, Typography as d } from "@mui/material";
+const x = (e) => {
+  let t = 0;
+  for (let r = e.length - 1; r >= 0; r--)
+    t += e.charCodeAt(r);
+  return t % 5;
+}, k = ({
+  name: e,
+  country: t,
+  city: r,
+  isLoading: i
+}) => {
+  const {
+    i18n: h
+  } = u();
+  !e && !i && (e = h._("Unspecified"));
+  const n = e.split(" "), l = (n.length >= 2 ? n[0][0] + n[n.length - 1][0] : e[0] || "").toUpperCase();
+  return /* @__PURE__ */ o(c, { className: "Monite-CounterpartCell", direction: "row", alignItems: "center", spacing: 1.5, justifyContent: "stretch", sx: {
+    maxWidth: "100%",
+    overflow: "hidden"
+  }, children: [
+    i ? /* @__PURE__ */ a(s, { animation: "wave", variant: "circular", width: 40, height: 40, sx: {
+      flexShrink: 0
+    } }) : /* @__PURE__ */ a(f, { className: "MuiAvatar-colored MuiAvatar-" + x(l), children: l }),
+    i || !e ? /* @__PURE__ */ a(s, { animation: "wave", height: 10, width: "100%", sx: {
+      flexShrink: 0,
+      minWidth: "4em"
+    } }) : /* @__PURE__ */ o(c, { direction: "column", alignItems: "stretch", gap: 0, sx: {
+      maxWidth: "100%",
+      flexBasis: 0,
+      flexShrink: 2,
+      flexGrow: 2,
+      overflow: "hidden"
+    }, children: [
+      /* @__PURE__ */ a(d, { variant: "body1", className: "Monite-TextOverflowContainer", children: e }),
+      t && r && /* @__PURE__ */ o(d, { variant: "body2", className: "Monite-TextOverflowContainer", children: [
+        t,
+        " • ",
+        r
+      ] })
+    ] })
+  ] });
+}, A = ({
+  counterpartId: e
+}) => {
+  const {
+    data: t,
+    isLoading: r
+  } = p(e), i = t ? m(t) : "";
+  return r ? /* @__PURE__ */ a(s, { animation: "wave", height: 26, width: "100%" }) : i ? /* @__PURE__ */ a("span", { children: i }) : /* @__PURE__ */ a("span", { style: {
+    opacity: 0.4
+  }, children: "-" });
+};
+export {
+  k as CounterPartCellByData,
+  A as CounterpartNameCellById,
+  x as calculateAvatarColorIndex
+};

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

@@ -0,0 +1,41 @@
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { DataGridEmptyState as n } from "./index149.js";
+import { useLingui as h } from "@lingui/react";
+const b = ({
+  isLoading: o,
+  dataLength: a,
+  isFiltering: r,
+  isSearching: s,
+  isError: l,
+  onCreate: y,
+  refetch: m,
+  entityName: e,
+  noDataTitle: c,
+  noDataDescription1: p,
+  filterTitle: N,
+  filterDescription1: d,
+  actionButtonLabel: L,
+  actionOptions: u,
+  onAction: f,
+  type: g
+}) => {
+  const {
+    i18n: t
+  } = h();
+  return !o && a === 0 && (r || s) ? /* @__PURE__ */ i(n, { title: N || c || t._("No {entityName} Found", {
+    entityName: e
+  }), descriptionLine1: d || "", type: "no-filter", onAction: f }) : !o && a === 0 && !r && !s ? /* @__PURE__ */ i(n, { title: c || t._("No {entityName}", {
+    entityName: e
+  }), descriptionLine1: p || t._("You don’t have any {entityName} yet.", {
+    entityName: e.toLowerCase()
+  }), actionOptions: u, actionButtonLabel: L, onAction: (_) => {
+    y && y(_ ?? "");
+  }, type: g || "no-data" }) : l ? /* @__PURE__ */ i(n, { title: t._("Failed to load {entityName}", {
+    entityName: e
+  }), descriptionLine1: t._("There was an error loading {entityName}.", {
+    entityName: e.toLowerCase()
+  }), actionButtonLabel: t._("Reload"), onAction: m, type: "error" }) : null;
+};
+export {
+  b as GetNoRowsOverlay
+};

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

@@ -0,0 +1,28 @@
+import { jsx as r, jsxs as s } from "@emotion/react/jsx-runtime";
+import { getInvoiceOverdueDays as l } from "./index457.js";
+import { useMoniteContext as d } from "./index59.js";
+import { dateStringToLocalDate as m } from "./index98.js";
+import { useLingui as c } from "@lingui/react";
+import { twMerge as w } from "tailwind-merge";
+const h = ({
+  data: t
+}) => {
+  const {
+    i18n: e
+  } = c(), {
+    locale: n
+  } = d();
+  if (!t.due_date) return /* @__PURE__ */ r("span", { className: "ttw:opacity-40", children: "-" });
+  const i = e.date(m(t.due_date), n.dateFormat), a = l(t), o = a > 0;
+  return /* @__PURE__ */ s("div", { className: "ttw:flex ttw:flex-col ttw:h-full ttw:justify-center ttw:gap-1", children: [
+    /* @__PURE__ */ r("span", { className: w("ttw:text-sm ttw:font-normal ttw:leading-5", o && "ttw:text-rose-700"), children: i }),
+    o && /* @__PURE__ */ s("span", { className: "ttw:text-xs ttw:font-normal ttw:leading-4.5 ttw:text-rose-700", children: [
+      a,
+      " ",
+      a === 1 ? e._("day overdue") : e._("days overdue")
+    ] })
+  ] });
+};
+export {
+  h as DueDateCell
+};

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

@@ -0,0 +1,84 @@
+import { jsxs as a, Fragment as P, jsx as t } from "@emotion/react/jsx-runtime";
+import { useReactTable as y, getCoreRowModel as j, flexRender as C } from "@tanstack/react-table";
+import { Table as D, TableHeader as H, TableRow as m, TableHead as I, TableBody as L, TableCell as v } from "./index311.js";
+import { Button as S } from "./index86.js";
+import { Select as V, SelectTrigger as $, SelectValue as B, SelectContent as _, SelectItem as d } from "./index321.js";
+import { ChevronLeft as E, ChevronRight as F } from "lucide-react";
+import { useLingui as G } from "@lingui/react";
+import { useState as q, useEffect as A } from "react";
+import { twMerge as J } from "tailwind-merge";
+function et({
+  columns: g,
+  data: s,
+  sorting: N,
+  onSortingChange: z,
+  pageSize: r,
+  onPageSizeChange: T,
+  nextPaginationToken: h,
+  prevPaginationToken: l,
+  onPaginationTokenChange: c,
+  onRowClick: R,
+  filterComponent: p,
+  children: k,
+  rowLabel: u
+}) {
+  const {
+    i18n: b
+  } = G(), [i, o] = q(0);
+  A(() => {
+    !l && i !== 0 && o(0);
+  }, [l, i]);
+  const x = s.length === 0 ? 0 : i + 1, f = i + s.length, M = u ? `${x}-${f} ${u}` : `${x}-${f}`, w = y({
+    data: s,
+    columns: g,
+    getCoreRowModel: j(),
+    manualPagination: !0,
+    manualSorting: !0,
+    enableMultiSort: !1,
+    onSortingChange: z,
+    state: {
+      sorting: N,
+      pagination: {
+        pageIndex: 0,
+        pageSize: r
+      }
+    }
+  });
+  return /* @__PURE__ */ a(P, { children: [
+    /* @__PURE__ */ a("div", { className: J("ttw:flex ttw:flex-col ttw:overflow-hidden ttw:min-h-125 ttw:gap-4 ttw:border ttw:border-zinc-100 ttw:rounded-xl ttw:bg-white", p && "ttw:pt-4"), children: [
+      p,
+      /* @__PURE__ */ a(D, { className: "ttw:border-none", children: [
+        /* @__PURE__ */ t(H, { children: w.getHeaderGroups().map((e) => /* @__PURE__ */ t(m, { children: e.headers.map((n) => /* @__PURE__ */ t(I, { className: "ttw:p-3 ttw:text-xs ttw:text-zinc-950 ttw:border-b ttw:border-zinc-100 ttw:w-44.5", children: n.isPlaceholder ? null : C(n.column.columnDef.header, n.getContext()) }, n.id)) }, e.id)) }),
+        /* @__PURE__ */ t(L, { children: w.getRowModel().rows?.length ? w.getRowModel().rows.map((e) => /* @__PURE__ */ t(m, { onClick: () => R(e.original), "data-state": e.getIsSelected() && "selected", children: e.getVisibleCells().map((n) => /* @__PURE__ */ t(v, { className: "ttw:px-3 ttw:h-13 ttw:font-medium ttw:border-zinc-100 ttw:border-b", children: C(n.column.columnDef.cell, n.getContext()) }, n.id)) }, e.id)) : /* @__PURE__ */ t(m, { children: /* @__PURE__ */ t(v, { colSpan: g.length, className: "ttw:min-h-24 ttw:text-center", children: k || b._("No results.") }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:justify-end ttw:space-x-6.5 ttw:py-3 ttw:bg-transparent", children: [
+      /* @__PURE__ */ a("span", { className: "ttw:flex ttw:items-center ttw:gap-2 ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950", children: [
+        b._("Rows per page:"),
+        /* @__PURE__ */ a(V, { value: String(r), onValueChange: (e) => {
+          T(Number(e)), c(void 0), o(0);
+        }, children: [
+          /* @__PURE__ */ t($, { size: "sm", children: /* @__PURE__ */ t(B, {}) }),
+          /* @__PURE__ */ a(_, { children: [
+            /* @__PURE__ */ t(d, { value: "10", children: "10" }),
+            /* @__PURE__ */ t(d, { value: "25", children: "25" }),
+            /* @__PURE__ */ t(d, { value: "50", children: "50" }),
+            /* @__PURE__ */ t(d, { value: "100", children: "100" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ t("span", { className: "ttw:text-sm ttw:leading-5 ttw:font-medium ttw:text-zinc-950", children: M }),
+      /* @__PURE__ */ a("div", { className: "ttw:flex ttw:items-center ttw:space-x-3", children: [
+        /* @__PURE__ */ t(S, { variant: "ghost", className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg", onClick: () => {
+          c(l), o((e) => e - r);
+        }, disabled: !l, children: /* @__PURE__ */ t(E, {}) }),
+        /* @__PURE__ */ t(S, { variant: "ghost", className: "ttw:px-2 ttw:py-2 ttw:border ttw:border-zinc-200 ttw:rounded-lg", onClick: () => {
+          c(h), o((e) => e + r);
+        }, disabled: !h, children: /* @__PURE__ */ t(F, {}) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  et as DataTable
+};

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

@@ -0,0 +1,11 @@
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { cn as n } from "./index102.js";
+function m({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a("div", { "data-slot": "skeleton", className: n("ttw:bg-accent ttw:animate-pulse ttw:rounded-md", t), ...e });
+}
+export {
+  m as Skeleton
+};