@astral/ui 1.31.0 → 1.32.0

package/ActionCell/ActionCell.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { TooltipProps } from '../Tooltip';
 export declare type NestedAction<T> = {
     /**
      * Обработчик действия
@@ -65,5 +66,9 @@ export declare type ActionsCellProps<T> = {
      * Данные строки из DataGrid
      */
     row: T;
+    /**
+     * Позиция тултипа
+     */
+    tooltipPlacement?: TooltipProps['placement'];
 };
-export declare function ActionCell<T>({ actions: { main, secondary }, row, }: ActionsCellProps<T>): JSX.Element;
+export declare function ActionCell<T>({ actions: { main, secondary }, row, tooltipPlacement, }: ActionsCellProps<T>): JSX.Element;

package/ActionCell/ActionCell.js

@@ -9,17 +9,17 @@ const IconDropdownButton_1 = require("../IconDropdownButton");
 const MenuItem_1 = require("../MenuItem");
 const Tooltip_1 = require("../Tooltip");
 const styles_1 = require("./styles");
-function ActionCell({ actions: { main = [], secondary = [] }, row, }) {
+function ActionCell({ actions: { main = [], secondary = [] }, row, tooltipPlacement, }) {
     const handleActionClick = (onClick) => () => {
         onClick(row);
     };
     const renderMainAction = (0, react_1.useCallback)((action) => {
         if (action.nested) {
             const { name, actions, icon } = action;
-            return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: name }, { children: (0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, Object.assign({ icon: icon, variant: "text" }, { children: actions.map(({ name: nestedActionName, onClick }) => ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, { children: nestedActionName }), nestedActionName))) })) }), name));
+            return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: name, placement: tooltipPlacement }, { children: (0, jsx_runtime_1.jsx)(IconDropdownButton_1.IconDropdownButton, Object.assign({ icon: icon, variant: "text" }, { children: actions.map(({ name: nestedActionName, onClick }) => ((0, jsx_runtime_1.jsx)(MenuItem_1.MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, { children: nestedActionName }), nestedActionName))) })) }), name));
         }
         const { onClick, name, icon } = action;
-        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: name }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "text", onClick: handleActionClick(onClick) }, { children: icon })) }), name));
+        return ((0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, Object.assign({ title: name, placement: tooltipPlacement }, { children: (0, jsx_runtime_1.jsx)(IconButton_1.IconButton, Object.assign({ variant: "text", onClick: handleActionClick(onClick) }, { children: icon })) }), name));
     }, [handleActionClick]);
     const renderSecondaryActions = (0, react_1.useMemo)(() => {
         if (!Boolean(secondary.length)) {

package/esm/ActionCell/ActionCell.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+import { TooltipProps } from '../Tooltip';
 export declare type NestedAction<T> = {
     /**
      * Обработчик действия
@@ -65,5 +66,9 @@ export declare type ActionsCellProps<T> = {
      * Данные строки из DataGrid
      */
     row: T;
+    /**
+     * Позиция тултипа
+     */
+    tooltipPlacement?: TooltipProps['placement'];
 };
-export declare function ActionCell<T>({ actions: { main, secondary }, row, }: ActionsCellProps<T>): JSX.Element;
+export declare function ActionCell<T>({ actions: { main, secondary }, row, tooltipPlacement, }: ActionsCellProps<T>): JSX.Element;

package/esm/ActionCell/ActionCell.js

@@ -6,17 +6,17 @@ import { IconDropdownButton } from '../IconDropdownButton';
 import { MenuItem } from '../MenuItem';
 import { Tooltip } from '../Tooltip';
 import { ActionCellWrapper } from './styles';
-export function ActionCell({ actions: { main = [], secondary = [] }, row, }) {
+export function ActionCell({ actions: { main = [], secondary = [] }, row, tooltipPlacement, }) {
     const handleActionClick = (onClick) => () => {
         onClick(row);
     };
     const renderMainAction = useCallback((action) => {
         if (action.nested) {
             const { name, actions, icon } = action;
-            return (_jsx(Tooltip, Object.assign({ title: name }, { children: _jsx(IconDropdownButton, Object.assign({ icon: icon, variant: "text" }, { children: actions.map(({ name: nestedActionName, onClick }) => (_jsx(MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, { children: nestedActionName }), nestedActionName))) })) }), name));
+            return (_jsx(Tooltip, Object.assign({ title: name, placement: tooltipPlacement }, { children: _jsx(IconDropdownButton, Object.assign({ icon: icon, variant: "text" }, { children: actions.map(({ name: nestedActionName, onClick }) => (_jsx(MenuItem, Object.assign({ onClick: handleActionClick(onClick) }, { children: nestedActionName }), nestedActionName))) })) }), name));
         }
         const { onClick, name, icon } = action;
-        return (_jsx(Tooltip, Object.assign({ title: name }, { children: _jsx(IconButton, Object.assign({ variant: "text", onClick: handleActionClick(onClick) }, { children: icon })) }), name));
+        return (_jsx(Tooltip, Object.assign({ title: name, placement: tooltipPlacement }, { children: _jsx(IconButton, Object.assign({ variant: "text", onClick: handleActionClick(onClick) }, { children: icon })) }), name));
     }, [handleActionClick]);
     const renderSecondaryActions = useMemo(() => {
         if (!Boolean(secondary.length)) {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@astral/ui",
-  "version": "1.31.0",
+  "version": "1.32.0",
   "browser": "./esm/index.js",
   "main": "./index.js",
   "dependencies": {
-    "@astral/icons": "^1.31.0",
+    "@astral/icons": "^1.32.0",
     "@emotion/cache": "11.7.1",
     "@emotion/react": "11.9.0",
     "@emotion/server": "11.4.0",