@dreamtree-org/twreact-ui 1.0.92 → 1.0.94

package/dist/index.esm.js

@@ -1,4 +1,4 @@
-import * as React$1 from 'react';
+import * as React from 'react';
 import React__default, { forwardRef, createElement, useId, useRef, useState, useEffect, useImperativeHandle, useMemo, memo, useLayoutEffect, useCallback, createContext, useContext, cloneElement, PureComponent } from 'react';
 import ReactDOM, { createPortal } from 'react-dom';
 
@@ -3907,7 +3907,7 @@ var DEFAULT_ACTIONS = [{
   onClick: function onClick() {
     return console.log("Edit action clicked");
   },
-  icon: /*#__PURE__*/React.createElement(PenSquare, {
+  icon: /*#__PURE__*/React__default.createElement(PenSquare, {
     size: 16
   })
 }, {
@@ -3916,7 +3916,7 @@ var DEFAULT_ACTIONS = [{
   onClick: function onClick() {
     return console.log("Delete action clicked");
   },
-  icon: /*#__PURE__*/React.createElement(Trash, {
+  icon: /*#__PURE__*/React__default.createElement(Trash, {
     size: 16
   })
 }, {
@@ -3925,7 +3925,7 @@ var DEFAULT_ACTIONS = [{
   onClick: function onClick() {
     return console.log("View action clicked");
   },
-  icon: /*#__PURE__*/React.createElement(Eye, {
+  icon: /*#__PURE__*/React__default.createElement(Eye, {
     size: 16
   })
 }];
@@ -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
  */
@@ -17758,7 +17758,7 @@ var canUseDOM = () => !!(typeof window !== "undefined" && typeof window.document
 var isDOM = /* @__PURE__ */ canUseDOM();
 var isRunningInReactNative = () => typeof navigator !== "undefined" && navigator.product === "ReactNative";
 var isReactNative = /* @__PURE__ */ isRunningInReactNative();
-var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React$1.useLayoutEffect : React$1.useEffect;
+var getUseIsomorphicLayoutEffect = () => isDOM || isReactNative ? React.useLayoutEffect : React.useEffect;
 var useIsomorphicLayoutEffect = /* @__PURE__ */ getUseIsomorphicLayoutEffect();
 
 // src/components/Context.ts
@@ -17768,17 +17768,17 @@ var gT = typeof globalThis !== "undefined" ? globalThis : (
   {}
 );
 function getContext() {
-  if (!React$1.createContext) return {};
+  if (!React.createContext) return {};
   const contextMap = gT[ContextKey] ??= /* @__PURE__ */ new Map();
-  let realContext = contextMap.get(React$1.createContext);
+  let realContext = contextMap.get(React.createContext);
   if (!realContext) {
-    realContext = React$1.createContext(
+    realContext = React.createContext(
       null
     );
     if (process.env.NODE_ENV !== "production") {
       realContext.displayName = "ReactRedux";
     }
-    contextMap.set(React$1.createContext, realContext);
+    contextMap.set(React.createContext, realContext);
   }
   return realContext;
 }
@@ -17787,7 +17787,7 @@ var ReactReduxContext = /* @__PURE__ */ getContext();
 // src/components/Provider.tsx
 function Provider(providerProps) {
   const { children, context, serverState, store } = providerProps;
-  const contextValue = React$1.useMemo(() => {
+  const contextValue = React.useMemo(() => {
     const subscription = createSubscription(store);
     const baseContextValue = {
       store,
@@ -17804,7 +17804,7 @@ function Provider(providerProps) {
       });
     }
   }, [store, serverState]);
-  const previousState = React$1.useMemo(() => store.getState(), [store]);
+  const previousState = React.useMemo(() => store.getState(), [store]);
   useIsomorphicLayoutEffect(() => {
     const { subscription } = contextValue;
     subscription.onStateChange = subscription.notifyNestedSubs;
@@ -17818,14 +17818,14 @@ function Provider(providerProps) {
     };
   }, [contextValue, previousState]);
   const Context = context || ReactReduxContext;
-  return /* @__PURE__ */ React$1.createElement(Context.Provider, { value: contextValue }, children);
+  return /* @__PURE__ */ React.createElement(Context.Provider, { value: contextValue }, children);
 }
 var Provider_default = Provider;
 
 // src/hooks/useReduxContext.ts
 function createReduxContextHook(context = ReactReduxContext) {
   return function useReduxContext2() {
-    const contextValue = React$1.useContext(context);
+    const contextValue = React.useContext(context);
     if (process.env.NODE_ENV !== "production" && !contextValue) {
       throw new Error(
         "could not find react-redux context value; please ensure the component is wrapped in a <Provider>"
@@ -17886,8 +17886,8 @@ function createSelectorHook(context = ReactReduxContext) {
     }
     const reduxContext = useReduxContext2();
     const { store, subscription, getServerState } = reduxContext;
-    const firstRun = React$1.useRef(true);
-    const wrappedSelector = React$1.useCallback(
+    const firstRun = React.useRef(true);
+    const wrappedSelector = React.useCallback(
       {
         [selector.name](state) {
           const selected = selector(state);
@@ -17950,7 +17950,7 @@ function createSelectorHook(context = ReactReduxContext) {
       wrappedSelector,
       equalityFn
     );
-    React$1.useDebugValue(selectedState);
+    React.useDebugValue(selectedState);
     return selectedState;
   };
   Object.assign(useSelector2, {
@@ -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