@astral/ui 4.88.0 → 4.89.0

package/components/GuidTypography/useLogic/useLogic.js

@@ -0,0 +1,18 @@
+import { useHidePersonalData } from '../../personalDataSecurity';
+export const useLogic = ({ className, isHidePersonalData, tooltipProps, canCopy, copyParams, ...restProps }) => {
+    const hidePersonalDataClassname = useHidePersonalData({
+        isEnabled: isHidePersonalData,
+    });
+    const guidText = typeof restProps.children === 'string' ? restProps.children : undefined;
+    const resolvedCopyText = copyParams?.copyText ?? guidText;
+    return {
+        className,
+        isHidePersonalData,
+        tooltipProps,
+        canCopy,
+        copyParams,
+        restProps,
+        resolvedCopyText,
+        hidePersonalDataClassname,
+    };
+};

package/components/JsonViewer/NodeValue/styles.d.ts

@@ -1050,6 +1050,8 @@ export declare const GuidValue: import("../../styled").StyledComponent<import(".
     children?: import("react").ReactNode;
 } & {
     isHidePersonalData?: boolean | undefined;
+    canCopy?: boolean | undefined;
+    copyParams?: import("../../CopyTypography").CopyTypographyProps | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & {

package/components/PageHeader/HeaderContent/styles.js

@@ -1,4 +1,5 @@
 import { styled } from '../../styled';
+import { tabsClassnames } from '../../Tabs';
 export const BreadcrumbsWrapper = styled.div `
   grid-column: 2;
   grid-row: 1;
@@ -13,10 +14,14 @@ export const TabsWrapper = styled.div `
   grid-column: 1 / -1;
   grid-row: 4;
 
-  padding-top:  ${({ theme }) => theme.spacing(3)};
+  padding-top:  ${({ theme }) => theme.spacing(4)};
 
   ${({ theme }) => theme.breakpoints.down('sm')} {
-    padding: ${({ theme }) => theme.spacing(0, 3, 3, 3)};
+    padding: ${({ theme }) => theme.spacing(0, 0, 4, 0)};
+
+    .${tabsClassnames.root} {
+      margin: ${({ theme }) => theme.spacing(0, 4)};
+    }
   }
 `;
 export const PageSubheader = styled.div `

package/components/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
 import type { TabsProps as MuiTabsProps } from '@mui/material/Tabs';
 import { type WithoutEmotionSpecific } from '../types/WithoutEmotionSpecific';
 export type TabsProps = WithoutEmotionSpecific<MuiTabsProps>;
-export declare const Tabs: ({ ...tabsProps }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tabs: ({ className, ...tabsProps }: TabsProps) => import("react/jsx-runtime").JSX.Element;

package/components/Tabs/Tabs.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useScrollToActiveElement } from '../useScrollToActiveElement';
+import { classNames } from '../utils/classNames';
+import { tabsClassnames } from './constants';
 import { Container, Divider, StyledTabs, Wrapper } from './styles';
-export const Tabs = ({ ...tabsProps }) => {
+export const Tabs = ({ className, ...tabsProps }) => {
     const { containerRef } = useScrollToActiveElement();
-    return (_jsx(Container, { children: _jsxs(Wrapper, { children: [_jsx(StyledTabs, { ...tabsProps, ref: containerRef }), _jsx(Divider, {})] }) }));
+    return (_jsx(Container, { children: _jsxs(Wrapper, { children: [_jsx(StyledTabs, { ...tabsProps, ref: containerRef, className: classNames(className, tabsClassnames.root) }), _jsx(Divider, {})] }) }));
 };

package/components/Tabs/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const tabsClassnames: {
+    root: string;
+};

package/components/Tabs/constants.js

@@ -0,0 +1,4 @@
+import { createUIKitClassname } from '../utils/createUIKitClassname';
+export const tabsClassnames = {
+    root: createUIKitClassname('tabs-root'),
+};

package/components/Tabs/index.d.ts

@@ -1,2 +1,3 @@
-export * from './Tabs';
+export { tabsClassnames } from './constants';
 export * from './Tab';
+export * from './Tabs';

package/components/Tabs/index.js

@@ -1,2 +1,3 @@
-export * from './Tabs';
+export { tabsClassnames } from './constants';
 export * from './Tab';
+export * from './Tabs';

package/components/Tabs/public.d.ts

@@ -1,2 +1,3 @@
+export { tabsClassnames } from './constants';
 export * from './Tab';
 export * from './Tabs';

package/components/Tabs/public.js

@@ -1,2 +1,3 @@
+export { tabsClassnames } from './constants';
 export * from './Tab';
 export * from './Tabs';

package/node/components/GuidTypography/GuidTypography.d.ts

@@ -1,8 +1,2 @@
-import { type OverflowedTypographyProps } from '../OverflowTypography';
-export type GuidTypographyProps = OverflowedTypographyProps & {
-    /**
-     * Скрытие персональных данных от инструментов мониторинга
-     */
-    isHidePersonalData?: boolean;
-};
-export declare const GuidTypography: ({ className, isHidePersonalData, tooltipProps, ...props }: GuidTypographyProps) => import("react/jsx-runtime").JSX.Element;
+import type { GuidTypographyProps } from './types';
+export declare const GuidTypography: (props: GuidTypographyProps) => import("react/jsx-runtime").JSX.Element;

package/node/components/GuidTypography/GuidTypography.js

@@ -2,16 +2,21 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.GuidTypography = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const CopyTypography_1 = require("../CopyTypography");
 const OverflowTypography_1 = require("../OverflowTypography");
-const personalDataSecurity_1 = require("../personalDataSecurity");
 const classNames_1 = require("../utils/classNames");
-const GuidTypography = ({ className, isHidePersonalData, tooltipProps, ...props }) => {
-    const hidePersonalDataClassname = (0, personalDataSecurity_1.useHidePersonalData)({
-        isEnabled: isHidePersonalData,
-    });
+const useLogic_1 = require("./useLogic");
+const GuidTypography = (props) => {
+    const { className, tooltipProps, canCopy, copyParams, restProps, resolvedCopyText, hidePersonalDataClassname, } = (0, useLogic_1.useLogic)(props);
+    if (canCopy) {
+        return ((0, jsx_runtime_1.jsx)(CopyTypography_1.CopyTypography, { isShowCopyText: true, copyText: resolvedCopyText, tooltipProps: {
+                ...tooltipProps,
+                className: (0, classNames_1.classNames)(tooltipProps?.className, hidePersonalDataClassname),
+            }, ...copyParams, children: (0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { visibleLastSymbolsCount: 4, className: (0, classNames_1.classNames)(className, hidePersonalDataClassname), tooltipProps: { title: undefined }, ...restProps }) }));
+    }
     return ((0, jsx_runtime_1.jsx)(OverflowTypography_1.OverflowTypography, { visibleLastSymbolsCount: 4, className: (0, classNames_1.classNames)(className, hidePersonalDataClassname), tooltipProps: {
             ...tooltipProps,
             className: (0, classNames_1.classNames)(tooltipProps?.className, hidePersonalDataClassname),
-        }, ...props }));
+        }, ...restProps }));
 };
 exports.GuidTypography = GuidTypography;

package/node/components/GuidTypography/index.d.ts

@@ -1 +1,2 @@
-export { GuidTypography, type GuidTypographyProps } from './GuidTypography';
+export { GuidTypography } from './GuidTypography';
+export type { GuidTypographyProps } from './types';

package/node/components/GuidTypography/public.d.ts

@@ -1 +1,2 @@
-export { GuidTypography, type GuidTypographyProps } from './GuidTypography';
+export { GuidTypography } from './GuidTypography';
+export type { GuidTypographyProps } from './types';

package/node/components/GuidTypography/types.d.ts

@@ -0,0 +1,16 @@
+import { type CopyTypographyProps } from '../CopyTypography';
+import { type OverflowedTypographyProps } from '../OverflowTypography';
+export type GuidTypographyProps = OverflowedTypographyProps & {
+    /**
+     * Скрытие персональных данных от инструментов мониторинга
+     */
+    isHidePersonalData?: boolean;
+    /**
+     * Добавляет возможность копирования
+     */
+    canCopy?: boolean;
+    /**
+     * Добавляет параметры для CopyTypography
+     */
+    copyParams?: CopyTypographyProps;
+};

package/node/components/GuidTypography/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/node/components/GuidTypography/useLogic/index.d.ts

@@ -0,0 +1 @@
+export * from './useLogic';

package/node/components/GuidTypography/useLogic/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./useLogic"), exports);