@hh.ru/magritte-ui-bottom-sheet 4.1.22

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@hh.ru/magritte-ui-bottom-sheet",
+  "version": "4.1.22",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "changelog": "yarn root:changelog $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-test": "yarn root:stylelint-test $(pwd)",
+    "eslint-test": "yarn root:eslint-test $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "yarn root:test $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-common-func-utils": "1.3.6",
+    "@hh.ru/magritte-common-modal-helper": "1.2.5",
+    "@hh.ru/magritte-common-use-multiple-refs": "1.1.2",
+    "@hh.ru/magritte-common-use-swipe": "3.0.1",
+    "@hh.ru/magritte-design-tokens": "18.1.1",
+    "@hh.ru/magritte-internal-layer-name": "2.1.1",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.1",
+    "@hh.ru/magritte-ui-divider": "1.1.24",
+    "@hh.ru/magritte-ui-layer": "2.0.3",
+    "@hh.ru/magritte-ui-mock-component": "1.0.10",
+    "@hh.ru/magritte-ui-navigation-bar": "4.1.8",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.21"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0",
+    "react-dom": ">=18.2.0",
+    "react-transition-group": ">=4.4.5"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,51 @@
+import { ReactNode } from 'react';
+/**
+ ** 'content' - Bottom Sheet принимает высоту контента
+ ** 'full-screen' - Bottom Sheet всегда занимает весь вьюпорт, контенту добавляется отступ снизу, если его высоты не хватает
+ ** 'half-screen' - Если высота контента меньше половины вьюпорта, Bottom Sheet принимает высоту контента.
+ *   Если высота контента больше половины вьюпорта, Bottom Sheet при показе занимает половину вьюпорта,
+ *   а при скролле контента увеличивается, пока не займет весь вьюпорт или не закончится скролл контента.
+ */
+export type BottomSheetHeight = 'content' | 'full-screen' | 'half-screen';
+/**
+ ** 'always-if-has-scroll' - Показывать Divider, если футер наезжает на основной контент
+ ** 'if-not-scrolled-to-end' - Показывать Divider, если футер наезжает на основной контент и основной контент не проскроллен до конца
+ ** 'never' - Никогда ее показывать Divider между футером и основным контентом
+ */
+export type BottomSheetShowDivider = 'always-if-has-scroll' | 'if-not-scrolled-to-end' | 'never';
+export interface BottomSheetProps {
+    /** Разрешать ли скролл при открытой виртуальной клавиатуре */
+    allowScrollWhileFocused?: boolean;
+    /** Основной контент */
+    children?: ReactNode;
+    /** Контент футера */
+    footer?: ReactNode;
+    /** Контент заголовка (NavigationBar) */
+    header?: ReactNode;
+    /** Начальная высота Bottom Sheet */
+    height?: BottomSheetHeight;
+    /**
+     * По умолчанию Bottom Sheet заменяет обработчики onClick на onTouchStart и onTouchEnd,
+     * т.к. onClick не вызывается, если из-за нажатия закрывается виртуальная клавиатура и таргет уезжает из-под пальца
+     * Если вам не нужно это поведение, используйте interceptClickHandlers=false
+     */
+    interceptClickHandlers?: boolean;
+    /** Должна ли виртуальная клавиатура перекрывать Bottom Sheet (по умолчанию) или сдвигать */
+    keyboardOverlaysContent?: boolean;
+    /** Флаг, показывать ли компонент */
+    visible: boolean;
+    /** Колбек, который будет вызван после завершения анимации открытия */
+    onAppear?: VoidFunction;
+    /** Колбек, который будет вызван перед началом анимации закрытия */
+    onBeforeExit?: VoidFunction;
+    /** Колбек, который будет вызван после анимации закрытия */
+    onAfterExit?: VoidFunction;
+    /** Колбек, который обязательно должен устанавливать visible=false */
+    onClose: VoidFunction;
+    /** Показывать ли Divider между футером и основным контентом */
+    showDivider?: BottomSheetShowDivider;
+    /** Показывать ли оверлей */
+    showOverlay?: boolean;
+    /** Включает паддинги у среднего контейнера */
+    withContentPaddings?: boolean;
+}

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}