@tesouro/embedded-components-react 0.2.1 → 0.2.5

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

@@ -1,80 +1,51 @@
-import { jsx as e, Fragment as y, jsxs as r } from "@emotion/react/jsx-runtime";
-import { useState as F, useMemo as b, useEffect as N } from "react";
-import { useFormContext as D, Controller as V } from "react-hook-form";
-import { useLingui as E } from "@lingui/react";
-import { PaymentTermsDialog as I } from "./index425.js";
-import { PaymentTermsSummary as L } from "./index426.js";
-import { dedupePaymentTermsByContent as U } from "./index427.js";
-import { Skeleton as $ } from "./index146.js";
-import { Select as j, SelectTrigger as k, SelectValue as M, SelectContent as q, SelectItem as f } from "./index321.js";
-import { Field as z, FieldContent as B, FieldLabel as A, FieldError as G } from "./index227.js";
-import { Plus as H } from "lucide-react";
-const a = {
-  Closed: 0,
-  Create: 1,
-  Update: 2
-}, re = ({
-  disabled: w,
-  paymentTerms: c,
-  isLoading: C,
-  selectedPaymentTerm: s,
-  onPaymentTermsChange: _
-}) => {
+import { useState as S, useRef as W, useCallback as $, useEffect as v } from "react";
+import { useResizeObserver as x } from "./index454.js";
+import { useWindowResize as z } from "./index455.js";
+import "./index59.js";
+import "@lingui/react";
+import "react-hot-toast";
+import "./index94.js";
+import "@emotion/react/jsx-runtime";
+import "react-dom";
+import "@mui/x-data-grid";
+import { useIsMounted as O } from "./index70.js";
+import { useA4Dimensions as T } from "./index456.js";
+const K = (e, c, D = {}) => {
   const {
-    i18n: i
-  } = E(), {
-    control: g,
-    watch: x,
-    setValue: p
-  } = D(), [u, n] = F(a.Closed), {
-    dedupedTerms: S,
-    duplicateIdMap: d
-  } = b(() => U(c?.data ?? []), [c]), l = x("payment_terms_id");
-  N(() => {
-    l && d.has(l) && p("payment_terms_id", d.get(l), {
-      shouldValidate: !0,
-      shouldDirty: !1,
-      shouldTouch: !1
-    });
-  }, [l, d, p]);
-  const T = () => {
-    n(a.Update);
-  }, v = (t, m) => {
-    n(a.Closed), (t || m) && _(t);
-  };
-  return /* @__PURE__ */ e(y, { children: C ? /* @__PURE__ */ e($, { className: "ttw:w-full ttw:h-9" }) : /* @__PURE__ */ r(y, { children: [
-    /* @__PURE__ */ e(V, { name: "payment_terms_id", control: g, render: ({
-      field: t,
-      fieldState: {
-        error: m
-      }
-    }) => /* @__PURE__ */ e(z, { children: /* @__PURE__ */ r(B, { children: [
-      /* @__PURE__ */ e(A, { htmlFor: "payment_terms_id", required: !0, children: i._("Payment terms") }),
-      /* @__PURE__ */ r(j, { ...t, disabled: w, value: t.value, onValueChange: (o) => {
-        o === "create" ? n(a.Create) : t.onChange(o);
-      }, children: [
-        /* @__PURE__ */ e(k, { id: "payment_terms_id", className: "ttw:w-full", "aria-invalid": !!m, children: /* @__PURE__ */ e(M, { placeholder: i._("Select payment terms") }) }),
-        /* @__PURE__ */ r(q, { children: [
-          /* @__PURE__ */ r(f, { value: "create", className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary", children: [
-            /* @__PURE__ */ e(H, { className: "ttw:text-primary ttw:hover:text-primary ttw:font-semibold ttw:focus:text-primary" }),
-            i._("Create payment term")
-          ] }),
-          S.map(({
-            id: o,
-            name: P,
-            description: h
-          }) => /* @__PURE__ */ r(f, { value: o, children: [
-            P,
-            h && ` (${h})`
-          ] }, o))
-        ] })
-      ] }),
-      /* @__PURE__ */ e(G, { errors: m ? [m] : [] })
-    ] }) }) }),
-    s && /* @__PURE__ */ e("div", { className: "ttw:mt-2", children: /* @__PURE__ */ e(L, { paymentTerm: s, openEditDialog: T }) }),
-    /* @__PURE__ */ e(I, { show: u !== a.Closed, closeDialog: v, selectedTerm: u === a.Update ? s : void 0 })
-  ] }) });
+    minWidth: b,
+    minHeight: y,
+    containerPadding: n = 96,
+    minScale: o = 1,
+    initialDelay: m = 100,
+    useAdaptiveDimensions: a = !0
+  } = D, [M, p] = S(1), f = W(!1), d = O(), l = T(), s = b ?? (a ? l.width : 794), u = y ?? (a ? l.height : 1123), r = $(() => {
+    if (!e.current || !c.current || typeof window > "u" || !d.current)
+      return;
+    const i = e.current, w = i.clientWidth - n, g = i.clientHeight - n;
+    if (w <= 0 || g <= 0 || s <= 0 || u <= 0) {
+      p(o);
+      return;
+    }
+    const A = w / s, H = g / u, R = Math.max(Math.min(A, H), o);
+    p(R);
+  }, [e, c, d, n, s, u, o]);
+  z(r, 100);
+  const {
+    observe: t,
+    disconnect: h
+  } = x(r, 50);
+  return v(() => {
+    if (typeof window > "u") return;
+    const i = setTimeout(() => {
+      r(), f.current = !0;
+    }, m);
+    return e.current && t(e.current), () => {
+      clearTimeout(i), h();
+    };
+  }, [t, h, m, r, e]), v(() => {
+    e.current && f.current && t(e.current);
+  }, [e, t]), M;
 };
 export {
-  re as PaymentSection
+  K as useAdaptiveScale
 };

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

@@ -1,24 +1,17 @@
-import { jsxs as r, jsx as e } from "@emotion/react/jsx-runtime";
-import { Button as i } from "./index86.js";
-import { Calendar as s } from "./index428.js";
-import { Popover as d, PopoverTrigger as m, PopoverContent as c } from "./index403.js";
-import { useLingui as p } from "@lingui/react";
-import { Calendar as u } from "lucide-react";
-import * as f from "react";
-function C(t) {
-  const [a, o] = f.useState(!1), {
-    i18n: n
-  } = p();
-  return /* @__PURE__ */ r(d, { open: a, onOpenChange: o, children: [
-    /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ r(i, { variant: "outline", id: "date", disabled: !!t.shouldDisableButton, className: "ttw:w-full ttw:justify-between ttw:font-normal ttw:border-border", children: [
-      t.selected ? t.selected.toLocaleDateString() : t.placeholder ?? n._("Select month"),
-      /* @__PURE__ */ e(u, {})
-    ] }) }),
-    /* @__PURE__ */ e(c, { className: "ttw:w-auto ttw:overflow-hidden ttw:p-0", align: "start", children: /* @__PURE__ */ e(s, { ...t, mode: "single", captionLayout: "dropdown", onSelect: (l) => {
-      t.onSelect(l), o(!1);
-    } }) })
-  ] });
-}
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { cn as c } from "./index102.js";
+const l = ({
+  ratio: t,
+  children: s,
+  className: a,
+  style: e,
+  ref: i,
+  ...o
+}) => /* @__PURE__ */ r("div", { ref: i, className: c("ttw:w-full", a), style: {
+  ...e,
+  aspectRatio: t.toString()
+}, ...o, children: s });
+l.displayName = "AspectRatio";
 export {
-  C as DatePicker
+  l as AspectRatio
 };