@astral/ui 4.17.5 → 4.17.6

package/hook-form/formLayouts/FormWizardPageLayout/FormWizardPageLayout.d.ts

@@ -1,45 +0,0 @@
-import { type ElementType, type ReactNode } from 'react';
-import { type PageAsideProps, type PageHeaderProps, type PageLayoutProps } from '../../../components/PageLayout';
-import { type FormWizardProps as ExternalFormWizardProps } from '../../FormWizard';
-import type { SecondaryAction } from '../types';
-type FormWizardProps<TFormValues extends Record<string, unknown>> = Omit<ExternalFormWizardProps<TFormValues>, 'customFooter'> & {
-    /**
-     * Дополнительные кнопки формы
-     */
-    secondaryActions?: SecondaryAction[];
-};
-export type FormWizardPageLayoutProps<TFormValues extends Record<string, unknown>, TMainActionComponent extends ElementType = ElementType, TSecondaryActionComponent extends ElementType = ElementType, TBackButtonComponent extends ElementType = ElementType> = Pick<PageLayoutProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>, 'className' | 'alert'> & {
-    /**
-     * Конфигурация PageHeader
-     * @example <FormWizardPageLayout header={{
-     *  title: 'Заголовок страницы',
-     *  description: 'Описание страницы',
-     * }} />
-     */
-    header: PageHeaderProps<TMainActionComponent, TSecondaryActionComponent, TBackButtonComponent>;
-    /**
-     * Конфигурация PageAside
-     * @example <FormWizardPageLayout aside={{
-     *  children: 'Боковая панель страницы',
-     * }} />
-     */
-    aside?: PageAsideProps | ReactNode;
-    /**
-     * Конфигурация FormWizard
-     * @example <FormWizardPageLayout
-     *  header={{
-     *    title: 'Заголовок страницы',
-     *  }}
-     *  formWizard={{
-     *    submitButtonText: 'Подписать и отправить',
-     *    onSubmit: handleSubmit,
-     *  }}
-     * />
-     */
-    formWizard: FormWizardProps<TFormValues>;
-};
-/**
- * FormPageLayout предназначен для построения страниц с формами.
- */
-export declare const FormWizardPageLayout: <TFormValues extends Record<string, unknown>>(props: FormWizardPageLayoutProps<TFormValues, ElementType, ElementType, ElementType>) => JSX.Element;
-export {};

package/hook-form/formLayouts/FormWizardPageLayout/FormWizardPageLayout.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from '../../../components/utils';
-import { FormWizard, } from '../../FormWizard';
-import { FormPageLayoutBase, formPageContentClassnames, } from '../FormPageLayoutBase';
-import { FormWizardFooter } from './FormWizardFooter';
-import { useLogic } from './useLogic';
-/**
- * FormPageLayout предназначен для построения страниц с формами.
- */
-export const FormWizardPageLayout = (props) => {
-    const { header, aside, formWizard, alert } = props;
-    const { form, isDisabled: externalDisabled, secondaryActions } = formWizard;
-    const { isShowFullActions, isShowNavigateButtons } = useLogic(props);
-    return (_jsx(FormPageLayoutBase, { header: header, aside: aside, formProps: { isDisabled: externalDisabled, form, secondaryActions }, contentClassname: classNames({
-            [formPageContentClassnames.formPageContentSecondaryActions]: isShowNavigateButtons,
-            [formPageContentClassnames.formWizardPageContentActions]: isShowFullActions,
-        }), alert: alert, children: ({ isDisabled }) => (_jsx(FormWizard, { isDisabled: isDisabled, ...formWizard, customFooter: (footerProps) => (_jsx(FormWizardFooter, { ...footerProps, secondaryActions: secondaryActions })) })) }));
-};

package/hook-form/formLayouts/index.d.ts

@@ -1,3 +0,0 @@
-export * from './FormPageLayout';
-export { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
-export * from './FormWizardPageLayout';

package/hook-form/formLayouts/index.js

@@ -1,3 +0,0 @@
-export * from './FormPageLayout';
-export { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
-export * from './FormWizardPageLayout';

package/hook-form/formLayouts/public.d.ts

@@ -1,3 +0,0 @@
-export * from './FormPageLayout';
-export { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
-export * from './FormWizardPageLayout';

package/hook-form/formLayouts/public.js

@@ -1,3 +0,0 @@
-export * from './FormPageLayout';
-export { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
-export * from './FormWizardPageLayout';

package/hook-form/react-hook-form-resolver/resolver/resolver.d.ts

@@ -1,40 +0,0 @@
-import { type ObjectAsyncGuard, type ObjectGuard } from '@astral/validations';
-import { type FieldValues, type Resolver } from 'react-hook-form';
-/**
- * Позволяет выполнять object или objectAsync валидацию для формы react-hook-form
- * @param validateBySchema
- * @example
- * ```tsx
- *      type Values = { info: { name: string } };
- *
- *     const validationSchema = object<Values>({
- *       info: object<Values['info']>({
- *         name: string(),
- *       }),
- *     });
- *
- *     const TestForm = () => {
- *       const { register, handleSubmit, formState } = useForm<Values>({
- *         resolver: resolver<Values>(validationSchema),
- *       });
- *
- *       return (
- *         <form onSubmit={handleSubmit(() => {})}>
- *           <input {...register('info.name')} />
- *           {formState.errors.info?.name && (
- *             <>
- *               <p>{formState.errors.info.name.message}</p>
- *               <p>{formState.errors.info.name.type}</p>
- *             </>
- *           )}
- *           <button type="submit">submit</button>
- *         </form>
- *       );
- *     };
- * ```
- */
-export declare const resolver: <TFieldValues extends FieldValues = FieldValues>(validateBySchema: import("@astral/validations/core").IGuard<{}, {
-    isPartial?: boolean | undefined;
-}> | import("@astral/validations/core").IAsyncGuard<{}, {
-    isPartial?: boolean | undefined;
-}>) => Resolver<TFieldValues>;

package/hook-form/types.d.ts

@@ -1,7 +0,0 @@
-import { type UseControllerProps } from 'react-hook-form';
-/**
- * Добавляет к переданным пропсам типы для react-hook-form. Позволяет переиспользовать логику типизации для филдов формы.
- * @example WithFormFieldProps<TextFieldProps, FieldValues>;
- */
-export type WithFormFieldProps<TProps extends object, TFieldValues extends object> = Omit<TProps, 'name' | 'error'> & Omit<UseControllerProps<TFieldValues>, 'rules'>;
-export type { FieldValues } from 'react-hook-form';

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

@@ -1,2 +0,0 @@
-export * from './ActionCellBase';
-export type { ActionHandler, Actions, MainActionKind, MultipleAction, NestedAction, SecondaryActionKind, SingleAction, } from './types';

package/node/components/ActionCellBase/public.js

@@ -1,17 +0,0 @@
-"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("./ActionCellBase"), exports);

package/node/components/DashboardLayout/DashboardLayoutSkeleton/DashboardLayoutSkeleton.d.ts

@@ -1,13 +0,0 @@
-import type { PropsWithChildren, ReactElement } from 'react';
-import type { ProductProps } from '../../Product';
-export type DashboardLayoutSkeletonProps = {
-    product: ProductProps;
-    productSwitcher?: (props: PropsWithChildren<{}>) => ReactElement;
-    hasSidebar?: boolean;
-    hasProfile?: boolean;
-    hasMenuOrganization?: boolean;
-};
-/**
- * Компонент можно использовать для отображения состояния загрузки дашборда
- */
-export declare const DashboardLayoutSkeleton: ({ product, productSwitcher, hasSidebar, hasProfile, hasMenuOrganization, }: DashboardLayoutSkeletonProps) => JSX.Element;

package/node/components/DashboardLayout/DashboardLayoutSkeleton/DashboardLayoutSkeleton.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DashboardLayoutSkeleton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const MenuOrganization_1 = require("../../MenuOrganization");
-const placeholders_1 = require("../../placeholders");
-const constants_1 = require("../constants");
-const DashboardLayout_1 = require("../DashboardLayout");
-const Header_1 = require("../Header");
-const Sidebar_1 = require("../Sidebar");
-const styles_1 = require("../styles");
-const styles_2 = require("./styles");
-/**
- * Компонент можно использовать для отображения состояния загрузки дашборда
- */
-const DashboardLayoutSkeleton = ({ product, productSwitcher, hasSidebar = true, hasProfile = true, hasMenuOrganization = true, }) => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.Wrapper, { className: constants_1.dashboardLayoutClassnames.root, children: [(0, jsx_runtime_1.jsx)(styles_1.DecorativeHeaderBackground, { role: "presentation", "$isFocusedMode": false }), (0, jsx_runtime_1.jsxs)(styles_1.LayoutContent, { "$isFocusedMode": false, children: [hasSidebar && (0, jsx_runtime_1.jsx)(Sidebar_1.SidebarSkeleton, {}), (0, jsx_runtime_1.jsx)(Header_1.Header, { productSwitcher: productSwitcher, product: product, menuOrganization: hasMenuOrganization ? () => (0, jsx_runtime_1.jsx)(MenuOrganization_1.MenuOrganizationSkeleton, {}) : undefined, profile: hasProfile
-                            ? { displayName: '', isLoading: true, menuList: [] }
-                            : undefined }), (0, jsx_runtime_1.jsx)(DashboardLayout_1.DashboardLayout.Main, { children: (0, jsx_runtime_1.jsx)(styles_2.Content, { children: (0, jsx_runtime_1.jsx)(placeholders_1.LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445" }) }) })] })] }));
-};
-exports.DashboardLayoutSkeleton = DashboardLayoutSkeleton;

package/node/components/DashboardLayout/DashboardLayoutSkeleton/styles.d.ts

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

package/node/components/DashboardLayout/DashboardLayoutSkeleton/styles.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Content = void 0;
-const styles_1 = require("../../styles");
-exports.Content = styles_1.styled.div `
-  flex-grow: 1;
-
-  height: 100%;
-  min-height: 0;
-
-  background-color: ${({ theme }) => theme.palette.common.white};
-  border: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-radius: ${({ theme }) => theme.shape.medium};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    background-color: unset;
-    border: unset;
-  }
-`;

package/node/components/DashboardLayout/PinButton/PinButton.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { type ButtonProps } from '../../Button';
-export type PinButtonProps = ButtonProps & {
-    isPinned: boolean;
-    collapsedIn?: boolean;
-    isUseCollapse?: boolean;
-};
-export declare const PinButton: (props: PinButtonProps) => JSX.Element;

package/node/components/DashboardLayout/PinButton/PinButton.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PinButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const icons_1 = require("../../../icons");
-const Collapse_1 = require("../../Collapse");
-const utils_1 = require("../../utils");
-const constants_1 = require("./constants");
-const styles_1 = require("./styles");
-const PinButton = (props) => {
-    const { isPinned, collapsedIn, isUseCollapse = true, className, ...restProps } = props;
-    const PinIcon = isPinned ? icons_1.UnpinOutlineMd : icons_1.PinOutlineMd;
-    return ((0, jsx_runtime_1.jsx)(styles_1.TogglerButton, { startIcon: (0, jsx_runtime_1.jsx)(PinIcon, {}), variant: "text", className: (0, utils_1.classNames)(className, constants_1.pinButtonClassnames.root), ...restProps, children: isUseCollapse ? ((0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { in: collapsedIn, orientation: "horizontal", children: (0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : ((0, jsx_runtime_1.jsx)(styles_1.Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
-};
-exports.PinButton = PinButton;

package/node/components/DashboardLayout/PinButton/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.pinButtonClassnames = void 0;
-const utils_1 = require("../../utils");
-exports.pinButtonClassnames = {
-    root: (0, utils_1.createUIKitClassname)('pin-button'),
-};

package/node/components/DashboardLayout/PinButton/styles.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export declare const TogglerButton: import("@emotion/styled").StyledComponent<Omit<import("../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
-    loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    align?: "left" | "right" | "inherit" | "center" | "justify" | undefined;
-    gutterBottom?: boolean | undefined;
-    noWrap?: boolean | undefined;
-    paragraph?: boolean | undefined;
-} & {
-    color?: import("../../Typography").TypographyColor | undefined;
-    variant?: import("../../Typography").TypographyVariant | undefined;
-    colorIntensity?: import("../../Typography").Intensity | undefined;
-    component?: ("symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "meta" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "slot" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "clipPath" | "filter" | "marker" | "mask" | "center" | "text" | "big" | "keygen" | "menuitem" | "noindex" | "param" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentType<any>) | undefined;
-    isUpperCase?: boolean | undefined;
-} & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLSpanElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/DashboardLayout/PinButton/styles.js

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Content = exports.TogglerButton = void 0;
-const Button_1 = require("../../Button");
-const styles_1 = require("../../styles");
-const Typography_1 = require("../../Typography");
-exports.TogglerButton = (0, styles_1.styled)(Button_1.Button) `
-  justify-content: flex-start;
-
-  width: 100%;
-  height: 100%;
-  padding-left: ${({ theme }) => theme.spacing(6)};
-
-  border-radius: unset;
-
-  :hover {
-    color: ${({ theme }) => theme.palette.primary.main};
-
-    background-color: unset;
-  }
-
-  :active {
-    background-color: unset;
-  }
-
-  &:focus-visible {
-    border-radius: ${({ theme }) => theme.shape.medium};
-  }
-`;
-exports.Content = (0, styles_1.styled)(Typography_1.Typography) `
-  margin-left: ${({ theme }) => theme.spacing(1)};
-
-  white-space: nowrap;
-`;

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/MenuSidebarButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { MenuSidebarButtonProps } from './types';
-export declare const MenuSidebarButton: import("react").ForwardRefExoticComponent<Omit<MenuSidebarButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/MenuSidebarButton.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuSidebarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Collapse_1 = require("../../../Collapse");
-const DashboardSidebarProvider_1 = require("../../../DashboardSidebarProvider");
-const SidebarButton_1 = require("../SidebarButton");
-const useLogic_1 = require("./useLogic");
-exports.MenuSidebarButton = (0, react_1.forwardRef)((props, ref) => {
-    const { collapsedIn, isPopupOpen, setIsPopupOpen } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    const { handleTogglePopover, popoverAnchorRef } = (0, useLogic_1.useLogic)({
-        isPopupOpen,
-        setIsPopupOpen,
-        ref,
-    });
-    const { children, popover, ...buttonProps } = props;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SidebarButton_1.SidebarButton, { ref: popoverAnchorRef, ...buttonProps, onClick: handleTogglePopover, selected: isPopupOpen, children: (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }), popover] }));
-});

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MenuSidebarButton';
-export * from './types';

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/index.js

@@ -1,18 +0,0 @@
-"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("./MenuSidebarButton"), exports);
-__exportStar(require("./types"), exports);

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/types.d.ts

@@ -1,8 +0,0 @@
-import { type ReactNode } from 'react';
-import { type ButtonProps } from '../../../Button';
-export type MenuSidebarButtonProps = Omit<ButtonProps, 'onClick'> & {
-    /**
-     * Контент popover
-     */
-    popover: ReactNode;
-};

package/node/components/DashboardLayout/Sidebar/MenuSidebarButton/useLogic/useLogic.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../../DashboardSidebarProvider");
-const useLogic = ({ setIsPopupOpen, isPopupOpen, ref, }) => {
-    const { popoverAnchorRef } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    (0, react_1.useImperativeHandle)(ref, () => popoverAnchorRef.current);
-    const handleTogglePopover = () => {
-        setIsPopupOpen(!isPopupOpen);
-    };
-    return { handleTogglePopover, popoverAnchorRef };
-};
-exports.useLogic = useLogic;

package/node/components/DashboardLayout/Sidebar/Sidebar.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import { type DashboardSidebarProps } from './types';
-/**
- * Основной sidebar приложения
- */
-export declare const Sidebar: import("react").ForwardRefExoticComponent<DashboardSidebarProps & import("react").RefAttributes<HTMLBaseElement>>;

package/node/components/DashboardLayout/Sidebar/Sidebar.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sidebar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const NavMenu_1 = require("../../NavMenu");
-const utils_1 = require("../../utils");
-const PinButton_1 = require("../PinButton");
-const constants_1 = require("./constants");
-const SidebarNav_1 = require("./SidebarNav");
-const SidebarSkeleton_1 = require("./SidebarSkeleton");
-const styles_1 = require("./styles");
-const useLogic_1 = require("./useLogic");
-/**
- * Основной sidebar приложения
- */
-exports.Sidebar = (0, react_1.forwardRef)((props, ref) => {
-    const { isPinned, isMobile, collapsedIn, onTogglePin, onMouseEnter, onMouseLeave, alertHeight, className, menu, header, isLoading, } = (0, useLogic_1.useLogic)(props);
-    if (isLoading) {
-        return (0, jsx_runtime_1.jsx)(SidebarSkeleton_1.SidebarSkeleton, {});
-    }
-    return ((0, jsx_runtime_1.jsx)(styles_1.Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: (0, jsx_runtime_1.jsx)(styles_1.SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: (0, utils_1.classNames)(className, constants_1.dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: (0, jsx_runtime_1.jsxs)(styles_1.StyledPaper, { variant: "outlined", children: [(0, jsx_runtime_1.jsxs)(styles_1.SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && (0, jsx_runtime_1.jsx)(styles_1.SidebarHeader, { children: header }), (0, jsx_runtime_1.jsx)(SidebarNav_1.SidebarNav, { menu: (0, jsx_runtime_1.jsx)(NavMenu_1.NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), (0, jsx_runtime_1.jsx)(styles_1.Footer, { children: (0, jsx_runtime_1.jsx)(PinButton_1.PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }) }));
-});

package/node/components/DashboardLayout/Sidebar/SidebarButton/SidebarButton.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { type ButtonProps } from '../../../Button';
-export declare const SidebarButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/node/components/DashboardLayout/Sidebar/SidebarButton/SidebarButton.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const Collapse_1 = require("../../../Collapse");
-const DashboardSidebarProvider_1 = require("../../../DashboardSidebarProvider");
-const styles_1 = require("./styles");
-exports.SidebarButton = (0, react_1.forwardRef)((props, ref) => {
-    const { children } = props;
-    const { collapsedIn } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    return ((0, jsx_runtime_1.jsx)(styles_1.SidebarButton, { ref: ref, "$isOpen": collapsedIn, ...props, children: (0, jsx_runtime_1.jsx)(Collapse_1.Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }));
-});

package/node/components/DashboardLayout/Sidebar/SidebarButton/index.d.ts

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

package/node/components/DashboardLayout/Sidebar/SidebarButton/index.js

@@ -1,17 +0,0 @@
-"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("./SidebarButton"), exports);

package/node/components/DashboardLayout/Sidebar/SidebarButton/styles.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-export declare const SidebarButton: import("@emotion/styled").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "variant"> & {
-    variant?: "link" | "light" | "outlined" | "contained" | "text" | undefined;
-    loading?: boolean | undefined;
-    color?: "grey" | "error" | "success" | "warning" | "primary" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-} & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-} & {
-    $isOpen?: boolean | undefined;
-}, {}, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarButton/styles.js

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarButton = void 0;
-const Button_1 = require("../../../Button");
-const styles_1 = require("../../../styles");
-exports.SidebarButton = (0, styles_1.styled)(Button_1.Button, {
-    shouldForwardProp: (prop) => !['$isOpen'].includes(prop),
-}) `
-  min-width: ${({ $isOpen }) => (!$isOpen ? '40px' : '100%')};
-  max-width: ${({ $isOpen }) => (!$isOpen ? '40px' : '100%')};
-  height: 40px;
-  max-height: 40px;
-  margin-bottom: 0;
-
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  transition: ${({ theme }) => {
-    return theme.transitions.create(['max-width', 'min-width'], {
-        duration: theme.transitions.duration.standard,
-    });
-}};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    height: 48px;
-    max-height: 48px;
-  }
-
-  && > .MuiButton-startIcon {
-    margin-right: ${({ theme, $isOpen }) => !$isOpen ? theme.spacing(-2) : theme.spacing(0)};
-
-    transition: ${({ theme }) => {
-    return theme.transitions.create('margin-right', {
-        duration: theme.transitions.duration.standard,
-    });
-}};
-  }
-
-  && > .MuiButton-endIcon {
-    margin-right: ${({ theme, $isOpen }) => !$isOpen ? theme.spacing(2) : theme.spacing(0)};
-
-    transition: ${({ theme }) => {
-    return theme.transitions.create('margin-right', {
-        duration: theme.transitions.duration.standard,
-    });
-}};
-  }
-`;

package/node/components/DashboardLayout/Sidebar/SidebarCounter/Badge/styles.d.ts

@@ -1,7 +0,0 @@
-export declare const StyledBadge: import("@emotion/styled").StyledComponent<Omit<import("../../../..").WithoutEmotionSpecific<import("@mui/material").BadgeProps>, "color"> & {
-    color: import("../../../../Badge").BadgeColor;
-    withBorder?: boolean | undefined;
-    variantColor?: import("../../../../Badge").BadgeVariantsColor | undefined;
-} & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;

package/node/components/DashboardLayout/Sidebar/SidebarCounter/Badge/styles.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledBadge = void 0;
-const material_1 = require("@mui/material");
-const Badge_1 = require("../../../../Badge");
-const styles_1 = require("../../../../styles");
-exports.StyledBadge = (0, styles_1.styled)(Badge_1.Badge) `
-  .${material_1.badgeClasses.dot} {
-    width: 8px;
-    height: 8px;
-
-    border: none;
-    border-radius: ${({ theme }) => theme.shape.large};
-  }
-`;

package/node/components/DashboardLayout/Sidebar/SidebarCounter/SidebarCounter.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-import { type CounterProps } from '../../../Counter';
-export type SidebarCounterProps = Pick<CounterProps, 'max'> & {
-    /**
-     * Число счетчика
-     */
-    count?: number;
-};
-/**
- * Компонент для отображения счетчика в элементах меню Sidebar
- */
-export declare const SidebarCounter: {
-    ({ count, max }: SidebarCounterProps): JSX.Element | null;
-    Badge: ({ invisible, children }: {
-        invisible: boolean;
-        children: import("react").ReactNode;
-    }) => JSX.Element;
-};

package/node/components/DashboardLayout/Sidebar/SidebarCounter/SidebarCounter.js

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SidebarCounter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const DashboardSidebarProvider_1 = require("../../../DashboardSidebarProvider");
-const Badge_1 = require("./Badge");
-const styles_1 = require("./styles");
-/**
- * Компонент для отображения счетчика в элементах меню Sidebar
- */
-const SidebarCounter = ({ count, max }) => {
-    const { collapsedIn } = (0, react_1.useContext)(DashboardSidebarProvider_1.SidebarContext);
-    if (!count) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)(styles_1.StyledCounter, { color: "error", content: count, max: max, "$collapsedIn": collapsedIn }));
-};
-exports.SidebarCounter = SidebarCounter;
-// Реализовано для того, что бы не грузить код Badge, если SidebarCounter не используется.
-// SidebarCounter.Badge достается внутри Sidebar компонента
-exports.SidebarCounter.Badge = Badge_1.Badge;

package/node/components/DashboardLayout/Sidebar/SidebarCounter/index.d.ts

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