@ozen-ui/kit 0.66.0 → 0.67.0

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseHeight.js

@@ -0,0 +1,77 @@
+import { __read, __spreadArray } from "tslib";
+import { useEffect, useMemo, useState } from 'react';
+import { isServer } from '../../../constants/environment';
+import { useEventListener } from '../../../hooks/useEventListener';
+import { useMultipleResizeObserver } from '../../../hooks/useMultipleResizeObserver';
+import { isFunction } from '../../../utils/isFunction';
+import { isNumber } from '../../../utils/number';
+export var useBottomSheetBaseHeight = function (_a) {
+    var contentRef = _a.contentRef, blocksRefs = _a.blocksRefs, customMaxHeightProp = _a.customMaxHeight, registerReady = _a.registerReady;
+    var setReadyContentHeight = useMemo(function () { return registerReady('contentHeight'); }, [registerReady]);
+    var setReadyMaxHeight = useMemo(function () { return registerReady('maxHeight'); }, [registerReady]);
+    var getElementHeight = function (element) {
+        var _a;
+        var rect = element === null || element === void 0 ? void 0 : element.getBoundingClientRect();
+        return (_a = rect === null || rect === void 0 ? void 0 : rect.height) !== null && _a !== void 0 ? _a : 0;
+    };
+    var getRawMaxHeight = function () {
+        if (isServer) {
+            return 0;
+        }
+        return window.innerHeight;
+    };
+    var _b = __read(useState(0), 2), minHeight = _b[0], setMinHeight = _b[1];
+    var getCustomMaxHeight = function () {
+        if (isFunction(customMaxHeightProp)) {
+            return customMaxHeightProp({
+                maxHeight: getRawMaxHeight(),
+                minHeight: minHeight,
+            });
+        }
+        return customMaxHeightProp;
+    };
+    var checkHasCustomMaxHeight = function (customMaxHeight) { return isNumber(customMaxHeight); };
+    var calculateMaxHeight = function () {
+        var customMaxHeight = getCustomMaxHeight();
+        if (checkHasCustomMaxHeight(customMaxHeight)) {
+            return customMaxHeight;
+        }
+        return getRawMaxHeight();
+    };
+    var _c = __read(useState(function () { return calculateMaxHeight(); }), 2), maxHeight = _c[0], setMaxHeightState = _c[1];
+    var calculateMinHeight = function (maxHeight) {
+        var contentHeight = getElementHeight(contentRef.current);
+        var notContentBlocksHeight = 0;
+        Object.values(blocksRefs.current).forEach(function (element) {
+            notContentBlocksHeight += getElementHeight(element);
+        });
+        return Math.max(0, Math.min(maxHeight - notContentBlocksHeight, contentHeight) +
+            notContentBlocksHeight);
+    };
+    var recalculateHeight = function () {
+        var newMaxHeight = calculateMaxHeight();
+        setMaxHeightState(newMaxHeight);
+        setMinHeight(calculateMinHeight(newMaxHeight));
+    };
+    useMultipleResizeObserver(__spreadArray(__spreadArray([], __read(Object.values(blocksRefs.current)), false), [contentRef.current], false), function () {
+        recalculateHeight();
+    });
+    useEffect(function () {
+        setReadyContentHeight();
+    }, []);
+    useEventListener({
+        eventName: 'resize',
+        handler: function () {
+            recalculateHeight();
+        },
+    });
+    useEffect(function () {
+        recalculateHeight();
+        setReadyMaxHeight();
+    }, [getCustomMaxHeight()]);
+    return {
+        minHeight: minHeight,
+        maxHeight: maxHeight,
+        recalculateHeight: recalculateHeight,
+    };
+};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseReady/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useBottomSheetBaseReady';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseReady/index.js

@@ -0,0 +1,2 @@
+export * from './useBottomSheetBaseReady';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseReady/types.d.ts

@@ -0,0 +1 @@
+export type BottomSheetBaseRegisterReady = (key: string) => () => void;

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseReady/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseReady/useBottomSheetBaseReady.d.ts

@@ -0,0 +1,5 @@
+import type { BottomSheetBaseRegisterReady } from '../../hooks';
+export declare const useBottomSheetBaseReady: () => {
+    isReady: boolean;
+    registerReady: BottomSheetBaseRegisterReady;
+};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseReady/useBottomSheetBaseReady.js

@@ -0,0 +1,30 @@
+import { __assign, __read } from "tslib";
+import { useCallback, useState } from 'react';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+export var useBottomSheetBaseReady = function () {
+    var _a = __read(useState(false), 2), isReady = _a[0], setReady = _a[1];
+    var isReadyMap = useStoredValue({});
+    var setIsReadyMap = function (map) {
+        isReadyMap.current = map;
+        var states = Object.values(isReadyMap.current);
+        if (states.length === 0) {
+            return;
+        }
+        var isReady = states.every(function (state) { return !!state; });
+        if (isReady) {
+            setReady(true);
+        }
+    };
+    var registerReady = useCallback(function (key) {
+        var _a;
+        setIsReadyMap(__assign(__assign({}, isReadyMap.current), (_a = {}, _a[key] = false, _a)));
+        return function () {
+            var _a;
+            if (isReadyMap.current[key]) {
+                return;
+            }
+            setIsReadyMap(__assign(__assign({}, isReadyMap.current), (_a = {}, _a[key] = true, _a)));
+        };
+    }, []);
+    return { isReady: isReady, registerReady: registerReady };
+};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useBottomSheetBaseSnaps';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/index.js

@@ -0,0 +1,2 @@
+export * from './useBottomSheetBaseSnaps';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/types.d.ts

@@ -0,0 +1,14 @@
+import type { StoredValue } from '../../../../hooks/useStoredValue';
+import type { AnimatePropertyOptions } from '../../../../utils/animateProperty';
+export type BottomSheetBaseFindClosestSnap = (point: number) => number;
+export type BottomSheetBaseSnapsControlToClosed = (isAnimated?: boolean) => void;
+export type BottomSheetBaseSnapsControlToDefault = (isAnimated?: boolean) => void;
+export type BottomSheetBaseSnapsControlTo = (snap: number) => void;
+export type BottomSheetBaseSnapsControlToAnimated = (newPoint: number, options?: AnimatePropertyOptions) => void;
+export type BottomSheetBaseSnapsControl = {
+    point: StoredValue<number>;
+    to: BottomSheetBaseSnapsControlTo;
+    toAnimated: BottomSheetBaseSnapsControlToAnimated;
+    toClosed: BottomSheetBaseSnapsControlToClosed;
+    toDefault: BottomSheetBaseSnapsControlToDefault;
+};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/useBottomSheetBaseSnaps.d.ts

@@ -0,0 +1,14 @@
+import type { RefObject } from 'react';
+import type { StoredValue } from '../../../../hooks/useStoredValue';
+import type { BottomSheetBaseRootRef, BottomSheetBaseSnap } from '../../entities';
+import type { BottomSheetBaseFindClosestSnap, BottomSheetBaseSnapsControl } from '../../hooks';
+export declare const useBottomSheetBaseSnaps: ({ minSnap, maxSnap, defaultSnap, rootRef, onAnimationStart, onAnimationFinish, isReady, findClosestSnap, }: {
+    minSnap: BottomSheetBaseSnap;
+    maxSnap: BottomSheetBaseSnap;
+    defaultSnap: BottomSheetBaseSnap;
+    rootRef: RefObject<BottomSheetBaseRootRef>;
+    onAnimationStart?: () => void;
+    onAnimationFinish?: () => void;
+    isReady: boolean;
+    findClosestSnap: StoredValue<BottomSheetBaseFindClosestSnap>;
+}) => BottomSheetBaseSnapsControl;

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseSnaps/useBottomSheetBaseSnaps.js

@@ -0,0 +1,99 @@
+import { useEffect } from 'react';
+import { useEventListener } from '../../../../hooks/useEventListener';
+import { useStoredValue } from '../../../../hooks/useStoredValue';
+import { animateNumberValue } from '../../../../utils/animateProperty';
+import { clamp } from '../../../../utils/math';
+import { BOTTOM_SHEET_BASE_CSS_VARIABLE } from '../../constants';
+import { useBottomSheetBaseCSSValue } from '../../hooks';
+export var useBottomSheetBaseSnaps = function (_a) {
+    var minSnap = _a.minSnap, maxSnap = _a.maxSnap, defaultSnap = _a.defaultSnap, rootRef = _a.rootRef, onAnimationStart = _a.onAnimationStart, onAnimationFinish = _a.onAnimationFinish, isReady = _a.isReady, findClosestSnap = _a.findClosestSnap;
+    var y = useBottomSheetBaseCSSValue({
+        defaultValue: -defaultSnap,
+        variableName: BOTTOM_SHEET_BASE_CSS_VARIABLE.Y,
+        rootRef: rootRef,
+        formatValue: function (value) { return "".concat(value, "px"); },
+    });
+    var height = useBottomSheetBaseCSSValue({
+        defaultValue: defaultSnap,
+        variableName: BOTTOM_SHEET_BASE_CSS_VARIABLE.HEIGHT,
+        rootRef: rootRef,
+        formatValue: function (value) { return "".concat(value, "px"); },
+    });
+    var openPercent = useBottomSheetBaseCSSValue({
+        defaultValue: 0,
+        variableName: BOTTOM_SHEET_BASE_CSS_VARIABLE.OPEN_PERCENT,
+        rootRef: rootRef,
+    });
+    var point = useStoredValue(function () { return height.value.current + y.value.current; });
+    var setSnapPoint = function (newPoint) {
+        if (newPoint === point.current) {
+            return;
+        }
+        point.current = newPoint;
+        height.setValue(clamp(newPoint, minSnap, maxSnap));
+        y.setValue(newPoint - height.value.current);
+        var newOpenPercent = (function () {
+            if (newPoint === 0 && minSnap === 0) {
+                return 0;
+            }
+            return clamp((newPoint / minSnap) * 100, 0, 100);
+        })();
+        openPercent.setValue(newOpenPercent);
+    };
+    var snapTo = function (newPoint) {
+        setSnapPoint(newPoint);
+    };
+    var snapToAnimated = function (newPoint, options) {
+        onAnimationStart === null || onAnimationStart === void 0 ? void 0 : onAnimationStart();
+        animateNumberValue(function (value) {
+            snapTo(value);
+        }, point.current, newPoint, {
+            onFinish: function () {
+                var _a;
+                (_a = options === null || options === void 0 ? void 0 : options.onFinish) === null || _a === void 0 ? void 0 : _a.call(options);
+                onAnimationFinish === null || onAnimationFinish === void 0 ? void 0 : onAnimationFinish();
+            },
+        });
+    };
+    var snapToClosed = function (isAnimated) {
+        if (isAnimated) {
+            snapToAnimated(0);
+        }
+        else {
+            snapTo(0);
+        }
+    };
+    var snapToDefault = function (isAnimated) {
+        if (isAnimated) {
+            snapToAnimated(defaultSnap);
+        }
+        else {
+            snapTo(defaultSnap);
+        }
+    };
+    var previousReady = useStoredValue(isReady);
+    // Перерасчет текущей точки при изменении minSnap, maxSnap
+    useEffect(function () {
+        if (!isReady) {
+            return;
+        }
+        if (previousReady.current) {
+            snapTo(findClosestSnap.current(point.current));
+        }
+        previousReady.current = isReady;
+    }, [minSnap, maxSnap, isReady]);
+    useEventListener({
+        eventName: 'resize',
+        handler: function () {
+            var closestSnap = findClosestSnap.current(point.current);
+            snapTo(closestSnap);
+        },
+    });
+    return {
+        to: snapTo,
+        point: point,
+        toAnimated: snapToAnimated,
+        toClosed: snapToClosed,
+        toDefault: snapToDefault,
+    };
+};

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseVisibility.d.ts

@@ -0,0 +1,4 @@
+export declare const useBottomSheetBaseVisibility: ({ isAnimating, isOpen, }: {
+    isAnimating: boolean;
+    isOpen: boolean;
+}) => boolean;

package/__inner__/esm/components/BottomSheetBase/hooks/useBottomSheetBaseVisibility.js

@@ -0,0 +1,31 @@
+import { __read } from "tslib";
+import { useEffect, useState } from 'react';
+import { useStoredValue } from '../../../hooks/useStoredValue';
+export var useBottomSheetBaseVisibility = function (_a) {
+    var isAnimating = _a.isAnimating, isOpen = _a.isOpen;
+    var _b = __read(useState(isOpen), 2), isVisible = _b[0], setIsVisible = _b[1];
+    var isFirstRender = useStoredValue(true);
+    var isClosingStarted = useStoredValue(false);
+    useEffect(function () {
+        if (isOpen) {
+            isClosingStarted.current = false;
+            setIsVisible(true);
+            return;
+        }
+        if (isFirstRender.current) {
+            return;
+        }
+        isClosingStarted.current = true;
+    }, [isOpen]);
+    useEffect(function () {
+        if (!isClosingStarted.current || isAnimating) {
+            return;
+        }
+        isClosingStarted.current = false;
+        setIsVisible(false);
+    }, [isAnimating]);
+    useEffect(function () {
+        isFirstRender.current = false;
+    }, []);
+    return isVisible;
+};

package/__inner__/esm/components/BottomSheetBase/index.d.ts

@@ -0,0 +1,5 @@
+export * from './context';
+export * from './entities';
+export * from './modules';
+export * from './BottomSheetBase';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/index.js

@@ -0,0 +1,5 @@
+export * from './context';
+export * from './entities';
+export * from './modules';
+export * from './BottomSheetBase';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.css

@@ -0,0 +1,11 @@
+.BottomSheetBaseBackdrop {
+  opacity: calc(var(--bottom-sheet-base-open-percent, 0) / 100);
+}
+
+  .BottomSheetBaseBackdrop_draggable {
+    touch-action: none;
+    cursor: pointer;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.d.ts

@@ -0,0 +1,4 @@
+import './BottomSheetBaseBackdrop.css';
+import type { BottomSheetBaseBackdropBaseProps } from './types';
+export declare const cnBottomSheetBaseBackdrop: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseBackdrop: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<BottomSheetBaseBackdropBaseProps, "div">;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.js

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+import './BottomSheetBaseBackdrop.css';
+import React, { useRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { cn } from '../../../../utils/classname';
+import { polymorphicComponentWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import { Backdrop } from '../../../Backdrop';
+import { useBottomSheetBaseDrag } from '../../hooks';
+import { BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseBackdrop = cn('BottomSheetBaseBackdrop');
+export var BottomSheetBaseBackdrop = polymorphicComponentWithRef(function (_a, ref) {
+    var as = _a.as, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG : _b, className = _a.className, other = __rest(_a, ["as", "expandOnDrag", "className"]);
+    var internalRef = useRef(null);
+    useBottomSheetBaseDrag(internalRef, {
+        isCloseOnTap: true,
+        isDraggable: expandOnDrag,
+    });
+    return (React.createElement(Backdrop, __assign({}, other, { ref: useMultiRef([ref, internalRef]), as: as, transitionProps: {
+            classNames: cnBottomSheetBaseBackdrop({ animation: true }),
+        }, open: true, className: cnBottomSheetBaseBackdrop({
+            draggable: expandOnDrag,
+        }, [className]) })));
+});

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG = "div";
+export declare const BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/constants.js

@@ -0,0 +1,2 @@
+export var BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG = 'div';
+export var BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseBackdrop';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/index.js

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseBackdrop';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/types.d.ts

@@ -0,0 +1,9 @@
+import type { ElementType } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+import type { PolymorphicComponentPropsWithRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { BackdropBaseProps } from '../../../Backdrop';
+import type { BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG } from './constants';
+export type BottomSheetBaseBackdropBaseProps = ExtendableProps<{
+    expandOnDrag?: boolean;
+}, Omit<BackdropBaseProps, 'transitionProps' | 'open'>>;
+export type BottomSheetBaseBackdropProps<As extends ElementType = typeof BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<BottomSheetBaseBackdropBaseProps, As>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.css

@@ -0,0 +1,11 @@
+.BottomSheetBaseBlock {
+  flex-shrink: 0;
+}
+
+  .BottomSheetBaseBlock_draggable {
+    touch-action: none;
+    cursor: ns-resize;
+    -webkit-user-select: none;
+       -moz-user-select: none;
+            user-select: none;
+  }

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.d.ts

@@ -0,0 +1,6 @@
+import './BottomSheetBaseBlock.css';
+import React from 'react';
+export declare const cnBottomSheetBaseBlock: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseBlock: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.js

@@ -0,0 +1,27 @@
+import { __assign, __rest } from "tslib";
+import './BottomSheetBaseBlock.css';
+import React, { forwardRef, useRef } from 'react';
+import { useUniqueId } from '../../../../hooks/useUniqueId';
+import { cn } from '../../../../utils/classname';
+import { setRef } from '../../../../utils/setRef';
+import { useBottomSheetBaseContext } from '../../context';
+import { useBottomSheetBaseDrag } from '../../hooks';
+import { BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseBlock = cn('BottomSheetBaseBlock');
+export var BottomSheetBaseBlock = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG : _b, other = __rest(_a, ["children", "className", "expandOnDrag"]);
+    var internalRef = useRef(null);
+    var addBlockRef = useBottomSheetBaseContext().addBlockRef;
+    var blockId = useUniqueId('BaseBottomSheetBlock-');
+    useBottomSheetBaseDrag(internalRef, {
+        isDraggable: expandOnDrag,
+    });
+    return (React.createElement("div", __assign({}, other, { ref: function (instance) {
+            setRef(ref, instance);
+            setRef(internalRef, instance);
+            addBlockRef(blockId, instance);
+        }, className: cnBottomSheetBaseBlock({
+            draggable: expandOnDrag,
+        }, [className]) }), children));
+});
+BottomSheetBaseBlock.displayName = 'BottomSheetBaseBlock';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG = false;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/constants.js

@@ -0,0 +1 @@
+export var BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG = false;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseBlock';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/index.js

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseBlock';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentPropsWithoutRef } from 'react';
+import type { ExtendableProps } from '../../../../types/ExtendableProps';
+export type BottomSheetBaseBlockProps = ExtendableProps<{
+    expandOnDrag?: boolean;
+}, ComponentPropsWithoutRef<'div'>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.css

@@ -0,0 +1,5 @@
+.BottomSheetBaseContent-Wrapper {
+  flex-shrink: 1;
+  flex-grow: 1;
+  overflow: auto;
+}

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.d.ts

@@ -0,0 +1,4 @@
+import './BottomSheetBaseContent.css';
+import React from 'react';
+export declare const cnBottomSheetBaseContent: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import './BottomSheetBaseContent.css';
+import React, { forwardRef } from 'react';
+import { useMultiRef } from '../../../../hooks/useMultiRef';
+import { cn } from '../../../../utils/classname';
+import { useBottomSheetBaseContext } from '../../context';
+export var cnBottomSheetBaseContent = cn('BottomSheetBaseContent');
+export var BottomSheetBaseContent = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useBottomSheetBaseContext(), scrollRef = _b.scrollRef, contentRef = _b.contentRef;
+    return (React.createElement("div", __assign({}, other, { ref: useMultiRef([ref, scrollRef]), className: cnBottomSheetBaseContent('Wrapper', [className]) }),
+        React.createElement("div", { ref: contentRef, className: cnBottomSheetBaseContent() }, children)));
+});
+BottomSheetBaseContent.displayName = 'BottomSheetBaseContent';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseContent';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/index.js

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseContent';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/types.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type BottomSheetBaseContentProps = ComponentPropsWithoutRef<'div'>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseContent/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnBottomSheetBaseFooter: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseFooter: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseBlock } from '../BottomSheetBaseBlock';
+import { BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseFooter = cn('BottomSheetBaseFooter');
+export var BottomSheetBaseFooter = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG : _b, other = __rest(_a, ["children", "className", "expandOnDrag"]);
+    return (React.createElement(BottomSheetBaseBlock, __assign({}, other, { ref: ref, className: cnBottomSheetBaseFooter('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+BottomSheetBaseFooter.displayName = 'BottomSheetBaseFooter';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/constants.js

@@ -0,0 +1 @@
+export var BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseFooter';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/index.js

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseFooter';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.d.ts

@@ -0,0 +1,4 @@
+import type { BottomSheetBaseBlockRef } from '../../entities';
+import type { BottomSheetBaseBlockProps } from '../BottomSheetBaseBlock';
+export type BottomSheetBaseFooterRef = BottomSheetBaseBlockRef;
+export type BottomSheetBaseFooterProps = BottomSheetBaseBlockProps;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const cnBottomSheetBaseHeader: import("@bem-react/classname").ClassNameFormatter;
+export declare const BottomSheetBaseHeader: React.ForwardRefExoticComponent<{
+    expandOnDrag?: boolean;
+} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.js

@@ -0,0 +1,11 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseBlock } from '../BottomSheetBaseBlock';
+import { BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG } from './constants';
+export var cnBottomSheetBaseHeader = cn('BottomSheetBaseHeader');
+export var BottomSheetBaseHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG : _b, other = __rest(_a, ["children", "className", "expandOnDrag"]);
+    return (React.createElement(BottomSheetBaseBlock, __assign({}, other, { ref: ref, className: cnBottomSheetBaseHeader('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+BottomSheetBaseHeader.displayName = 'BottomSheetBaseHeader';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/constants.d.ts

@@ -0,0 +1 @@
+export declare const BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/constants.js

@@ -0,0 +1 @@
+export var BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG = true;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/index.d.ts

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseHeader';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/index.js

@@ -0,0 +1,2 @@
+export * from './BottomSheetBaseHeader';
+export * from './types';

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.d.ts

@@ -0,0 +1,4 @@
+import type { BottomSheetBaseBlockRef } from '../../entities';
+import type { BottomSheetBaseBlockProps } from '../BottomSheetBaseBlock';
+export type BottomSheetBaseHeaderRef = BottomSheetBaseBlockRef;
+export type BottomSheetBaseHeaderProps = BottomSheetBaseBlockProps;

package/__inner__/esm/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/BottomSheetBase/modules/index.d.ts

@@ -0,0 +1,5 @@
+export * from './BottomSheetBaseBackdrop';
+export * from './BottomSheetBaseBlock';
+export * from './BottomSheetBaseContent';
+export * from './BottomSheetBaseFooter';
+export * from './BottomSheetBaseHeader';