@astral/ui 4.17.5 → 4.17.6

package/node/hook-form/hooks/index.js

@@ -22,3 +22,6 @@ __exportStar(require("./useFormInputProps"), exports);
 __exportStar(require("./useFormState"), exports);
 __exportStar(require("./useFormWatchFields"), exports);
 __exportStar(require("./useFormWizard"), exports);
+__exportStar(require("./useFormController"), exports);
+__exportStar(require("./useFormFieldArray"), exports);
+__exportStar(require("./useFormWatch"), exports);

package/node/hook-form/hooks/useForm/useForm.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useForm = void 0;
 const react_hook_form_1 = require("react-hook-form");
-const react_hook_form_resolver_1 = require("../../react-hook-form-resolver");
+const formValidationResolver_1 = require("../../formValidationResolver");
 /**
  * Custom hook to manage the entire form.
  *
@@ -35,7 +35,7 @@ const react_hook_form_resolver_1 = require("../../react-hook-form-resolver");
 const useForm = ({ mode = 'onBlur', validationSchema, resolver: propsResolver, ...params } = {}) => {
     const resolver = propsResolver ??
         (validationSchema &&
-            (0, react_hook_form_resolver_1.formValidationResolver)(validationSchema));
+            (0, formValidationResolver_1.formValidationResolver)(validationSchema));
     return (0, react_hook_form_1.useForm)({
         ...params,
         resolver,

package/node/hook-form/hooks/useFormController/index.d.ts

@@ -0,0 +1 @@
+export { useController as useFormController } from 'react-hook-form';

package/node/hook-form/hooks/useFormController/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormController = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return react_hook_form_1.useController; } });

package/node/hook-form/hooks/useFormController/public.d.ts

@@ -0,0 +1 @@
+export { useController as useFormController } from 'react-hook-form';

package/node/hook-form/hooks/useFormController/public.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormController = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return react_hook_form_1.useController; } });

package/node/hook-form/hooks/useFormFieldArray/index.d.ts

@@ -0,0 +1 @@
+export { type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, useFieldArray as useFormFieldArray, } from 'react-hook-form';

package/node/hook-form/hooks/useFormFieldArray/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormFieldArray = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return react_hook_form_1.useFieldArray; } });

package/node/hook-form/hooks/useFormFieldArray/public.d.ts

@@ -0,0 +1 @@
+export { type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, useFieldArray as useFormFieldArray, } from 'react-hook-form';

package/node/hook-form/hooks/useFormFieldArray/public.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormFieldArray = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return react_hook_form_1.useFieldArray; } });

package/node/hook-form/hooks/useFormWatch/index.d.ts

@@ -0,0 +1 @@
+export { type UseWatchProps as UseFormWatchProps, useWatch as useFormWatch, } from 'react-hook-form';

package/node/hook-form/hooks/useFormWatch/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormWatch = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });

package/node/hook-form/hooks/useFormWatch/public.d.ts

@@ -0,0 +1 @@
+export { type UseWatchProps as UseFormWatchProps, useWatch as useFormWatch, } from 'react-hook-form';

package/node/hook-form/hooks/useFormWatch/public.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormWatch = void 0;
+var react_hook_form_1 = require("react-hook-form");
+Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return react_hook_form_1.useWatch; } });

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

@@ -1,4 +1,5 @@
-export { FormController, type FormControllerProps, type FormField, type FormFieldArray, type FormFieldArrayPath, type FormFieldArrayWithId, type FormFieldError, type FormFieldErrors, type FormFieldPath, type FormFieldValues, type FormPath, type FormRegisterOptions, type FormResolver, type UseFormControllerProps, type UseFormGetValues, type UseFormWatchProps, useFormController, useFormFieldArray, useFormWatch, } from './external';
+export { FormController, type FormControllerProps, type UseFormControllerProps, } from './FormController';
+export type { FormField, FormFieldError, FormFieldErrors, FormFieldPath, FormFieldValues, FormPath, FormRegisterOptions, FormResolver, UseFormGetValues, } from './types';
 export { EditableText, type EditableTextProps } from './EditableText';
 export * from './Form';
 export { FormAddressAutocomplete, type FormAddressAutocompleteProps, type FormAddressAutocompleteValue, } from './FormAddressAutocomplete';
@@ -26,7 +27,9 @@ export { FormToggleButtonGroup, type FormToggleButtonGroupProps, } from './FormT
 export { FormTreeAutocomplete, type FormTreeAutocompleteProps, type FormTreeAutocompleteValue, } from './FormTreeAutocomplete';
 export { FormTreeLikeAutocomplete, type FormTreeLikeAutocompleteProps, type FormTreeLikeAutocompleteValue, } from './FormTreeLikeAutocomplete';
 export { FormWizard, type FormWizardProps, type WizardStep, type WizardStepId, } from './FormWizard';
-export { FormPageLayout, type FormPageLayoutProps, FormWizardPageLayout, type FormWizardPageLayoutProps, formPageContentClassnames, formPageLayoutClassnames, } from './formLayouts';
-export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, } from './hooks';
-export { formValidationResolver } from './react-hook-form-resolver';
+export { formPageContentClassnames, formPageLayoutClassnames, } from './FormPageLayoutBase';
+export { FormWizardPageLayout, type FormWizardPageLayoutProps, } from './FormWizardPageLayout';
+export { FormPageLayout, type FormPageLayoutProps, } from './FormPageLayout';
+export { type UseFormProps, type UseFormReturn, type UseFormWizardParams, type UseFormWizardResult, type UseFormWatchProps, useForm, useFormContext, useFormFieldErrorProps, useFormFieldProps, useFormState, useFormWatchFields, useFormWizard, useFormController, type FormFieldArray, type FormFieldArrayPath, type FormFieldArrayWithId, useFormFieldArray, useFormWatch, } from './hooks';
+export { formValidationResolver } from './formValidationResolver';
 export * from './types';

package/node/hook-form/index.js

@@ -14,12 +14,9 @@ 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 });
-exports.formValidationResolver = exports.useFormWizard = exports.useFormWatchFields = exports.useFormState = exports.useFormFieldProps = exports.useFormFieldErrorProps = exports.useFormContext = exports.useForm = exports.formPageLayoutClassnames = exports.formPageContentClassnames = exports.FormWizardPageLayout = exports.FormPageLayout = exports.FormWizard = exports.FormTreeLikeAutocomplete = exports.FormTreeAutocomplete = exports.FormToggleButtonGroup = exports.FormProvider = exports.FormPreviewFileUploader = exports.FormNumberField = exports.FormDateRangePicker = exports.FormFileUploader = exports.FormEmailOrPhoneField = exports.FormEmailField = exports.FormAsyncAutocomplete = exports.FormAddressAutocomplete = exports.EditableText = exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.FormController = void 0;
-var external_1 = require("./external");
-Object.defineProperty(exports, "FormController", { enumerable: true, get: function () { return external_1.FormController; } });
-Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return external_1.useFormController; } });
-Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return external_1.useFormFieldArray; } });
-Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return external_1.useFormWatch; } });
+exports.formValidationResolver = exports.useFormWatch = exports.useFormFieldArray = exports.useFormController = exports.useFormWizard = exports.useFormWatchFields = exports.useFormState = exports.useFormFieldProps = exports.useFormFieldErrorProps = exports.useFormContext = exports.useForm = exports.FormPageLayout = exports.FormWizardPageLayout = exports.formPageLayoutClassnames = exports.formPageContentClassnames = exports.FormWizard = exports.FormTreeLikeAutocomplete = exports.FormTreeAutocomplete = exports.FormToggleButtonGroup = exports.FormProvider = exports.FormPreviewFileUploader = exports.FormNumberField = exports.FormDateRangePicker = exports.FormFileUploader = exports.FormEmailOrPhoneField = exports.FormEmailField = exports.FormAsyncAutocomplete = exports.FormAddressAutocomplete = exports.EditableText = exports.FormController = void 0;
+var FormController_1 = require("./FormController");
+Object.defineProperty(exports, "FormController", { enumerable: true, get: function () { return FormController_1.FormController; } });
 var EditableText_1 = require("./EditableText");
 Object.defineProperty(exports, "EditableText", { enumerable: true, get: function () { return EditableText_1.EditableText; } });
 __exportStar(require("./Form"), exports);
@@ -61,12 +58,13 @@ var FormTreeLikeAutocomplete_1 = require("./FormTreeLikeAutocomplete");
 Object.defineProperty(exports, "FormTreeLikeAutocomplete", { enumerable: true, get: function () { return FormTreeLikeAutocomplete_1.FormTreeLikeAutocomplete; } });
 var FormWizard_1 = require("./FormWizard");
 Object.defineProperty(exports, "FormWizard", { enumerable: true, get: function () { return FormWizard_1.FormWizard; } });
-var formLayouts_1 = require("./formLayouts");
-Object.defineProperty(exports, "FormPageLayout", { enumerable: true, get: function () { return formLayouts_1.FormPageLayout; } });
-Object.defineProperty(exports, "FormWizardPageLayout", { enumerable: true, get: function () { return formLayouts_1.FormWizardPageLayout; } });
-Object.defineProperty(exports, "formPageContentClassnames", { enumerable: true, get: function () { return formLayouts_1.formPageContentClassnames; } });
-Object.defineProperty(exports, "formPageLayoutClassnames", { enumerable: true, get: function () { return formLayouts_1.formPageLayoutClassnames; } });
-// нельзя экспортить через * потому, что есть пересечение с export * from 'react-hook-form';
+var FormPageLayoutBase_1 = require("./FormPageLayoutBase");
+Object.defineProperty(exports, "formPageContentClassnames", { enumerable: true, get: function () { return FormPageLayoutBase_1.formPageContentClassnames; } });
+Object.defineProperty(exports, "formPageLayoutClassnames", { enumerable: true, get: function () { return FormPageLayoutBase_1.formPageLayoutClassnames; } });
+var FormWizardPageLayout_1 = require("./FormWizardPageLayout");
+Object.defineProperty(exports, "FormWizardPageLayout", { enumerable: true, get: function () { return FormWizardPageLayout_1.FormWizardPageLayout; } });
+var FormPageLayout_1 = require("./FormPageLayout");
+Object.defineProperty(exports, "FormPageLayout", { enumerable: true, get: function () { return FormPageLayout_1.FormPageLayout; } });
 var hooks_1 = require("./hooks");
 Object.defineProperty(exports, "useForm", { enumerable: true, get: function () { return hooks_1.useForm; } });
 Object.defineProperty(exports, "useFormContext", { enumerable: true, get: function () { return hooks_1.useFormContext; } });
@@ -75,6 +73,9 @@ Object.defineProperty(exports, "useFormFieldProps", { enumerable: true, get: fun
 Object.defineProperty(exports, "useFormState", { enumerable: true, get: function () { return hooks_1.useFormState; } });
 Object.defineProperty(exports, "useFormWatchFields", { enumerable: true, get: function () { return hooks_1.useFormWatchFields; } });
 Object.defineProperty(exports, "useFormWizard", { enumerable: true, get: function () { return hooks_1.useFormWizard; } });
-var react_hook_form_resolver_1 = require("./react-hook-form-resolver");
-Object.defineProperty(exports, "formValidationResolver", { enumerable: true, get: function () { return react_hook_form_resolver_1.formValidationResolver; } });
+Object.defineProperty(exports, "useFormController", { enumerable: true, get: function () { return hooks_1.useFormController; } });
+Object.defineProperty(exports, "useFormFieldArray", { enumerable: true, get: function () { return hooks_1.useFormFieldArray; } });
+Object.defineProperty(exports, "useFormWatch", { enumerable: true, get: function () { return hooks_1.useFormWatch; } });
+var formValidationResolver_1 = require("./formValidationResolver");
+Object.defineProperty(exports, "formValidationResolver", { enumerable: true, get: function () { return formValidationResolver_1.formValidationResolver; } });
 __exportStar(require("./types"), exports);

package/node/hook-form/types/index.d.ts

@@ -0,0 +1,7 @@
+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, Field as FormField, FieldArray as FormFieldArray, FieldArrayPath as FormFieldArrayPath, FieldArrayWithId as FormFieldArrayWithId, FieldError as FormFieldError, FieldErrors as FormFieldErrors, FieldPath as FormFieldPath, FieldValues as FormFieldValues, Path as FormPath, RegisterOptions as FormRegisterOptions, Resolver as FormResolver, UseFormGetValues, } from 'react-hook-form';

package/node/hook-form/types/public.d.ts

@@ -0,0 +1 @@
+export type { Field as FormField, FieldError as FormFieldError, FieldErrors as FormFieldErrors, FieldPath as FormFieldPath, FieldValues as FormFieldValues, Path as FormPath, RegisterOptions as FormRegisterOptions, Resolver as FormResolver, UseFormGetValues, } from 'react-hook-form';

package/node/hook-form/types/public.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@astral/ui",
-  "version": "4.17.5",
+  "version": "4.17.6",
   "browser": "./index.js",
   "main": "./node/index.js",
   "dependencies": {
@@ -44,6 +44,13 @@
       "default": "./index.js",
       "import": "./index.js"
     },
+    "./declarations": {
+      "module": "./declarations.js",
+      "require": "./node/declarations.js",
+      "types": "./declarations.d.ts",
+      "default": "./declarations.js",
+      "import": "./declarations.js"
+    },
     "./server": {
       "module": "./server/index.js",
       "require": "./node/server/index.js",
@@ -135,19 +142,33 @@
       "default": "./components/CardGridInfinite/index.js",
       "import": "./components/CardGridInfinite/index.js"
     },
-    "./hook-form/FormTreeLikeAsyncAutocomplete": {
-      "module": "./hook-form/FormTreeLikeAsyncAutocomplete/index.js",
-      "require": "./node/hook-form/FormTreeLikeAsyncAutocomplete/index.js",
-      "types": "./hook-form/FormTreeLikeAsyncAutocomplete/index.d.ts",
-      "default": "./hook-form/FormTreeLikeAsyncAutocomplete/index.js",
-      "import": "./hook-form/FormTreeLikeAsyncAutocomplete/index.js"
-    },
-    "./hook-form/FormTreeAsyncAutocomplete": {
-      "module": "./hook-form/FormTreeAsyncAutocomplete/index.js",
-      "require": "./node/hook-form/FormTreeAsyncAutocomplete/index.js",
-      "types": "./hook-form/FormTreeAsyncAutocomplete/index.d.ts",
-      "default": "./hook-form/FormTreeAsyncAutocomplete/index.js",
-      "import": "./hook-form/FormTreeAsyncAutocomplete/index.js"
+    "./*": {
+      "module": "./components/*/public.js",
+      "require": "./node/components/*/public.js",
+      "types": "./components/*/public.d.ts",
+      "default": "./components/*/public.js",
+      "import": "./components/*/public.js"
+    },
+    "./hook-form/*": {
+      "module": "./hook-form/*/public.js",
+      "require": "./node/hook-form/*/public.js",
+      "types": "./hook-form/*/public.d.ts",
+      "default": "./hook-form/*/public.js",
+      "import": "./hook-form/*/public.js"
+    },
+    "./icons/*": {
+      "module": "./icons/*/public.js",
+      "require": "./node/icons/*/public.js",
+      "types": "./icons/*/public.d.ts",
+      "default": "./icons/*/public.js",
+      "import": "./icons/*/public.js"
+    },
+    "./constants/*": {
+      "module": "./constants/*/public.js",
+      "require": "./node/constants/*/public.js",
+      "types": "./constants/*/public.d.ts",
+      "default": "./constants/*/public.js",
+      "import": "./constants/*/public.js"
     }
   },
   "author": "Astral.Soft",

package/components/ActionCellBase/public.d.ts

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

package/components/ActionCellBase/public.js

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

package/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/components/DashboardLayout/DashboardLayoutSkeleton/DashboardLayoutSkeleton.js

@@ -1,17 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuOrganizationSkeleton } from '../../MenuOrganization';
-import { LoadingPlaceholder } from '../../placeholders';
-import { dashboardLayoutClassnames } from '../constants';
-import { DashboardLayout } from '../DashboardLayout';
-import { Header } from '../Header';
-import { SidebarSkeleton } from '../Sidebar';
-import { DecorativeHeaderBackground, LayoutContent, Wrapper } from '../styles';
-import { Content } from './styles';
-/**
- * Компонент можно использовать для отображения состояния загрузки дашборда
- */
-export const DashboardLayoutSkeleton = ({ product, productSwitcher, hasSidebar = true, hasProfile = true, hasMenuOrganization = true, }) => {
-    return (_jsxs(Wrapper, { className: dashboardLayoutClassnames.root, children: [_jsx(DecorativeHeaderBackground, { role: "presentation", "$isFocusedMode": false }), _jsxs(LayoutContent, { "$isFocusedMode": false, children: [hasSidebar && _jsx(SidebarSkeleton, {}), _jsx(Header, { productSwitcher: productSwitcher, product: product, menuOrganization: hasMenuOrganization ? () => _jsx(MenuOrganizationSkeleton, {}) : undefined, profile: hasProfile
-                            ? { displayName: '', isLoading: true, menuList: [] }
-                            : undefined }), _jsx(DashboardLayout.Main, { children: _jsx(Content, { children: _jsx(LoadingPlaceholder, { title: "\u0417\u0430\u0433\u0440\u0443\u0437\u043A\u0430 \u0434\u0430\u043D\u043D\u044B\u0445" }) }) })] })] }));
-};

package/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/components/DashboardLayout/DashboardLayoutSkeleton/styles.js

@@ -1,16 +0,0 @@
-import { styled } from '../../styles';
-export const Content = 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/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/components/DashboardLayout/PinButton/PinButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { PinOutlineMd, UnpinOutlineMd } from '../../../icons';
-import { Collapse } from '../../Collapse';
-import { classNames } from '../../utils';
-import { pinButtonClassnames } from './constants';
-import { Content, TogglerButton } from './styles';
-export const PinButton = (props) => {
-    const { isPinned, collapsedIn, isUseCollapse = true, className, ...restProps } = props;
-    const PinIcon = isPinned ? UnpinOutlineMd : PinOutlineMd;
-    return (_jsx(TogglerButton, { startIcon: _jsx(PinIcon, {}), variant: "text", className: classNames(className, pinButtonClassnames.root), ...restProps, children: isUseCollapse ? (_jsx(Collapse, { in: collapsedIn, orientation: "horizontal", children: _jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' }) })) : (_jsx(Content, { children: isPinned ? 'Открепить меню' : 'Закрепить меню' })) }));
-};

package/components/DashboardLayout/PinButton/constants.js

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

package/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/components/DashboardLayout/PinButton/styles.js

@@ -1,31 +0,0 @@
-import { Button } from '../../Button';
-import { styled } from '../../styles';
-import { Typography } from '../../Typography';
-export const TogglerButton = styled(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};
-  }
-`;
-export const Content = styled(Typography) `
-  margin-left: ${({ theme }) => theme.spacing(1)};
-
-  white-space: nowrap;
-`;

package/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/components/DashboardLayout/Sidebar/MenuSidebarButton/MenuSidebarButton.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import { Collapse } from '../../../Collapse';
-import { SidebarContext } from '../../../DashboardSidebarProvider';
-import { SidebarButton } from '../SidebarButton';
-import { useLogic } from './useLogic';
-export const MenuSidebarButton = forwardRef((props, ref) => {
-    const { collapsedIn, isPopupOpen, setIsPopupOpen } = useContext(SidebarContext);
-    const { handleTogglePopover, popoverAnchorRef } = useLogic({
-        isPopupOpen,
-        setIsPopupOpen,
-        ref,
-    });
-    const { children, popover, ...buttonProps } = props;
-    return (_jsxs(_Fragment, { children: [_jsx(SidebarButton, { ref: popoverAnchorRef, ...buttonProps, onClick: handleTogglePopover, selected: isPopupOpen, children: _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }), popover] }));
-});

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

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

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

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

package/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/components/DashboardLayout/Sidebar/MenuSidebarButton/useLogic/useLogic.js

@@ -1,10 +0,0 @@
-import { useContext, useImperativeHandle } from 'react';
-import { SidebarContext } from '../../../../DashboardSidebarProvider';
-export const useLogic = ({ setIsPopupOpen, isPopupOpen, ref, }) => {
-    const { popoverAnchorRef } = useContext(SidebarContext);
-    useImperativeHandle(ref, () => popoverAnchorRef.current);
-    const handleTogglePopover = () => {
-        setIsPopupOpen(!isPopupOpen);
-    };
-    return { handleTogglePopover, popoverAnchorRef };
-};

package/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/components/DashboardLayout/Sidebar/Sidebar.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { NavMenu } from '../../NavMenu';
-import { classNames } from '../../utils';
-import { PinButton } from '../PinButton';
-import { dashboardLayoutSidebarClassnames } from './constants';
-import { SidebarNav } from './SidebarNav';
-import { SidebarSkeleton } from './SidebarSkeleton';
-import { Footer, SidebarContent, SidebarHeader, SidebarRoot, StyledPaper, Wrapper, } from './styles';
-import { useLogic } from './useLogic';
-/**
- * Основной sidebar приложения
- */
-export const Sidebar = forwardRef((props, ref) => {
-    const { isPinned, isMobile, collapsedIn, onTogglePin, onMouseEnter, onMouseLeave, alertHeight, className, menu, header, isLoading, } = useLogic(props);
-    if (isLoading) {
-        return _jsx(SidebarSkeleton, {});
-    }
-    return (_jsx(Wrapper, { "$isPinned": isPinned, "$alertHeight": alertHeight, children: _jsx(SidebarRoot, { ref: ref, "$isPinned": isPinned, "$collapsedIn": collapsedIn, className: classNames(className, dashboardLayoutSidebarClassnames.root), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, inert: isMobile && !isPinned ? '' : undefined, children: _jsxs(StyledPaper, { variant: "outlined", children: [_jsxs(SidebarContent, { "$collapsedIn": collapsedIn, "$isPinned": isPinned, "$hasHeader": Boolean(header), children: [header && _jsx(SidebarHeader, { children: header }), _jsx(SidebarNav, { menu: _jsx(NavMenu, { collapsedIn: collapsedIn, items: menu.items }) })] }), _jsx(Footer, { children: _jsx(PinButton, { isPinned: isPinned, collapsedIn: collapsedIn, onClick: onTogglePin }) })] }) }) }));
-});

package/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/components/DashboardLayout/Sidebar/SidebarButton/SidebarButton.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import { Collapse } from '../../../Collapse';
-import { SidebarContext } from '../../../DashboardSidebarProvider';
-import { SidebarButton as Button } from './styles';
-export const SidebarButton = forwardRef((props, ref) => {
-    const { children } = props;
-    const { collapsedIn } = useContext(SidebarContext);
-    return (_jsx(Button, { ref: ref, "$isOpen": collapsedIn, ...props, children: _jsx(Collapse, { orientation: "horizontal", in: collapsedIn, children: children }) }));
-});

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

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

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

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

package/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/components/DashboardLayout/Sidebar/SidebarButton/styles.js

@@ -1,45 +0,0 @@
-import { Button as UIKitButton, } from '../../../Button';
-import { styled } from '../../../styles';
-export const SidebarButton = styled(UIKitButton, {
-    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/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/components/DashboardLayout/Sidebar/SidebarCounter/Badge/styles.js

@@ -1,12 +0,0 @@
-import { badgeClasses } from '@mui/material';
-import { Badge } from '../../../../Badge';
-import { styled } from '../../../../styles';
-export const StyledBadge = styled(Badge) `
-  .${badgeClasses.dot} {
-    width: 8px;
-    height: 8px;
-
-    border: none;
-    border-radius: ${({ theme }) => theme.shape.large};
-  }
-`;