@cloud-ru/uikit-product-site-navbar 0.2.11 → 0.2.12

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.2.12 (2025-11-12)
+
+
+### Bug Fixes
+
+* **PD-3377:** contributors update to publish all packages ([719fd3e](https://gitverse.ru/cloud-ru-tech/uikit-product/commits/719fd3e1249e247443b125c47ea408d92c8395c3))
+
+
+
+
+
 ## 0.2.11 (2025-11-12)
 
 ### Only dependencies have been changed

package/dist/cjs/components/SiteNavbar.d.ts

@@ -0,0 +1,10 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { NavbarItemProps } from '../helperComponents';
+export type SiteNavbarProps = WithSupportProps<{
+    items: NavbarItemProps[];
+    onItemClick(id: string, text: string): void;
+    active?: string;
+    className?: string;
+    topPosition?: number;
+}>;
+export declare function SiteNavbar({ items, className, onItemClick, active, topPosition, ...rest }: SiteNavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/SiteNavbar.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SiteNavbar = SiteNavbar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const classnames_1 = __importDefault(require("classnames"));
+const react_indiana_drag_scroll_1 = __importDefault(require("react-indiana-drag-scroll"));
+const uikit_product_utils_1 = require("@sbercloud/uikit-product-utils");
+const divider_1 = require("@snack-uikit/divider");
+const helperComponents_1 = require("../helperComponents");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+function SiteNavbar(_a) {
+    var { items, className, onItemClick, active, topPosition } = _a, rest = __rest(_a, ["items", "className", "onItemClick", "active", "topPosition"]);
+    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)(styles_module_scss_1.default.navbar, className), style: topPosition ? { top: `${topPosition}px` } : undefined }, (0, uikit_product_utils_1.extractSupportProps)(rest), { children: [(0, jsx_runtime_1.jsx)(divider_1.Divider, {}), (0, jsx_runtime_1.jsx)(react_indiana_drag_scroll_1.default, { className: styles_module_scss_1.default.navbarItemsWrapper, children: items.map(item => ((0, jsx_runtime_1.jsx)(helperComponents_1.NavbarItem, Object.assign({}, item, { active: active === item.id, onClick: onItemClick }), item.id))) })] })));
+}

package/dist/cjs/components/index.d.ts

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

package/dist/cjs/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./SiteNavbar"), exports);

package/dist/cjs/components/styles.module.css

@@ -0,0 +1,14 @@
+.navbar{
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+}
+
+.navbarItemsWrapper{
+  display:flex;
+  flex-direction:row;
+  overflow-x:scroll;
+  overflow-y:visible;
+  max-width:100%;
+  scrollbar-width:none;
+}

package/dist/cjs/helperComponents/NavbarItem/NavbarItem.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+export type NavbarItemProps = {
+    id: string;
+    text: string;
+    icon?: ReactElement;
+    disabled?: boolean;
+};
+type Props = NavbarItemProps & {
+    active?: boolean;
+    onClick(id: string, text: string): void;
+};
+export declare function NavbarItem({ id, text, icon, onClick, active, disabled }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/helperComponents/NavbarItem/NavbarItem.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavbarItem = NavbarItem;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const typography_1 = require("@snack-uikit/typography");
+const styles_module_scss_1 = __importDefault(require('./styles.module.css'));
+const KEYS = ['Space', 'Enter'];
+function NavbarItem({ id, text, icon, onClick, active = false, disabled = false }) {
+    const handleClick = (0, react_1.useCallback)(() => {
+        onClick(id, text);
+    }, [id, onClick, text]);
+    const handleKeyDown = (0, react_1.useCallback)((e) => {
+        if (KEYS.includes(e.code)) {
+            e.preventDefault();
+            handleClick();
+        }
+    }, [handleClick]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: styles_module_scss_1.default.navbarItem, "data-active": active || undefined, "data-disabled": disabled || undefined, onClick: disabled ? undefined : handleClick, onKeyDown: disabled ? undefined : handleKeyDown, tabIndex: disabled ? undefined : 0, children: [(0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.background, "data-active": active || undefined, "data-disabled": disabled || undefined }), (0, jsx_runtime_1.jsx)(typography_1.Typography, { family: 'sans', purpose: 'body', size: 'm', tag: 'div', className: styles_module_scss_1.default.text, "data-disabled": disabled || undefined, children: text }), icon && ((0, jsx_runtime_1.jsx)("div", { className: styles_module_scss_1.default.iconWrapper, "data-disabled": disabled || undefined, children: icon }))] }));
+}

package/dist/cjs/helperComponents/NavbarItem/index.d.ts

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

package/dist/cjs/helperComponents/NavbarItem/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NavbarItem"), exports);

package/dist/cjs/helperComponents/NavbarItem/styles.module.css

@@ -0,0 +1,79 @@
+.navbarItem{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+  padding:8px 10px;
+  cursor:pointer;
+  position:relative;
+}
+.navbarItem:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-primary-accent-default, #389f74);
+  outline-offset:calc(0px - var(--spacing-state-focus-offset, 2px));
+}
+.navbarItem:focus-visible::after{
+  display:none;
+}
+.navbarItem[data-active]:after{
+  position:absolute;
+  bottom:0;
+  left:0;
+  right:0;
+  pointer-events:none;
+  content:"";
+  height:var(--border-state-focus-s-border-width, 2px);
+  background-color:var(--sys-primary-accent-default, #389f74);
+}
+.navbarItem[data-disabled]{
+  cursor:not-allowed;
+  background-color:transparent;
+  opacity:initial;
+}
+.navbarItem[data-disabled][data-active]:after{
+  background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
+}
+
+.background{
+  position:absolute;
+  left:0;
+  right:0;
+  top:0;
+  bottom:0;
+  opacity:0.08;
+}
+.background:hover, .background:focus-visible{
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+}
+.background[data-active]{
+  background-color:var(--sys-primary-accent-default, #389f74);
+}
+.background[data-active]:hover{
+  opacity:0.16;
+}
+.background[data-active]:focus-visible{
+  opacity:0.16;
+  border-bottom:none;
+}
+.background[data-disabled]{
+  background-color:transparent;
+}
+
+.text{
+  white-space:nowrap;
+}
+
+.iconWrapper{
+  display:flex;
+}
+
+.text,
+.iconWrapper{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.text[data-disabled],
+.iconWrapper[data-disabled]{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}

package/dist/cjs/helperComponents/index.d.ts

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

package/dist/cjs/helperComponents/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./NavbarItem"), exports);

package/dist/cjs/index.d.ts

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

package/dist/cjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);

package/dist/esm/components/SiteNavbar.d.ts

@@ -0,0 +1,10 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { NavbarItemProps } from '../helperComponents';
+export type SiteNavbarProps = WithSupportProps<{
+    items: NavbarItemProps[];
+    onItemClick(id: string, text: string): void;
+    active?: string;
+    className?: string;
+    topPosition?: number;
+}>;
+export declare function SiteNavbar({ items, className, onItemClick, active, topPosition, ...rest }: SiteNavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/SiteNavbar.js

@@ -0,0 +1,22 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import ScrollContainer from 'react-indiana-drag-scroll';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { Divider } from '@snack-uikit/divider';
+import { NavbarItem } from '../helperComponents';
+import styles from './styles.module.css';
+export function SiteNavbar(_a) {
+    var { items, className, onItemClick, active, topPosition } = _a, rest = __rest(_a, ["items", "className", "onItemClick", "active", "topPosition"]);
+    return (_jsxs("div", Object.assign({ className: cn(styles.navbar, className), style: topPosition ? { top: `${topPosition}px` } : undefined }, extractSupportProps(rest), { children: [_jsx(Divider, {}), _jsx(ScrollContainer, { className: styles.navbarItemsWrapper, children: items.map(item => (_jsx(NavbarItem, Object.assign({}, item, { active: active === item.id, onClick: onItemClick }), item.id))) })] })));
+}

package/dist/esm/components/index.d.ts

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

package/dist/esm/components/index.js

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

package/dist/esm/components/styles.module.css

@@ -0,0 +1,14 @@
+.navbar{
+  display:flex;
+  flex-direction:column;
+  justify-content:center;
+}
+
+.navbarItemsWrapper{
+  display:flex;
+  flex-direction:row;
+  overflow-x:scroll;
+  overflow-y:visible;
+  max-width:100%;
+  scrollbar-width:none;
+}

package/dist/esm/helperComponents/NavbarItem/NavbarItem.d.ts

@@ -0,0 +1,13 @@
+import { ReactElement } from 'react';
+export type NavbarItemProps = {
+    id: string;
+    text: string;
+    icon?: ReactElement;
+    disabled?: boolean;
+};
+type Props = NavbarItemProps & {
+    active?: boolean;
+    onClick(id: string, text: string): void;
+};
+export declare function NavbarItem({ id, text, icon, onClick, active, disabled }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/helperComponents/NavbarItem/NavbarItem.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Typography } from '@snack-uikit/typography';
+import styles from './styles.module.css';
+const KEYS = ['Space', 'Enter'];
+export function NavbarItem({ id, text, icon, onClick, active = false, disabled = false }) {
+    const handleClick = useCallback(() => {
+        onClick(id, text);
+    }, [id, onClick, text]);
+    const handleKeyDown = useCallback((e) => {
+        if (KEYS.includes(e.code)) {
+            e.preventDefault();
+            handleClick();
+        }
+    }, [handleClick]);
+    return (_jsxs("div", { className: styles.navbarItem, "data-active": active || undefined, "data-disabled": disabled || undefined, onClick: disabled ? undefined : handleClick, onKeyDown: disabled ? undefined : handleKeyDown, tabIndex: disabled ? undefined : 0, children: [_jsx("div", { className: styles.background, "data-active": active || undefined, "data-disabled": disabled || undefined }), _jsx(Typography, { family: 'sans', purpose: 'body', size: 'm', tag: 'div', className: styles.text, "data-disabled": disabled || undefined, children: text }), icon && (_jsx("div", { className: styles.iconWrapper, "data-disabled": disabled || undefined, children: icon }))] }));
+}

package/dist/esm/helperComponents/NavbarItem/index.d.ts

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

package/dist/esm/helperComponents/NavbarItem/index.js

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

package/dist/esm/helperComponents/NavbarItem/styles.module.css

@@ -0,0 +1,79 @@
+.navbarItem{
+  display:flex;
+  flex-direction:row;
+  align-items:center;
+  gap:var(--dimension-1m, 8px);
+  padding:8px 10px;
+  cursor:pointer;
+  position:relative;
+}
+.navbarItem:focus-visible{
+  outline-width:var(--border-state-focus-s-border-width, 2px);
+  outline-style:var(--border-state-focus-s-border-style, solid);
+  outline-color:var(--border-state-focus-s-border-color, );
+  outline-color:var(--sys-primary-accent-default, #389f74);
+  outline-offset:calc(0px - var(--spacing-state-focus-offset, 2px));
+}
+.navbarItem:focus-visible::after{
+  display:none;
+}
+.navbarItem[data-active]:after{
+  position:absolute;
+  bottom:0;
+  left:0;
+  right:0;
+  pointer-events:none;
+  content:"";
+  height:var(--border-state-focus-s-border-width, 2px);
+  background-color:var(--sys-primary-accent-default, #389f74);
+}
+.navbarItem[data-disabled]{
+  cursor:not-allowed;
+  background-color:transparent;
+  opacity:initial;
+}
+.navbarItem[data-disabled][data-active]:after{
+  background-color:var(--sys-neutral-decor-disabled, #e6e8ef);
+}
+
+.background{
+  position:absolute;
+  left:0;
+  right:0;
+  top:0;
+  bottom:0;
+  opacity:0.08;
+}
+.background:hover, .background:focus-visible{
+  background-color:var(--sys-neutral-accent-default, #787b8a);
+}
+.background[data-active]{
+  background-color:var(--sys-primary-accent-default, #389f74);
+}
+.background[data-active]:hover{
+  opacity:0.16;
+}
+.background[data-active]:focus-visible{
+  opacity:0.16;
+  border-bottom:none;
+}
+.background[data-disabled]{
+  background-color:transparent;
+}
+
+.text{
+  white-space:nowrap;
+}
+
+.iconWrapper{
+  display:flex;
+}
+
+.text,
+.iconWrapper{
+  color:var(--sys-neutral-text-main, #41424e);
+}
+.text[data-disabled],
+.iconWrapper[data-disabled]{
+  color:var(--sys-neutral-text-disabled, #aaaebd);
+}

package/dist/esm/helperComponents/index.d.ts

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

package/dist/esm/helperComponents/index.js

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

package/dist/esm/index.d.ts

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

package/dist/esm/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-site-navbar",
   "title": "Site Navbar",
-  "version": "0.2.11",
+  "version": "0.2.12",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,17 +30,18 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "@snack-uikit/divider": "3.2.3",
     "@snack-uikit/typography": "0.8.4",
     "classnames": "2.5.1",
     "react-indiana-drag-scroll": "2.2.0"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }