@ozen-ui/kit 0.10.0 → 0.11.0

package/__inner__/cjs/components/InputNumber/InputNumber.js

@@ -144,8 +144,8 @@ exports.InputNumber = (0, react_1.forwardRef)(function (inProps, ref) {
                     ]), min: min, max: max, step: step }, inputProps, { type: "number", onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, ref: (0, useMultiRef_1.useMultiRef)([inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, fieldRef]) }))),
             react_1["default"].createElement(FieldIcon_1.FieldIcon, { className: (0, exports.cnInputNumber)('RenderRight'), icon: renderRight, size: size }),
             react_1["default"].createElement("span", { className: (0, exports.cnInputNumber)('Controls') },
-                react_1["default"].createElement(IconButton_1.IconButton, { tabIndex: -1, size: size, className: (0, exports.cnInputNumber)('Increment'), icon: icons_1.SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", variant: "ghost" }),
-                react_1["default"].createElement(IconButton_1.IconButton, { tabIndex: -1, size: size, icon: icons_1.SortDownIcon, className: (0, exports.cnInputNumber)('Decrement'), onMouseDown: handleMouseDown('decrement'), disabled: disabled, "aria-label": "decrement", variant: "ghost" })),
+                react_1["default"].createElement(IconButton_1.IconButton, { tabIndex: -1, size: size, className: (0, exports.cnInputNumber)('Increment'), icon: icons_1.SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", type: "button", variant: "ghost" }),
+                react_1["default"].createElement(IconButton_1.IconButton, { tabIndex: -1, size: size, icon: icons_1.SortDownIcon, className: (0, exports.cnInputNumber)('Decrement'), onMouseDown: handleMouseDown('decrement'), disabled: disabled, "aria-label": "decrement", type: "button", variant: "ghost" })),
             react_1["default"].createElement(Fieldset_1.Fieldset, { className: (0, exports.cnInputNumber)('Fieldset') })),
         react_1["default"].createElement(FieldHint_1.FieldHint, { size: size, error: error, disabled: disabled }, hint)));
 });

package/__inner__/cjs/components/Popover/Popover.js

@@ -22,12 +22,12 @@ var PopoverContext_1 = require("./PopoverContext");
 exports.cnPopover = (0, classname_1.cn)('Popover');
 exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.placement, placement = _f === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _f, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
+    var _a = props.arrow, arrow = _a === void 0 ? constants_1.POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? constants_1.POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? constants_1.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? constants_1.POPOVER_DEFAULT_PLACEMENT : _g, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, other = tslib_1.__rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
     var isClickOutSide = (0, react_1.useRef)(null);
-    var _g = tslib_1.__read((0, react_1.useState)(false), 2), openState = _g[0], setOpenState = _g[1];
+    var _h = tslib_1.__read((0, react_1.useState)(false), 2), openState = _h[0], setOpenState = _h[1];
     var focusedElement = (0, react_1.useRef)(null);
     var popoverRef = (0, react_1.useRef)(null);
-    var _h = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _h.refsClickOutside, isTop = _h.isTop;
+    var _j = (0, index_1.usePopoverManager)(popoverRef, 1000, openState), refsClickOutside = _j.refsClickOutside, isTop = _j.isTop;
     // Ловушка фокуса
     var trapRef = (0, useFocusTrap_1.useFocusTrap)({
         active: !disableEnforceFocus && isTop,
@@ -52,7 +52,7 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             isClickOutSide.current = true;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: openState
+        active: openState && !disableClickOutside
     });
     var onExited = (0, react_1.useCallback)(function () {
         var _a, _b;
@@ -120,12 +120,12 @@ exports.Popover = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _j = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _j[0], setPopperElement = _j[1];
-    var _k = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
+    var _k = tslib_1.__read((0, react_1.useState)(null), 2), popperElement = _k[0], setPopperElement = _k[1];
+    var _l = (0, react_popper_1.usePopper)(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: 'fixed',
         modifiers: modifiers
-    }), styles = _k.styles, attributes = _k.attributes, update = _k.update;
+    }), styles = _l.styles, attributes = _l.attributes, update = _l.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     (0, react_1.useEffect)(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);

package/__inner__/cjs/components/Popover/constants.d.ts

@@ -4,4 +4,5 @@ export declare const POPOVER_DEFAULT_OPEN = false;
 export declare const POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
 export declare const POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export declare const POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+export declare const POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";

package/__inner__/cjs/components/Popover/constants.js

@@ -1,6 +1,6 @@
 "use strict";
 exports.__esModule = true;
-exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
+exports.POPOVER_DEFAULT_PLACEMENT = exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = exports.POPOVER_DEFAULT_OPEN = exports.POPOVER_DEFAULT_ARROW = exports.POPOVER_DEFAULT_TAG = void 0;
 var Paper_1 = require("../Paper");
 exports.POPOVER_DEFAULT_TAG = Paper_1.Paper;
 exports.POPOVER_DEFAULT_ARROW = false;
@@ -8,4 +8,5 @@ exports.POPOVER_DEFAULT_OPEN = false;
 exports.POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
 exports.POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 exports.POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+exports.POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 exports.POPOVER_DEFAULT_PLACEMENT = 'auto';

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

@@ -62,6 +62,8 @@ export type PopoverBaseProps = {
     disableEnforceFocus?: boolean;
     /** Отключает захват и возврат текущего фокуса на момент открытия и закрытия окна соответственно */
     disableReturnFocus?: boolean;
+    /** Если {true} отключает закрытие окна при клике за его пределами */
+    disableClickOutside?: boolean;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */

package/__inner__/esm/components/InputNumber/InputNumber.js

@@ -141,8 +141,8 @@ export var InputNumber = forwardRef(function (inProps, ref) {
                     ]), min: min, max: max, step: step }, inputProps, { type: "number", onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, onKeyDown: handleKeyDown, ref: useMultiRef([inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref, fieldRef]) }))),
             React.createElement(FieldIcon, { className: cnInputNumber('RenderRight'), icon: renderRight, size: size }),
             React.createElement("span", { className: cnInputNumber('Controls') },
-                React.createElement(IconButton, { tabIndex: -1, size: size, className: cnInputNumber('Increment'), icon: SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", variant: "ghost" }),
-                React.createElement(IconButton, { tabIndex: -1, size: size, icon: SortDownIcon, className: cnInputNumber('Decrement'), onMouseDown: handleMouseDown('decrement'), disabled: disabled, "aria-label": "decrement", variant: "ghost" })),
+                React.createElement(IconButton, { tabIndex: -1, size: size, className: cnInputNumber('Increment'), icon: SortUpIcon, onMouseDown: handleMouseDown('increment'), disabled: disabled, "aria-label": "increment", type: "button", variant: "ghost" }),
+                React.createElement(IconButton, { tabIndex: -1, size: size, icon: SortDownIcon, className: cnInputNumber('Decrement'), onMouseDown: handleMouseDown('decrement'), disabled: disabled, "aria-label": "decrement", type: "button", variant: "ghost" })),
             React.createElement(Fieldset, { className: cnInputNumber('Fieldset') })),
         React.createElement(FieldHint, { size: size, error: error, disabled: disabled }, hint)));
 });

package/__inner__/esm/components/Popover/Popover.js

@@ -13,18 +13,18 @@ import { isKey } from '../../utils/isKey';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
 import { Portal } from '../Portal';
 import { PopoverArrow } from './components';
-import { POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, POPOVER_DEFAULT_TAG, } from './constants';
+import { POPOVER_DEFAULT_ARROW, POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE, POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS, POPOVER_DEFAULT_DISABLE_INTERACTIVE, POPOVER_DEFAULT_DISABLE_RETURN_FOCUS, POPOVER_DEFAULT_OPEN, POPOVER_DEFAULT_PLACEMENT, POPOVER_DEFAULT_TAG, } from './constants';
 import { usePopoverManager } from './index';
 import { PopoverContext } from './PopoverContext';
 export var cnPopover = cn('Popover');
 export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({ props: inProps, name: 'Popover' });
-    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.placement, placement = _f === void 0 ? POPOVER_DEFAULT_PLACEMENT : _f, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
+    var _a = props.arrow, arrow = _a === void 0 ? POPOVER_DEFAULT_ARROW : _a, _b = props.open, open = _b === void 0 ? POPOVER_DEFAULT_OPEN : _b, _c = props.disableInteractive, disableInteractive = _c === void 0 ? POPOVER_DEFAULT_DISABLE_INTERACTIVE : _c, _d = props.disableEnforceFocus, disableEnforceFocus = _d === void 0 ? POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS : _d, _e = props.disableReturnFocus, disableReturnFocus = _e === void 0 ? POPOVER_DEFAULT_DISABLE_RETURN_FOCUS : _e, _f = props.disableClickOutside, disableClickOutside = _f === void 0 ? POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE : _f, _g = props.placement, placement = _g === void 0 ? POPOVER_DEFAULT_PLACEMENT : _g, ignoreClickOutsideRefs = props.ignoreClickOutsideRefs, arrowProps = props.arrowProps, anchorRef = props.anchorRef, equalAnchorWidth = props.equalAnchorWidth, offset = props.offset, children = props.children, transitionProps = props.transitionProps, onClose = props.onClose, onEnter = props.onEnter, onEntered = props.onEntered, onExit = props.onExit, onExitedProp = props.onExited, className = props.className, position = props.position, style = props.style, setUpdate = props.setUpdate, other = __rest(props, ["arrow", "open", "disableInteractive", "disableEnforceFocus", "disableReturnFocus", "disableClickOutside", "placement", "ignoreClickOutsideRefs", "arrowProps", "anchorRef", "equalAnchorWidth", "offset", "children", "transitionProps", "onClose", "onEnter", "onEntered", "onExit", "onExited", "className", "position", "style", "setUpdate"]);
     var isClickOutSide = useRef(null);
-    var _g = __read(useState(false), 2), openState = _g[0], setOpenState = _g[1];
+    var _h = __read(useState(false), 2), openState = _h[0], setOpenState = _h[1];
     var focusedElement = useRef(null);
     var popoverRef = useRef(null);
-    var _h = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _h.refsClickOutside, isTop = _h.isTop;
+    var _j = usePopoverManager(popoverRef, 1000, openState), refsClickOutside = _j.refsClickOutside, isTop = _j.isTop;
     // Ловушка фокуса
     var trapRef = useFocusTrap({
         active: !disableEnforceFocus && isTop,
@@ -49,7 +49,7 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             isClickOutSide.current = true;
             onClose === null || onClose === void 0 ? void 0 : onClose();
         },
-        active: openState
+        active: openState && !disableClickOutside
     });
     var onExited = useCallback(function () {
         var _a, _b;
@@ -117,12 +117,12 @@ export var Popover = polymorphicComponentWithRef(function (inProps, ref) {
             };
         return undefined;
     }, [anchorRef === null || anchorRef === void 0 ? void 0 : anchorRef.current, position]);
-    var _j = __read(useState(null), 2), popperElement = _j[0], setPopperElement = _j[1];
-    var _k = usePopper(resolveReferenceElement, popperElement, {
+    var _k = __read(useState(null), 2), popperElement = _k[0], setPopperElement = _k[1];
+    var _l = usePopper(resolveReferenceElement, popperElement, {
         placement: placement,
         strategy: 'fixed',
         modifiers: modifiers
-    }), styles = _k.styles, attributes = _k.attributes, update = _k.update;
+    }), styles = _l.styles, attributes = _l.attributes, update = _l.update;
     // Передача метода по перерасчету расположения компонента Popover в родительский компонент
     useEffect(function () {
         setUpdate === null || setUpdate === void 0 ? void 0 : setUpdate(update);

package/__inner__/esm/components/Popover/constants.d.ts

@@ -4,4 +4,5 @@ export declare const POPOVER_DEFAULT_OPEN = false;
 export declare const POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
 export declare const POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export declare const POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+export declare const POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export declare const POPOVER_DEFAULT_PLACEMENT = "auto";

package/__inner__/esm/components/Popover/constants.js

@@ -5,4 +5,5 @@ export var POPOVER_DEFAULT_OPEN = false;
 export var POPOVER_DEFAULT_DISABLE_INTERACTIVE = false;
 export var POPOVER_DEFAULT_DISABLE_ENFORCE_FOCUS = false;
 export var POPOVER_DEFAULT_DISABLE_RETURN_FOCUS = false;
+export var POPOVER_DEFAULT_DISABLE_CLICK_OUTSIDE = false;
 export var POPOVER_DEFAULT_PLACEMENT = 'auto';

package/__inner__/esm/components/Popover/types.d.ts

@@ -62,6 +62,8 @@ export type PopoverBaseProps = {
     disableEnforceFocus?: boolean;
     /** Отключает захват и возврат текущего фокуса на момент открытия и закрытия окна соответственно */
     disableReturnFocus?: boolean;
+    /** Если {true} отключает закрытие окна при клике за его пределами */
+    disableClickOutside?: boolean;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
     /** Функция обратного вызова для получения метода по перерасчету расположения компонента Popover */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.10.0",
+  "version": "0.11.0",
   "description": "React component library",
   "files": [
     "*"