Init

.editorconfig

@@ -0,0 +1,17 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = space
+insert_final_newline = true
+max_line_length = 100
+trim_trailing_whitespace = true
+
+[{*.json, *.yaml, *.yml}]
+indent_size = 2
+
+[*.md]
+max_line_length = 0
+trim_trailing_whitespace = false

.eslintignore

@@ -0,0 +1,2 @@
+storybook-static
+build

.eslintrc

@@ -0,0 +1,15 @@
+{
+    "extends": ["@gravity-ui/eslint-config", "@gravity-ui/eslint-config/prettier"],
+    "root": true,
+    "env": {
+        "node": true,
+        "jest": true
+    },
+    "overrides": [
+        {
+            "files": ["**/__tests__/**/*.[jt]s?(x)", "**/?(*.)+(spec|test).[jt]s?(x)"],
+            "extends": ["plugin:testing-library/react"]
+        }
+    ]
+}
+

.github/workflows/ci.yml

@@ -0,0 +1,47 @@
+name: CI
+
+on:
+  push:
+    branches: [main]
+  pull_request:
+    branches: [main]
+
+jobs:
+  verify_files:
+    name: Verify Files
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Setup Node
+      uses: actions/setup-node@v2
+      with:
+        node-version: '14.x'
+        cache: 'npm'
+    - name: Install Packages
+      run: npm ci
+    - name: Lint Files
+      run: npm run lint
+    - name: Typecheck
+      run: npm run typecheck
+
+  tests:
+    name: Tests
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Setup Node
+      uses: actions/setup-node@v2
+      with:
+        node-version: '14.x'
+        cache: 'npm'
+    - name: Install Packages
+      run: npm ci
+    - name: Unit Tests
+      run: npm run test
+

.github/workflows/main-preview.yml

@@ -0,0 +1,34 @@
+name: Main Preview
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  main:
+    name: Build and Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v2
+      with:
+        fetch-depth: 0
+    - name: Setup Node
+      uses: actions/setup-node@v2
+      with:
+        node-version: 14
+    - name: Install Packages
+      run: npm ci
+      shell: bash
+    - name: Build Storybook
+      run: npx build-storybook
+      shell: bash
+      env:
+        TS_NODE_PROJECT: .storybook/tsconfig.json
+    - name: Upload to S3
+      uses: gravity-ui/preview-upload-to-s3-action@v1
+      with:
+        src-path: storybook-static
+        dest-path: /navigation/main/
+        s3-key-id: ${{ secrets.STORYBOOK_S3_KEY_ID }}
+        s3-secret-key: ${{ secrets.STORYBOOK_S3_SECRET_KEY }}

.github/workflows/pr-preview-build.yml

@@ -0,0 +1,13 @@
+name: PR Preview Build
+
+on:
+  pull_request:
+
+jobs:
+  build:
+    name: Build
+    runs-on: ubuntu-latest
+    steps:
+    - uses: gravity-ui/preview-build-action@v1
+      env:
+        TS_NODE_PROJECT: .storybook/tsconfig.json

.github/workflows/pr-preview-deploy.yml

@@ -0,0 +1,22 @@
+name: PR Preview Deploy
+
+on:
+  workflow_run:
+    workflows: ['PR Preview Build']
+    types:
+    - completed
+
+jobs:
+  deploy:
+    name: Deploy
+    if: >
+      github.event.workflow_run.event == 'pull_request' &&
+      github.event.workflow_run.conclusion == 'success'
+    runs-on: ubuntu-latest
+    steps:
+    - uses: gravity-ui/preview-deploy-action@v1
+      with:
+        project: navigation
+        github-token: ${{ secrets.GRAVITY_UI_BOT_GITHUB_TOKEN }}
+        s3-key-id: ${{ secrets.STORYBOOK_S3_KEY_ID }}
+        s3-secret-key: ${{ secrets.STORYBOOK_S3_SECRET_KEY }}

.github/workflows/release.yml

@@ -0,0 +1,14 @@
+name: Release
+
+on:
+  push:
+    branches: [main]
+
+jobs:
+  release:
+    runs-on: ubuntu-latest
+    steps:
+    - uses: gravity-ui/release-action@v1
+      with:
+        github-token: ${{ secrets.GRAVITY_UI_BOT_GITHUB_TOKEN }}
+        npm-token: ${{ secrets.GRAVITY_UI_BOT_NPM_TOKEN }}

.gitignore

@@ -0,0 +1,13 @@
+# Settings
+.idea
+.DS_Store
+.vscode
+
+# Libs
+node_modules
+
+# Generated content
+build
+
+
+

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx commitlint -e

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx nano-staged

.npmrc

@@ -0,0 +1 @@
+registry=https://registry.npmjs.org

.nvmrc

@@ -0,0 +1 @@
+14

.prettierignore

@@ -0,0 +1,4 @@
+storybook-static
+build
+CHANGELOG.md
+CONTRIBUTING.md

.prettierrc.js

@@ -0,0 +1,2 @@
+module.exports = require('@gravity-ui/prettier-config');
+

.storybook/decorators/withTheme.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import {Story as StoryType, StoryContext} from '@storybook/react';
+import {ThemeProvider} from '@gravity-ui/uikit';
+
+export function withTheme(Story: StoryType, context: StoryContext) {
+    return (
+        <ThemeProvider theme={context.globals.theme}>
+            <Story {...context} />
+        </ThemeProvider>
+    );
+}

.storybook/main.ts

@@ -0,0 +1,14 @@
+module.exports = {
+    stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(ts|tsx)'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-interactions',
+        '@storybook/preset-scss',
+        'storybook-preset-inline-svg',
+    ],
+    framework: '@storybook/react',
+    features: {
+        postcss: false,
+    },
+};

.storybook/preview.ts

@@ -0,0 +1,29 @@
+import {withTheme} from './decorators/withTheme';
+
+import '@gravity-ui/uikit/styles/styles.scss';
+
+export const decorators = [withTheme];
+
+export const parameters = {
+    actions: {argTypesRegex: '^on[A-Z].*'},
+    controls: {
+        matchers: {
+            color: /(background|color)$/i,
+            date: /Date$/,
+        },
+    },
+};
+
+export const globalTypes = {
+    theme: {
+        name: 'Theme',
+        description: 'Global theme for components',
+        defaultValue: 'light',
+        toolbar: {
+            items: [
+                {value: 'light', icon: 'circle', title: 'Light'},
+                {value: 'dark', icon: 'circlehollow', title: 'Dark'},
+            ],
+        },
+    },
+};

.storybook/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "..",
+    "compilerOptions": {
+        "module": "commonjs",
+        "target": "ES2017"
+    }
+}

.stylelintrc

@@ -0,0 +1,6 @@
+{
+    "extends": ["@gravity-ui/stylelint-config", "@gravity-ui/stylelint-config/prettier"],
+    "rules": {
+        "declaration-colon-space-after": "always-single-line"
+    }
+}

CODEOWNERS

@@ -0,0 +1 @@
+* @DarkGenius @Lunory

CONTRIBUTING.md

@@ -0,0 +1,36 @@
+# Notice to external contributors
+
+## General info
+
+Hello! In order for us (YANDEX LLC) to accept patches and other contributions from you, you will have to adopt our Yandex Contributor License Agreement (the “**CLA**”). The current version of the CLA can be found here:
+
+1. https://yandex.ru/legal/cla/?lang=en (in English) and
+2. https://yandex.ru/legal/cla/?lang=ru (in Russian).
+
+By adopting the CLA, you state the following:
+
+-   You obviously wish and are willingly licensing your contributions to us for our open source projects under the terms of the CLA,
+-   You have read the terms and conditions of the CLA and agree with them in full,
+-   You are legally able to provide and license your contributions as stated,
+-   We may use your contributions for our open source projects and for any other our project too,
+-   We rely on your assurances concerning the rights of third parties in relation to your contributions.
+
+If you agree with these principles, please read and adopt our CLA. By providing us your contributions, you hereby declare that you have already read and adopt our CLA, and we may freely merge your contributions with our corresponding open source project and use it in further in accordance with terms and conditions of the CLA.
+
+## Provide contributions
+
+If you have already adopted terms and conditions of the CLA, you are able to provide your contributions. When you submit your pull request, please add the following information into it:
+
+```
+I hereby agree to the terms of the CLA available at: [link].
+```
+
+Replace the bracketed text as follows:
+
+-   [link] is the link to the current version of the CLA: https://yandex.ru/legal/cla/?lang=en (in English) or https://yandex.ru/legal/cla/?lang=ru (in Russian).
+
+It is enough to provide us such notification once.
+
+## Other questions
+
+If you have any questions, please mail us at [email protected].

LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 YANDEX LLC
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

README.md

@@ -0,0 +1 @@
+# @gravity-ui/navigation · [![npm package](https://img.shields.io/npm/v/@gravity-ui/navigation)](https://www.npmjs.com/package/@gravity-ui/navigation) [![CI](https://img.shields.io/github/workflow/status/gravity-ui/navigation/CI/main?label=CI&logo=github)](https://github.com/gravity-ui/navigation/actions/workflows/ci.yml?query=branch:main)

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = {extends: ['@commitlint/config-conventional']};

jest.config.js

@@ -0,0 +1,11 @@
+module.exports = {
+    verbose: true,
+    moduleFileExtensions: ['js', 'json', 'ts', 'tsx'],
+    rootDir: '.',
+    transform: {
+        '^.+\\.tsx?$': 'ts-jest',
+    },
+    transformIgnorePatterns: ['node_modules/(?!(@gravity-ui)/)'],
+    coverageDirectory: './coverage',
+    collectCoverageFrom: ['src/**/*.{ts,tsx}', '!**/__stories__/**/*', '!**/*/*.stories.{ts,tsx}'],
+};