@gravity-ui/navigation 2.18.0 → 2.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/cjs/AsideHeader.js +1 -1
- package/build/cjs/Drawer.js +4 -4
- package/build/cjs/Drawer.js.map +1 -1
- package/build/cjs/{FooterItem-9015588e.js → FooterItem-7daf686a.js} +1 -1
- package/build/cjs/{FooterItem-9015588e.js.map → FooterItem-7daf686a.js.map} +1 -1
- package/build/cjs/{HotkeysPanel-e299a3ff.js → HotkeysPanel-1f851c12.js} +1 -1
- package/build/cjs/{HotkeysPanel-e299a3ff.js.map → HotkeysPanel-1f851c12.js.map} +1 -1
- package/build/cjs/PageLayout.js +1 -1
- package/build/cjs/{PageLayoutAside-7ae2e0ec.js → PageLayoutAside-3d402b17.js} +1 -1
- package/build/cjs/{PageLayoutAside-7ae2e0ec.js.map → PageLayoutAside-3d402b17.js.map} +1 -1
- package/build/cjs/PageLayoutAside.js +1 -1
- package/build/cjs/components/Drawer/Drawer.d.ts +2 -0
- package/build/cjs/index.js +3 -3
- package/build/cjs/index4.js +1 -1
- package/build/cjs/index6.js +1 -1
- package/build/esm/AsideHeader.js +1 -1
- package/build/esm/Drawer.js +4 -4
- package/build/esm/Drawer.js.map +1 -1
- package/build/esm/{FooterItem-d0ed3721.js → FooterItem-89be8c07.js} +1 -1
- package/build/esm/{FooterItem-d0ed3721.js.map → FooterItem-89be8c07.js.map} +1 -1
- package/build/esm/{HotkeysPanel-a810c7ec.js → HotkeysPanel-e19bad23.js} +1 -1
- package/build/esm/{HotkeysPanel-a810c7ec.js.map → HotkeysPanel-e19bad23.js.map} +1 -1
- package/build/esm/PageLayout.js +1 -1
- package/build/esm/{PageLayoutAside-2d2f382f.js → PageLayoutAside-e51bbb31.js} +1 -1
- package/build/esm/{PageLayoutAside-2d2f382f.js.map → PageLayoutAside-e51bbb31.js.map} +1 -1
- package/build/esm/PageLayoutAside.js +1 -1
- package/build/esm/components/Drawer/Drawer.d.ts +2 -0
- package/build/esm/index.js +4 -4
- package/build/esm/index4.js +1 -1
- package/build/esm/index6.js +1 -1
- package/package.json +1 -1
package/build/cjs/AsideHeader.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var tslib_es6 = require('./tslib.es6-705c6589.js');
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var PageLayout = require('./PageLayout.js');
|
|
8
|
-
var PageLayoutAside = require('./PageLayoutAside-
|
|
8
|
+
var PageLayoutAside = require('./PageLayoutAside-3d402b17.js');
|
|
9
9
|
require('./Content-64d5738a.js');
|
|
10
10
|
require('./constants-d81c3867.js');
|
|
11
11
|
require('./AsideHeaderContext.js');
|
package/build/cjs/Drawer.js
CHANGED
|
@@ -3117,7 +3117,7 @@ function useResizableDrawerItem(params) {
|
|
|
3117
3117
|
return { resizedWidth: displayWidth, resizerHandlers: handlers };
|
|
3118
3118
|
}
|
|
3119
3119
|
|
|
3120
|
-
var css_248z = ".gn-drawer{--_--resizer-width:8px;--_--resizer-color:var(--g-color-base-generic);--_--resizer-handle-color:var(--g-color-line-generic);--_--resizer-handle-color-hover:var(--g-color-line-generic-hover);--_--resizer-z-index:100;pointer-events:none}.gn-drawer__item{background-color:var(--g-color-base-background);bottom:0;height:100%;left:0;pointer-events:auto;position:absolute;top:0;will-change:transform}.gn-drawer__item_direction_right{left:auto;right:0}.gn-drawer__item-transition-enter{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-enter{transform:translate(100%)}.gn-drawer__item-transition-enter-active,.gn-drawer__item-transition_direction_right-enter-active{transform:translate(0);transition:transform .3s}.gn-drawer__item-transition-enter-done,.gn-drawer__item-transition_direction_right-enter-done{filter:blur(0);transform:translateZ(0)}.gn-drawer__item-transition-exit,.gn-drawer__item-transition_direction_right-exit{transform:translate(0)}.gn-drawer__item-transition-exit-active,.gn-drawer__item-transition_direction_right-exit-active{transition:transform .3s}.gn-drawer__item-transition-exit-active{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-exit-active{transform:translate(100%)}.gn-drawer__item-transition-exit-done,.gn-drawer__item-transition_direction_right-exit-done{visibility:hidden}.gn-drawer__veil{background-color:var(--
|
|
3120
|
+
var css_248z = ".gn-drawer{--_--item-shadow-default:0 1px 5px 0 var(--g-color-sfx-shadow);--_--resizer-width:8px;--_--resizer-color:var(--g-color-base-generic);--_--resizer-handle-color:var(--g-color-line-generic);--_--resizer-handle-color-hover:var(--g-color-line-generic-hover);--_--resizer-z-index:100;--_--veil-background-color:var(--g-color-sfx-veil);pointer-events:none}.gn-drawer_hideVeil{--_--item-shadow:var(--gn-drawer-item-shadow,var(--_--item-shadow-default))}.gn-drawer__item{background-color:var(--g-color-base-background);bottom:0;box-shadow:var(--_--item-shadow,none);height:100%;left:0;pointer-events:auto;position:absolute;top:0;will-change:transform}.gn-drawer__item_direction_right{left:auto;right:0}.gn-drawer__item-transition-enter{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-enter{transform:translate(100%)}.gn-drawer__item-transition-enter-active,.gn-drawer__item-transition_direction_right-enter-active{transform:translate(0);transition:transform .3s}.gn-drawer__item-transition-enter-done,.gn-drawer__item-transition_direction_right-enter-done{filter:blur(0);transform:translateZ(0)}.gn-drawer__item-transition-exit,.gn-drawer__item-transition_direction_right-exit{transform:translate(0)}.gn-drawer__item-transition-exit-active,.gn-drawer__item-transition_direction_right-exit-active{transition:transform .3s}.gn-drawer__item-transition-exit-active{transform:translate(-100%)}.gn-drawer__item-transition_direction_right-exit-active{transform:translate(100%)}.gn-drawer__item-transition-exit-done,.gn-drawer__item-transition_direction_right-exit-done{visibility:hidden}.gn-drawer__veil{background-color:var(--gn-drawer-veil-background-color,var(--_--veil-background-color));inset:0;pointer-events:auto;position:absolute}.gn-drawer__veil_hidden{display:none}.gn-drawer__veil-transition-enter{opacity:0}.gn-drawer__veil-transition-enter-active{opacity:1;transition:opacity .3s}.gn-drawer__veil-transition-exit{opacity:1}.gn-drawer__veil-transition-exit-active{opacity:0;transition:opacity .3s}.gn-drawer__veil-transition-exit-done{visibility:hidden}.gn-drawer__resizer-handle{background:var(--gn-drawer-item-resizer-handle-color,var(--_--resizer-handle-color));border-radius:2px;height:28px;width:2px}.gn-drawer__resizer{align-items:center;background:var(--gn-drawer-item-resizer-color,var(--_--resizer-color));cursor:col-resize;display:flex;flex-direction:column;height:100%;justify-content:center;position:absolute;top:0;width:var(--gn-drawer-item-resizer-width,var(--_--resizer-width));z-index:var(--gn-drawer-item-resizer-z-index,var(--_--resizer-z-index))}.gn-drawer__resizer_direction_right{left:0}.gn-drawer__resizer_direction_left{right:0}.gn-drawer__resizer:hover .gn-drawer__resizer-handle{background:var(--gn-drawer-item-resizer-handle-color-hover,var(--_--resizer-handle-color-hover))}";
|
|
3121
3121
|
styleInject_es.styleInject(css_248z);
|
|
3122
3122
|
|
|
3123
3123
|
const b = cn.block('drawer');
|
|
@@ -3140,7 +3140,7 @@ const DrawerItem = React__default["default"].forwardRef(function DrawerItem(prop
|
|
|
3140
3140
|
React__default["default"].createElement("div", { ref: handleRef, className: b('item', { direction: cssDirection }, className), style: { width: resizable ? `${resizedWidth}px` : undefined } },
|
|
3141
3141
|
resizerElement, children !== null && children !== void 0 ? children : content)));
|
|
3142
3142
|
});
|
|
3143
|
-
const Drawer = ({ className, children, style, onVeilClick, onEscape, preventScrollBody = true, hideVeil, disablePortal = true, }) => {
|
|
3143
|
+
const Drawer = ({ className, veilClassName, children, style, onVeilClick, onEscape, preventScrollBody = true, hideVeil, disablePortal = true, }) => {
|
|
3144
3144
|
let someItemVisible = false;
|
|
3145
3145
|
React__default["default"].Children.forEach(children, (child) => {
|
|
3146
3146
|
if (React__default["default"].isValidElement(child) && child.type === DrawerItem) {
|
|
@@ -3168,9 +3168,9 @@ const Drawer = ({ className, children, style, onVeilClick, onEscape, preventScro
|
|
|
3168
3168
|
const veilRef = React__default["default"].useRef(null);
|
|
3169
3169
|
const drawer = (React__default["default"].createElement(Transition, { in: someItemVisible, timeout: { enter: 0, exit: TIMEOUT }, mountOnEnter: true, unmountOnExit: true, nodeRef: containerRef }, (state) => {
|
|
3170
3170
|
const childrenVisible = someItemVisible && state === 'entered';
|
|
3171
|
-
return (React__default["default"].createElement("div", { ref: containerRef, className: b(
|
|
3171
|
+
return (React__default["default"].createElement("div", { ref: containerRef, className: b({ hideVeil }, className), style: style },
|
|
3172
3172
|
React__default["default"].createElement(CSSTransition, { in: childrenVisible, timeout: TIMEOUT, unmountOnExit: true, classNames: b('veil-transition'), nodeRef: veilRef },
|
|
3173
|
-
React__default["default"].createElement("div", { ref: veilRef, className: b('veil', { hidden: hideVeil }), onClick: onVeilClick })),
|
|
3173
|
+
React__default["default"].createElement("div", { ref: veilRef, className: b('veil', { hidden: hideVeil }, veilClassName), onClick: onVeilClick })),
|
|
3174
3174
|
React__default["default"].Children.map(children, (child) => {
|
|
3175
3175
|
if (React__default["default"].isValidElement(child) &&
|
|
3176
3176
|
child.type === DrawerItem) {
|