@tesouro/embedded-components-react 0.2.175 → 0.2.177

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index14.js

@@ -1,65 +1,172 @@
-import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { useMemo as m } from "react";
-import { Trash2 as s } from "lucide-react";
-import { AlertDialog as u, AlertDialogContent as D, AlertDialogHeader as g, AlertDialogTitle as w, AlertDialogDescription as f, AlertDialogFooter as h, Button as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { DeleteRuleDialogDefaultLabels as p } from "./index15.js";
-const j = ({
-  open: r,
-  onOpenChange: o,
-  onConfirm: c,
-  onCancel: d,
-  isDeleting: a,
-  labels: i
+import { jsx as t, jsxs as e } from "react/jsx-runtime";
+import { useMemo as I, Fragment as h } from "react";
+import { SquarePen as M, Trash2 as O } from "lucide-react";
+import { Button as d, Typography as n, TooltipProvider as $, Tooltip as q, TooltipTrigger as z, TooltipContent as U, Badge as H } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { AmountConditionBuilder as J } from "./index2.js";
+import { ApproverGroupsBuilder as K } from "./index12.js";
+import { PolicyCardDefaultLabels as p } from "./index15.js";
+const tt = ({
+  id: o,
+  title: f,
+  sentence: x,
+  approverSteps: c,
+  approverOptions: g,
+  amountCondition: C,
+  onAmountConditionChange: A,
+  onAmountFieldBlur: y,
+  amountConditionErrors: S,
+  onApproverStepsChange: B,
+  onAddApproverStep: N,
+  onRemoveApproverStep: D,
+  approverErrors: T,
+  addApproverStepDisabled: G,
+  isEditing: s,
+  onEdit: P,
+  onCancel: k,
+  onSave: E,
+  onDelete: u,
+  saveDisabled: m,
+  saveDisabledReasons: w,
+  disabled: a,
+  labels: l,
+  ref: j
 }) => {
-  const t = m(
-    () => ({ ...p, ...i }),
-    [i]
-  );
-  return /* @__PURE__ */ e(u, { open: r, onOpenChange: o, children: /* @__PURE__ */ l(
-    D,
+  const r = I(
+    () => ({
+      ...p,
+      ...l,
+      AmountConditionBuilder: {
+        ...p.AmountConditionBuilder,
+        ...l?.AmountConditionBuilder
+      },
+      ApproverGroupsBuilder: {
+        ...p.ApproverGroupsBuilder,
+        ...l?.ApproverGroupsBuilder
+      }
+    }),
+    [l]
+  ), v = /* @__PURE__ */ t(
+    d,
+    {
+      type: "button",
+      onClick: E,
+      disabled: a || m,
+      "data-testid": `policy-card-save-button-${o}`,
+      children: r.Save
+    }
+  ), F = {
+    steps: c,
+    options: g,
+    onStepsChange: B,
+    onAddStep: N,
+    onRemoveStep: D,
+    errors: T,
+    addStepDisabled: G,
+    disabled: a,
+    labels: r.ApproverGroupsBuilder
+  };
+  return /* @__PURE__ */ e(
+    "div",
     {
-      "data-testid": "delete-rule-dialog",
-      className: "ttw:sm:max-w-sm",
+      ref: j,
+      "data-testid": `policy-card-${o}`,
+      className: `ttw:flex ttw:w-full ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:bg-card ttw:p-6 ${s ? "ttw:border-primary" : "ttw:border-border"}`,
       children: [
-        /* @__PURE__ */ l(g, { className: "ttw:items-center ttw:text-center", children: [
-          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive", children: /* @__PURE__ */ e(s, { className: "ttw:size-4 ttw:text-white", "aria-hidden": "true" }) }),
-          /* @__PURE__ */ e(w, { children: t.Title }),
-          /* @__PURE__ */ e(f, { children: t.Description })
-        ] }),
-        /* @__PURE__ */ l(h, { className: "ttw:sm:justify-center", children: [
-          /* @__PURE__ */ e(
-            n,
+        s ? null : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:justify-between ttw:gap-4", children: [
+          /* @__PURE__ */ t(n, { variant: "body1", children: f }),
+          /* @__PURE__ */ t(
+            d,
             {
               type: "button",
-              variant: "outline",
-              onClick: d,
+              variant: "ghost",
+              size: "icon-sm",
+              "aria-label": r.EditAriaLabel,
+              onClick: P,
               disabled: a,
-              className: "ttw:flex-1",
-              "data-testid": "delete-rule-dialog-cancel-button",
-              children: t.Cancel
+              "data-testid": `policy-card-edit-button-${o}`,
+              children: /* @__PURE__ */ t(M, {})
             }
-          ),
-          /* @__PURE__ */ l(
-            n,
+          )
+        ] }),
+        s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
+          /* @__PURE__ */ t(
+            J,
             {
-              type: "button",
-              variant: "destructive",
-              onClick: c,
+              value: C,
+              onChange: A,
+              onFieldBlur: y,
+              errors: S,
               disabled: a,
-              loading: a,
-              className: "ttw:flex-1",
-              "data-testid": "delete-rule-dialog-confirm-button",
-              children: [
-                /* @__PURE__ */ e(s, {}),
-                t.Delete
-              ]
+              labels: r.AmountConditionBuilder
             }
-          )
+          ),
+          /* @__PURE__ */ t(K, { ...F }),
+          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-4 ttw:pt-2", children: [
+            u ? /* @__PURE__ */ e(
+              d,
+              {
+                type: "button",
+                variant: "ghost",
+                onClick: u,
+                disabled: a,
+                className: "ttw:w-fit ttw:px-0 ttw:text-destructive ttw:hover:text-destructive",
+                "data-testid": `policy-card-delete-button-${o}`,
+                children: [
+                  /* @__PURE__ */ t(O, {}),
+                  r.Delete
+                ]
+              }
+            ) : null,
+            /* @__PURE__ */ e("div", { className: "ttw:ml-auto ttw:flex ttw:items-center ttw:gap-2", children: [
+              /* @__PURE__ */ t(
+                d,
+                {
+                  type: "button",
+                  variant: "outline",
+                  onClick: k,
+                  disabled: a,
+                  "data-testid": `policy-card-cancel-button-${o}`,
+                  children: r.Cancel
+                }
+              ),
+              m && w?.length ? /* @__PURE__ */ t($, { children: /* @__PURE__ */ e(q, { children: [
+                /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ t(
+                  "span",
+                  {
+                    tabIndex: 0,
+                    className: "ttw:inline-flex ttw:cursor-not-allowed ttw:rounded-md",
+                    "data-testid": `policy-card-save-blocked-${o}`,
+                    children: v
+                  }
+                ) }),
+                /* @__PURE__ */ t(
+                  U,
+                  {
+                    side: "top",
+                    className: "ttw:flex ttw:flex-col ttw:gap-1",
+                    children: w.map((i) => /* @__PURE__ */ t("span", { children: i }, i))
+                  }
+                )
+              ] }) }) : v
+            ] })
+          ] })
+        ] }) : /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-2.5", children: [
+          /* @__PURE__ */ t(n, { variant: "body2", color: "muted", className: "ttw:font-medium", children: x }),
+          c.map((i, R) => /* @__PURE__ */ e(h, { children: [
+            R > 0 ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:items-center ttw:gap-2.5 ttw:pl-1", children: [
+              /* @__PURE__ */ t(n, { variant: "caption", color: "muted", children: r.GroupConnector }),
+              /* @__PURE__ */ t("div", { className: "ttw:h-px ttw:flex-1 ttw:bg-border" })
+            ] }) : null,
+            /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-wrap ttw:items-center ttw:gap-1.5", children: i.selectedItems.map((b, L) => /* @__PURE__ */ e(h, { children: [
+              L > 0 ? /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: r.ApproverConnector }) : null,
+              /* @__PURE__ */ t(H, { variant: "outline", children: b.label })
+            ] }, b.id)) })
+          ] }, i.id))
         ] })
       ]
     }
-  ) });
+  );
 };
 export {
-  j as DeleteRuleDialog
+  tt as PolicyCard
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index15.js

@@ -1,9 +1,15 @@
-const e = {
-  Title: "Delete this rule?",
-  Description: "You can't undo this action.",
+import { AmountConditionBuilderDefaultLabels as e } from "./index3.js";
+import { APPROVER_GROUPS_BUILDER_LABELS_EN as o } from "./index13.js";
+const l = {
+  EditAriaLabel: "Edit rule",
+  Delete: "Delete",
   Cancel: "Cancel",
-  Delete: "Delete"
+  Save: "Save",
+  ApproverConnector: "or",
+  GroupConnector: "And",
+  AmountConditionBuilder: e,
+  ApproverGroupsBuilder: o
 };
 export {
-  e as DeleteRuleDialogDefaultLabels
+  l as PolicyCardDefaultLabels
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index16.js

@@ -1,99 +1,65 @@
-import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import { useMemo as b } from "react";
-import { Skeleton as r } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { GapCoverageAlert as u } from "./index6.js";
-import { NoPolicyBanner as v } from "./index4.js";
-import { PolicyCard as N } from "./index12.js";
-import { ApprovalPoliciesListDefaultLabels as n } from "./index17.js";
-const B = ({
-  items: o,
-  editingId: d,
-  onAddRule: m,
-  gaps: w,
-  onSelectGap: f,
-  isLoading: g,
-  disabled: s,
-  labels: e
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useMemo as m } from "react";
+import { Trash2 as s } from "lucide-react";
+import { AlertDialog as u, AlertDialogContent as D, AlertDialogHeader as g, AlertDialogTitle as w, AlertDialogDescription as f, AlertDialogFooter as h, Button as n } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { DeleteRuleDialogDefaultLabels as p } from "./index17.js";
+const j = ({
+  open: r,
+  onOpenChange: o,
+  onConfirm: c,
+  onCancel: d,
+  isDeleting: a,
+  labels: i
 }) => {
-  const c = b(
-    () => ({
-      ...n,
-      ...e,
-      GapCoverageAlert: {
-        ...n.GapCoverageAlert,
-        ...e?.GapCoverageAlert
-      },
-      NoPolicyBanner: {
-        ...n.NoPolicyBanner,
-        ...e?.NoPolicyBanner
-      }
-    }),
-    [e]
+  const t = m(
+    () => ({ ...p, ...i }),
+    [i]
   );
-  if (g && o.length === 0)
-    return /* @__PURE__ */ t(
-      "div",
-      {
-        "data-testid": "approval-policies-loading",
-        className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-4",
-        children: Array.from({ length: 2 }).map((l, a) => /* @__PURE__ */ i(
-          "div",
-          {
-            className: "ttw:flex ttw:flex-col ttw:gap-4 ttw:rounded-xl ttw:border ttw:border-border ttw:bg-card ttw:p-6",
-            children: [
-              /* @__PURE__ */ i("div", { className: "ttw:flex ttw:items-center ttw:justify-between", children: [
-                /* @__PURE__ */ t(r, { className: "ttw:h-5 ttw:w-64" }),
-                /* @__PURE__ */ t(r, { className: "ttw:h-8 ttw:w-8" })
-              ] }),
-              /* @__PURE__ */ t(r, { className: "ttw:h-4 ttw:w-80" }),
-              /* @__PURE__ */ t(r, { className: "ttw:h-6 ttw:w-32" })
-            ]
-          },
-          a
-        ))
-      }
-    );
-  if (o.length === 0)
-    return /* @__PURE__ */ t(
-      v,
-      {
-        onCreateRule: m,
-        disabled: s,
-        labels: c.NoPolicyBanner
-      }
-    );
-  const p = d !== null;
-  return /* @__PURE__ */ i(
-    "div",
+  return /* @__PURE__ */ e(u, { open: r, onOpenChange: o, children: /* @__PURE__ */ l(
+    D,
     {
-      "data-testid": "approval-policies-list",
-      className: "ttw:flex ttw:w-full ttw:flex-col ttw:gap-4",
+      "data-testid": "delete-rule-dialog",
+      className: "ttw:sm:max-w-sm",
       children: [
-        /* @__PURE__ */ t("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: o.map((l) => {
-          const a = l.id === d;
-          return /* @__PURE__ */ t(
-            N,
+        /* @__PURE__ */ l(g, { className: "ttw:items-center ttw:text-center", children: [
+          /* @__PURE__ */ e("div", { className: "ttw:flex ttw:size-11 ttw:items-center ttw:justify-center ttw:rounded-full ttw:bg-destructive", children: /* @__PURE__ */ e(s, { className: "ttw:size-4 ttw:text-white", "aria-hidden": "true" }) }),
+          /* @__PURE__ */ e(w, { children: t.Title }),
+          /* @__PURE__ */ e(f, { children: t.Description })
+        ] }),
+        /* @__PURE__ */ l(h, { className: "ttw:sm:justify-center", children: [
+          /* @__PURE__ */ e(
+            n,
             {
-              ...l,
-              isEditing: a,
-              disabled: s || p && !a
-            },
-            l.id
-          );
-        }) }),
-        w.length > 0 ? /* @__PURE__ */ t(
-          u,
-          {
-            gaps: w,
-            onSelectGap: f,
-            disabled: s || p,
-            labels: c.GapCoverageAlert
-          }
-        ) : null
+              type: "button",
+              variant: "outline",
+              onClick: d,
+              disabled: a,
+              className: "ttw:flex-1",
+              "data-testid": "delete-rule-dialog-cancel-button",
+              children: t.Cancel
+            }
+          ),
+          /* @__PURE__ */ l(
+            n,
+            {
+              type: "button",
+              variant: "destructive",
+              onClick: c,
+              disabled: a,
+              loading: a,
+              className: "ttw:flex-1",
+              "data-testid": "delete-rule-dialog-confirm-button",
+              children: [
+                /* @__PURE__ */ e(s, {}),
+                t.Delete
+              ]
+            }
+          )
+        ] })
       ]
     }
-  );
+  ) });
 };
 export {
-  B as ApprovalPoliciesList
+  j as DeleteRuleDialog
 };

package/dist/libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index17.js

@@ -1,9 +1,9 @@
-import { GapCoverageAlertDefaultLabels as e } from "./index7.js";
-import { NoPolicyBannerDefaultLabels as a } from "./index5.js";
-const l = {
-  GapCoverageAlert: e,
-  NoPolicyBanner: a
+const e = {
+  Title: "Delete this rule?",
+  Description: "You can't undo this action.",
+  Cancel: "Cancel",
+  Delete: "Delete"
 };
 export {
-  l as ApprovalPoliciesListDefaultLabels
+  e as DeleteRuleDialogDefaultLabels
 };