@astral/ui 4.18.0-rc.1 → 4.18.0-rc.2

package/node/components/PageLayout/PagePinnableAside/styles.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-export declare const Aside: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
-export declare const Dummy: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Content: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    $isPinned: boolean;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const ChildrenWrapper: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const Footer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/node/components/PageLayout/PagePinnableAside/styles.js

@@ -1,135 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Footer = exports.ChildrenWrapper = exports.Content = exports.Dummy = exports.Aside = void 0;
-const styles_1 = require("../../styles");
-const PageAside_1 = require("../PageAside");
-const constants_1 = require("./constants");
-exports.Aside = (0, styles_1.styled)('aside', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  position: relative;
-
-  overflow: ${({ $isPinned }) => ($isPinned ? 'hidden' : 'unset')};
-  grid-column: 2;
-  grid-row: 2;
-
-  height: 100%;
-
-  border-bottom-right-radius: ${({ theme }) => theme.shape.medium};
-
-  &:hover {
-    .${constants_1.pinnableAsideClassnames.content} {
-      transform: translateX(0);
-    }
-  }
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    z-index: 0;
-
-    overflow: unset;
-    order: 3;
-
-    width: ${({ theme }) => `calc(100% - ${theme.spacing(8)})`};
-    margin: ${({ theme }) => theme.spacing(0, 4, 4)};
-
-    background-color: ${({ theme }) => theme.palette.background.default};
-    border-radius: ${({ theme }) => theme.shape.medium};
-  }
-`;
-exports.Dummy = (0, styles_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  cursor: pointer;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  width: 40px;
-  height: 100%;
-
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-left: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  ${({ $isPinned }) => $isPinned && 'display: none;'}
-`;
-const pinnedStyles = (0, styles_1.css) `
-  transform: translateX(0);
-`;
-const unpinnedStyles = (0, styles_1.css) `
-  position: absolute;
-  top: 0;
-  right: 0;
-  transform: translateX(105%);
-`;
-exports.Content = (0, styles_1.styled)('div', {
-    shouldForwardProp: (prop) => !['$isPinned'].includes(prop),
-}) `
-  position: relative;
-  z-index: ${({ theme }) => theme.zIndex.appBar - 2};
-
-  overflow: hidden;
-  display: flex;
-  grid-column: 2;
-  grid-row: 2;
-  flex-direction: column;
-
-  width: ${PageAside_1.PAGE_ASIDE_WIDTH};
-  height: 100%;
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-  border-left: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  transition: ${({ theme }) => {
-    return theme.transitions.create(['transform'], {
-        duration: theme.transitions.duration.shorter * 2,
-        easing: theme.transitions.easing.easeInOut,
-        delay: theme.transitions.duration.shorter,
-    });
-}};
-
-  ${({ $isPinned }) => ($isPinned ? pinnedStyles : unpinnedStyles)}
-  
-  ${({ $isPinned, theme }) => !$isPinned &&
-    `
-    box-shadow: 0px 0px 1px 0px #072D574F, -8px -5px 12px -6px #072D5726;
-    border-radius: ${theme.shape.medium};
-  `}
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    overflow: unset;
-    order: -1;
-
-    width: 100%;
-
-    border-top: unset;
-    border-left: 0;
-    border-radius: ${({ theme }) => theme.shape.medium};
-  }
-`;
-exports.ChildrenWrapper = styles_1.styled.div `
-  overflow-y: auto;
-  flex-grow: 1;
-
-  padding: ${({ theme }) => theme.spacing(4, 6)};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    padding: ${({ theme }) => theme.spacing(4)};
-  }
-`;
-exports.Footer = styles_1.styled.footer `
-  display: flex;
-  flex-shrink: 0;
-
-  box-sizing: content-box;
-  height: 64px;
-  margin-top: auto;
-
-  background-color: ${({ theme }) => theme.palette.background.default};
-  border-top: 1px solid ${({ theme }) => theme.palette.grey[300]};
-
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;

package/node/components/PageLayout/PagePinnableAside/useLogic/useLogic.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLogic = void 0;
-const react_1 = require("react");
-const hooks_1 = require("../../../hooks");
-const constants_1 = require("../constants");
-const useLogic = ({ isPinned: isPinnedProp, onPin: onPinProp, persistState, }) => {
-    (0, react_1.useEffect)(() => {
-        const hasIsPinned = isPinnedProp !== undefined;
-        const hasOnPin = onPinProp !== undefined;
-        const hasPersistState = persistState !== undefined;
-        if (hasIsPinned !== hasOnPin) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.warn('PagePinnableAside: Параметры isPinned и onPin необходимо передавать вместе');
-        }
-        if (!hasIsPinned && !hasPersistState) {
-            // biome-ignore lint/suspicious/noConsole: Ошибка для интеграторов
-            console.error('PagePinnableAside: Необходимо передать параметры isPinned и onPin или состояние persistState');
-        }
-    }, []);
-    const isControlled = isPinnedProp !== undefined;
-    const localStorageKey = (0, react_1.useMemo)(() => persistState ? `${constants_1.ASIDE_LOCAL_STORAGE_KEY}::${persistState.id}` : null, [persistState]);
-    // Хук useLocalStorage имеет обязательный параметр key.
-    // При его отсутствии используем статично открытое состояние для aside
-    const [storedValue = true, setStoredValue] = localStorageKey
-        ? // biome-ignore lint/correctness/useHookAtTopLevel: <>
-            (0, hooks_1.useLocalStorage)(localStorageKey, true)
-        : [true, () => undefined];
-    const isPinned = isControlled ? isPinnedProp : (storedValue ?? true);
-    const togglePin = () => {
-        const newValue = !isPinned;
-        if (isControlled) {
-            return onPinProp?.(newValue);
-        }
-        setStoredValue(newValue);
-    };
-    return { isPinned, togglePin };
-};
-exports.useLogic = useLogic;

package/node/components/styles/mixins/list/list.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.listContainer = void 0;
-const styles_1 = require("../../../styles");
-const listContainer = () => (0, styles_1.css) `
-  margin: 0;
-  padding: 0;
-
-  list-style-type: none;
-`;
-exports.listContainer = listContainer;

package/node/components/styles/mixins/transitions/easeOutBackTransition.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.easeOutBackTransition = void 0;
-const styles_1 = require("../../../styles");
-const easeOutBackTransition = () => (0, styles_1.css) `
-  transition: all 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-`;
-exports.easeOutBackTransition = easeOutBackTransition;

package/node/components/styles/mixins/transitions/fadeDropDownTransition.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fadeDropDownTransition = void 0;
-const styles_1 = require("../../../styles");
-const fadeDropDownTransition = (isOpen) => (0, styles_1.css) `
-  animation: ${isOpen
-    ? 'fade-in 150ms ease-out forwards'
-    : 'fade-out 150ms ease-out forwards'};
-
-  @keyframes fade-in {
-    from {
-      transform: translateY(-8px);
-
-      opacity: 0;
-    }
-
-    to {
-      transform: translateY(0);
-
-      opacity: 1;
-    }
-  }
-
-  @keyframes fade-out {
-    from {
-      transform: translateY(0);
-
-      opacity: 1;
-    }
-
-    to {
-      transform: translateY(-8px);
-
-      opacity: 0;
-    }
-  }
-`;
-exports.fadeDropDownTransition = fadeDropDownTransition;

package/node/components/styles/styled.d.ts

@@ -1,2 +0,0 @@
-export { css, Global, keyframes } from '@emotion/react';
-export { default as styled } from '@emotion/styled';

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

@@ -1 +0,0 @@
-export { Controller as FormController, type ControllerProps as FormControllerProps, type Field as FormField, type FieldArray as FormFieldArray, type FieldArrayPath as FormFieldArrayPath, type FieldArrayWithId as FormFieldArrayWithId, type FieldError as FormFieldError, type FieldErrors as FormFieldErrors, type FieldPath as FormFieldPath, type FieldValues as FormFieldValues, type Path as FormPath, type RegisterOptions as FormRegisterOptions, type Resolver as FormResolver, type UseControllerProps as UseFormControllerProps, type UseFormGetValues, type UseWatchProps as UseFormWatchProps, useController as useFormController, useFieldArray as useFormFieldArray, useWatch as useFormWatch, } from 'react-hook-form';

package/node/hook-form/external.js

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

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

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

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

@@ -1,22 +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 });
-exports.formPageLayoutClassnames = exports.formPageContentClassnames = void 0;
-__exportStar(require("./FormPageLayout"), exports);
-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; } });
-__exportStar(require("./FormWizardPageLayout"), exports);

package/node/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>;