@alfalab/core-components 42.14.0-beta.0 → 42.14.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/calendar-input/Component-10db897e.d.ts +183 -3
- package/calendar-input/Component-69921c40.d.ts +12 -172
- package/calendar-input/Component.desktop-b5b4c59f.d.ts +5 -72
- package/calendar-input/components/calendar-input/Component.d.ts +1 -1
- package/calendar-input/index-89f0cb07.d.ts +1 -1
- package/calendar-input/index-ebda875c.d.ts +1 -1
- package/calendar-input/index-f034f741.d.ts +2 -80
- package/calendar-input/mobile-c219f8ca.d.ts +368 -1
- package/confirmation/component.desktop.js +1 -1
- package/confirmation/component.mobile.js +1 -1
- package/confirmation/component.responsive.js +1 -1
- package/confirmation/components/base-confirmation/component.js +1 -1
- package/confirmation/components/base-confirmation/index.js +1 -1
- package/confirmation/components/index.js +1 -1
- package/confirmation/components/screens/index.js +1 -1
- package/confirmation/components/screens/initial/component.js +1 -1
- package/confirmation/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/components/screens/initial/index.js +1 -1
- package/confirmation/desktop.js +1 -1
- package/confirmation/esm/component.desktop.js +1 -1
- package/confirmation/esm/component.mobile.js +1 -1
- package/confirmation/esm/component.responsive.js +1 -1
- package/confirmation/esm/components/base-confirmation/component.js +1 -1
- package/confirmation/esm/components/base-confirmation/index.js +1 -1
- package/confirmation/esm/components/index.js +1 -1
- package/confirmation/esm/components/screens/index.js +1 -1
- package/confirmation/esm/components/screens/initial/component.js +1 -1
- package/confirmation/esm/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/esm/components/screens/initial/index.js +1 -1
- package/confirmation/esm/desktop.js +1 -1
- package/confirmation/esm/index.js +1 -1
- package/confirmation/esm/mobile.js +1 -1
- package/confirmation/esm/shared.js +1 -1
- package/confirmation/index.js +1 -1
- package/confirmation/mobile.js +1 -1
- package/confirmation/modern/component.desktop.js +1 -1
- package/confirmation/modern/component.mobile.js +1 -1
- package/confirmation/modern/component.responsive.js +1 -1
- package/confirmation/modern/components/base-confirmation/component.js +1 -1
- package/confirmation/modern/components/base-confirmation/index.js +1 -1
- package/confirmation/modern/components/index.js +1 -1
- package/confirmation/modern/components/screens/index.js +1 -1
- package/confirmation/modern/components/screens/initial/component.js +1 -1
- package/confirmation/modern/components/screens/initial/countdown-section.js +1 -1
- package/confirmation/modern/components/screens/initial/index.js +1 -1
- package/confirmation/modern/desktop.js +1 -1
- package/confirmation/modern/index.js +1 -1
- package/confirmation/modern/mobile.js +1 -1
- package/confirmation/modern/shared.js +1 -1
- package/confirmation/shared.js +1 -1
- package/date-range-input/esm/Component-10db897e.d.ts +295 -4
- package/date-range-input/esm/Component-b5b4c59f.d.ts +1 -1
- package/date-range-input/esm/Component.desktop-b5b4c59f.d.ts +1 -8
- package/date-range-input/esm/index-ebda875c.d.ts +1 -34
- package/date-range-input/esm/index-f034f741.d.ts +5 -2
- package/date-time-input/esm/Component-10db897e.d.ts +4 -295
- package/date-time-input/esm/Component-69921c40.d.ts +172 -12
- package/date-time-input/esm/Component.desktop-b5b4c59f.d.ts +72 -5
- package/date-time-input/esm/components/date-time-input/Component.d.ts +1 -1
- package/date-time-input/esm/index-89f0cb07.d.ts +1 -1
- package/date-time-input/esm/index-ebda875c.d.ts +34 -1
- package/date-time-input/esm/index-f034f741.d.ts +80 -2
- package/date-time-input/esm/mobile-c219f8ca.d.ts +1 -368
- package/date-time-input/modern/Component-10db897e.d.ts +295 -4
- package/date-time-input/modern/Component-5684a67d.d.ts +23 -0
- package/date-time-input/modern/Component-69921c40.d.ts +12 -172
- package/date-time-input/modern/Component-e2b6c730.d.ts +76 -0
- package/date-time-input/modern/Component.desktop-b5b4c59f.d.ts +5 -72
- package/date-time-input/modern/components/date-time-input/Component.d.ts +1 -1
- package/date-time-input/modern/{desktop-69921c40.d.ts → desktop-89f0cb07.d.ts} +1 -1
- package/date-time-input/modern/index-89f0cb07.d.ts +1 -1
- package/date-time-input/modern/index-ebda875c.d.ts +1 -34
- package/date-time-input/modern/index-f034f741.d.ts +2 -80
- package/date-time-input/modern/mobile-c219f8ca.d.ts +368 -1
- package/date-time-input/modern/utils-e0a54580.d.ts +8 -0
- package/gallery/Component.js +2 -2
- package/gallery/components/header/Component.js +1 -1
- package/gallery/components/header/buttons.js +1 -1
- package/gallery/components/header/index.js +1 -1
- package/gallery/components/image-viewer/component.js +1 -1
- package/gallery/components/image-viewer/index.js +1 -1
- package/gallery/components/image-viewer/slide.js +1 -1
- package/gallery/components/index.js +2 -2
- package/gallery/esm/Component.js +2 -2
- package/gallery/esm/components/header/Component.js +1 -1
- package/gallery/esm/components/header/buttons.js +1 -1
- package/gallery/esm/components/header/index.js +1 -1
- package/gallery/esm/components/image-viewer/component.js +1 -1
- package/gallery/esm/components/image-viewer/index.js +1 -1
- package/gallery/esm/components/image-viewer/slide.js +1 -1
- package/gallery/esm/components/index.js +2 -2
- package/gallery/esm/index.js +2 -2
- package/gallery/index.js +2 -2
- package/gallery/modern/Component.js +2 -2
- package/gallery/modern/components/header/Component.js +1 -1
- package/gallery/modern/components/header/buttons.js +1 -1
- package/gallery/modern/components/header/index.js +1 -1
- package/gallery/modern/components/image-viewer/component.js +1 -1
- package/gallery/modern/components/image-viewer/index.js +1 -1
- package/gallery/modern/components/image-viewer/slide.js +1 -1
- package/gallery/modern/components/index.js +2 -2
- package/gallery/modern/index.js +2 -2
- package/input-autocomplete/esm/Component-0f4b9bed.d.ts +70 -3
- package/input-autocomplete/esm/Component-ebda875c.d.ts +8 -293
- package/input-autocomplete/esm/Component.desktop.d.ts +1 -1
- package/input-autocomplete/esm/Component.mobile.d.ts +2 -2
- package/input-autocomplete/esm/Component.modal.mobile.d.ts +3 -3
- package/input-autocomplete/esm/Component.responsive.d.ts +4 -4
- package/input-autocomplete/esm/hook-8abfea97.d.ts +4 -4
- package/input-autocomplete/esm/index-bdb4c6b9.d.ts +2 -180
- package/input-autocomplete/esm/index-c76d6398.d.ts +6 -184
- package/input-autocomplete/esm/index-ebda875c.d.ts +117 -190
- package/input-autocomplete/esm/index-f12ee135.d.ts +3 -275
- package/input-autocomplete/esm/shared-4cd3936b.d.ts +59 -1
- package/input-autocomplete/esm/types-72dda473.d.ts +276 -0
- package/international-phone-input/modern/Component-0f4b9bed.d.ts +3 -70
- package/international-phone-input/modern/Component-4cd3936b.d.ts +5 -17
- package/international-phone-input/modern/Component-8b2c2707.d.ts +1 -1
- package/international-phone-input/modern/Component-96988a65.d.ts +19 -0
- package/international-phone-input/modern/Component-ebda875c.d.ts +98 -9
- package/international-phone-input/modern/{Component.desktop-9cded6b9.d.ts → Component.desktop-4cd3936b.d.ts} +2 -2
- package/international-phone-input/modern/Component.desktop-ebda875c.d.ts +18 -0
- package/international-phone-input/modern/Component.responsive.d.ts +3 -3
- package/international-phone-input/modern/desktop-232828f7.d.ts +1 -1
- package/international-phone-input/modern/hook-8abfea97.d.ts +4 -4
- package/international-phone-input/modern/index-bdb4c6b9.d.ts +180 -2
- package/international-phone-input/modern/index-c44170fe.d.ts +1 -1
- package/international-phone-input/modern/index-c76d6398.d.ts +182 -4
- package/international-phone-input/modern/index-ebda875c.d.ts +1 -1
- package/international-phone-input/modern/mobile-4c19bc40.d.ts +121 -3
- package/international-phone-input/modern/mobile-96988a65.d.ts +2 -1
- package/international-phone-input/modern/shared-4cd3936b.d.ts +1 -59
- package/package.json +2 -2
- package/pure-cell/component.js +1 -1
- package/pure-cell/components/content/component.js +1 -1
- package/pure-cell/components/content/index.d.ts +1 -1
- package/pure-cell/components/content/index.js +1 -1
- package/pure-cell/components/main/component.js +1 -1
- package/pure-cell/components/main/index.d.ts +1 -1
- package/pure-cell/components/main/index.js +1 -1
- package/pure-cell/components/text/component.js +1 -1
- package/pure-cell/components/text/index.d.ts +1 -1
- package/pure-cell/components/text/index.js +1 -1
- package/pure-cell/esm/component.js +1 -1
- package/pure-cell/esm/components/content/component.js +1 -1
- package/pure-cell/esm/components/content/index.d.ts +1 -1
- package/pure-cell/esm/components/content/index.js +1 -1
- package/pure-cell/esm/components/main/component.js +1 -1
- package/pure-cell/esm/components/main/index.d.ts +1 -1
- package/pure-cell/esm/components/main/index.js +1 -1
- package/pure-cell/esm/components/text/component.js +1 -1
- package/pure-cell/esm/components/text/index.d.ts +1 -1
- package/pure-cell/esm/components/text/index.js +1 -1
- package/pure-cell/esm/index.js +1 -1
- package/pure-cell/index.js +1 -1
- package/pure-cell/modern/component.js +1 -1
- package/pure-cell/modern/components/content/component.js +1 -1
- package/pure-cell/modern/components/content/index.d.ts +1 -1
- package/pure-cell/modern/components/content/index.js +1 -1
- package/pure-cell/modern/components/main/component.js +1 -1
- package/pure-cell/modern/components/main/index.d.ts +1 -1
- package/pure-cell/modern/components/main/index.js +1 -1
- package/pure-cell/modern/components/text/component.js +1 -1
- package/pure-cell/modern/components/text/index.d.ts +1 -1
- package/pure-cell/modern/components/text/index.js +1 -1
- package/pure-cell/modern/index.js +1 -1
- package/select/Component.desktop.d.ts +0 -2
- package/select/Component.mobile-f1f15074.d.ts +2 -2
- package/select/Component.mobile.js +1 -1
- package/select/Component.modal.mobile.js +1 -1
- package/select/Component.responsive.js +1 -1
- package/select/esm/Component.mobile.js +1 -1
- package/select/esm/Component.modal.mobile.js +1 -1
- package/select/esm/Component.responsive.js +1 -1
- package/select/esm/index.js +1 -1
- package/select/esm/mobile.js +1 -1
- package/select/esm/presets/index.js +1 -1
- package/select/esm/presets/useSelectWithApply/hook.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/esm/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/esm/shared.js +1 -1
- package/select/index.js +1 -1
- package/select/mobile-96988a65.d.ts +6 -2
- package/select/mobile.js +1 -1
- package/select/modern/Component.mobile.js +1 -1
- package/select/modern/Component.modal.mobile.js +1 -1
- package/select/modern/Component.responsive.js +1 -1
- package/select/modern/index.js +1 -1
- package/select/modern/mobile.js +1 -1
- package/select/modern/presets/index.js +1 -1
- package/select/modern/presets/useSelectWithApply/hook.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/modern/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/modern/shared.js +1 -1
- package/select/presets/index.js +1 -1
- package/select/presets/useSelectWithApply/hook.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/Component.js +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
- package/select/presets/useSelectWithApply/options-list-with-apply/index.js +1 -1
- package/select/shared.js +1 -1
- package/select-with-tags/components/tag-list/component.js +1 -1
- package/select-with-tags/cssm/Component.desktop-0aa4e915.d.ts +1 -1
- package/select-with-tags/cssm/Component.mobile-16b1285a.d.ts +1 -1
- package/select-with-tags/cssm/Component.responsive-3109f463.d.ts +1 -1
- package/select-with-tags/cssm/components/tag-list/component.js +1 -1
- package/select-with-tags/esm/components/tag-list/component.js +1 -1
- package/select-with-tags/modern/components/tag-list/component.js +1 -1
- package/table/esm/desktop-69921c40.d.ts +1 -1
- package/table/esm/index-ebda875c.d.ts +1 -1
- package/table/esm/mobile-89f0cb07.d.ts +1 -1
- package/tabs/cssm/index-ebda875c.d.ts +86 -21
- package/tabs/modern/index-ebda875c.d.ts +86 -21
- package/themes/compiled/mobile-dark-bluetint.css +46 -46
- package/themes/dist/compiled/mobile-dark-bluetint.css +160 -160
- package/calendar-input/Component-ebda875c.d.ts +0 -35
- package/date-time-input/modern/Component-b5b4c59f.d.ts +0 -389
- package/input-autocomplete/esm/Component-72dda473.d.ts +0 -53
- package/international-phone-input/modern/Component-9cded6b9.d.ts +0 -7
- package/international-phone-input/modern/Component.mobile-4cd3936b.d.ts +0 -98
- package/international-phone-input/modern/Component.mobile-ebda875c.d.ts +0 -6
- package/international-phone-input/modern/Component.modal.mobile-4cd3936b.d.ts +0 -91
- /package/{date-time-input/esm → calendar-input}/Component-5684a67d.d.ts +0 -0
- /package/{date-time-input/esm → calendar-input}/Component-e2b6c730.d.ts +0 -0
- /package/{date-time-input/esm → calendar-input}/Component.desktop-89f0cb07.d.ts +0 -0
- /package/calendar-input/{Component.responsive-0aa4e915.d.ts → Component.responsive-16b1285a.d.ts} +0 -0
- /package/{date-time-input/esm → calendar-input}/desktop-89f0cb07.d.ts +0 -0
- /package/{date-time-input/esm → calendar-input}/desktop-b5b4c59f.d.ts +0 -0
- /package/calendar-input/{shared-f034f741.d.ts → shared-71d94e2b.d.ts} +0 -0
- /package/{date-time-input/esm → calendar-input}/utils-e0a54580.d.ts +0 -0
- /package/confirmation/{countdown-section-6c6108cc.d.ts → countdown-section-3dcecb18.d.ts} +0 -0
- /package/confirmation/{countdown-section-6c6108cc.js → countdown-section-3dcecb18.js} +0 -0
- /package/confirmation/esm/{countdown-section-d6bdbf45.d.ts → countdown-section-9f91f07f.d.ts} +0 -0
- /package/confirmation/esm/{countdown-section-d6bdbf45.js → countdown-section-9f91f07f.js} +0 -0
- /package/confirmation/modern/{countdown-section-3348e907.d.ts → countdown-section-f642a386.d.ts} +0 -0
- /package/confirmation/modern/{countdown-section-3348e907.js → countdown-section-f642a386.js} +0 -0
- /package/date-range-input/esm/{Component.mobile-16b1285a.d.ts → Component.mobile-89f0cb07.d.ts} +0 -0
- /package/{calendar-input → date-time-input/esm}/Component-b5b4c59f.d.ts +0 -0
- /package/{calendar-input → date-time-input/esm}/Component.desktop-0aa4e915.d.ts +0 -0
- /package/date-time-input/{modern → esm}/Component.mobile-ebda875c.d.ts +0 -0
- /package/date-time-input/{modern → esm}/Component.responsive-0aa4e915.d.ts +0 -0
- /package/date-time-input/{modern → esm}/Component.responsive-785df74d.d.ts +0 -0
- /package/{calendar-input → date-time-input/esm}/desktop-63dec22f.d.ts +0 -0
- /package/{calendar-input → date-time-input/esm}/desktop-69921c40.d.ts +0 -0
- /package/date-time-input/modern/{Component.desktop-0aa4e915.d.ts → Component.desktop-89f0cb07.d.ts} +0 -0
- /package/date-time-input/{esm → modern}/Component.desktop-ebda875c.d.ts +0 -0
- /package/date-time-input/{esm → modern}/Component.responsive-16b1285a.d.ts +0 -0
- /package/date-time-input/{esm → modern}/Component.responsive-d7e9f69d.d.ts +0 -0
- /package/date-time-input/modern/{desktop-63dec22f.d.ts → desktop-b5b4c59f.d.ts} +0 -0
- /package/gallery/{buttons-956df736.d.ts → buttons-ef2e58f2.d.ts} +0 -0
- /package/gallery/{buttons-956df736.js → buttons-ef2e58f2.js} +0 -0
- /package/gallery/esm/{buttons-aea7680d.d.ts → buttons-80a64e3d.d.ts} +0 -0
- /package/gallery/esm/{buttons-aea7680d.js → buttons-80a64e3d.js} +0 -0
- /package/gallery/esm/{slide-b35666e6.d.ts → slide-855e46a2.d.ts} +0 -0
- /package/gallery/esm/{slide-b35666e6.js → slide-855e46a2.js} +0 -0
- /package/gallery/modern/{buttons-1db6ece7.d.ts → buttons-9cfec478.d.ts} +0 -0
- /package/gallery/modern/{buttons-1db6ece7.js → buttons-9cfec478.js} +0 -0
- /package/gallery/modern/{slide-bfc856d6.d.ts → slide-11296bd8.d.ts} +0 -0
- /package/gallery/modern/{slide-bfc856d6.js → slide-11296bd8.js} +0 -0
- /package/gallery/{slide-cb28b058.d.ts → slide-53929d57.d.ts} +0 -0
- /package/gallery/{slide-cb28b058.js → slide-53929d57.js} +0 -0
- /package/{select → input/esm}/Component.mobile-ebda875c.d.ts +0 -0
- /package/{international-phone-input/modern → input-autocomplete/esm}/Component-69921c40.d.ts +0 -0
- /package/{international-phone-input/modern → input-autocomplete/esm}/Component.modal.mobile-0f4b9bed.d.ts +0 -0
- /package/input-autocomplete/esm/{desktop-89f0cb07.d.ts → desktop-69921c40.d.ts} +0 -0
- /package/input-autocomplete/esm/{mobile-511e54fa.d.ts → mobile-89f0cb07.d.ts} +0 -0
- /package/{international-phone-input/modern → input-autocomplete/esm}/mobile-f28cbba0.d.ts +0 -0
- /package/{international-phone-input/modern → input-autocomplete/esm}/useSkeleton-ebda875c.d.ts +0 -0
- /package/{international-phone-input/modern → input-autocomplete/esm}/utils-1574ad8b.d.ts +0 -0
- /package/{input-autocomplete/esm → international-phone-input/modern}/Component-511e54fa.d.ts +0 -0
- /package/{input-autocomplete/esm → international-phone-input/modern}/Component-aed0af6e.d.ts +0 -0
- /package/{input-autocomplete/esm → international-phone-input/modern}/Component-f12ee135.d.ts +0 -0
- /package/international-phone-input/modern/{Component.responsive-785df74d.d.ts → Component.responsive-d7e9f69d.d.ts} +0 -0
- /package/{input-autocomplete/esm → international-phone-input/modern}/hook-ebda875c.d.ts +0 -0
- /package/{input-autocomplete/esm → international-phone-input/modern}/mobile-45dc17c6.d.ts +0 -0
- /package/international-phone-input/modern/{mobile-89f0cb07.d.ts → mobile-511e54fa.d.ts} +0 -0
- /package/{input-autocomplete/esm → international-phone-input/modern}/useSkeleton-1b036d4b.d.ts +0 -0
- /package/pure-cell/{component-e27ea294.d.ts → component-0a51b9f9.d.ts} +0 -0
- /package/pure-cell/{component-e27ea294.js → component-0a51b9f9.js} +0 -0
- /package/pure-cell/esm/{component-91d54387.d.ts → component-47bb10a4.d.ts} +0 -0
- /package/pure-cell/esm/{component-91d54387.js → component-47bb10a4.js} +0 -0
- /package/pure-cell/modern/{component-b4d6f3df.d.ts → component-f7278cdd.d.ts} +0 -0
- /package/pure-cell/modern/{component-b4d6f3df.js → component-f7278cdd.js} +0 -0
- /package/{input/esm → select}/Component.desktop-ebda875c.d.ts +0 -0
- /package/select/esm/{hook-1e576b85.d.ts → hook-7cea01ed.d.ts} +0 -0
- /package/select/esm/{hook-1e576b85.js → hook-7cea01ed.js} +0 -0
- /package/select/{hook-ccde557f.d.ts → hook-26f637c3.d.ts} +0 -0
- /package/select/{hook-ccde557f.js → hook-26f637c3.js} +0 -0
- /package/select/modern/{hook-99a2fb1e.d.ts → hook-8fde8bd7.d.ts} +0 -0
- /package/select/modern/{hook-99a2fb1e.js → hook-8fde8bd7.js} +0 -0
|
@@ -1,6 +1,64 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { BaseSelectProps, OptionProps, OptionShape } from "./typings-0f4b9bed";
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
5
|
+
type useSelectWithLoadingProps = {
|
|
6
|
+
loading?: boolean;
|
|
7
|
+
visibleOptions?: BaseSelectProps["visibleOptions"];
|
|
8
|
+
Option?: React.FC<OptionProps>;
|
|
9
|
+
};
|
|
10
|
+
declare function useSelectWithLoading({ loading, visibleOptions, Option }: useSelectWithLoadingProps): {
|
|
11
|
+
Option: (props: OptionProps) => React.JSX.Element;
|
|
12
|
+
options: OptionShape[];
|
|
13
|
+
} | null;
|
|
14
|
+
type OptionsFetcherResponse = {
|
|
15
|
+
options: OptionShape[];
|
|
16
|
+
hasMore: boolean;
|
|
17
|
+
};
|
|
18
|
+
// eslint-disable-next-line @typescript-eslint/naming-convention
|
|
19
|
+
type useLazyLoadingProps = {
|
|
20
|
+
/** Количество элементов на "странице" */
|
|
21
|
+
limit?: number;
|
|
22
|
+
/** Начальный номер "страницы" */
|
|
23
|
+
initialOffset?: number;
|
|
24
|
+
/** Скелетон загружаемых элементов */
|
|
25
|
+
skeleton?: React.ReactNode;
|
|
26
|
+
/** Компонент пункта меню */
|
|
27
|
+
Option?: React.FC<OptionProps>;
|
|
28
|
+
/**
|
|
29
|
+
* Функция-загрузчик опций.
|
|
30
|
+
* @param offset - текущая страница
|
|
31
|
+
* @param limit - количество элементов на странице
|
|
32
|
+
* @param queryString - строчные данные, пробрасываемые для поиска из кастомного инпута, расположенного в заголовке OptionsList
|
|
33
|
+
* @returns Promise<{
|
|
34
|
+
* options - список опций следующей "страницы". Они аппендятся к предыдущим
|
|
35
|
+
* hasMore - указывает, есть ли еще незагруженные элементы (в случае false перестает загружать "следующую страницу")
|
|
36
|
+
* }>
|
|
37
|
+
*/
|
|
38
|
+
optionsFetcher(offset: number, limit: number, queryString?: string): Promise<OptionsFetcherResponse>;
|
|
39
|
+
};
|
|
40
|
+
declare function useLazyLoading({ limit, initialOffset, optionsFetcher, skeleton, Option }: useLazyLoadingProps): {
|
|
41
|
+
optionsProps: {
|
|
42
|
+
Option: (props: OptionProps) => React.JSX.Element;
|
|
43
|
+
options: OptionShape[];
|
|
44
|
+
optionsListProps: {
|
|
45
|
+
ref: React.RefObject<HTMLDivElement>;
|
|
46
|
+
inputProps: {
|
|
47
|
+
onChange: (event: React.ChangeEvent<HTMLInputElement>, payload: {
|
|
48
|
+
value: string;
|
|
49
|
+
}) => void;
|
|
50
|
+
value: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
onOpen: (payload: {
|
|
54
|
+
open?: boolean;
|
|
55
|
+
}) => void;
|
|
56
|
+
};
|
|
57
|
+
reset: () => void;
|
|
58
|
+
};
|
|
1
59
|
export * from "./index-ebda875c";
|
|
2
60
|
export * from "./Component-0f4b9bed";
|
|
3
|
-
export
|
|
61
|
+
export { useSelectWithLoading, useLazyLoading };
|
|
4
62
|
export * from "./hook-8abfea97";
|
|
5
63
|
export * from "./typings-0f4b9bed";
|
|
6
64
|
export * from "./utils-0f4b9bed";
|
|
@@ -0,0 +1,276 @@
|
|
|
1
|
+
/// <reference types="react-transition-group" />
|
|
2
|
+
import { HTMLAttributes, ReactElement, ReactNode, RefObject } from 'react';
|
|
3
|
+
import { HandledEvents } from 'react-swipeable/es/types';
|
|
4
|
+
import { TransitionProps } from 'react-transition-group/Transition';
|
|
5
|
+
import { BaseModalProps } from "./index-bdb4c6b9";
|
|
6
|
+
import { NavigationBarProps } from "./index-c76d6398";
|
|
7
|
+
import { BackgroundColorType } from "./index-72dda473";
|
|
8
|
+
type BottomSheetTitleAlign = 'center' | 'left';
|
|
9
|
+
type BottomSheetProps = {
|
|
10
|
+
/**
|
|
11
|
+
* Контент
|
|
12
|
+
*/
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Управление видимостью
|
|
16
|
+
*/
|
|
17
|
+
open: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Заголовок
|
|
20
|
+
*/
|
|
21
|
+
title?: ReactNode;
|
|
22
|
+
/**
|
|
23
|
+
* Размер заголовка
|
|
24
|
+
*/
|
|
25
|
+
titleSize?: NavigationBarProps['titleSize'];
|
|
26
|
+
/**
|
|
27
|
+
* Подзаголовок.
|
|
28
|
+
*/
|
|
29
|
+
subtitle?: NavigationBarProps['subtitle'];
|
|
30
|
+
/**
|
|
31
|
+
* Кнопка действия (обычно, это кнопка закрытия)
|
|
32
|
+
*/
|
|
33
|
+
actionButton?: ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Нода, компонент или функция возвращающая их
|
|
36
|
+
*
|
|
37
|
+
* Контейнер к которому будут добавляться порталы
|
|
38
|
+
*/
|
|
39
|
+
container?: BaseModalProps['container'];
|
|
40
|
+
/**
|
|
41
|
+
* Рендерить ли в контейнер через портал.
|
|
42
|
+
*/
|
|
43
|
+
usePortal?: BaseModalProps['usePortal'];
|
|
44
|
+
/**
|
|
45
|
+
* Дополнительный класс
|
|
46
|
+
*/
|
|
47
|
+
className?: string;
|
|
48
|
+
/**
|
|
49
|
+
* Дополнительный класс
|
|
50
|
+
*/
|
|
51
|
+
contentClassName?: string;
|
|
52
|
+
/**
|
|
53
|
+
* Дополнительные пропсы на контейнер.
|
|
54
|
+
*/
|
|
55
|
+
containerProps?: HTMLAttributes<HTMLDivElement>;
|
|
56
|
+
/**
|
|
57
|
+
* Дополнительный класс
|
|
58
|
+
*/
|
|
59
|
+
containerClassName?: string;
|
|
60
|
+
/**
|
|
61
|
+
* Цвет фона
|
|
62
|
+
*/
|
|
63
|
+
backgroundColor?: Extract<BackgroundColorType, 'primary' | 'secondary'>;
|
|
64
|
+
/**
|
|
65
|
+
* Дополнительный класс шапки
|
|
66
|
+
*/
|
|
67
|
+
headerClassName?: string;
|
|
68
|
+
/**
|
|
69
|
+
* Дополнительный класс футера
|
|
70
|
+
*/
|
|
71
|
+
footerClassName?: string;
|
|
72
|
+
/**
|
|
73
|
+
* Дополнительный класс для аддонов
|
|
74
|
+
*/
|
|
75
|
+
addonClassName?: string;
|
|
76
|
+
/**
|
|
77
|
+
* Дополнительный класс для компонента крестика
|
|
78
|
+
*/
|
|
79
|
+
closerClassName?: string;
|
|
80
|
+
/**
|
|
81
|
+
* Дополнительный класс для компонента стрелки назад
|
|
82
|
+
*/
|
|
83
|
+
backerClassName?: string;
|
|
84
|
+
/**
|
|
85
|
+
* Дополнительный класс для компонента модального окна
|
|
86
|
+
*/
|
|
87
|
+
modalClassName?: string;
|
|
88
|
+
/**
|
|
89
|
+
* Дополнительный класс для обертки модального окна
|
|
90
|
+
*/
|
|
91
|
+
modalWrapperClassName?: string;
|
|
92
|
+
/**
|
|
93
|
+
* Дополнительный класс для маркера
|
|
94
|
+
*/
|
|
95
|
+
swipeableMarkerClassName?: string;
|
|
96
|
+
/**
|
|
97
|
+
* Кастомный маркер
|
|
98
|
+
*/
|
|
99
|
+
swipeableMarker?: ReactElement;
|
|
100
|
+
/**
|
|
101
|
+
* TransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
102
|
+
*/
|
|
103
|
+
transitionProps?: Partial<TransitionProps>;
|
|
104
|
+
/**
|
|
105
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
106
|
+
*/
|
|
107
|
+
dataTestId?: string;
|
|
108
|
+
/**
|
|
109
|
+
* z-index компонента
|
|
110
|
+
*/
|
|
111
|
+
zIndex?: number;
|
|
112
|
+
/**
|
|
113
|
+
* Будет ли свайпаться шторка
|
|
114
|
+
* @default true
|
|
115
|
+
*/
|
|
116
|
+
swipeable?: boolean;
|
|
117
|
+
/**
|
|
118
|
+
* Будет ли свайпаться контент
|
|
119
|
+
*/
|
|
120
|
+
swipeableContent?: boolean;
|
|
121
|
+
/**
|
|
122
|
+
* Порог свайпа
|
|
123
|
+
*/
|
|
124
|
+
swipeThreshold?: number;
|
|
125
|
+
/**
|
|
126
|
+
* Слот слева
|
|
127
|
+
*/
|
|
128
|
+
leftAddons?: ReactNode;
|
|
129
|
+
/**
|
|
130
|
+
* Слот справа
|
|
131
|
+
*/
|
|
132
|
+
rightAddons?: ReactNode;
|
|
133
|
+
/**
|
|
134
|
+
* Слот снизу
|
|
135
|
+
*/
|
|
136
|
+
bottomAddons?: ReactNode;
|
|
137
|
+
/**
|
|
138
|
+
* Наличие компонента крестика
|
|
139
|
+
*/
|
|
140
|
+
hasCloser?: boolean;
|
|
141
|
+
/**
|
|
142
|
+
* Наличие компонента стрелки назад
|
|
143
|
+
*/
|
|
144
|
+
hasBacker?: boolean;
|
|
145
|
+
/**
|
|
146
|
+
* Выравнивание заголовка
|
|
147
|
+
*/
|
|
148
|
+
titleAlign?: BottomSheetTitleAlign;
|
|
149
|
+
/**
|
|
150
|
+
* Фиксирует шапку
|
|
151
|
+
*/
|
|
152
|
+
stickyHeader?: boolean;
|
|
153
|
+
/**
|
|
154
|
+
* Фиксирует футер
|
|
155
|
+
*/
|
|
156
|
+
stickyFooter?: boolean;
|
|
157
|
+
/**
|
|
158
|
+
* Высота шторки
|
|
159
|
+
*/
|
|
160
|
+
initialHeight?: 'default' | 'full';
|
|
161
|
+
/**
|
|
162
|
+
* Будет ли виден оверлэй
|
|
163
|
+
*/
|
|
164
|
+
hideOverlay?: boolean;
|
|
165
|
+
/**
|
|
166
|
+
* Будет ли видна шапка
|
|
167
|
+
*/
|
|
168
|
+
hideHeader?: boolean;
|
|
169
|
+
/**
|
|
170
|
+
* Будет ли обрезан заголовок
|
|
171
|
+
*/
|
|
172
|
+
trimTitle?: boolean;
|
|
173
|
+
/**
|
|
174
|
+
* Запретить закрытие шторки кликом на оверлэй
|
|
175
|
+
*/
|
|
176
|
+
disableOverlayClick?: boolean;
|
|
177
|
+
/**
|
|
178
|
+
* Отключает блокировку скролла при открытии модального окна
|
|
179
|
+
*/
|
|
180
|
+
disableBlockingScroll?: boolean;
|
|
181
|
+
/**
|
|
182
|
+
* Отключает ловушку фокуса
|
|
183
|
+
*/
|
|
184
|
+
disableFocusLock?: boolean;
|
|
185
|
+
/**
|
|
186
|
+
* @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
|
|
187
|
+
* Не анимировать шторку при изменении размера вьюпорта
|
|
188
|
+
*/
|
|
189
|
+
ignoreScreenChange?: boolean;
|
|
190
|
+
/**
|
|
191
|
+
* Свойства для Бэкдропа
|
|
192
|
+
*/
|
|
193
|
+
backdropProps?: BaseModalProps['backdropProps'];
|
|
194
|
+
/**
|
|
195
|
+
* Реф на контейнер, в котором происходит скролл
|
|
196
|
+
*/
|
|
197
|
+
scrollableContainerRef?: RefObject<HTMLElement>;
|
|
198
|
+
/**
|
|
199
|
+
* Реф для управления компонентом.
|
|
200
|
+
*/
|
|
201
|
+
bottomSheetInstanceRef?: RefObject<{
|
|
202
|
+
scrollToArea: (idx: number) => void;
|
|
203
|
+
}>;
|
|
204
|
+
/**
|
|
205
|
+
* Реф на контейнер, в котором находится шторка
|
|
206
|
+
*/
|
|
207
|
+
sheetContainerRef?: RefObject<HTMLElement>;
|
|
208
|
+
/**
|
|
209
|
+
* Магнитные области видимой высоты шторки.
|
|
210
|
+
* Можно использовать значения в пикселях - 10(число), либо в процентах - 10%(строка).
|
|
211
|
+
* По-умолчанию -[0, window.innerHeight - '24px']
|
|
212
|
+
* массив должен состоять минимум из 2 элементов
|
|
213
|
+
*/
|
|
214
|
+
magneticAreas?: Array<number | string>;
|
|
215
|
+
/**
|
|
216
|
+
* Индекс точки из magneticAreas, к которому нужно примагнититься при первом открытии шторки.
|
|
217
|
+
*/
|
|
218
|
+
initialActiveAreaIndex?: number;
|
|
219
|
+
/**
|
|
220
|
+
* Отключает скролл контентной области.
|
|
221
|
+
*/
|
|
222
|
+
scrollLocked?: boolean;
|
|
223
|
+
/**
|
|
224
|
+
* Скрыть скроллбар внутри шторки
|
|
225
|
+
*/
|
|
226
|
+
hideScrollbar?: boolean;
|
|
227
|
+
/**
|
|
228
|
+
* Верхний отступ шторки, если она открыта на максимальную высоту
|
|
229
|
+
*/
|
|
230
|
+
headerOffset?: number;
|
|
231
|
+
/**
|
|
232
|
+
* Содержимое bottom-sheet всегда в DOM
|
|
233
|
+
*/
|
|
234
|
+
keepMounted?: boolean;
|
|
235
|
+
/**
|
|
236
|
+
* Отключает автоматический перевод фокуса на bottom-sheet при открытии
|
|
237
|
+
*/
|
|
238
|
+
disableAutoFocus?: boolean;
|
|
239
|
+
/**
|
|
240
|
+
* Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
|
|
241
|
+
*/
|
|
242
|
+
disableRestoreFocus?: boolean;
|
|
243
|
+
/**
|
|
244
|
+
* Отключает вызов `onClose` при нажатии Escape
|
|
245
|
+
*/
|
|
246
|
+
disableEscapeKeyDown?: boolean;
|
|
247
|
+
/**
|
|
248
|
+
* Обработчик закрытия
|
|
249
|
+
*/
|
|
250
|
+
onClose: () => void;
|
|
251
|
+
/**
|
|
252
|
+
* Обработчик нажатия на стрелку назад
|
|
253
|
+
*/
|
|
254
|
+
onBack?: () => void;
|
|
255
|
+
/**
|
|
256
|
+
* Вызывается в начале анимации притягивания к одной из `magneticAreas`
|
|
257
|
+
*/
|
|
258
|
+
onMagnetize?: (index: number) => void;
|
|
259
|
+
/**
|
|
260
|
+
* Вызывается после окончания анимации притягивания
|
|
261
|
+
*/
|
|
262
|
+
onMagnetizeEnd?: (index: number) => void;
|
|
263
|
+
/**
|
|
264
|
+
* Вызывается при изменении положения шторки
|
|
265
|
+
*/
|
|
266
|
+
onOffsetChange?: (offset: number, percent: number) => void;
|
|
267
|
+
/**
|
|
268
|
+
* Вызывается в начале свайпа
|
|
269
|
+
*/
|
|
270
|
+
onSwipeStart?: (event: HandledEvents) => void;
|
|
271
|
+
/**
|
|
272
|
+
* Вызывается после окончания свайпа
|
|
273
|
+
*/
|
|
274
|
+
onSwipeEnd?: (event: HandledEvents | null) => void;
|
|
275
|
+
};
|
|
276
|
+
export { BottomSheetTitleAlign, BottomSheetProps };
|
|
@@ -1,72 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
|
|
7
|
-
/**
|
|
8
|
-
* Футер
|
|
9
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
10
|
-
*/
|
|
11
|
-
footer?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Будет ли свайпаться шторка
|
|
14
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
15
|
-
*/
|
|
16
|
-
swipeable?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Отображать в BottomSheet
|
|
19
|
-
*/
|
|
20
|
-
isBottomSheet?: boolean;
|
|
21
|
-
/**
|
|
22
|
-
* Дополнительные пропсы шторки
|
|
23
|
-
*/
|
|
24
|
-
bottomSheetProps?: Partial<BottomSheetProps>;
|
|
25
|
-
/**
|
|
26
|
-
* Дополнительные пропсы модалки
|
|
27
|
-
*/
|
|
28
|
-
modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
|
|
29
|
-
/**
|
|
30
|
-
* Дополнительные пропсы шапки модалки
|
|
31
|
-
*/
|
|
32
|
-
modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
|
|
33
|
-
/**
|
|
34
|
-
* Дополнительные пропсы футера модалки
|
|
35
|
-
*/
|
|
36
|
-
modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
|
|
37
|
-
};
|
|
38
|
-
declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
|
|
39
|
-
/**
|
|
40
|
-
* Футер
|
|
41
|
-
* @deprecated Используйте bottomSheetProps.actionButton
|
|
42
|
-
*/
|
|
43
|
-
footer?: ReactNode;
|
|
44
|
-
/**
|
|
45
|
-
* Будет ли свайпаться шторка
|
|
46
|
-
* @deprecated Используйте bottomSheetProps.swipeable
|
|
47
|
-
*/
|
|
48
|
-
swipeable?: boolean | undefined;
|
|
49
|
-
/**
|
|
50
|
-
* Отображать в BottomSheet
|
|
51
|
-
*/
|
|
52
|
-
isBottomSheet?: boolean | undefined;
|
|
53
|
-
/**
|
|
54
|
-
* Дополнительные пропсы шторки
|
|
55
|
-
*/
|
|
56
|
-
bottomSheetProps?: Partial<BottomSheetProps> | undefined;
|
|
57
|
-
/**
|
|
58
|
-
* Дополнительные пропсы модалки
|
|
59
|
-
*/
|
|
60
|
-
modalProps?: Partial<ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
|
|
61
|
-
/**
|
|
62
|
-
* Дополнительные пропсы шапки модалки
|
|
63
|
-
*/
|
|
64
|
-
modalHeaderProps?: Partial<import("./Component-c76d6398").HeaderProps> | undefined;
|
|
65
|
-
/**
|
|
66
|
-
* Дополнительные пропсы футера модалки
|
|
67
|
-
*/
|
|
68
|
-
modalFooterProps?: Partial<import("./Component.mobile-f1f15074").FooterProps> | undefined;
|
|
69
|
-
} & React.RefAttributes<unknown>>;
|
|
70
|
-
export * from "./Component.mobile-f1f15074";
|
|
71
|
-
export { ModalMobileProps } from "./typings-bdb4c6b9";
|
|
72
|
-
export { SelectMobileProps, BaseSelectMobile };
|
|
3
|
+
import { CheckmarkProps } from "./typings-0f4b9bed";
|
|
4
|
+
declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => React.JSX.Element;
|
|
5
|
+
export { BaseCheckmark };
|
|
@@ -1,19 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
* Компонент FormControl
|
|
9
|
-
*/
|
|
10
|
-
FormControlComponent?: ElementType;
|
|
11
|
-
};
|
|
12
|
-
type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
|
|
13
|
-
/**
|
|
14
|
-
* Значение поля ввода
|
|
15
|
-
*/
|
|
16
|
-
value?: string;
|
|
17
|
-
};
|
|
18
|
-
declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
|
|
19
|
-
export { AutocompleteMobileFieldProps, AutocompleteMobileField };
|
|
3
|
+
import { FieldProps } from "./shared-4cd3936b";
|
|
4
|
+
import { InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
|
|
5
|
+
type AutocompleteFieldProps = FieldProps & Pick<InputAutocompleteDesktopProps, 'Input' | 'inputProps' | 'value' | 'onInput' | 'readOnly'>;
|
|
6
|
+
declare const AutocompleteField: ({ label, labelView, placeholder, size, Arrow, Input, value, error, success, hint, disabled, readOnly, onInput, inputProps, innerProps, }: AutocompleteFieldProps) => React.JSX.Element;
|
|
7
|
+
export { AutocompleteFieldProps, AutocompleteField };
|
|
@@ -58,7 +58,7 @@ declare const IconButton: React.ForwardRefExoticComponent<{
|
|
|
58
58
|
* Выравнивание иконки
|
|
59
59
|
* @default 'center'
|
|
60
60
|
*/
|
|
61
|
-
alignIcon?: "center" | "
|
|
61
|
+
alignIcon?: "center" | "left" | "right" | undefined;
|
|
62
62
|
/**
|
|
63
63
|
* Идентификатор для систем автоматизированного тестирования
|
|
64
64
|
*/
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { ElementType } from "react";
|
|
4
|
+
import { FormControlMobileProps } from "./mobile-96988a65";
|
|
5
|
+
import { FieldProps as BaseFieldProps } from "./shared-4cd3936b";
|
|
6
|
+
type FieldProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Компонент FormControl
|
|
9
|
+
*/
|
|
10
|
+
FormControlComponent?: ElementType;
|
|
11
|
+
};
|
|
12
|
+
type AutocompleteMobileFieldProps = FormControlMobileProps & Omit<BaseFieldProps, 'selected' | 'multiple' | 'success'> & {
|
|
13
|
+
/**
|
|
14
|
+
* Значение поля ввода
|
|
15
|
+
*/
|
|
16
|
+
value?: string;
|
|
17
|
+
};
|
|
18
|
+
declare const AutocompleteMobileField: ({ size, open, disabled, value, innerProps, dataTestId, fieldClassName, labelView, placeholder, Arrow, valueRenderer, toggleMenu, setSelectedItems, selectedMultiple, FormControlComponent, ...restProps }: AutocompleteMobileFieldProps & FieldProps) => React.JSX.Element;
|
|
19
|
+
export { AutocompleteMobileFieldProps, AutocompleteMobileField };
|
|
@@ -1,12 +1,101 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
/// <reference types="react-transition-group" />
|
|
2
|
+
/// <reference types="react" />
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
import { CSSProperties, MutableRefObject, ReactNode } from "react";
|
|
5
|
+
import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
|
|
6
|
+
import { BasePlacement, VariationPlacement } from '@popperjs/core';
|
|
7
|
+
type RefElement = HTMLElement | null;
|
|
8
|
+
type Position = BasePlacement | VariationPlacement;
|
|
9
|
+
type PopoverProps = {
|
|
10
|
+
/**
|
|
11
|
+
* Управление состоянием поповера (открыт/закрыт)
|
|
12
|
+
*/
|
|
13
|
+
open: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Элемент, относительного которого появляется поповер
|
|
16
|
+
*/
|
|
17
|
+
anchorElement: RefElement;
|
|
18
|
+
/**
|
|
19
|
+
* Использовать ширину родительского элемента
|
|
20
|
+
*/
|
|
21
|
+
useAnchorWidth?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Позиционирование поповера
|
|
24
|
+
*/
|
|
25
|
+
position?: Position;
|
|
26
|
+
/**
|
|
27
|
+
* Запрещает поповеру менять свою позицию.
|
|
28
|
+
* Например, если места снизу недостаточно,то он все равно будет показан снизу
|
|
29
|
+
*/
|
|
30
|
+
preventFlip?: boolean;
|
|
31
|
+
/**
|
|
32
|
+
* Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
|
|
33
|
+
*/
|
|
34
|
+
preventOverflow?: boolean;
|
|
35
|
+
/**
|
|
36
|
+
* Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
|
|
37
|
+
*/
|
|
38
|
+
availableHeight?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Если `true`, будет отрисована стрелочка
|
|
41
|
+
*/
|
|
42
|
+
withArrow?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Смещение поповера.
|
|
45
|
+
* Если позиционирование top, bottom, то [x, y].
|
|
46
|
+
* Если позиционирование left, right то [y, x].
|
|
47
|
+
*/
|
|
48
|
+
offset?: [number, number];
|
|
49
|
+
/**
|
|
50
|
+
* Дополнительный класс для поповера
|
|
51
|
+
*/
|
|
52
|
+
popperClassName?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Дополнительный класс для стрелочки
|
|
55
|
+
*/
|
|
56
|
+
arrowClassName?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Функция, возвращающая контейнер, в который будет рендериться поповер
|
|
59
|
+
*/
|
|
60
|
+
getPortalContainer?: () => HTMLElement;
|
|
61
|
+
/**
|
|
62
|
+
* CSSTransitionProps, прокидываются в компонент CSSTransitionProps.
|
|
63
|
+
*/
|
|
64
|
+
transition?: CSSTransitionProps;
|
|
65
|
+
/**
|
|
66
|
+
* Выставляет кастомное свойство transition-duration
|
|
67
|
+
*/
|
|
68
|
+
transitionDuration?: CSSProperties['transitionDuration'];
|
|
69
|
+
/**
|
|
70
|
+
* Рендерит компонент, обернутый в Transition
|
|
71
|
+
*/
|
|
72
|
+
withTransition?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Идентификатор для систем автоматизированного тестирования
|
|
75
|
+
*/
|
|
76
|
+
dataTestId?: string;
|
|
77
|
+
/**
|
|
78
|
+
* Хранит функцию, с помощью которой можно обновить положение компонента
|
|
79
|
+
*/
|
|
80
|
+
update?: MutableRefObject<() => void>;
|
|
81
|
+
/**
|
|
82
|
+
* Дополнительный класс
|
|
83
|
+
*/
|
|
84
|
+
className?: string;
|
|
85
|
+
/**
|
|
86
|
+
* z-index компонента
|
|
87
|
+
*/
|
|
88
|
+
zIndex?: number;
|
|
89
|
+
/**
|
|
90
|
+
* Если поповер не помещается в переданной позиции (position), он попробует открыться в другой позиции,
|
|
91
|
+
* по очереди для каждой позиции из этого списка.
|
|
92
|
+
* Если не передавать, то поповер открывается в противоположном направлении от переданного position.
|
|
93
|
+
*/
|
|
94
|
+
fallbackPlacements?: Position[];
|
|
95
|
+
/**
|
|
96
|
+
* Контент
|
|
97
|
+
*/
|
|
98
|
+
children?: ReactNode;
|
|
10
99
|
};
|
|
11
|
-
declare const
|
|
12
|
-
export {
|
|
100
|
+
declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
|
|
101
|
+
export { Position, PopoverProps, Popover };
|
|
@@ -33,7 +33,7 @@ type InputAutocompleteDesktopProps = Omit<BaseSelectProps, 'Field' | 'nativeSele
|
|
|
33
33
|
*/
|
|
34
34
|
updatePopover?: BaseSelectProps['updatePopover'];
|
|
35
35
|
};
|
|
36
|
-
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "
|
|
36
|
+
declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "nativeSelect" | "Field" | "showSearch" | "Search" | "searchProps"> & {
|
|
37
37
|
/**
|
|
38
38
|
* Компонент ввода значения
|
|
39
39
|
*/
|
|
@@ -69,5 +69,5 @@ declare const InputAutocompleteDesktop: React.ForwardRefExoticComponent<Omit<Bas
|
|
|
69
69
|
*/
|
|
70
70
|
updatePopover?: BaseSelectProps['updatePopover'];
|
|
71
71
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
72
|
-
export * from "./Component-
|
|
72
|
+
export * from "./Component-4cd3936b";
|
|
73
73
|
export { InputAutocompleteDesktopProps, InputAutocompleteDesktop };
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { FormControlDesktopProps } from "./Component.desktop";
|
|
4
|
+
import { BaseSelectProps } from "./typings-0f4b9bed";
|
|
5
|
+
type SelectFieldProps = Omit<FormControlDesktopProps, 'size'> & Record<string, unknown>;
|
|
6
|
+
type SelectDesktopProps = Omit<BaseSelectProps, 'fieldProps'> & {
|
|
7
|
+
/**
|
|
8
|
+
* Пропсы, которые будут прокинуты в компонент поля
|
|
9
|
+
*/
|
|
10
|
+
fieldProps?: SelectFieldProps;
|
|
11
|
+
};
|
|
12
|
+
declare const SelectDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "fieldProps"> & {
|
|
13
|
+
/**
|
|
14
|
+
* Пропсы, которые будут прокинуты в компонент поля
|
|
15
|
+
*/
|
|
16
|
+
fieldProps?: SelectFieldProps | undefined;
|
|
17
|
+
} & React.RefAttributes<HTMLDivElement>>;
|
|
18
|
+
export { SelectFieldProps, SelectDesktopProps, SelectDesktop };
|
|
@@ -18,7 +18,7 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
18
18
|
options?: undefined;
|
|
19
19
|
} & Omit<import("./Component.desktop-d873d97d").InputDesktopProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
|
|
20
20
|
options?: undefined;
|
|
21
|
-
} & Omit<import("./
|
|
21
|
+
} & Omit<import("./mobile-96988a65").InputMobileProps, "onFocus" | "onBlur" | "onChange" | "clear" | "onClear"> & {
|
|
22
22
|
breakpoint?: number | undefined;
|
|
23
23
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
24
24
|
}) | ({
|
|
@@ -37,9 +37,9 @@ declare const InternationalPhoneInput: React.ForwardRefExoticComponent<(({
|
|
|
37
37
|
onFocus?: ((event: React.FocusEvent<HTMLInputElement | HTMLDivElement, Element>) => void) | undefined;
|
|
38
38
|
} & {
|
|
39
39
|
options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
|
|
40
|
-
} & Omit<import("./Component.desktop-
|
|
40
|
+
} & Omit<import("./Component.desktop-4cd3936b").InputAutocompleteDesktopProps, "onChange"> & {
|
|
41
41
|
options: (import("./typings-0f4b9bed").OptionShape | import("./typings-0f4b9bed").GroupShape)[];
|
|
42
|
-
} & Omit<import("./
|
|
42
|
+
} & Omit<import("./mobile-4c19bc40").InputAutocompleteMobileProps, "onChange" | "filter" | "onFilter" | "onClearFilter"> & {
|
|
43
43
|
breakpoint?: number | undefined;
|
|
44
44
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
45
45
|
})) & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { InputAutocompleteDesktop, InputAutocompleteDesktopProps } from "./Component.desktop-
|
|
1
|
+
export { InputAutocompleteDesktop, InputAutocompleteDesktopProps } from "./Component.desktop-4cd3936b";
|
|
2
2
|
export {};
|
|
@@ -51,9 +51,9 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
51
51
|
*/
|
|
52
52
|
selectedDraft?: OptionShape[] | undefined;
|
|
53
53
|
OptionsList?: import("react").FC<import("./typings-0f4b9bed").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
|
|
54
|
-
Footer?: import("react").FC<import("./Component-
|
|
55
|
-
Header?: import("react").FC<import("./Component-
|
|
56
|
-
headerProps?: import("./Component-
|
|
54
|
+
Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
|
|
55
|
+
Header?: import("react").FC<import("./Component-aed0af6e").HeaderProps> | undefined;
|
|
56
|
+
headerProps?: import("./Component-aed0af6e").HeaderProps | undefined;
|
|
57
57
|
showHeaderWithSelectAll?: boolean | undefined;
|
|
58
58
|
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
59
59
|
optionsListProps: {
|
|
@@ -86,5 +86,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
|
|
|
86
86
|
accessor?: ((option: OptionShape) => string) | undefined;
|
|
87
87
|
} | undefined;
|
|
88
88
|
};
|
|
89
|
-
export * from "./Component-
|
|
89
|
+
export * from "./Component-ebda875c";
|
|
90
90
|
export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };
|