@tesouro/embedded-components-react 0.2.189 → 0.2.190

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

@@ -1,57 +1,31 @@
-import { jsx as o, jsxs as l, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useState as O } from "react";
-import { useFormContext as _, Controller as P } from "react-hook-form";
-import { useMoniteContext as b } from "./index57.js";
-import { useDebounce as y } from "./index65.js";
-import { useRootElements as A } from "./index92.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as L, TextField as T, CircularProgress as E, FormHelperText as S } from "@mui/material";
-const z = ({
-  control: a,
-  name: n,
-  label: m
-}) => {
-  const {
-    i18n: u
-  } = F(), {
-    api: d
-  } = b(), {
-    root: c
-  } = A(), {
-    setValue: f
-  } = _(), [g, h] = O(""), x = y(g, 300), {
-    data: C,
-    isLoading: i,
-    refetch: I
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: x || void 0
-    }
-  });
-  return /* @__PURE__ */ o(P, { control: a, name: n, render: ({
-    field: s,
-    fieldState: {
-      error: r
-    }
-  }) => /* @__PURE__ */ l(p, { children: [
-    /* @__PURE__ */ o(L, { ...s, id: s.name, multiple: !0, autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, noOptionsText: u._("No users found"), slotProps: {
-      popper: {
-        container: c
-      }
-    }, loading: i, options: C?.data || [], getOptionKey: (e) => e.id, getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-      h(t);
-    }, onChange: (e, t) => {
-      f(n, t), I();
-    }, renderInput: (e) => /* @__PURE__ */ o(T, { ...e, label: m, error: !!r, InputProps: {
-      ...e.InputProps,
-      endAdornment: /* @__PURE__ */ l(p, { children: [
-        i ? /* @__PURE__ */ o(E, { color: "inherit", size: 20 }) : null,
-        e.InputProps.endAdornment
-      ] })
-    } }) }),
-    r && /* @__PURE__ */ o(S, { error: !0, children: r.message })
-  ] }) });
+import { useRef as t, useEffect as p } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as d } from "./index68.js";
+const z = (o, s = 50) => {
+  const c = t(o), e = t(void 0), r = t(void 0), i = d();
+  c.current = o;
+  const m = (u) => {
+    !u || typeof window > "u" || (r.current && r.current.disconnect(), r.current = new ResizeObserver(() => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && c.current();
+      }, s);
+    }), r.current.observe(u));
+  }, n = () => {
+    r.current && r.current.disconnect(), e.current && clearTimeout(e.current);
+  };
+  return p(() => () => {
+    n();
+  }, []), {
+    observe: m,
+    disconnect: n
+  };
 };
 export {
-  z as AutocompleteUsers
+  z as useResizeObserver
 };

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

@@ -3,14 +3,14 @@ import { useState as d, useCallback as n } from "react";
 import { TagFormModal as u } from "./index47.js";
 import { TagsTable as h } from "./index46.js";
 import { MoniteScopedProviders as C } from "./index83.js";
-import { useUserPermissions as x } from "./index146.js";
+import { useUserPermissions as x } from "./index149.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 e } from "../../shared/data-access/dist/lib/scopes.js";
-import { AccessRestriction as A } from "./index157.js";
+import { AccessRestriction as A } from "./index150.js";
 import { Button as T } from "./index84.js";
 import "clsx";
 import "tailwind-merge";

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

@@ -1,56 +1,26 @@
-import { jsx as t, jsxs as s, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useState as C } from "react";
-import { useFormContext as O, Controller as P } from "react-hook-form";
-import { useMoniteContext as A } from "./index57.js";
-import { useRootElements as F } from "./index92.js";
-import { useLingui as L } from "@lingui/react";
-import { Autocomplete as T, TextField as b, CircularProgress as y, FormHelperText as R } from "@mui/material";
-const v = ({
-  control: u,
-  name: n,
-  label: a
-}) => {
-  const {
-    i18n: m
-  } = L(), {
-    api: d
-  } = A(), {
-    root: c
-  } = F(), {
-    setValue: f
-  } = O(), [g, x] = C(""), {
-    data: h,
-    isLoading: i,
-    refetch: I
-  } = d.finops.getRoles.useQuery({
-    query: {
-      name: g || void 0
-    }
-  });
-  return /* @__PURE__ */ t(P, { control: u, name: n, render: ({
-    field: l,
-    fieldState: {
-      error: r
-    }
-  }) => /* @__PURE__ */ s(p, { children: [
-    /* @__PURE__ */ t(T, { ...l, id: l.name, multiple: !0, autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, noOptionsText: m._("No roles found"), slotProps: {
-      popper: {
-        container: c
-      }
-    }, loading: i, options: h?.data || [], getOptionKey: (e) => e.id, getOptionLabel: (e) => e.name, isOptionEqualToValue: (e, o) => e.id === o.id, filterOptions: (e) => e, onInputChange: (e, o) => {
-      x(o);
-    }, onChange: (e, o) => {
-      f(n, o), I();
-    }, renderInput: (e) => /* @__PURE__ */ t(b, { ...e, label: a, error: !!r, InputProps: {
-      ...e.InputProps,
-      endAdornment: /* @__PURE__ */ s(p, { children: [
-        i ? /* @__PURE__ */ t(y, { color: "inherit", size: 20 }) : null,
-        e.InputProps.endAdornment
-      ] })
-    } }) }),
-    r && /* @__PURE__ */ t(R, { error: !0, children: r.message })
-  ] }) });
+import { useRef as u, useEffect as s } from "react";
+import "./index57.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index92.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as m } from "./index68.js";
+const E = (r, t = 100) => {
+  const o = u(r), e = u(void 0), i = m();
+  o.current = r, s(() => {
+    if (typeof window > "u") return;
+    const n = () => {
+      e.current && clearTimeout(e.current), e.current = setTimeout(() => {
+        i.current && o.current();
+      }, t);
+    };
+    return window.addEventListener("resize", n), () => {
+      window.removeEventListener("resize", n), e.current && clearTimeout(e.current);
+    };
+  }, [t, i]);
 };
 export {
-  v as AutocompleteRoles
+  E as useWindowResize
 };

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

@@ -1,57 +1,41 @@
-import { jsx as o, jsxs as a, Fragment as p } from "@emotion/react/jsx-runtime";
-import { useState as O } from "react";
-import { useFormContext as _, Controller as P } from "react-hook-form";
-import { useMoniteContext as b } from "./index57.js";
-import { useDebounce as y } from "./index65.js";
-import { useRootElements as A } from "./index92.js";
-import { useLingui as F } from "@lingui/react";
-import { Autocomplete as L, TextField as T, CircularProgress as E, FormHelperText as S } from "@mui/material";
-const z = ({
-  control: l,
-  name: n,
-  label: m
-}) => {
-  const {
-    i18n: u
-  } = F(), {
-    api: d
-  } = b(), {
-    root: c
-  } = A(), {
-    setValue: f
-  } = _(), [g, h] = O(""), x = y(g, 300), {
-    data: C,
-    isLoading: i,
-    refetch: I
-  } = d.finops.getEntityUsers.useQuery({
-    query: {
-      name__istartswith: x || void 0
-    }
+import { useState as p, useEffect as f } from "react";
+const s = {
+  inches: {
+    width: 8.27,
+    height: 11.69
+  }
+}, y = () => {
+  const [h, r] = p({
+    width: 794,
+    height: 1123,
+    dpi: 96
   });
-  return /* @__PURE__ */ o(P, { control: l, name: n, render: ({
-    field: s,
-    fieldState: {
-      error: r
-    }
-  }) => /* @__PURE__ */ a(p, { children: [
-    /* @__PURE__ */ o(L, { ...s, id: s.name, autoComplete: !0, includeInputInList: !0, filterSelectedOptions: !0, noOptionsText: u._("No users found"), slotProps: {
-      popper: {
-        container: c
-      }
-    }, loading: i, options: C?.data || [], getOptionKey: (e) => e.id, getOptionLabel: (e) => `${e.first_name ?? ""} ${e.last_name ?? ""}`.trim(), isOptionEqualToValue: (e, t) => e.id === t.id, filterOptions: (e) => e, onInputChange: (e, t) => {
-      h(t);
-    }, onChange: (e, t) => {
-      f(n, t), I();
-    }, renderInput: (e) => /* @__PURE__ */ o(T, { ...e, label: m, error: !!r, InputProps: {
-      ...e.InputProps,
-      endAdornment: /* @__PURE__ */ a(p, { children: [
-        i ? /* @__PURE__ */ o(E, { color: "inherit", size: 20 }) : null,
-        e.InputProps.endAdornment
-      ] })
-    } }) }),
-    r && /* @__PURE__ */ o(S, { error: !0, children: r.message })
-  ] }) });
+  return f(() => {
+    if (typeof window > "u") return;
+    const t = () => {
+      const c = [72, 96, 120, 144, 192, 240, 288, 384];
+      let n = 96;
+      for (const d of c)
+        if (window.matchMedia(`(resolution: ${d}dpi)`).matches) {
+          n = d;
+          break;
+        }
+      const u = window.devicePixelRatio || 1, w = n * u, e = document.createElement("div");
+      e.style.width = "1in", e.style.height = "1in", e.style.position = "absolute", e.style.left = "-9999px", document.body.appendChild(e);
+      const a = e.getBoundingClientRect(), o = Math.round(a.width);
+      document.body.removeChild(e);
+      const i = o > 0 ? o : w, l = Math.round(s.inches.width * i), m = Math.round(s.inches.height * i);
+      r({
+        width: l,
+        height: m,
+        dpi: i
+      });
+    };
+    return t(), window.addEventListener("resize", t), () => {
+      window.removeEventListener("resize", t);
+    };
+  }, []), h;
 };
 export {
-  z as AutocompleteUser
+  y as useA4Dimensions
 };

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

@@ -1,70 +1,15 @@
 import { useMemo as s } from "react";
-import { useMoniteContext as b } from "./index57.js";
-import { useLingui as L } from "@lingui/react";
-import { ApprovalStepResolver as q } from "./index484.js";
-import { extractStructureItemsFromScriptStep as w, processApprovalStructure as x, findUserApprovalCall as C } from "./index271.js";
-function I(i, p, v = "desc") {
+import { useGetProducts as i } from "./index181.js";
+const a = () => {
   const {
-    i18n: m
-  } = L(), {
-    api: n
-  } = b(), {
-    data: f,
-    isLoading: _
-  } = n.finops.getApprovalRequests.useQuery({
-    query: {
-      object_id: i,
-      object_type: "payable",
-      limit: 50,
-      order: v
-    }
-  }), {
-    data: g,
-    isLoading: h
-  } = n.finops.getApprovalPoliciesId.useQuery({
-    path: {
-      approval_policy_id: p
-    }
-  }), u = s(() => f?.data || [], [f]), a = s(() => g?.script || [], [g]), o = s(() => !a.length || !u ? [] : new q(a, u, m).buildCompleteSteps(), [a, u, m]), l = s(() => {
-    const t = /* @__PURE__ */ new Set();
-    return a.forEach((e) => {
-      const r = w(e), S = x(r), y = C(S);
-      y?.params?.user_ids && y.params.user_ids.forEach((E) => t.add(E));
-    }), o.forEach((e) => {
-      e.actualAssignees.forEach((r) => t.add(r));
-    }), Array.from(t);
-  }, [a, o]), {
-    data: d,
-    isLoading: A
-  } = n.finops.getEntityUsers.useQuery({
-    query: {
-      id__in: l.length > 0 ? l : void 0,
-      limit: 100
-    }
-  }, {
-    enabled: l.length > 0
-  }), c = s(() => {
-    const t = /* @__PURE__ */ new Map();
-    return d?.data && d.data.forEach((e) => {
-      t.set(e.id, e);
-    }), t;
-  }, [d]);
+    data: e,
+    isLoading: t
+  } = i();
   return {
-    steps: s(() => o.map((t) => ({
-      ...t,
-      resolvedUsers: t.actualAssignees.map((e) => c.get(e)),
-      userNames: t.actualAssignees.map((e) => {
-        const r = c.get(e);
-        return r && (`${r.first_name || ""} ${r.last_name || ""}`.trim() || r.email || r.login) || e;
-      })
-    })), [o, c]),
-    isLoading: _ || h || A,
-    error: null
+    existingCurrencies: s(() => new Set(e?.data?.map((r) => r.price?.currency).filter((r) => !!r) ?? []), [e?.data]),
+    isLoadingProducts: t
   };
-}
-function j(i, p) {
-  return I(i, p.id, "desc");
-}
+};
 export {
-  j as useResolvedApprovalStepsWithPolicy
+  a as useExistingCurrenciesFromProducts
 };

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

@@ -1,15 +1,70 @@
 import { useMemo as s } from "react";
-import { useGetProducts as i } from "./index171.js";
-const a = () => {
+import { useMoniteContext as b } from "./index57.js";
+import { useLingui as L } from "@lingui/react";
+import { ApprovalStepResolver as q } from "./index484.js";
+import { extractStructureItemsFromScriptStep as w, processApprovalStructure as x, findUserApprovalCall as C } from "./index307.js";
+function I(i, p, v = "desc") {
   const {
-    data: e,
-    isLoading: t
-  } = i();
+    i18n: m
+  } = L(), {
+    api: n
+  } = b(), {
+    data: f,
+    isLoading: _
+  } = n.finops.getApprovalRequests.useQuery({
+    query: {
+      object_id: i,
+      object_type: "payable",
+      limit: 50,
+      order: v
+    }
+  }), {
+    data: g,
+    isLoading: h
+  } = n.finops.getApprovalPoliciesId.useQuery({
+    path: {
+      approval_policy_id: p
+    }
+  }), u = s(() => f?.data || [], [f]), a = s(() => g?.script || [], [g]), o = s(() => !a.length || !u ? [] : new q(a, u, m).buildCompleteSteps(), [a, u, m]), l = s(() => {
+    const t = /* @__PURE__ */ new Set();
+    return a.forEach((e) => {
+      const r = w(e), S = x(r), y = C(S);
+      y?.params?.user_ids && y.params.user_ids.forEach((E) => t.add(E));
+    }), o.forEach((e) => {
+      e.actualAssignees.forEach((r) => t.add(r));
+    }), Array.from(t);
+  }, [a, o]), {
+    data: d,
+    isLoading: A
+  } = n.finops.getEntityUsers.useQuery({
+    query: {
+      id__in: l.length > 0 ? l : void 0,
+      limit: 100
+    }
+  }, {
+    enabled: l.length > 0
+  }), c = s(() => {
+    const t = /* @__PURE__ */ new Map();
+    return d?.data && d.data.forEach((e) => {
+      t.set(e.id, e);
+    }), t;
+  }, [d]);
   return {
-    existingCurrencies: s(() => new Set(e?.data?.map((r) => r.price?.currency).filter((r) => !!r) ?? []), [e?.data]),
-    isLoadingProducts: t
+    steps: s(() => o.map((t) => ({
+      ...t,
+      resolvedUsers: t.actualAssignees.map((e) => c.get(e)),
+      userNames: t.actualAssignees.map((e) => {
+        const r = c.get(e);
+        return r && (`${r.first_name || ""} ${r.last_name || ""}`.trim() || r.email || r.login) || e;
+      })
+    })), [o, c]),
+    isLoading: _ || h || A,
+    error: null
   };
-};
+}
+function j(i, p) {
+  return I(i, p.id, "desc");
+}
 export {
-  a as useExistingCurrenciesFromProducts
+  j as useResolvedApprovalStepsWithPolicy
 };

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

@@ -1,4 +1,4 @@
-import { extractApprovalCalls as n, findUserApprovalCall as u, findRoleApprovalCall as h, getApprovalRuleLabel as v, processChainApprovalCalls as d, createChainApprovalStep as A, resolveStepForCall as C, createBaseApprovalStep as i, extractItemsFromScriptStep as S } from "./index271.js";
+import { extractApprovalCalls as n, findUserApprovalCall as u, findRoleApprovalCall as h, getApprovalRuleLabel as v, processChainApprovalCalls as d, createChainApprovalStep as A, resolveStepForCall as C, createBaseApprovalStep as i, extractItemsFromScriptStep as S } from "./index307.js";
 class q {
   constructor(t, s, e) {
     this.policyScript = t, this.requests = s, this.i18n = e;

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

@@ -1,42 +1,54 @@
-import { jsx as n, jsxs as a, Fragment as v } from "@emotion/react/jsx-runtime";
-import { createElement as x } from "@emotion/react";
-import { useLedgerAccounts as L } from "./index20.js";
-import { useRootElements as C } from "./index92.js";
-import { useLingui as T } from "@lingui/react";
-import { FormControl as G, TextField as p, Autocomplete as P, Typography as s, CircularProgress as A } from "@mui/material";
-import { useMemo as m } from "react";
-const k = ({
-  value: r,
-  error: u,
-  helperText: c,
-  disabled: h,
-  placeholder: y,
-  onChange: f
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { useRootElements as T } from "./index92.js";
+import { Autocomplete as V, TextField as I } from "@mui/material";
+import { Controller as K } from "react-hook-form";
+const H = ({
+  control: m,
+  name: n,
+  label: a,
+  renderInput: i,
+  optionKey: r,
+  labelKey: s,
+  options: t,
+  required: p,
+  slotProps: d,
+  rules: g,
+  shouldUnregister: f,
+  disabled: c,
+  defaultValue: b,
+  readOnly: y,
+  onChange: S,
+  ...h
 }) => {
-  const {
-    i18n: t
-  } = T(), {
-    data: l,
-    isLoading: d,
-    error: g
-  } = L(), {
-    root: b
-  } = C(), i = m(() => l?.data ?? [], [l?.data]), _ = m(() => r ? i.find((e) => e.id === r) ?? null : null, [r, i]);
-  return g ? /* @__PURE__ */ n(G, { error: !0, fullWidth: !0, children: /* @__PURE__ */ n(p, { label: t._("GL Code"), variant: "standard", disabled: !0, error: !0, helperText: t._("Failed to load GL codes") }) }) : /* @__PURE__ */ n(P, { options: i, value: _, onChange: (e, o) => f(o?.id || null), getOptionLabel: (e) => e.nominal_code && e.type ? `${e.nominal_code} — ${e.type}` : e.nominal_code || e.type || e.name || "", isOptionEqualToValue: (e, o) => e.id === o.id, loading: d, disabled: h || d, slotProps: {
+  const A = (e) => i ? (o) => i(o, {
+    error: e,
+    label: a,
+    required: p
+  }) : (o) => /* @__PURE__ */ l(I, { ...o, variant: "standard", required: p, label: a, error: !!e?.message, helperText: e?.message, inputProps: {
+    ...o.inputProps,
+    autoComplete: "new-password"
+  } }), C = (e) => e ? typeof e == "string" || Array.isArray(e) ? e : r ? String(e[r]) : e : "", O = (e) => e ? r ? t.find((o) => String(o[r]) === String(e)) ?? null : t.find((o) => String(o) === String(e)) ?? null : null, v = (e) => typeof e == "string" ? e : s ? `${e[s]}` : "", {
+    root: x
+  } = T();
+  return /* @__PURE__ */ l(K, { control: m, name: n, rules: g, shouldUnregister: f, defaultValue: b, render: ({
+    field: e,
+    fieldState: {
+      error: o,
+      isTouched: P
+    },
+    formState: {
+      isValid: q
+    }
+  }) => /* @__PURE__ */ l(V, { ...e, ...h, disabled: c, slotProps: {
+    ...d,
     popper: {
-      container: b
+      ...d?.popper,
+      container: x
     }
-  }, renderInput: (e) => /* @__PURE__ */ n(p, { ...e, label: t._("GL Code"), variant: "standard", fullWidth: !0, error: u, helperText: c, placeholder: y, InputProps: {
-    ...e.InputProps,
-    endAdornment: /* @__PURE__ */ a(v, { children: [
-      d ? /* @__PURE__ */ n(A, { color: "inherit", size: 20 }) : null,
-      e.InputProps.endAdornment
-    ] })
-  } }), renderOption: (e, o) => /* @__PURE__ */ x("li", { ...e, key: o.id }, /* @__PURE__ */ a("div", { children: [
-    /* @__PURE__ */ n(s, { variant: "body2", color: "text.secondary", component: "div", fontWeight: 600, children: o.nominal_code && o.type ? `${o.nominal_code} — ${o.type}` : o.nominal_code || o.type }),
-    o.subtype && /* @__PURE__ */ n(s, { variant: "body2", component: "div", fontWeight: 400, children: o.subtype })
-  ] })), noOptionsText: t._("No GL codes found") });
+  }, options: t, blurOnSelect: !0, onChange: (w, u, F, R) => {
+    e.onChange(C(u)), S?.(w, u, F, R);
+  }, value: O(e.value), id: n, getOptionLabel: v, renderInput: A(P || !q ? o : void 0), readOnly: y }) });
 };
 export {
-  k as GLCodeSelector
+  H as RHFAutocomplete
 };