@astral/ui 4.34.0 → 4.34.2

package/node/hook-form/FormFilters/FormFiltersDialog/ResetButton/useLogic/index.js

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

package/node/hook-form/FormFilters/FormFiltersDialog/ResetButton/useLogic/useLogic.d.ts

@@ -0,0 +1,6 @@
+import { type UseFormReturn } from 'react-hook-form';
+export declare const useLogic: <TFieldValues extends Record<string, unknown>>({ modalForm, }: {
+    modalForm: UseFormReturn<TFieldValues>;
+}) => {
+    isResetButtonDisabled: boolean;
+};

package/node/hook-form/FormFilters/FormFiltersDialog/ResetButton/useLogic/useLogic.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLogic = void 0;
+const react_hook_form_1 = require("react-hook-form");
+const utils_1 = require("../../../utils");
+const useLogic = ({ modalForm, }) => {
+    const formValues = (0, react_hook_form_1.useWatch)({
+        control: modalForm.control,
+    });
+    const isResetButtonDisabled = (0, utils_1.getFilledCount)(formValues) === 0;
+    return {
+        isResetButtonDisabled,
+    };
+};
+exports.useLogic = useLogic;

package/node/hook-form/FormFilters/FormFiltersDialog/styles.d.ts

@@ -3,16 +3,7 @@ export declare const FiltersModalContent: import("@emotion/styled/dist/declarati
     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 MobileResetButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<Omit<import("../../..").WithoutEmotionSpecific<import("@mui/material").ButtonProps>, "color" | "component" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple"> & {
-    variant?: "light" | "link" | "text" | "contained" | "outlined" | undefined;
-    loading?: boolean | undefined;
-    color?: "primary" | "success" | "warning" | "error" | "grey" | undefined;
-    component?: import("react").ElementType | undefined;
-    selected?: boolean | undefined;
-} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ""> & import("react").RefAttributes<HTMLButtonElement> & {
-    theme?: import("@emotion/react").Theme | undefined;
-}, {}, {}>;
-export declare const DesktopResetButton: import("@emotion/styled/dist/declarations/src/types").StyledComponent<{
+export declare const QuickFiltersWrapper: import("@emotion/styled/dist/declarations/src/types").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>, {}>;

package/node/hook-form/FormFilters/FormFiltersDialog/styles.js

@@ -1,26 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledDialogContent = exports.StyledDialog = exports.DesktopResetButton = exports.MobileResetButton = exports.FiltersModalContent = void 0;
+exports.StyledDialogContent = exports.StyledDialog = exports.QuickFiltersWrapper = exports.FiltersModalContent = void 0;
 const Dialog_1 = require("@mui/material/Dialog");
-const Button_1 = require("../../../components/Button");
 const Dialog_2 = require("../../../components/Dialog");
 const DialogActions_1 = require("../../../components/DialogActions");
 const styled_1 = require("../../../components/styled");
 exports.FiltersModalContent = styled_1.styled.div `
   display: grid;
 `;
-exports.MobileResetButton = (0, styled_1.styled)(Button_1.Button) `
-  margin-left: auto;
-
+exports.QuickFiltersWrapper = styled_1.styled.div `
   ${({ theme }) => theme.breakpoints.up('sm')} {
     display: none;
   }
 `;
-exports.DesktopResetButton = styled_1.styled.div `
-  ${({ theme }) => theme.breakpoints.down('sm')} {
-    display: none;
-  }
-`;
 exports.StyledDialog = (0, styled_1.styled)(Dialog_2.Dialog) `
   .${Dialog_1.dialogClasses.paper} {
     min-width: 500px;

package/node/hook-form/FormFilters/FormFiltersDialog/useLogic/useLogic.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type FormFiltersDialogProps } from '../types';
-export declare const useLogic: <TFieldValues extends Record<string, unknown>>({ validationSchema, mainFilters, secondaryFilters, isModalOpen, setIsModalOpen, onSubmit, form, }: FormFiltersDialogProps<TFieldValues>) => {
+export declare const useLogic: <TFieldValues extends Record<string, unknown>>({ validationSchema, defaultValues, mainFilters, quickFilters, secondaryFilters, isModalOpen, setIsModalOpen, onSubmit, form, }: FormFiltersDialogProps<TFieldValues>) => {
     modalForm: import("react-hook-form").UseFormReturn<TFieldValues, any>;
     onCloseModal: () => void;
     onResetModal: () => void;
@@ -10,9 +10,11 @@ export declare const useLogic: <TFieldValues extends Record<string, unknown>>({
     } & {
         isModal?: boolean | undefined;
     }) => import("react").ReactNode) | undefined;
+    quickFilters: ((props: Pick<{
+        control: import("react-hook-form").Control<TFieldValues>;
+    }, "control">) => import("react").ReactNode) | undefined;
     secondaryFilters: ((props: {
         control: import("react-hook-form").Control<TFieldValues>;
     }) => import("react").ReactNode) | undefined;
     isModalOpen: boolean;
-    isResetButtonDisabled: boolean;
 };

package/node/hook-form/FormFilters/FormFiltersDialog/useLogic/useLogic.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
 const useForm_1 = require("../../../useForm");
-const useLogic = ({ validationSchema, mainFilters, secondaryFilters, isModalOpen, setIsModalOpen, onSubmit, form, }) => {
+const useLogic = ({ validationSchema, defaultValues, mainFilters, quickFilters, secondaryFilters, isModalOpen, setIsModalOpen, onSubmit, form, }) => {
     const modalForm = (0, useForm_1.useForm)({
         validationSchema,
         defaultValues: form.getValues(),
@@ -13,16 +13,15 @@ const useLogic = ({ validationSchema, mainFilters, secondaryFilters, isModalOpen
         modalForm.reset();
     };
     const onResetModal = () => {
-        modalForm.reset(form.getValues());
+        modalForm.reset(defaultValues);
     };
     const onSubmitModal = (submittedValues) => {
         onSubmit(submittedValues);
         setIsModalOpen(false);
     };
-    const isResetButtonDisabled = !modalForm.formState.isDirty;
     (0, react_1.useEffect)(() => {
         if (isModalOpen) {
-            onResetModal();
+            modalForm.reset(form.getValues());
         }
     }, [isModalOpen]);
     return {
@@ -31,9 +30,9 @@ const useLogic = ({ validationSchema, mainFilters, secondaryFilters, isModalOpen
         onResetModal,
         onSubmitModal,
         mainFilters,
+        quickFilters,
         secondaryFilters,
         isModalOpen,
-        isResetButtonDisabled,
     };
 };
 exports.useLogic = useLogic;

package/node/hook-form/FormFilters/FormFiltersSkeleton/FormFiltersSkeleton.js

@@ -2,9 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFiltersSkeleton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const PageHeader_1 = require("../../../components/PageHeader");
 const Skeleton_1 = require("../../../components/Skeleton");
 const styles_1 = require("./styles");
 const FormFiltersSkeleton = () => {
-    return ((0, jsx_runtime_1.jsxs)(styles_1.SkeletonWrapper, { children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" })] }));
+    const { filtersClassName } = (0, react_1.useContext)(PageHeader_1.FormFiltersLayoutContext) ?? {};
+    return ((0, jsx_runtime_1.jsxs)(styles_1.SkeletonWrapper, { className: filtersClassName, children: [(0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" }), (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { variant: "rounded" })] }));
 };
 exports.FormFiltersSkeleton = FormFiltersSkeleton;

package/node/hook-form/FormFilters/styles.d.ts

@@ -13,3 +13,7 @@ export declare const SubmitButtonWrapper: import("@emotion/styled/dist/declarati
     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 QuickFiltersWrapper: import("@emotion/styled/dist/declarations/src/types").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>, {}>;

package/node/hook-form/FormFilters/styles.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubmitButtonWrapper = exports.MainFiltersWrapper = exports.Wrapper = void 0;
+exports.QuickFiltersWrapper = exports.SubmitButtonWrapper = exports.MainFiltersWrapper = exports.Wrapper = void 0;
 const FormLabel_1 = require("@mui/material/FormLabel");
 const InputBase_1 = require("@mui/material/InputBase");
 const styled_1 = require("../../components/styled");
@@ -10,13 +10,13 @@ exports.Wrapper = styled_1.styled.div `
   gap: ${({ theme }) => theme.spacing(2)};
   justify-content: space-between;
 
-  width: 100%; 
+  width: 100%;
   margin-top: ${({ theme }) => theme.spacing(4)};
 
   .${FormLabel_1.formLabelClasses.root} {
     display: none;
   }
-  
+
   ${({ theme }) => theme.breakpoints.down('laptop')} {
     margin-top: 0;
     padding-right: ${({ theme }) => theme.spacing(2)};
@@ -55,3 +55,12 @@ exports.SubmitButtonWrapper = styled_1.styled.div `
     display: none;
   }
 `;
+exports.QuickFiltersWrapper = styled_1.styled.div `
+  display: flex;
+
+  width: 100%;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;

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

@@ -18,18 +18,38 @@ export type FormFiltersProps<TFieldValues extends Record<string, unknown>> = {
      * @example
      * ```ts
      * <FormFilters
-     *   SearchField={({control}) => <FormFiltersSearchField control={control} placeholder="Поиск..." />}
+     *   searchField={({control}) => <FormFiltersSearchField control={control} placeholder="Поиск..." />}
      * />
      * ```
      */
     searchField?: (props: InputsProps<TFieldValues>) => ReactNode;
+    /**
+     * Быстрые фильтры — группа чипов.
+     * На больших экранах отображаются строкой чипов под mainFilters,
+     * на маленьких разрешениях — последним элементом внутри модалки (как Select).
+     *
+     * @example
+     * ```ts
+     * <FormFilters
+     *   quickFilters={({ control }) => (
+     *     <FormQuickFilters
+     *       control={control}
+     *       name="status"
+     *       label="Статус"
+     *       options={[{ label: 'Активные', value: 'active' }]}
+     *     />
+     *   )}
+     * />
+     * ```
+     */
+    quickFilters?: (props: Pick<InputsProps<TFieldValues>, 'control'>) => ReactNode;
     /**
      * Основные фильтры
      *
      * @example
      * ```ts
      * <FormFilters
-     *   MainFilters={({ control, isModal }) =>
+     *   mainFilters={({ control, isModal }) =>
      *    <FormTextField
      *      control={control}
      *      name="name"
@@ -48,7 +68,7 @@ export type FormFiltersProps<TFieldValues extends Record<string, unknown>> = {
      * @example
      * ```ts
      * <FormFilters
-     *   SecondaryFilters={({ control }) => <FormTextField control={control} name="name" label="Название" placeholder="Введите название" />}
+     *   secondaryFilters={({ control }) => <FormTextField control={control} name="name" label="Название" placeholder="Введите название" />}
      * />
      * ```
      */
@@ -59,7 +79,7 @@ export type FormFiltersProps<TFieldValues extends Record<string, unknown>> = {
      * @example
      * ```ts
      * <FormFilters
-     *   SubmitButton={(props) => <Button {...props} loading={isLoading}>Применить</Button>}
+     *   submitButton={(props) => <Button {...props} loading={isLoading}>Применить</Button>}
      * />
      * ```
      */

package/node/hook-form/FormFilters/useLogic/useLogic.d.ts

@@ -6,6 +6,7 @@ type UseLogicReturn<TFieldValues extends Record<string, unknown>> = {
     onSubmit?: (values: TFieldValues) => void;
     searchField: FormFiltersProps<TFieldValues>['searchField'];
     mainFilters: FormFiltersProps<TFieldValues>['mainFilters'];
+    quickFilters: FormFiltersProps<TFieldValues>['quickFilters'];
     submitButton: FormFiltersProps<TFieldValues>['submitButton'];
     secondaryFilters: FormFiltersProps<TFieldValues>['secondaryFilters'];
     onOpenModal: () => void;
@@ -13,5 +14,5 @@ type UseLogicReturn<TFieldValues extends Record<string, unknown>> = {
     mainFiltersColumns?: string;
     isLoading?: boolean;
 };
-export declare const useLogic: <TFieldValues extends Record<string, unknown>>({ form, onSubmit, validationSchema, searchField, mainFilters, secondaryFilters, submitButton, mainFiltersColumns, isLoading, }: FormFiltersProps<TFieldValues>) => UseLogicReturn<TFieldValues>;
+export declare const useLogic: <TFieldValues extends Record<string, unknown>>({ form, onSubmit, validationSchema, searchField, mainFilters, quickFilters, secondaryFilters, submitButton, mainFiltersColumns, isLoading, }: FormFiltersProps<TFieldValues>) => UseLogicReturn<TFieldValues>;
 export {};

package/node/hook-form/FormFilters/useLogic/useLogic.js

@@ -2,8 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLogic = void 0;
 const react_1 = require("react");
-const useLogic = ({ form, onSubmit, validationSchema, searchField, mainFilters, secondaryFilters, submitButton, mainFiltersColumns, isLoading, }) => {
+const hooks_1 = require("./hooks");
+const useLogic = ({ form, onSubmit, validationSchema, searchField, mainFilters, quickFilters, secondaryFilters, submitButton, mainFiltersColumns, isLoading, }) => {
     const [isModalOpen, setIsModalOpen] = (0, react_1.useState)(false);
+    const [defaultValues, setDefaultValues] = (0, react_1.useState)({});
+    const isFirstMountAfterLoading = (0, hooks_1.useFirstMountAfterLoading)(isLoading);
+    (0, react_1.useEffect)(() => {
+        if (isFirstMountAfterLoading) {
+            setDefaultValues(form.getValues());
+        }
+    }, [form]);
     const onOpenModal = () => {
         setIsModalOpen(true);
     };
@@ -15,16 +23,19 @@ const useLogic = ({ form, onSubmit, validationSchema, searchField, mainFilters,
         validationSchema,
         form,
         mainFilters,
+        quickFilters,
         secondaryFilters,
         onSubmit: onSubmitModal,
         isModalOpen,
         setIsModalOpen,
+        defaultValues,
     };
     return {
         form,
         onSubmit,
         searchField,
         mainFilters,
+        quickFilters,
         secondaryFilters,
         submitButton,
         onOpenModal,

package/node/hook-form/FormFilters/utils/checkIsFilledValue/checkIsFilledValue.d.ts

@@ -0,0 +1 @@
+export declare function checkIsFilledValue(value: unknown): boolean;

package/node/hook-form/FormFilters/utils/checkIsFilledValue/checkIsFilledValue.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsFilledValue = void 0;
+function checkIsFilledValue(value) {
+    if (value === null || value === undefined) {
+        return false;
+    }
+    if (typeof value === 'string') {
+        return value.trim() !== '';
+    }
+    if (Array.isArray(value)) {
+        return Boolean(value?.length);
+    }
+    if (typeof value === 'object') {
+        return Object.values(value).some((v) => checkIsFilledValue(v));
+    }
+    if (typeof value === 'number') {
+        return Number.isFinite(value);
+    }
+    return Boolean(value);
+}
+exports.checkIsFilledValue = checkIsFilledValue;

package/node/hook-form/FormFilters/utils/checkIsFilledValue/index.d.ts

@@ -0,0 +1 @@
+export { checkIsFilledValue } from './checkIsFilledValue';

package/node/hook-form/FormFilters/utils/checkIsFilledValue/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsFilledValue = void 0;
+var checkIsFilledValue_1 = require("./checkIsFilledValue");
+Object.defineProperty(exports, "checkIsFilledValue", { enumerable: true, get: function () { return checkIsFilledValue_1.checkIsFilledValue; } });

package/node/hook-form/FormFilters/utils/getFilledCount/getFilledCount.d.ts

@@ -0,0 +1 @@
+export declare const getFilledCount: (formValues: Record<string, unknown>) => number;

package/node/hook-form/FormFilters/utils/getFilledCount/getFilledCount.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFilledCount = void 0;
+const checkIsFilledValue_1 = require("../checkIsFilledValue/checkIsFilledValue");
+const getFilledCount = (formValues) => {
+    return Object.values(formValues || {}).filter(checkIsFilledValue_1.checkIsFilledValue).length;
+};
+exports.getFilledCount = getFilledCount;

package/node/hook-form/FormFilters/utils/getFilledCount/index.d.ts

@@ -0,0 +1 @@
+export { getFilledCount } from './getFilledCount';

package/node/hook-form/FormFilters/utils/getFilledCount/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFilledCount = void 0;
+var getFilledCount_1 = require("./getFilledCount");
+Object.defineProperty(exports, "getFilledCount", { enumerable: true, get: function () { return getFilledCount_1.getFilledCount; } });

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

@@ -0,0 +1,2 @@
+export { checkIsFilledValue } from './checkIsFilledValue';
+export { getFilledCount } from './getFilledCount';

package/node/hook-form/FormFilters/utils/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFilledCount = exports.checkIsFilledValue = void 0;
+var checkIsFilledValue_1 = require("./checkIsFilledValue");
+Object.defineProperty(exports, "checkIsFilledValue", { enumerable: true, get: function () { return checkIsFilledValue_1.checkIsFilledValue; } });
+var getFilledCount_1 = require("./getFilledCount");
+Object.defineProperty(exports, "getFilledCount", { enumerable: true, get: function () { return getFilledCount_1.getFilledCount; } });

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

@@ -0,0 +1,26 @@
+import type { FormQuickFiltersProps } from './types';
+/**
+ * Группа чипов для быстрых фильтров внутри FormFilters (слот quickFilters).
+ *
+ *   Поведение чипов задаётся параметром `multiple` через `ChipProvider mode`:
+ *   - false (default) — `single` (radio)
+ *   - true — `multiple` (checkbox)
+ *
+ * - На мобильных устройствах отображается как Select
+ *
+ * @example
+ * <FormFilters
+ *   quickFilters={({ control }) => (
+ *     <FormQuickFilters
+ *       control={control}
+ *       name="status"
+ *       label="Статус"
+ *       options={[
+ *         { label: 'Активные', value: 'active' },
+ *         { label: 'Архив', value: 'archived' },
+ *       ]}
+ *     />
+ *   )}
+ * />
+ */
+export declare const FormQuickFilters: <TFieldValues extends object>(props: FormQuickFiltersProps<TFieldValues>) => import("react/jsx-runtime").JSX.Element;

package/node/hook-form/FormQuickFilters/FormQuickFilters.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormQuickFilters = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Checkbox_1 = require("../../components/Checkbox");
+const Chip_1 = require("../../components/Chip");
+const ListItemIcon_1 = require("../../components/ListItemIcon");
+const MenuItem_1 = require("../../components/MenuItem");
+const FormSelect_1 = require("../FormSelect");
+const constants_1 = require("./constants");
+const styles_1 = require("./styles");
+const useLogic_1 = require("./useLogic/useLogic");
+/**
+ * Группа чипов для быстрых фильтров внутри FormFilters (слот quickFilters).
+ *
+ *   Поведение чипов задаётся параметром `multiple` через `ChipProvider mode`:
+ *   - false (default) — `single` (radio)
+ *   - true — `multiple` (checkbox)
+ *
+ * - На мобильных устройствах отображается как Select
+ *
+ * @example
+ * <FormFilters
+ *   quickFilters={({ control }) => (
+ *     <FormQuickFilters
+ *       control={control}
+ *       name="status"
+ *       label="Статус"
+ *       options={[
+ *         { label: 'Активные', value: 'active' },
+ *         { label: 'Архив', value: 'archived' },
+ *       ]}
+ *     />
+ *   )}
+ * />
+ */
+const FormQuickFilters = (props) => {
+    const { field, filterOptions, checkIsAllSelected, handleChipChange, isSelected, label, allLabel, allCounter, multiple, maxCount, name, placeholder, control, getOptionLabel, getCounterLabel, } = (0, useLogic_1.useLogic)(props);
+    const renderMultipleOptions = () => {
+        return filterOptions.map((option) => {
+            const checked = control._formValues[name]?.includes(option.value);
+            return ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { value: option.value, children: [(0, jsx_runtime_1.jsx)(ListItemIcon_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { checked: checked }) }), option.label, getCounterLabel(option)] }, option.value));
+        });
+    };
+    const renderSingleOptions = () => {
+        return filterOptions.map((option) => ((0, jsx_runtime_1.jsxs)(MenuItem_1.MenuItem, { value: option.value, children: [option.label, getCounterLabel(option)] }, option.value)));
+    };
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(styles_1.Wrapper, { children: (0, jsx_runtime_1.jsxs)(Chip_1.ChipProvider, { mode: multiple ? 'multiple' : 'single', name: name, children: [(0, jsx_runtime_1.jsx)(Chip_1.Chip, { label: allLabel, isSelected: checkIsAllSelected(), onChange: () => handleChipChange(constants_1.FORM_QUICK_FILTERS_ALL_VALUE), counter: allCounter, size: "medium", maxCount: maxCount, value: constants_1.FORM_QUICK_FILTERS_ALL_VALUE }, constants_1.FORM_QUICK_FILTERS_ALL_CHIP_KEY), filterOptions.map((option) => ((0, jsx_runtime_1.jsx)(Chip_1.Chip, { label: option.label, isSelected: isSelected(option.value), onChange: () => handleChipChange(option.value), status: option.status, counter: option.counter, size: "medium", maxCount: maxCount, value: String(option.value) }, option.value)))] }) }), (0, jsx_runtime_1.jsx)(styles_1.MobileWrapper, { children: (0, jsx_runtime_1.jsx)(FormSelect_1.FormSelect, { control: control, name: name, inputProps: { id: constants_1.FORM_FILTERS_QUICK_FILTERS_ID }, label: label, getOptionLabel: getOptionLabel, multiple: multiple, onChange: field.onChange, onBlur: field.onBlur, fullWidth: true, placeholder: placeholder, children: multiple ? renderMultipleOptions() : renderSingleOptions() }) })] }));
+};
+exports.FormQuickFilters = FormQuickFilters;

package/node/hook-form/FormQuickFilters/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const FORM_FILTERS_QUICK_FILTERS_ID = "form-filters-quick-filters";
+/** Значение поля при выборе «Все» (ничего не выбрано) */
+export declare const FORM_QUICK_FILTERS_ALL_VALUE = "";
+export declare const FORM_QUICK_FILTERS_DEFAULT_ALL_LABEL = "\u0412\u0441\u0435";
+/** Стабильный key для чипа «Все» (value поля при этом остаётся пустой строкой) */
+export declare const FORM_QUICK_FILTERS_ALL_CHIP_KEY = "form_quick_filters_all_key";

package/node/hook-form/FormQuickFilters/constants.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FORM_QUICK_FILTERS_ALL_CHIP_KEY = exports.FORM_QUICK_FILTERS_DEFAULT_ALL_LABEL = exports.FORM_QUICK_FILTERS_ALL_VALUE = exports.FORM_FILTERS_QUICK_FILTERS_ID = void 0;
+exports.FORM_FILTERS_QUICK_FILTERS_ID = 'form-filters-quick-filters';
+/** Значение поля при выборе «Все» (ничего не выбрано) */
+exports.FORM_QUICK_FILTERS_ALL_VALUE = '';
+exports.FORM_QUICK_FILTERS_DEFAULT_ALL_LABEL = 'Все';
+/** Стабильный key для чипа «Все» (value поля при этом остаётся пустой строкой) */
+exports.FORM_QUICK_FILTERS_ALL_CHIP_KEY = 'form_quick_filters_all_key';

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

@@ -0,0 +1,2 @@
+export { FormQuickFilters } from './FormQuickFilters';
+export type { FormQuickFiltersProps, QuickFilterOption } from './types';

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormQuickFilters = void 0;
+var FormQuickFilters_1 = require("./FormQuickFilters");
+Object.defineProperty(exports, "FormQuickFilters", { enumerable: true, get: function () { return FormQuickFilters_1.FormQuickFilters; } });

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

@@ -0,0 +1,2 @@
+export { FormQuickFilters } from './FormQuickFilters';
+export type { FormQuickFiltersProps, QuickFilterOption } from './types';

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FormQuickFilters = void 0;
+var FormQuickFilters_1 = require("./FormQuickFilters");
+Object.defineProperty(exports, "FormQuickFilters", { enumerable: true, get: function () { return FormQuickFilters_1.FormQuickFilters; } });

package/node/hook-form/FormQuickFilters/styles.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export declare const Wrapper: import("@emotion/styled/dist/declarations/src/types").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 MobileWrapper: import("@emotion/styled/dist/declarations/src/types").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>, {}>;

package/node/hook-form/FormQuickFilters/styles.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileWrapper = exports.Wrapper = void 0;
+const styled_1 = require("../../components/styled");
+exports.Wrapper = styled_1.styled.div `
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${({ theme }) => theme.spacing(2)};
+  align-items: center;
+
+  ${({ theme }) => theme.breakpoints.down('sm')} {
+    display: none;
+  }
+`;
+exports.MobileWrapper = styled_1.styled.div `
+  ${({ theme }) => theme.breakpoints.up('sm')} {
+    display: none;
+  }
+`;

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

@@ -0,0 +1,62 @@
+import type { Control, Path } from 'react-hook-form';
+import type { ChipStatus } from '../../components/Chip';
+export type QuickFilterValue = string | number;
+export type QuickFilterOption = {
+    /**
+     * Текст чипа / пункта списка
+     */
+    label: string;
+    /**
+     * Значение опции
+     */
+    value: QuickFilterValue;
+    /**
+     * Статус чипа
+     */
+    status?: ChipStatus;
+    /**
+     * Число счетчика справа от `label`
+     */
+    counter?: number;
+};
+export type FormQuickFiltersProps<TFieldValues extends object> = {
+    /**
+     * Объект control из react-hook-form
+     */
+    control: Control<TFieldValues>;
+    /**
+     * Имя поля формы
+     */
+    name: Path<TFieldValues>;
+    /**
+     * Лейбл — отображается в заголовке Select-режима (внутри модалки на мобиле)
+     */
+    label: string;
+    /**
+     * Список опций (без пункта «Все» — он добавляется автоматически и соответствует пустому значению поля)
+     */
+    options: QuickFilterOption[];
+    /**
+     * Подпись встроенного чипа «Все»
+     * @default 'Все'
+     */
+    allLabel?: string;
+    /**
+     * Счётчик у чипа «Все»
+     */
+    allCounter?: number;
+    /**
+     * Максимальное чисто счетчика у чипов
+     */
+    maxCount?: number;
+    /**
+     * Режим мультивыбора.
+     * - false (default) — одиночный выбор (radio-поведение)
+     * - true — множественный выбор (checkbox-поведение)
+     */
+    multiple?: boolean;
+    /**
+     * Плейсхолдер для Select-режима (внутри модалки на мобиле)
+     */
+    placeholder?: string;
+};

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

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