@astral/features 3.89.0 → 3.89.1

package/cryproPro/components/CryptoProCertAutocomplete/AutocompleteListItem/AutocompleteListItem.js

@@ -11,10 +11,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ListItemAvatar, OverflowTypography } from '@astral/ui';
-import { AutocompleteListAvatarIcon, AutocompleteListItemContent, AutocompleteListItemIcon, AutocompleteListItemLabel, AutocompleteListItemLabelTitle, AutocompleteListItemSideLabel, GroupMenuItem, } from './styles';
+import { Content, GroupMenuItem, Label, LabelTitle, SideLabel, StyledAvatar, StyledListItemIcon, } from './styles';
 import { getShortFullName } from './utils';
-const AutocompleteListItemLabelGroup = ({ title, subtitle, sidetitle, }) => (_jsxs(_Fragment, { children: [_jsxs(AutocompleteListItemLabel, { children: [_jsx(OverflowTypography, { children: _jsx(AutocompleteListItemLabelTitle, { children: title }) }), _jsx(OverflowTypography, { color: "grey", colorIntensity: "600", children: subtitle })] }), _jsx(AutocompleteListItemSideLabel, { children: _jsx(OverflowTypography, { color: "grey", colorIntensity: "600", children: sidetitle }) })] }));
+const AutocompleteListItemLabelGroup = ({ title, subtitle, sidetitle, }) => (_jsxs(_Fragment, { children: [_jsxs(Label, { children: [_jsx(OverflowTypography, { children: _jsx(LabelTitle, { children: title }) }), _jsx(OverflowTypography, { color: "grey", colorIntensity: "600", children: subtitle })] }), _jsx(SideLabel, { children: _jsx(OverflowTypography, { color: "grey", colorIntensity: "600", children: sidetitle }) })] }));
 export const AutocompleteListItem = (_a) => {
     var { title, sidetitle, inn, notAfter, checked, type, disabled = false } = _a, restProps = __rest(_a, ["title", "sidetitle", "inn", "notAfter", "checked", "type", "disabled"]);
-    return (_jsxs(GroupMenuItem, Object.assign({}, restProps, { disabled: disabled, checked: checked, children: [_jsx(AutocompleteListItemIcon, { children: _jsx(ListItemAvatar, { children: _jsx(AutocompleteListAvatarIcon, { children: type }) }) }), _jsx(AutocompleteListItemContent, { children: _jsx(AutocompleteListItemLabelGroup, { title: title, subtitle: _jsxs(_Fragment, { children: [inn, "\u2022", notAfter] }), sidetitle: getShortFullName(sidetitle) }) })] })));
+    return (_jsxs(GroupMenuItem, Object.assign({}, restProps, { disabled: disabled, checked: checked, children: [_jsx(StyledListItemIcon, { children: _jsx(ListItemAvatar, { children: _jsx(StyledAvatar, { children: type }) }) }), _jsx(Content, { children: _jsx(AutocompleteListItemLabelGroup, { title: title, subtitle: _jsxs(_Fragment, { children: [inn, "\u2022", notAfter] }), sidetitle: getShortFullName(sidetitle) }) })] })));
 };

package/cryproPro/components/CryptoProCertAutocomplete/AutocompleteListItem/styles.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
 /// <reference types="react" />
-export declare const AutocompleteListAvatarIcon: import("@emotion/styled").StyledComponent<Omit<import("@astral/ui").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
+export declare const StyledAvatar: import("@emotion/styled").StyledComponent<Omit<import("@astral/ui").AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const AutocompleteListItemLabel: import("@emotion/styled").StyledComponent<{
+export declare const Label: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AutocompleteListItemSideLabel: import("@emotion/styled").StyledComponent<{
+export declare const SideLabel: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const AutocompleteListItemLabelTitle: import("@emotion/styled").StyledComponent<import("@astral/ui").OverflowedProps & {
+export declare const LabelTitle: import("@emotion/styled").StyledComponent<import("@astral/ui").OverflowedProps & {
     tooltipProps?: Omit<{
         components?: {
             Popper?: import("react").ElementType<import("@mui/material").PopperProps, keyof import("react").JSX.IntrinsicElements> | undefined;
@@ -347,7 +347,7 @@ export declare const AutocompleteListItemLabelTitle: import("@emotion/styled").S
 } & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const AutocompleteListItemIcon: import("@emotion/styled").StyledComponent<Omit<{
+export declare const StyledListItemIcon: import("@emotion/styled").StyledComponent<Omit<{
     color?: string | undefined;
     content?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -652,7 +652,7 @@ export declare const GroupMenuItem: import("@emotion/styled").StyledComponent<{
 } & {
     checked?: boolean | undefined;
 }, {}, {}>;
-export declare const AutocompleteListItemContent: import("@emotion/styled").StyledComponent<{
+export declare const Content: import("@emotion/styled").StyledComponent<{
     autoFocus?: boolean | undefined;
     classes?: Partial<import("@mui/material").MenuItemClasses> | undefined;
     dense?: boolean | undefined;

package/cryproPro/components/CryptoProCertAutocomplete/AutocompleteListItem/styles.js

@@ -1,25 +1,25 @@
 import { Avatar, ListItemIcon, MenuItem, OverflowTypography, styled, } from '@astral/ui';
-export const AutocompleteListAvatarIcon = styled(Avatar) `
+export const StyledAvatar = styled(Avatar) `
   background-color: ${({ theme }) => theme.palette.primary[800]};
 `;
-export const AutocompleteListItemLabel = styled.div `
+export const Label = styled.div `
   display: flex;
   flex-direction: column;
 
   width: 80%;
 `;
-export const AutocompleteListItemSideLabel = styled.div `
+export const SideLabel = styled.div `
   display: flex;
   align-self: start;
   justify-content: end;
 
   width: 20%;
 `;
-export const AutocompleteListItemLabelTitle = styled(OverflowTypography) `
+export const LabelTitle = styled(OverflowTypography) `
   font-size: ${({ theme }) => theme.typography.fontSize};
   font-weight: ${({ theme }) => theme.typography.fontWeightBold};
 `;
-export const AutocompleteListItemIcon = styled(ListItemIcon) `
+export const StyledListItemIcon = styled(ListItemIcon) `
   display: flex;
   place-self: center center;
 
@@ -33,7 +33,7 @@ export const GroupMenuItem = styled(MenuItem, {
 
   padding: 0;
 `;
-export const AutocompleteListItemContent = styled(MenuItem) `
+export const Content = styled(MenuItem) `
   justify-content: space-around;
   justify-items: start;
 

package/cryproPro/components/SetupCryptoProWorkspaceModal/CryptoproviderInfo/CryptoproviderInfo.js

@@ -2,11 +2,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import { Button, Description, Tooltip } from '@astral/ui';
 import { InfoFillSm, OpenLinkOutlineMd } from '@astral/ui';
 import { WorkspaceInfoItem } from '../styles';
-import { CryptoproviderInfoIconWrapper } from './styles';
+import { IconWrapper } from './styles';
 export const CryptoproviderInfo = ({ workspaceSetupInfo }) => {
     const getDescription = () => {
         if (!workspaceSetupInfo.isPluginInstalled) {
-            return (_jsxs(_Fragment, { children: ["\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445", _jsx(Tooltip, { title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E \u043A\u0440\u0438\u043F\u0442\u043E\u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0435 \u0431\u0443\u0434\u0443\u0442 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u044B \u043F\u043E\u0441\u043B\u0435 \n          \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0438 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u201C\u041A\u0440\u0438\u043F\u0442\u043E\u041F\u0440\u043E \u042D\u0426\u041F Browser plug-in\u201D \u0438 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.", children: _jsx(CryptoproviderInfoIconWrapper, { children: _jsx(InfoFillSm, {}) }) })] }));
+            return (_jsxs(_Fragment, { children: ["\u041D\u0435\u0442 \u0434\u0430\u043D\u043D\u044B\u0445", _jsx(Tooltip, { title: "\u0414\u0430\u043D\u043D\u044B\u0435 \u043E \u043A\u0440\u0438\u043F\u0442\u043E\u043F\u0440\u043E\u0432\u0430\u0439\u0434\u0435\u0440\u0435 \u0431\u0443\u0434\u0443\u0442 \u043F\u043E\u043B\u0443\u0447\u0435\u043D\u044B \u043F\u043E\u0441\u043B\u0435\n          \u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043A\u0438 \u043F\u0440\u0438\u043B\u043E\u0436\u0435\u043D\u0438\u044F \u201C\u041A\u0440\u0438\u043F\u0442\u043E\u041F\u0440\u043E \u042D\u0426\u041F Browser plug-in\u201D \u0438 \u043E\u0431\u043D\u043E\u0432\u043B\u0435\u043D\u0438\u044F \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u044B \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430.", children: _jsx(IconWrapper, { children: _jsx(InfoFillSm, {}) }) })] }));
         }
         else if (workspaceSetupInfo.hasCryptoProvider) {
             return 'Установлен';

package/cryproPro/components/SetupCryptoProWorkspaceModal/CryptoproviderInfo/styles.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const CryptoproviderInfoIconWrapper: import("@emotion/styled").StyledComponent<{
+export declare const IconWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/cryproPro/components/SetupCryptoProWorkspaceModal/CryptoproviderInfo/styles.js

@@ -1,5 +1,5 @@
 import { styled } from '@astral/ui';
-export const CryptoproviderInfoIconWrapper = styled.span `
+export const IconWrapper = styled.span `
   display: inline-flex;
   margin-left: ${({ theme }) => theme.spacing(1)};
 

package/package.json

@@ -2,9 +2,9 @@
   "name": "@astral/features",
   "browser": "./index.js",
   "main": "./index.js",
-  "version": "3.89.0",
+  "version": "3.89.1",
   "dependencies": {
-    "@astral/ui": "^3.89.0",
+    "@astral/ui": "^3.89.1",
     "mobx": "^6.8.0",
     "mobx-react-lite": "^3.4.0",
     "@astral/cryptopro-cades": "^1.5.1"

package/productSwitcher/components/IdentityProductSwitcher/IdentityProductSwitcher.js

@@ -1,16 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { ContentState, ErrorFillSm, IconButton, MenuGroup, ProductsFillMd, Typography, useMenu, } from '@astral/ui';
-import { IdentityProductSwitcherErrorContainer, IdentityProductSwitcherItem, IdentityProductSwitcherLogo, IdentityProductSwitcherMenu, TenantToggleButton, TenantsToggleButtonGroup, } from './styles';
+import { ErrorContainer, Logo, StyledMenu, StyledMenuItem, TenantToggleButton, TenantsToggleButtonGroup, } from './styles';
 import { useLogic } from './hooks';
 export const ASTRAL_IDENTITY_DEFAULT_TENANT = 'astral';
 export const IdentityProductSwitcher = ({ identityUrl, }) => {
     const { open, anchorRef, handleOpenMenu, handleCloseMenu } = useMenu();
     const { isLoading, isError, tenantId, tenants, productList, handleChangeTenant, handleShowProducts, } = useLogic(identityUrl, handleOpenMenu);
-    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { ref: anchorRef, selected: open, variant: "text", onClick: handleShowProducts, children: _jsx(ProductsFillMd, {}) }), _jsx(IdentityProductSwitcherMenu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, children: _jsx(MenuGroup, { label: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442\u044B \u044D\u043A\u043E\u0441\u0438\u0441\u0442\u0435\u043C\u044B", children: _jsxs(ContentState, { isLoading: isLoading, isCustom: isError, customState: {
+    return (_jsxs(_Fragment, { children: [_jsx(IconButton, { ref: anchorRef, selected: open, variant: "text", onClick: handleShowProducts, children: _jsx(ProductsFillMd, {}) }), _jsx(StyledMenu, { open: open, anchorEl: anchorRef.current, onClose: handleCloseMenu, children: _jsx(MenuGroup, { label: "\u041F\u0440\u043E\u0434\u0443\u043A\u0442\u044B \u044D\u043A\u043E\u0441\u0438\u0441\u0442\u0435\u043C\u044B", children: _jsxs(ContentState, { isLoading: isLoading, isCustom: isError, customState: {
                             imgAlt: 'Что-то пошло не так',
-                            title: (_jsxs(IdentityProductSwitcherErrorContainer, { container: true, autoFlow: "column", alignItems: "center", justifyContent: "center", component: "span", children: [_jsx(ErrorFillSm, { color: "inherit" }), _jsx(Typography, { variant: "h6", color: "grey", colorIntensity: "900", children: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A" })] })),
+                            title: (_jsxs(ErrorContainer, { container: true, autoFlow: "column", alignItems: "center", justifyContent: "center", component: "span", children: [_jsx(ErrorFillSm, { color: "inherit" }), _jsx(Typography, { variant: "h6", color: "grey", colorIntensity: "900", children: "\u0427\u0442\u043E-\u0442\u043E \u043F\u043E\u0448\u043B\u043E \u043D\u0435 \u0442\u0430\u043A" })] })),
                             description: 'Произошла ошибка. Повторите попытку позже.',
                         }, children: [Boolean(tenants === null || tenants === void 0 ? void 0 : tenants.length) && (_jsx(TenantsToggleButtonGroup, { exclusive: true, onChange: handleChangeTenant, value: tenantId, children: tenants === null || tenants === void 0 ? void 0 : tenants.map(({ id, name }) => (_jsx(TenantToggleButton, { value: id, children: name }, id))) })), productList === null || productList === void 0 ? void 0 : productList.map((product) => {
-                                return (_jsx("li", { children: _jsxs(IdentityProductSwitcherItem, { component: "a", href: product.url, children: [_jsx(IdentityProductSwitcherLogo, { src: product.logoUrl, color: product.color }), _jsx(Typography, { variant: "ui", color: "grey", colorIntensity: "900", children: product.name })] }) }, product.id));
+                                return (_jsx("li", { children: _jsxs(StyledMenuItem, { component: "a", href: product.url, children: [_jsx(Logo, { src: product.logoUrl, color: product.color }), _jsx(Typography, { variant: "ui", color: "grey", colorIntensity: "900", children: product.name })] }) }, product.id));
                             })] }) }) })] }));
 };

package/productSwitcher/components/IdentityProductSwitcher/styles.d.ts

@@ -1,15 +1,15 @@
 /// <reference types="react" />
-export declare const IdentityProductSwitcherMenu: import("@emotion/styled").StyledComponent<import("@astral/ui").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
+export declare const StyledMenu: import("@emotion/styled").StyledComponent<import("@astral/ui").WithoutEmotionSpecific<import("@mui/material").MenuProps> & {
     title?: string | undefined;
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-export declare const IdentityProductSwitcherItem: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;
-export declare const IdentityProductSwitcherLogo: import("@emotion/styled").StyledComponent<{
+export declare const StyledMenuItem: import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>;
+export declare const Logo: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
-export declare const IdentityProductSwitcherErrorContainer: import("@emotion/styled").StyledComponent<import("@astral/ui").GridContainerProps & import("@astral/ui").GridElementsProps & {
+export declare const ErrorContainer: import("@emotion/styled").StyledComponent<import("@astral/ui").GridContainerProps & import("@astral/ui").GridElementsProps & {
     children?: import("react").ReactNode;
 } & import("react").RefAttributes<HTMLElement> & {
     theme?: import("@emotion/react").Theme | undefined;

package/productSwitcher/components/IdentityProductSwitcher/styles.js

@@ -1,5 +1,5 @@
 import { LegacyGrid, Menu, MenuItem, ToggleButton, ToggleButtonGroup, styled, } from '@astral/ui';
-export const IdentityProductSwitcherMenu = styled(Menu) `
+export const StyledMenu = styled(Menu) `
   .MuiPaper-root > .MuiList-root {
     display: flex;
     flex-direction: column;
@@ -13,10 +13,10 @@ export const IdentityProductSwitcherMenu = styled(Menu) `
 `;
 // as typeof MenuItem необходим для возможности прокинуть component
 // https://github.com/mui/material-ui/issues/15695
-export const IdentityProductSwitcherItem = styled(MenuItem) `
+export const StyledMenuItem = styled(MenuItem) `
   padding-left: ${({ theme }) => theme.spacing(6)};
 `;
-export const IdentityProductSwitcherLogo = styled('img', {
+export const Logo = styled('img', {
     shouldForwardProp: (prop) => prop !== 'color',
 }) `
   width: 40px;
@@ -26,7 +26,7 @@ export const IdentityProductSwitcherLogo = styled('img', {
   background-color: ${({ color }) => color};
   border-radius: ${({ theme }) => theme.shape.small};
 `;
-export const IdentityProductSwitcherErrorContainer = styled(LegacyGrid) `
+export const ErrorContainer = styled(LegacyGrid) `
   column-gap: ${({ theme }) => theme.spacing(2)};
 
   color: ${({ theme }) => theme.palette.error.dark};