@dreamtree-org/twreact-ui 1.0.92 → 1.0.93

package/dist/index.esm.js

@@ -3962,102 +3962,6 @@ function useClickOutside(refs, isActive, onClickOutside) {
   }, [refs, isActive, onClickOutside]);
 }
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-
-/**
- * Action menu dropdown component for table row actions
- * Uses fixed positioning with smart placement above/below anchor
- */
-var ActionMenu = /*#__PURE__*/memo(function ActionMenu(_ref) {
-  var _ref$actions = _ref.actions,
-    actions = _ref$actions === void 0 ? [] : _ref$actions,
-    row = _ref.row,
-    onAction = _ref.onAction,
-    menuRef = _ref.menuRef,
-    anchorEl = _ref.anchorEl,
-    onClose = _ref.onClose;
-  var _useState = useState({
-      top: 0,
-      left: 0,
-      visibility: "hidden"
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    pos = _useState2[0],
-    setPos = _useState2[1];
-  useLayoutEffect(function () {
-    if (!anchorEl || !(menuRef !== null && menuRef !== void 0 && menuRef.current) || typeof window === "undefined") {
-      setPos(function (p) {
-        return _objectSpread$a(_objectSpread$a({}, p), {}, {
-          visibility: "hidden"
-        });
-      });
-      return;
-    }
-    var menu = menuRef.current;
-    var rect = anchorEl.getBoundingClientRect();
-    var menuWidth = menu.offsetWidth || 176;
-    var menuHeight = menu.offsetHeight || menu.scrollHeight || 200;
-    var viewportWidth = window.innerWidth;
-    var viewportHeight = window.innerHeight;
-    var scrollX = window.scrollX || window.pageXOffset || 0;
-    var scrollY = window.scrollY || window.pageYOffset || 0;
-    var preferBelowTop = rect.bottom + scrollY + 6;
-    var preferAboveTop = rect.top + scrollY - menuHeight - 6;
-
-    // Calculate horizontal position
-    var left = rect.right + scrollX - menuWidth;
-    if (left < 8) left = 8;
-    if (left + menuWidth > viewportWidth - 8) {
-      left = Math.max(8, viewportWidth - menuWidth - 8);
-    }
-
-    // Calculate vertical position
-    var top;
-    if (preferBelowTop + menuHeight <= scrollY + viewportHeight - 8) {
-      top = preferBelowTop;
-    } else if (preferAboveTop >= scrollY + 8) {
-      top = preferAboveTop;
-    } else {
-      top = Math.max(scrollY + 8, Math.min(preferBelowTop, scrollY + viewportHeight - menuHeight - 8));
-    }
-    setPos({
-      top: top,
-      left: left,
-      visibility: "visible"
-    });
-  }, [anchorEl, menuRef, actions, row]);
-  return /*#__PURE__*/React__default.createElement("div", {
-    ref: menuRef,
-    className: "absolute right-0 z-50 bg-white rounded-lg shadow-lg ring-1 ring-black ring-opacity-5",
-    style: {
-      visibility: pos.visibility,
-      minWidth: 176
-    },
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "p-1"
-  }, actions.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
-    className: "px-3 py-2 text-sm text-gray-500"
-  }, "No actions") : actions.map(function (action) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      key: action.name,
-      className: "px-1"
-    }, /*#__PURE__*/React__default.createElement("button", {
-      className: "w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center gap-2 rounded-md",
-      onClick: function onClick(e) {
-        e.stopPropagation();
-        onAction === null || onAction === void 0 || onAction(action, row);
-        onClose === null || onClose === void 0 || onClose();
-      }
-    }, action.render ? action.render(row) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, action.icon && /*#__PURE__*/React__default.createElement("span", {
-      className: "inline-flex"
-    }, action.icon), /*#__PURE__*/React__default.createElement("span", null, action.label))));
-  })));
-});
-
 /**
  * Pagination controls component for the table
  * Supports both header (icon-only) and footer (with page numbers) variants
@@ -4281,6 +4185,102 @@ function MobileFilters(_ref) {
   })));
 }
 
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty$4(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+/**
+ * Action menu dropdown component for table row actions
+ * Uses fixed positioning with smart placement above/below anchor
+ */
+var ActionMenu = /*#__PURE__*/memo(function ActionMenu(_ref) {
+  var _ref$actions = _ref.actions,
+    actions = _ref$actions === void 0 ? [] : _ref$actions,
+    row = _ref.row,
+    onAction = _ref.onAction,
+    menuRef = _ref.menuRef,
+    anchorEl = _ref.anchorEl,
+    onClose = _ref.onClose;
+  var _useState = useState({
+      top: 0,
+      left: 0,
+      visibility: "hidden"
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    pos = _useState2[0],
+    setPos = _useState2[1];
+  useLayoutEffect(function () {
+    if (!anchorEl || !(menuRef !== null && menuRef !== void 0 && menuRef.current) || typeof window === "undefined") {
+      setPos(function (p) {
+        return _objectSpread$a(_objectSpread$a({}, p), {}, {
+          visibility: "hidden"
+        });
+      });
+      return;
+    }
+    var menu = menuRef.current;
+    var rect = anchorEl.getBoundingClientRect();
+    var menuWidth = menu.offsetWidth || 176;
+    var menuHeight = menu.offsetHeight || menu.scrollHeight || 200;
+    var viewportWidth = window.innerWidth;
+    var viewportHeight = window.innerHeight;
+    var scrollX = window.scrollX || window.pageXOffset || 0;
+    var scrollY = window.scrollY || window.pageYOffset || 0;
+    var preferBelowTop = rect.bottom + scrollY + 6;
+    var preferAboveTop = rect.top + scrollY - menuHeight - 6;
+
+    // Calculate horizontal position
+    var left = rect.right + scrollX - menuWidth;
+    if (left < 8) left = 8;
+    if (left + menuWidth > viewportWidth - 8) {
+      left = Math.max(8, viewportWidth - menuWidth - 8);
+    }
+
+    // Calculate vertical position
+    var top;
+    if (preferBelowTop + menuHeight <= scrollY + viewportHeight - 8) {
+      top = preferBelowTop;
+    } else if (preferAboveTop >= scrollY + 8) {
+      top = preferAboveTop;
+    } else {
+      top = Math.max(scrollY + 8, Math.min(preferBelowTop, scrollY + viewportHeight - menuHeight - 8));
+    }
+    setPos({
+      top: top,
+      left: left,
+      visibility: "visible"
+    });
+  }, [anchorEl, menuRef, actions, row]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: menuRef,
+    className: "absolute right-0 z-50 bg-white rounded-lg shadow-lg ring-1 ring-black ring-opacity-5",
+    style: {
+      visibility: pos.visibility,
+      minWidth: 176
+    },
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "p-1"
+  }, actions.length === 0 ? /*#__PURE__*/React__default.createElement("div", {
+    className: "px-3 py-2 text-sm text-gray-500"
+  }, "No actions") : actions.map(function (action) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      key: action.name,
+      className: "px-1"
+    }, /*#__PURE__*/React__default.createElement("button", {
+      className: "w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center gap-2 rounded-md",
+      onClick: function onClick(e) {
+        e.stopPropagation();
+        onAction === null || onAction === void 0 || onAction(action, row);
+        onClose === null || onClose === void 0 || onClose();
+      }
+    }, action.render ? action.render(row) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, action.icon && /*#__PURE__*/React__default.createElement("span", {
+      className: "inline-flex"
+    }, action.icon), /*#__PURE__*/React__default.createElement("span", null, action.label))));
+  })));
+});
+
 /**
  * Desktop table row component
  */
@@ -26310,4 +26310,3 @@ var StoreProvider = function StoreProvider(_ref) {
 };
 
 export { Accordion, Alert, Avatar, Badge, Breadcrumbs, Button, Card, Checkbox, ColorPicker, DatePicker, DateRangePicker, Dialog, EmitterClass as Emitter, FileUpload, FootNav, Form, Helpers, Input, Loader, LocationPicker, Navbar, Pagination, PriceRangePicker, ProgressBar, Radio, Rate, RoundedTag, Select, Sidebar, Skeleton, Stepper, StoreProvider, Switch, Table, Tabs, ThemeProvider, ThreeDotPopoverSimple as ThreeDotPopover, Toast, ToastContainer, Tooltip, cn$1 as cn, useApi, useMixins, useTheme, useToast };
-//# sourceMappingURL=index.esm.js.map