@ozen-ui/kit 0.65.0 → 0.67.0

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

@@ -0,0 +1,103 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseSnaps = void 0;
+var react_1 = require("react");
+var useEventListener_1 = require("../../../../hooks/useEventListener");
+var useStoredValue_1 = require("../../../../hooks/useStoredValue");
+var animateProperty_1 = require("../../../../utils/animateProperty");
+var math_1 = require("../../../../utils/math");
+var constants_1 = require("../../constants");
+var hooks_1 = require("../../hooks");
+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 = (0, hooks_1.useBottomSheetBaseCSSValue)({
+        defaultValue: -defaultSnap,
+        variableName: constants_1.BOTTOM_SHEET_BASE_CSS_VARIABLE.Y,
+        rootRef: rootRef,
+        formatValue: function (value) { return "".concat(value, "px"); },
+    });
+    var height = (0, hooks_1.useBottomSheetBaseCSSValue)({
+        defaultValue: defaultSnap,
+        variableName: constants_1.BOTTOM_SHEET_BASE_CSS_VARIABLE.HEIGHT,
+        rootRef: rootRef,
+        formatValue: function (value) { return "".concat(value, "px"); },
+    });
+    var openPercent = (0, hooks_1.useBottomSheetBaseCSSValue)({
+        defaultValue: 0,
+        variableName: constants_1.BOTTOM_SHEET_BASE_CSS_VARIABLE.OPEN_PERCENT,
+        rootRef: rootRef,
+    });
+    var point = (0, useStoredValue_1.useStoredValue)(function () { return height.value.current + y.value.current; });
+    var setSnapPoint = function (newPoint) {
+        if (newPoint === point.current) {
+            return;
+        }
+        point.current = newPoint;
+        height.setValue((0, math_1.clamp)(newPoint, minSnap, maxSnap));
+        y.setValue(newPoint - height.value.current);
+        var newOpenPercent = (function () {
+            if (newPoint === 0 && minSnap === 0) {
+                return 0;
+            }
+            return (0, math_1.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();
+        (0, animateProperty_1.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 = (0, useStoredValue_1.useStoredValue)(isReady);
+    // Перерасчет текущей точки при изменении minSnap, maxSnap
+    (0, react_1.useEffect)(function () {
+        if (!isReady) {
+            return;
+        }
+        if (previousReady.current) {
+            snapTo(findClosestSnap.current(point.current));
+        }
+        previousReady.current = isReady;
+    }, [minSnap, maxSnap, isReady]);
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'resize',
+        handler: function () {
+            var closestSnap = findClosestSnap.current(point.current);
+            snapTo(closestSnap);
+        },
+    });
+    return {
+        to: snapTo,
+        point: point,
+        toAnimated: snapToAnimated,
+        toClosed: snapToClosed,
+        toDefault: snapToDefault,
+    };
+};
+exports.useBottomSheetBaseSnaps = useBottomSheetBaseSnaps;

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

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

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

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBottomSheetBaseVisibility = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var useStoredValue_1 = require("../../../hooks/useStoredValue");
+var useBottomSheetBaseVisibility = function (_a) {
+    var isAnimating = _a.isAnimating, isOpen = _a.isOpen;
+    var _b = tslib_1.__read((0, react_1.useState)(isOpen), 2), isVisible = _b[0], setIsVisible = _b[1];
+    var isFirstRender = (0, useStoredValue_1.useStoredValue)(true);
+    var isClosingStarted = (0, useStoredValue_1.useStoredValue)(false);
+    (0, react_1.useEffect)(function () {
+        if (isOpen) {
+            isClosingStarted.current = false;
+            setIsVisible(true);
+            return;
+        }
+        if (isFirstRender.current) {
+            return;
+        }
+        isClosingStarted.current = true;
+    }, [isOpen]);
+    (0, react_1.useEffect)(function () {
+        if (!isClosingStarted.current || isAnimating) {
+            return;
+        }
+        isClosingStarted.current = false;
+        setIsVisible(false);
+    }, [isAnimating]);
+    (0, react_1.useEffect)(function () {
+        isFirstRender.current = false;
+    }, []);
+    return isVisible;
+};
+exports.useBottomSheetBaseVisibility = useBottomSheetBaseVisibility;

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./context"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./modules"), exports);
+tslib_1.__exportStar(require("./BottomSheetBase"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/BottomSheetBaseBackdrop.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseBackdrop = exports.cnBottomSheetBaseBackdrop = void 0;
+var tslib_1 = require("tslib");
+require("./BottomSheetBaseBackdrop.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var Backdrop_1 = require("../../../Backdrop");
+var hooks_1 = require("../../hooks");
+var constants_1 = require("./constants");
+exports.cnBottomSheetBaseBackdrop = (0, classname_1.cn)('BottomSheetBaseBackdrop');
+exports.BottomSheetBaseBackdrop = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var as = _a.as, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG : _b, className = _a.className, other = tslib_1.__rest(_a, ["as", "expandOnDrag", "className"]);
+    var internalRef = (0, react_1.useRef)(null);
+    (0, hooks_1.useBottomSheetBaseDrag)(internalRef, {
+        isCloseOnTap: true,
+        isDraggable: expandOnDrag,
+    });
+    return (react_1.default.createElement(Backdrop_1.Backdrop, tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([ref, internalRef]), as: as, transitionProps: {
+            classNames: (0, exports.cnBottomSheetBaseBackdrop)({ animation: true }),
+        }, open: true, className: (0, exports.cnBottomSheetBaseBackdrop)({
+            draggable: expandOnDrag,
+        }, [className]) })));
+});

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG = exports.BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG = void 0;
+exports.BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_TAG = 'div';
+exports.BOTTOM_SHEET_BASE_BACKDROP_DEFAULT_EXPAND_ON_DRAG = true;

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseBackdrop"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBackdrop/types.js

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

package/__inner__/cjs/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__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseBlock = exports.cnBottomSheetBaseBlock = void 0;
+var tslib_1 = require("tslib");
+require("./BottomSheetBaseBlock.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useUniqueId_1 = require("../../../../hooks/useUniqueId");
+var classname_1 = require("../../../../utils/classname");
+var setRef_1 = require("../../../../utils/setRef");
+var context_1 = require("../../context");
+var hooks_1 = require("../../hooks");
+var constants_1 = require("./constants");
+exports.cnBottomSheetBaseBlock = (0, classname_1.cn)('BottomSheetBaseBlock');
+exports.BottomSheetBaseBlock = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG : _b, other = tslib_1.__rest(_a, ["children", "className", "expandOnDrag"]);
+    var internalRef = (0, react_1.useRef)(null);
+    var addBlockRef = (0, context_1.useBottomSheetBaseContext)().addBlockRef;
+    var blockId = (0, useUniqueId_1.useUniqueId)('BaseBottomSheetBlock-');
+    (0, hooks_1.useBottomSheetBaseDrag)(internalRef, {
+        isDraggable: expandOnDrag,
+    });
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: function (instance) {
+            (0, setRef_1.setRef)(ref, instance);
+            (0, setRef_1.setRef)(internalRef, instance);
+            addBlockRef(blockId, instance);
+        }, className: (0, exports.cnBottomSheetBaseBlock)({
+            draggable: expandOnDrag,
+        }, [className]) }), children));
+});
+exports.BottomSheetBaseBlock.displayName = 'BottomSheetBaseBlock';

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG = void 0;
+exports.BOTTOM_SHEET_BASE_BLOCK_DEFAULT_EXPAND_ON_DRAG = false;

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseBlock"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.js

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

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

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

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseContent/BottomSheetBaseContent.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseContent = exports.cnBottomSheetBaseContent = void 0;
+var tslib_1 = require("tslib");
+require("./BottomSheetBaseContent.css");
+var react_1 = tslib_1.__importStar(require("react"));
+var useMultiRef_1 = require("../../../../hooks/useMultiRef");
+var classname_1 = require("../../../../utils/classname");
+var context_1 = require("../../context");
+exports.cnBottomSheetBaseContent = (0, classname_1.cn)('BottomSheetBaseContent');
+exports.BottomSheetBaseContent = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
+    var _b = (0, context_1.useBottomSheetBaseContext)(), scrollRef = _b.scrollRef, contentRef = _b.contentRef;
+    return (react_1.default.createElement("div", tslib_1.__assign({}, other, { ref: (0, useMultiRef_1.useMultiRef)([ref, scrollRef]), className: (0, exports.cnBottomSheetBaseContent)('Wrapper', [className]) }),
+        react_1.default.createElement("div", { ref: contentRef, className: (0, exports.cnBottomSheetBaseContent)() }, children)));
+});
+exports.BottomSheetBaseContent.displayName = 'BottomSheetBaseContent';

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseContent"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

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

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseFooter = exports.cnBottomSheetBaseFooter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var BottomSheetBaseBlock_1 = require("../BottomSheetBaseBlock");
+var constants_1 = require("./constants");
+exports.cnBottomSheetBaseFooter = (0, classname_1.cn)('BottomSheetBaseFooter');
+exports.BottomSheetBaseFooter = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_FOOTER_DEFAULT_EXPAND_ON_DRAG : _b, other = tslib_1.__rest(_a, ["children", "className", "expandOnDrag"]);
+    return (react_1.default.createElement(BottomSheetBaseBlock_1.BottomSheetBaseBlock, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnBottomSheetBaseFooter)('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+exports.BottomSheetBaseFooter.displayName = 'BottomSheetBaseFooter';

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseFooter"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/types.js

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

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BottomSheetBaseHeader = exports.cnBottomSheetBaseHeader = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var BottomSheetBaseBlock_1 = require("../BottomSheetBaseBlock");
+var constants_1 = require("./constants");
+exports.cnBottomSheetBaseHeader = (0, classname_1.cn)('BottomSheetBaseHeader');
+exports.BottomSheetBaseHeader = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.expandOnDrag, expandOnDrag = _b === void 0 ? constants_1.BOTTOM_SHEET_BASE_HEADER_DEFAULT_EXPAND_ON_DRAG : _b, other = tslib_1.__rest(_a, ["children", "className", "expandOnDrag"]);
+    return (react_1.default.createElement(BottomSheetBaseBlock_1.BottomSheetBaseBlock, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnBottomSheetBaseHeader)('', [className]), expandOnDrag: expandOnDrag }), children));
+});
+exports.BottomSheetBaseHeader.displayName = 'BottomSheetBaseHeader';

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseHeader"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/types.js

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

package/__inner__/cjs/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';

package/__inner__/cjs/components/BottomSheetBase/modules/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./BottomSheetBaseBackdrop"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseBlock"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseContent"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseFooter"), exports);
+tslib_1.__exportStar(require("./BottomSheetBaseHeader"), exports);

package/__inner__/cjs/components/BottomSheetBase/types.d.ts

@@ -0,0 +1,27 @@
+import type { ReactNode } from 'react';
+import type { PortalProps } from '../Portal';
+import type { BottomSheetBaseGetMaxHeight, BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseMaxHeight, BottomSheetBaseOnClose, BottomSheetBaseSnap, BottomSheetBaseSnaps } from './entities';
+export type BottomSheetBaseProps = {
+    /** Точки привязки. */
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    /** Текущее состояние открытости. Если `true`, шторка отображается. */
+    open: boolean;
+    /** Дефолтная точка привязки. */
+    defaultSnap?: BottomSheetBaseSnap | BottomSheetBaseGetSnap;
+    /** Максимальная высота. */
+    maxHeight?: BottomSheetBaseMaxHeight | BottomSheetBaseGetMaxHeight;
+    /** Функция, которая вызывается при закрытии. */
+    onClose?: BottomSheetBaseOnClose;
+    /** При `true` шторка будет закрываемой. */
+    closable?: boolean;
+    /** Компонент backdrop. */
+    backdrop?: ReactNode;
+    /** Если `true` backdrop будет скрыт. */
+    hideBackdrop?: boolean;
+    /** Если `true` отключает блокировку прокрутки основного экрана приложения. */
+    disableScrollLock?: boolean;
+    /** Дополнительные CSS-классы шторки */
+    bottomSheetClassName?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+} & PortalProps;

package/__inner__/cjs/components/BottomSheetBase/types.js

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

package/__inner__/cjs/components/BottomSheetBase/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/__inner__/cjs/components/BottomSheetBase/utils/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./utils"), exports);

package/__inner__/cjs/components/BottomSheetBase/utils/utils.d.ts

@@ -0,0 +1,16 @@
+import type { BottomSheetBaseGetSnap, BottomSheetBaseGetSnaps, BottomSheetBaseSnap, BottomSheetBaseSnaps } from '../entities';
+import type { BottomSheetBaseFindClosestSnap } from '../hooks';
+export declare const cnBottomSheetBase: import("@bem-react/classname").ClassNameFormatter;
+export declare const bottomSheetCalculateSnaps: ({ minHeight, maxHeight, snaps: snapsProp, isReady, defaultSnap: defaultSnapProp, }: {
+    minHeight: number;
+    maxHeight: number;
+    snaps: BottomSheetBaseSnaps | BottomSheetBaseGetSnaps;
+    isReady: boolean;
+    defaultSnap: BottomSheetBaseSnap | BottomSheetBaseGetSnap | undefined;
+}) => {
+    minSnap: number;
+    maxSnap: number;
+    snaps: number[];
+    defaultSnap: number;
+    findClosestSnap: BottomSheetBaseFindClosestSnap;
+};