@tesouro/embedded-components-react 0.2.237 → 0.2.238

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

@@ -1,172 +1,105 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { useMemo as O, Fragment as h } from "react";
-import { SquarePen as R, Trash2 as $ } from "lucide-react";
-import { Button as d, Typography as n, TooltipProvider as I, Tooltip as q, TooltipTrigger as z, TooltipContent as H, Badge as J } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
-import { AmountConditionBuilder as K } from "./index2.js";
-import { ApproverGroupsBuilder as Q } 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: B,
-  onApproverStepsChange: N,
-  onAddApproverStep: S,
-  onRemoveApproverStep: D,
-  approverErrors: T,
-  addApproverStepDisabled: G,
-  isEditing: s,
-  onEdit: M,
-  onCancel: k,
-  onSave: E,
-  onDelete: u,
-  saveDisabled: m,
-  saveDisabledReasons: w,
-  disabled: a,
-  labels: l,
-  ref: j
-}) => {
-  const r = O(
-    () => ({
-      ...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: N,
-    onAddStep: S,
-    onRemoveStep: D,
-    errors: T,
-    addStepDisabled: G,
-    disabled: a,
-    labels: r.ApproverGroupsBuilder
-  };
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      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: [
-        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: "ghost",
-              size: "icon-sm",
-              "aria-label": r.EditAriaLabel,
-              onClick: M,
-              disabled: a,
-              "data-testid": `policy-card-edit-button-${o}`,
-              children: /* @__PURE__ */ t(R, {})
-            }
-          )
-        ] }),
-        s ? /* @__PURE__ */ e("div", { className: "ttw:flex ttw:flex-col ttw:gap-4", children: [
-          /* @__PURE__ */ t(
-            K,
-            {
-              value: C,
-              onChange: A,
-              onFieldBlur: y,
-              errors: B,
-              disabled: a,
-              labels: r.AmountConditionBuilder
-            }
-          ),
-          /* @__PURE__ */ t(Q, { ...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($, {}),
-                  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(I, { 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(
-                  H,
-                  {
-                    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, L) => /* @__PURE__ */ e(h, { children: [
-            L > 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, P) => /* @__PURE__ */ e(h, { children: [
-              P > 0 ? /* @__PURE__ */ t(n, { variant: "body2", color: "muted", children: r.ApproverConnector }) : null,
-              /* @__PURE__ */ t(J, { variant: "outline", children: b.label })
-            ] }, b.id)) })
-          ] }, i.id))
-        ] })
-      ]
-    }
-  );
-};
-export {
-  tt as PolicyCard
+import { Alert as e, AlertDescription as t, Button as n, Skeleton as r, Typography as i } from "../../../../../../packages/shared-ui-shadcn/dist/index.js";
+import { APPROVER_GROUPS_BUILDER_LABELS_EN as a } from "./index13.js";
+import { ApproverPicker as o } from "./index12.js";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Plus as u, Trash2 as d } from "lucide-react";
+//#region ../../libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index14.js
+var f = ({ steps: f, options: p, onStepsChange: m, onAddStep: h, onRemoveStep: g, errors: _, addStepDisabled: v, disabled: y, isLoading: b, error: x, labels: S }) => {
+	let C = s(() => ({
+		...a,
+		...S
+	}), [S]);
+	if (b) return /* @__PURE__ */ l("div", {
+		"data-testid": "approver-groups-builder-loading",
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [/* @__PURE__ */ c("span", {
+			className: "ttw:sr-only",
+			children: C.LoadingMessage
+		}), [0, 1].map((e) => /* @__PURE__ */ l("div", {
+			className: "ttw:flex ttw:items-center ttw:gap-2",
+			children: [/* @__PURE__ */ c(r, {
+				width: 36,
+				height: 16
+			}), /* @__PURE__ */ c(r, {
+				height: 36,
+				className: "ttw:flex-1"
+			})]
+		}, e))]
+	});
+	if (x) return /* @__PURE__ */ c(e, {
+		variant: "destructive",
+		"data-testid": "approver-groups-builder-error",
+		children: /* @__PURE__ */ c(t, { children: x })
+	});
+	let w = (e, t) => {
+		m(f.map((n) => n.id === e ? {
+			...n,
+			selectedItems: t
+		} : n));
+	};
+	return /* @__PURE__ */ l("div", {
+		"data-testid": "approver-groups-builder",
+		className: "ttw:flex ttw:flex-col ttw:gap-3",
+		children: [
+			/* @__PURE__ */ c(i, {
+				"data-testid": "approver-groups-builder-description",
+				variant: "body2",
+				color: "muted",
+				className: "ttw:font-medium",
+				children: C.Description
+			}),
+			f.length === 0 ? /* @__PURE__ */ c(i, {
+				"data-testid": "approver-groups-builder-empty",
+				variant: "body2",
+				color: "muted",
+				children: C.EmptyStateMessage
+			}) : f.map((e, t) => /* @__PURE__ */ l("div", {
+				"data-testid": `approver-group-${e.id}`,
+				className: "ttw:grid ttw:grid-cols-[3rem_minmax(0,1fr)_auto] ttw:items-center ttw:gap-2",
+				children: [
+					/* @__PURE__ */ c(i, {
+						variant: "body2",
+						className: "ttw:font-medium",
+						children: t === 0 ? C.FirstGroupConnector : C.GroupConnector
+					}),
+					/* @__PURE__ */ c("div", {
+						className: "ttw:min-w-0",
+						children: /* @__PURE__ */ c(o, {
+							value: e.selectedItems,
+							options: p,
+							lockedSections: e.lockedSections,
+							lockedOptions: e.lockedOptions,
+							onChange: (t) => w(e.id, t),
+							disabled: y,
+							error: _?.steps?.[e.id],
+							labels: C,
+							testId: `approver-group-picker-${e.id}`
+						})
+					}),
+					f.length > 1 ? /* @__PURE__ */ c(n, {
+						type: "button",
+						variant: "ghost",
+						size: "icon-sm",
+						"aria-label": C.RemoveGroupAriaLabel,
+						onClick: () => g(e.id),
+						disabled: y,
+						"data-testid": `approver-group-remove-${e.id}`,
+						children: /* @__PURE__ */ c(d, {})
+					}) : null
+				]
+			}, e.id)),
+			/* @__PURE__ */ l(n, {
+				type: "button",
+				variant: "link",
+				onClick: h,
+				disabled: y || v,
+				"data-testid": "approver-groups-add-button",
+				className: "ttw:w-fit ttw:px-0",
+				children: [/* @__PURE__ */ c(u, {}), C.AddGroupButton]
+			})
+		]
+	});
 };
+//#endregion
+export { f as ApproverGroupsBuilder };

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

@@ -1,15 +1,15 @@
-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",
-  Save: "Save",
-  ApproverConnector: "or",
-  GroupConnector: "And",
-  AmountConditionBuilder: e,
-  ApproverGroupsBuilder: o
-};
-export {
-  l as PolicyCardDefaultLabels
+import { AmountConditionBuilderDefaultLabels as e } from "./index2.js";
+import { APPROVER_GROUPS_BUILDER_LABELS_EN as t } from "./index13.js";
+//#region ../../libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index15.js
+var n = {
+	EditAriaLabel: "Edit rule",
+	Delete: "Delete",
+	Cancel: "Cancel",
+	Save: "Save",
+	ApproverConnector: "or",
+	GroupConnector: "And",
+	AmountConditionBuilder: e,
+	ApproverGroupsBuilder: t
 };
+//#endregion
+export { n as PolicyCardDefaultLabels };

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

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

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

@@ -1,9 +1,9 @@
-const e = {
-  Title: "Delete this rule?",
-  Description: "You can't undo this action.",
-  Cancel: "Cancel",
-  Delete: "Delete"
-};
-export {
-  e as DeleteRuleDialogDefaultLabels
+//#region ../../libs/tesouro-embedded-components-react/shared/approval-policy/ui/dist/index17.js
+var e = {
+	Title: "Delete this rule?",
+	Description: "You can't undo this action.",
+	Cancel: "Cancel",
+	Delete: "Delete"
 };
+//#endregion
+export { e as DeleteRuleDialogDefaultLabels };