@alfalab/core-components-bottom-sheet 6.4.1 → 6.5.0

package/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 7p4il */
+/* hash: 1eiy8 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-accent: #ef3124;
@@ -45,20 +45,20 @@
 } :root {
     --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
     --bottom-sheet-out-transition: transform 0.3s ease;
-} .bottom-sheet__modal_cey95 {
+} .bottom-sheet__modal_1ttf0 {
     background-color: transparent;
     position: fixed;
     bottom: 0;
     width: 100%;
     max-width: 600px;
     pointer-events: none;
-} .bottom-sheet__wrapper_cey95 {
+} .bottom-sheet__wrapper_1ttf0 {
     transform: translateY(100%);
     overflow: hidden;
     pointer-events: none;
     border-top-right-radius: var(--border-radius-xl);
     border-top-left-radius: var(--border-radius-xl);
-} .bottom-sheet__component_cey95 {
+} .bottom-sheet__component_1ttf0 {
     overflow: hidden;
     position: relative;
     display: flex;
@@ -66,16 +66,16 @@
     border-radius: inherit;
     background-color: var(--color-light-bg-primary);
     pointer-events: all;
-} .bottom-sheet__withTransition_cey95 {
+} .bottom-sheet__withTransition_1ttf0 {
     transition: var(--bottom-sheet-out-transition);
-} .bottom-sheet__scrollableContainer_cey95 {
+} .bottom-sheet__scrollableContainer_1ttf0 {
     overflow: auto;
     display: flex;
     flex-direction: column;
     position: relative;
     height: 100%;
     background-color: inherit;
-} .bottom-sheet__marker_cey95 {
+} .bottom-sheet__marker_1ttf0 {
     position: fixed;
     top: var(--gap-2xs);
     left: 50%;
@@ -85,7 +85,7 @@
     transform: translateX(-50%);
     background-color: var(--color-light-graphic-quaternary);
     z-index: 1000;
-} .bottom-sheet__content_cey95 {
+} .bottom-sheet__content_1ttf0 {
     position: relative;
     z-index: 0;
     display: flex;
@@ -94,73 +94,73 @@
     padding: 0 var(--gap-m);
     color: var(--color-light-text-primary);
     background-color: inherit;
-} .bottom-sheet__noHeader_cey95 {
+} .bottom-sheet__noHeader_1ttf0 {
     padding-top: var(--gap-m);
-} .bottom-sheet__noFooter_cey95 {
+} .bottom-sheet__noFooter_1ttf0 {
     padding-bottom: var(--gap-m);
-} .bottom-sheet__scrollLocked_cey95 {
+} .bottom-sheet__scrollLocked_1ttf0 {
     overflow: hidden;
-} .bottom-sheet__hiddenScrollbar_cey95 {
+} .bottom-sheet__hiddenScrollbar_1ttf0 {
     scrollbar-width: none
-} .bottom-sheet__hiddenScrollbar_cey95::-webkit-scrollbar {
+} .bottom-sheet__hiddenScrollbar_1ttf0::-webkit-scrollbar {
         width: 0;
         height: 0;
-    } .bottom-sheet__disabledPointerEvents_cey95 {
+    } .bottom-sheet__disabledPointerEvents_1ttf0 {
     pointer-events: none;
-} .bottom-sheet__appear_cey95 .bottom-sheet__wrapper_cey95, .bottom-sheet__enter_cey95 .bottom-sheet__wrapper_cey95 {
+} .bottom-sheet__appear_1ttf0 .bottom-sheet__wrapper_1ttf0, .bottom-sheet__enter_1ttf0 .bottom-sheet__wrapper_1ttf0 {
         transition: none;
-    } .bottom-sheet__appearActive_cey95 .bottom-sheet__wrapper_cey95, .bottom-sheet__enterActive_cey95 .bottom-sheet__wrapper_cey95 {
+    } .bottom-sheet__appearActive_1ttf0 .bottom-sheet__wrapper_1ttf0, .bottom-sheet__enterActive_1ttf0 .bottom-sheet__wrapper_1ttf0 {
         transition: var(--bottom-sheet-in-transition);
         transform: translateY(0);
-    } .bottom-sheet__enterDone_cey95 .bottom-sheet__wrapper_cey95, .bottom-sheet__appearDone_cey95 .bottom-sheet__wrapper_cey95 {
+    } .bottom-sheet__enterDone_1ttf0 .bottom-sheet__wrapper_1ttf0, .bottom-sheet__appearDone_1ttf0 .bottom-sheet__wrapper_1ttf0 {
         transform: translateY(0);
-    } .bottom-sheet__exit_cey95 .bottom-sheet__wrapper_cey95 {
+    } .bottom-sheet__exit_1ttf0 .bottom-sheet__wrapper_1ttf0 {
         transform: translateY(0);
-    } .bottom-sheet__exitActive_cey95 .bottom-sheet__wrapper_cey95 {
+    } .bottom-sheet__exitActive_1ttf0 .bottom-sheet__wrapper_1ttf0 {
         transition: var(--bottom-sheet-out-transition);
         transform: translateY(100%);
-    } .bottom-sheet__background-accent_cey95 {
+    } .bottom-sheet__background-accent_1ttf0 {
             background-color: var(--color-light-bg-accent);
-        } .bottom-sheet__background-info_cey95 {
+        } .bottom-sheet__background-info_1ttf0 {
             background-color: var(--color-light-bg-info);
-        } .bottom-sheet__background-attention-muted_cey95 {
+        } .bottom-sheet__background-attention-muted_1ttf0 {
             background-color: var(--color-light-bg-attention-muted);
-        } .bottom-sheet__background-positive-muted_cey95 {
+        } .bottom-sheet__background-positive-muted_1ttf0 {
             background-color: var(--color-light-bg-positive-muted);
-        } .bottom-sheet__background-negative-muted_cey95 {
+        } .bottom-sheet__background-negative-muted_1ttf0 {
             background-color: var(--color-light-bg-negative-muted);
-        } .bottom-sheet__background-primary_cey95 {
+        } .bottom-sheet__background-primary_1ttf0 {
             background-color: var(--color-light-bg-primary);
-        } .bottom-sheet__background-primary-inverted_cey95 {
+        } .bottom-sheet__background-primary-inverted_1ttf0 {
             background-color: var(--color-light-bg-primary-inverted);
-        } .bottom-sheet__background-secondary_cey95 {
+        } .bottom-sheet__background-secondary_1ttf0 {
             background-color: var(--color-light-bg-secondary);
-        } .bottom-sheet__background-secondary-inverted_cey95 {
+        } .bottom-sheet__background-secondary-inverted_1ttf0 {
             background-color: var(--color-light-bg-secondary-inverted);
-        } .bottom-sheet__background-tertiary_cey95 {
+        } .bottom-sheet__background-tertiary_1ttf0 {
             background-color: var(--color-light-bg-tertiary);
-        } .bottom-sheet__background-tertiary-inverted_cey95 {
+        } .bottom-sheet__background-tertiary-inverted_1ttf0 {
             background-color: var(--color-light-bg-tertiary-inverted);
-        } .bottom-sheet__background-quaternary_cey95 {
+        } .bottom-sheet__background-quaternary_1ttf0 {
             background-color: var(--color-light-bg-quaternary);
-        } .bottom-sheet__background-quaternary-inverted_cey95 {
+        } .bottom-sheet__background-quaternary-inverted_1ttf0 {
             background-color: var(--color-light-bg-quaternary-inverted);
-        } .bottom-sheet__background-specialbg-component_cey95 {
+        } .bottom-sheet__background-specialbg-component_1ttf0 {
             background-color: var(--color-light-specialbg-component);
-        } .bottom-sheet__background-specialbg-component-inverted_cey95 {
+        } .bottom-sheet__background-specialbg-component-inverted_1ttf0 {
             background-color: var(--color-light-specialbg-component-inverted);
-        } .bottom-sheet__background-specialbg-primary-grouped_cey95 {
+        } .bottom-sheet__background-specialbg-primary-grouped_1ttf0 {
             background-color: var(--color-light-specialbg-primary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-grouped_cey95 {
+        } .bottom-sheet__background-specialbg-secondary-grouped_1ttf0 {
             background-color: var(--color-light-specialbg-secondary-grouped);
-        } .bottom-sheet__background-specialbg-tertiary-grouped_cey95 {
+        } .bottom-sheet__background-specialbg-tertiary-grouped_1ttf0 {
             background-color: var(--color-light-specialbg-tertiary-grouped);
-        } .bottom-sheet__background-specialbg-secondary-transparent_cey95 {
+        } .bottom-sheet__background-specialbg-secondary-transparent_1ttf0 {
             background-color: var(--color-light-specialbg-secondary-transparent);
-        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_cey95 {
+        } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ttf0 {
             background-color: var(--color-light-specialbg-secondary-transparent-inverted);
-        } .bottom-sheet__background-specialbg-tertiary-transparent_cey95 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent_1ttf0 {
             background-color: var(--color-light-specialbg-tertiary-transparent);
-        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_cey95 {
+        } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ttf0 {
             background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
         }

package/modern/types.d.ts

@@ -219,5 +219,21 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/package.json

@@ -1,14 +1,11 @@
 {
     "name": "@alfalab/core-components-bottom-sheet",
-    "version": "6.4.1",
+    "version": "6.5.0",
     "description": "Bottom sheet mobile component",
     "keywords": [],
     "license": "MIT",
     "main": "index.js",
     "module": "./esm/index.js",
-    "scripts": {
-        "postinstall": "node -e \"if (require('fs').existsSync('./send-stats.js')){require('./send-stats.js')} \""
-    },
     "publishConfig": {
         "access": "public",
         "directory": "dist"
@@ -18,9 +15,9 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-backdrop": "^3.0.6",
-        "@alfalab/core-components-base-modal": "^5.2.0",
-        "@alfalab/core-components-navigation-bar": "^0.3.6",
+        "@alfalab/core-components-backdrop": "^3.0.7",
+        "@alfalab/core-components-base-modal": "^5.2.1",
+        "@alfalab/core-components-navigation-bar": "^0.3.7",
         "classnames": "^2.3.1",
         "react-div-100vh": "^0.7.0",
         "react-merge-refs": "^1.1.0",

package/types.d.ts

@@ -219,5 +219,21 @@ type BottomSheetProps = {
      * Вызывается после притягивания к одной из `magneticAreas`
      */
     onMagnetize?: (index: number) => void;
+    /**
+     * Содержимое bottom-sheet всегда в DOM
+     */
+    keepMounted?: boolean;
+    /**
+     * Отключает автоматический перевод фокуса на bottom-sheet при открытии
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Отключает восстановление фокуса на предыдущем элементе после закрытия bottom-sheet
+     */
+    disableRestoreFocus?: boolean;
+    /**
+     * Отключает вызов `onClose` при нажатии Escape
+     */
+    disableEscapeKeyDown?: boolean;
 };
 export { BottomSheetTitleAlign, BottomSheetProps };

package/send-stats.js

@@ -1,82 +0,0 @@
-const http = require('http');
-const fs = require('fs');
-const { promisify } = require('util');
-const path = require('path');
-
-const readFile = promisify(fs.readFile);
-
-async function main() {
-    const remoteHost = process.env.NIS_HOST || 'digital';
-    const remotePort = process.env.NIS_PORT || 80;
-    const remotePath = process.env.NIS_PATH || '/npm-install-stats/api/install-stats';
-
-    try {
-        const [_, node, os, arch] =
-            /node\/v(\d+\.\d+\.\d+) (\w+) (\w+)/.exec(process.env.npm_config_user_agent) || [];
-        const [__, npm] = /npm\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
-        const [___, yarn] = /yarn\/(\d+\.\d+\.\d+)/.exec(process.env.npm_config_user_agent) || [];
-
-        let ownPackageJson, packageJson;
-
-        try {
-            const result = await Promise.all([
-                readFile(path.join(process.cwd(), 'package.json'), 'utf-8'),
-                readFile(path.join(process.cwd(), '../../../package.json'), 'utf-8'),
-            ]);
-
-            ownPackageJson = JSON.parse(result[0]);
-            packageJson = JSON.parse(result[1]);
-        } catch (err) {
-            ownPackageJson = '';
-            packageJson = '';
-        }
-
-        const data = {
-            node,
-            npm,
-            yarn,
-            os,
-            arch,
-            ownPackageJson: JSON.stringify(ownPackageJson),
-            packageJson: JSON.stringify(packageJson),
-        };
-
-        const body = JSON.stringify(data);
-
-        const options = {
-            host: remoteHost,
-            port: remotePort,
-            path: remotePath,
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/json',
-                'Content-Length': body.length,
-            },
-        };
-
-        return new Promise((resolve, reject) => {
-            const req = http.request(options, (res) => {
-                res.on('end', () => {
-                    resolve();
-                });
-            });
-
-            req.on('error', () => {
-                reject();
-            });
-
-            req.write(body);
-            req.end();
-        });
-    } catch (error) {
-        throw error;
-    }
-}
-
-main()
-    .then(() => {
-        process.exit(0);
-    })
-    .catch(() => {
-        process.exit(0);
-    });