@sustaina/shared-ui 1.56.0 → 1.58.0

package/dist/index.js

@@ -33,6 +33,7 @@ var ReactDOM = require('react-dom/client');
 var core = require('@tiptap/core');
 var Suggestion = require('@tiptap/suggestion');
 var prosemirrorState = require('prosemirror-state');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
 var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
 var SeparatorPrimitive = require('@radix-ui/react-separator');
 var SwitchPrimitive = require('@radix-ui/react-switch');
@@ -103,6 +104,7 @@ var i18n__default = /*#__PURE__*/_interopDefault(i18n);
 var StarterKit__default = /*#__PURE__*/_interopDefault(StarterKit);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 var Suggestion__default = /*#__PURE__*/_interopDefault(Suggestion);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
 var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
 var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
 var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
@@ -10164,18 +10166,37 @@ function DialogAlert({
     func?.();
     onOpenChange(false);
   }, [onCancel, onConfirm, onOpenChange, showCancel, variant]);
+  const handleOpenChange = React.useCallback(
+    (state) => {
+      if (!state) {
+        onCancel?.();
+      }
+      onOpenChange(state);
+    },
+    [onCancel, onOpenChange]
+  );
   return /* @__PURE__ */ jsxRuntime.jsx(Dialog3, { open, onOpenChange: persistent ? () => {
-  } : onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent3, { className: "max-w-md", showCloseButton: !persistent, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader3, { children: [
-      title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle3, { className: titleColorVariant[variant], children: t(title) }),
-      description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription3, { children: t(description) })
-    ] }),
-    outlet && outlet,
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-2 ${alignClass}`, children: [
-      showCancel && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "cancel", onClick: handleCancel, children: t(cancelText) }),
-      confirmText && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: dialogButtonVariantMap[variant], onClick: handleConfirm, children: t(confirmText) })
-    ] })
-  ] }) });
+  } : handleOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    DialogContent3,
+    {
+      className: "max-w-md",
+      showCloseButton: !persistent,
+      onInteractOutside: (e) => {
+        e.preventDefault();
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader3, { children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle3, { className: titleColorVariant[variant], children: t(title) }),
+          description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription3, { children: t(description) })
+        ] }),
+        outlet && outlet,
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-2 ${alignClass}`, children: [
+          showCancel && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: "cancel", onClick: handleCancel, children: t(cancelText) }),
+          confirmText && /* @__PURE__ */ jsxRuntime.jsx(Button, { variant: dialogButtonVariantMap[variant], onClick: handleConfirm, children: t(confirmText) })
+        ] })
+      ]
+    }
+  ) });
 }
 
 // src/components/dialog-alert/templates/index.ts
@@ -11366,6 +11387,21 @@ __export(ui_exports, {
   DialogFooter: () => DialogFooter,
   DialogTitle: () => DialogTitle2,
   DialogTrigger: () => DialogTrigger,
+  DropdownMenu: () => DropdownMenu,
+  DropdownMenuCheckboxItem: () => DropdownMenuCheckboxItem,
+  DropdownMenuContent: () => DropdownMenuContent,
+  DropdownMenuGroup: () => DropdownMenuGroup,
+  DropdownMenuItem: () => DropdownMenuItem,
+  DropdownMenuLabel: () => DropdownMenuLabel,
+  DropdownMenuPortal: () => DropdownMenuPortal,
+  DropdownMenuRadioGroup: () => DropdownMenuRadioGroup,
+  DropdownMenuRadioItem: () => DropdownMenuRadioItem,
+  DropdownMenuSeparator: () => DropdownMenuSeparator,
+  DropdownMenuShortcut: () => DropdownMenuShortcut,
+  DropdownMenuSub: () => DropdownMenuSub,
+  DropdownMenuSubContent: () => DropdownMenuSubContent,
+  DropdownMenuSubTrigger: () => DropdownMenuSubTrigger,
+  DropdownMenuTrigger: () => DropdownMenuTrigger,
   Form: () => Form,
   FormControl: () => FormControl,
   FormDescription: () => FormDescription,
@@ -11397,7 +11433,7 @@ __export(ui_exports, {
   SelectSeparator: () => SelectSeparator,
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
-  Separator: () => Separator2,
+  Separator: () => Separator3,
   Sheet: () => Sheet,
   SheetClose: () => SheetClose,
   SheetContent: () => SheetContent,
@@ -11477,6 +11513,208 @@ var ListContainer = ({ className, isLeftExpanded, children }) => {
   );
 };
 var container_default = ListContainer;
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { "data-slot": "dropdown-menu", ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
+}
+function DropdownMenuContent({
+  className,
+  align = "start",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Content,
+    {
+      "data-slot": "dropdown-menu-content",
+      sideOffset,
+      align,
+      className: cn(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-32 rounded-lg p-1 shadow-md ring-1 duration-100 z-50 max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
+}
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { "data-slot": "dropdown-menu-group", ...props });
+}
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Item,
+    {
+      "data-slot": "dropdown-menu-item",
+      "data-inset": inset,
+      "data-variant": variant,
+      className: cn(
+        "data-highlighted:bg-[#EAF5EE] data-highlighted:text-[#379A2A] focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-3 py-2 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 group/dropdown-menu-item relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.CheckboxItem,
+    {
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      checked,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "absolute right-2 flex items-center justify-center pointer-events-none",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuRadioGroup({
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
+}
+function DropdownMenuRadioItem({
+  className,
+  children,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.RadioItem,
+    {
+      "data-slot": "dropdown-menu-radio-item",
+      "data-inset": inset,
+      className: cn(
+        "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 relative flex cursor-default items-center outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "absolute right-2 flex items-center justify-center pointer-events-none",
+            "data-slot": "dropdown-menu-radio-item-indicator",
+            children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.ItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    }
+  );
+}
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Label,
+    {
+      "data-slot": "dropdown-menu-label",
+      "data-inset": inset,
+      className: cn("text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:pl-7", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuSeparator({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.Separator,
+    {
+      "data-slot": "dropdown-menu-separator",
+      className: cn("bg-border -mx-1 my-1 h-px", className),
+      ...props
+    }
+  );
+}
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      "data-slot": "dropdown-menu-shortcut",
+      className: cn(
+        "text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+}
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuPrimitive__namespace.SubTrigger,
+    {
+      "data-slot": "dropdown-menu-sub-trigger",
+      "data-inset": inset,
+      className: cn(
+        "data-highlighted:bg-[#EAF5EE] data-highlighted:text-[#379A2A] focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground gap-1.5 rounded-md px-3 py-2 text-sm data-inset:pl-7 [&_svg:not([class*='size-'])]:size-4 flex cursor-default items-center outline-hidden select-none [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronRightIcon, { className: "cn-rtl-flip ml-auto" })
+      ]
+    }
+  );
+}
+function DropdownMenuSubContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    DropdownMenuPrimitive__namespace.SubContent,
+    {
+      "data-slot": "dropdown-menu-sub-content",
+      className: cn(
+        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 bg-popover text-popover-foreground min-w-24 rounded-lg p-1 shadow-lg ring-1 duration-100 z-50 origin-(--radix-dropdown-menu-content-transform-origin) max-h-(--radix-dropdown-menu-content-available-height) w-(--radix-dropdown-menu-trigger-width) overflow-x-hidden overflow-y-auto data-[state=closed]:overflow-hidden",
+        className
+      ),
+      ...props
+    }
+  );
+}
 var ListHeader = ({
   title,
   titleIcon,
@@ -11572,7 +11810,7 @@ function RadioLabel({
     }
   );
 }
-function Separator2({
+function Separator3({
   className,
   orientation = "horizontal",
   decorative = true,
@@ -11988,7 +12226,7 @@ function SidebarFooter({ className, ...props }) {
 }
 function SidebarSeparator({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    Separator2,
+    Separator3,
     {
       "data-slot": "sidebar-separator",
       "data-sidebar": "separator",
@@ -17215,6 +17453,111 @@ var ActionMenu = ({
     )
   ] });
 };
+var renderMenuItem = (item) => {
+  if (item.subItems && item.subItems.length > 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSub, { children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuSubTrigger, { disabled: item.disabled, children: [
+        item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
+        item.label
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSubContent, { children: item.subItems.map((subItem) => renderMenuItem(subItem)) }) })
+    ] }, item.label);
+  }
+  if (item.type === "checkbox") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      DropdownMenuCheckboxItem,
+      {
+        checked: item.checked,
+        onCheckedChange: item.onCheckedChange,
+        disabled: item.disabled,
+        children: [
+          item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
+          item.label,
+          item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: item.shortcut })
+        ]
+      },
+      item.label
+    );
+  }
+  if (item.type === "radio") {
+    return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuRadioItem, { value: item.value ?? item.label, disabled: item.disabled, children: [
+      item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
+      item.label,
+      item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: item.shortcut })
+    ] }, item.label);
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    DropdownMenuItem,
+    {
+      onClick: item.onClick,
+      disabled: item.disabled,
+      variant: item.variant,
+      children: [
+        item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mr-2 shrink-0", children: item.icon }),
+        item.label,
+        item.shortcut && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuShortcut, { children: item.shortcut })
+      ]
+    },
+    item.label
+  );
+};
+var renderGroup = (group, index, total) => {
+  const items = group.radioGroupValue !== void 0 ? /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuRadioGroup, { value: group.radioGroupValue, onValueChange: group.onRadioValueChange, children: group.menuItems.map((item) => renderMenuItem(item)) }) : group.menuItems.map((item) => renderMenuItem(item));
+  return /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.default.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenuGroup, { children: [
+      group.groupLabel && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuLabel, { children: group.groupLabel }),
+      items
+    ] }),
+    index < total - 1 && /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuSeparator, {})
+  ] }, `ddl-menu-group-${index}`);
+};
+var ActionDropdown = ({
+  trigger,
+  triggerLabel = "Manage Data",
+  triggerAsChild = false,
+  actionItems,
+  align,
+  side,
+  sideOffset,
+  className,
+  contentClassName
+}) => {
+  const defaultTrigger = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: triggerLabel }),
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 text-gray-300 shrink-0 pointer-events-none" })
+  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(DropdownMenu, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenuTrigger,
+      {
+        asChild: triggerAsChild,
+        className: cn(
+          !triggerAsChild && [
+            "border-input h-9 w-fit flex items-center justify-between gap-2",
+            "rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap",
+            "shadow-xs transition-[color,box-shadow] outline-none cursor-pointer",
+            "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+            "data-[state=open]:border-ring",
+            "disabled:cursor-not-allowed disabled:opacity-50"
+          ],
+          className
+        ),
+        children: trigger ?? defaultTrigger
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      DropdownMenuContent,
+      {
+        align,
+        side,
+        sideOffset,
+        className: contentClassName,
+        children: actionItems?.map((group, index) => renderGroup(group, index, actionItems.length))
+      }
+    )
+  ] });
+};
+var dropdownMenu_default = ActionDropdown;
 var TruncatedMouseEnterDiv = ({
   value,
   className,
@@ -17325,7 +17668,7 @@ var TabSelect = ({
             `${item}.${index}`
           ),
           /* @__PURE__ */ jsxRuntime.jsx(
-            Separator2,
+            Separator3,
             {
               hidden: index >= items.length - 1,
               orientation: "vertical",
@@ -18098,6 +18441,7 @@ exports.Accordion = Accordion;
 exports.AccordionContent = AccordionContent;
 exports.AccordionItem = AccordionItem;
 exports.AccordionTrigger = AccordionTrigger;
+exports.ActionDropdown = dropdownMenu_default;
 exports.ActionMenu = ActionMenu;
 exports.AdministrationIcon = AdministrationIcon;
 exports.AdvanceSearch = AdvanceSearch_default;
@@ -18154,6 +18498,21 @@ exports.DialogDescription = DialogDescription2;
 exports.DialogFooter = DialogFooter;
 exports.DialogTitle = DialogTitle2;
 exports.DialogTrigger = DialogTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
 exports.EllipsisBoxIcon = EllipsisBoxIcon;
 exports.ErrorCompression = ErrorCompression;
 exports.ErrorCreateCanvas = ErrorCreateCanvas;
@@ -18230,7 +18589,7 @@ exports.SelectScrollUpButton = SelectScrollUpButton;
 exports.SelectSeparator = SelectSeparator;
 exports.SelectTrigger = SelectTrigger;
 exports.SelectValue = SelectValue;
-exports.Separator = Separator2;
+exports.Separator = Separator3;
 exports.SetupIcon = SetupIcon;
 exports.Sheet = Sheet;
 exports.SheetClose = SheetClose;