@ozen-ui/kit
Version:
React component library
31 lines (30 loc) • 1.73 kB
JavaScript
;
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';