nntc-ui 0.2.3 → 0.2.6

package/.editorconfig

@@ -0,0 +1,25 @@
+# top-most EditorConfig file
+root = true
+
+### defaults
+[*]
+charset = utf-8
+
+# Unix-style newlines with
+end_of_line = lf
+
+# 2 space indentation
+indent_size = 2
+indent_style = space
+tab_width = 2
+
+# remove any whitespace characters preceding newline characters
+trim_trailing_whitespace = true
+
+# newline ending every file
+insert_final_newline = true
+
+### custom for markdown
+[*.md]
+# do not remove any whitespace characters preceding newline characters
+trim_trailing_whitespace = false

package/.gitattributes

@@ -0,0 +1,64 @@
+###############################################################################
+# Set default behavior to automatically normalize line endings.
+###############################################################################
+* text=auto
+* eol=lf
+
+###############################################################################
+# Set default behavior for command prompt diff.
+#
+# This is need for earlier builds of msysgit that does not have it on by
+# default for csharp files.
+# Note: This is only used by command line
+###############################################################################
+#*.cs     diff=csharp
+
+###############################################################################
+# Set the merge driver for project and solution files
+#
+# Merging from the command prompt will add diff markers to the files if there
+# are conflicts (Merging from VS is not affected by the settings below, in VS
+# the diff markers are never inserted). Diff markers may cause the following
+# file extensions to fail to load in VS. An alternative would be to treat
+# these files as binary and thus will always conflict and require user
+# intervention with every merge. To do so, just uncomment the entries below
+###############################################################################
+#*.sln       merge=binary
+#*.csproj    merge=binary
+#*.vbproj    merge=binary
+#*.vcxproj   merge=binary
+#*.vcproj    merge=binary
+#*.dbproj    merge=binary
+#*.fsproj    merge=binary
+#*.lsproj    merge=binary
+#*.wixproj   merge=binary
+#*.modelproj merge=binary
+#*.sqlproj   merge=binary
+#*.wwaproj   merge=binary
+
+###############################################################################
+# behavior for image files
+#
+# image files are treated as binary by default.
+###############################################################################
+#*.jpg   binary
+#*.png   binary
+#*.gif   binary
+
+###############################################################################
+# diff behavior for common document formats
+#
+# Convert binary document formats to text before diffing them. This feature
+# is only available from the command line. Turn it on by uncommenting the
+# entries below.
+###############################################################################
+#*.doc   diff=astextplain
+#*.DOC   diff=astextplain
+#*.docx  diff=astextplain
+#*.DOCX  diff=astextplain
+#*.dot   diff=astextplain
+#*.DOT   diff=astextplain
+#*.pdf   diff=astextplain
+#*.PDF   diff=astextplain
+#*.rtf   diff=astextplain
+#*.RTF   diff=astextplain

package/.gitlab-ci.yml

@@ -0,0 +1,40 @@
+include:
+  - project: 'DevOps/templates'
+    refs: main
+    file:
+      - 'workflow/argo.yml'
+
+variables:
+  # IMAGE_NAME: nntc-ui-kit
+  DOCKERFILE_PATH: Dockerfile
+
+deploy_test_k8s:
+  variables:
+    NAMESPACE: iifa-test
+
+publish_npm:
+  image: harbor.infra.nntc.pro/docker-registry/node:22-slim
+  stage: deploy
+  rules:
+    - if: '$CI_COMMIT_TAG =~ /^\d+\.\d+\.\d+-stabletest$/'
+  before_script:
+    - node -v
+    - npm -v
+    - corepack enable
+    - yarn --version
+    - yarn install --frozen-lockfile
+  script:
+    - export VERSION="${CI_COMMIT_TAG%-stabletest}"
+    - echo "Publishing version $VERSION"
+
+    - node -e "const fs=require('fs'); const pkg=JSON.parse(fs.readFileSync('package.json','utf8')); pkg.version=process.env.VERSION; fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2));"
+
+    - yarn build
+
+    - echo "//registry.npmjs.org/:_authToken=${NPM_TOKEN}" > ~/.npmrc
+
+    - cd dist && npm publish --access public
+
+update_readme:  
+  rules:
+    - when: never

package/.helm/Chart.yaml

@@ -0,0 +1,5 @@
+apiVersion: v2
+dependencies:
+  - name: backend
+    version: ~3.x.x
+    repository: oci://harbor.infra.nntc.pro/charts

package/.helm/values.yaml

@@ -0,0 +1,12 @@
+# имя секрета, с помощью которого будет извлечен образ (лучше оставить текущее значение)
+imagePullSecrets:
+  - name: docker
+
+# порт для доступа к сервису (лучше оставить текущее значение)
+service:
+  type: ClusterIP
+  port: 80
+
+# порт, на котором приложение принимает входящие подключения (указать нужное значение)
+container:
+  port: 80

package/.prettierignore

@@ -0,0 +1,12 @@
+node_modules/**
+.idea/**
+.vscode/**
+build/**
+generated-types.tsx
+dist
+coverage
+.next
+storybook-static
+*.log
+yarn.lock
+package-lock.json

package/.prettierrc.json

@@ -0,0 +1,19 @@
+{
+  "arrowParens": "always",
+  "bracketSameLine": false,
+  "bracketSpacing": true,
+  "embeddedLanguageFormatting": "auto",
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "css",
+  "insertPragma": false,
+  "jsxSingleQuote": false,
+  "printWidth": 120,
+  "proseWrap": "preserve",
+  "quoteProps": "as-needed",
+  "requirePragma": false,
+  "semi": true,
+  "singleQuote": true,
+  "tabWidth": 2,
+  "trailingComma": "all",
+  "useTabs": false
+}

package/.storybook/global.d.ts

@@ -0,0 +1,4 @@
+declare module '*.css?raw' {
+  const content: string;
+  export default content;
+}

package/.storybook/main.ts

@@ -0,0 +1,12 @@
+import type { StorybookConfig } from '@storybook/react-vite';
+
+const config: StorybookConfig = {
+  stories: ['../src/**/*.stories.@(js|jsx|ts|tsx)'],
+  addons: ['@storybook/addon-essentials', '@storybook/addon-interactions'],
+  framework: {
+    name: '@storybook/react-vite',
+    options: {},
+  },
+};
+
+export default config;

package/.storybook/preview.tsx

@@ -0,0 +1,59 @@
+import React from 'react';
+import { Preview } from '@storybook/react';
+import { I18nextProvider } from 'react-i18next';
+import { ThemeProvider } from '../src/theme/ThemeProvider';
+
+import { i18n } from '../src/i18n/config';
+
+import '../src/styles/localGlobal.css';
+
+const themes = [
+  { name: 'light', value: '#f8f8f8' },
+  { name: 'dark', value: '#373737' },
+  { name: 'darkBlue', value: '#14212E' },
+];
+
+const preview: Preview = {
+  parameters: {
+    actions: { argTypesRegex: '^on[A-Z].*' },
+    controls: {
+      matchers: {
+        color: /(background|color)$/i,
+        date: /Date$/,
+      },
+    },
+    docs: {
+      toc: true,
+    },
+    backgrounds: {
+      values: themes,
+      default: 'light',
+    },
+    options: {
+      storySort: {
+        order: ['Components', '*'],
+      },
+    },
+  },
+  decorators: [
+    (Story, context) => {
+      const themeName = themes.find((t) => t.value === context?.globals?.backgrounds?.value)?.name ?? 'light';
+
+      try {
+        localStorage.setItem('theme', themeName);
+      } catch {
+        // ignore
+      }
+
+      return (
+        <ThemeProvider key={themeName}>
+          <I18nextProvider i18n={i18n}>
+            <Story />
+          </I18nextProvider>
+        </ThemeProvider>
+      );
+    },
+  ],
+};
+
+export default preview;

package/.stylelintignore

@@ -0,0 +1,3 @@
+node_modules/
+build/
+public/

package/.stylelintrc.json

@@ -0,0 +1,5 @@
+{
+  "extends": ["stylelint-config-recess-order", "stylelint-prettier/recommended"],
+  "plugins": ["stylelint-order"],
+  "rules": {}
+}

package/.vscode/settings.json

@@ -0,0 +1,10 @@
+{
+  "eslint.validate": [
+    "typescript"
+  ],
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit"
+  },
+  "typescript.tsdk": "./node_modules/typescript/lib",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}

package/Dockerfile

@@ -0,0 +1,14 @@
+FROM harbor.infra.nntc.pro/docker-registry/node:22-slim
+WORKDIR /app
+COPY package.json ./
+COPY yarn.lock ./
+COPY .npmrc ./
+RUN yarn install --frozen-lockfile
+COPY . .
+RUN yarn build-storybook
+
+FROM docker.nntc.pro/nginx:alpine
+COPY --from=0 /app/storybook-static /usr/share/nginx/html
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+EXPOSE 80
+CMD ["nginx", "-g", "daemon off;"] 

package/babel.config.json

@@ -0,0 +1,23 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "useBuiltIns": "usage",
+        "corejs": 3,
+        "targets": {
+          "node": "current",
+          "browsers": [">0.2%", "not dead", "not op_mini all"]
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
+  "plugins": ["@babel/plugin-proposal-class-properties", "@babel/plugin-proposal-object-rest-spread"]
+}

package/cssModulesPluginTemplate.cjs

@@ -0,0 +1,5 @@
+module.exports = (_dts, { classes }) => {
+  return Object.keys(classes)
+    .map((key) => `export const ${key.replace(/-+(\w)/g, (_match, firstLetter) => firstLetter.toUpperCase())}: string`)
+    .join('\n');
+};

package/eslint.config.mjs

@@ -0,0 +1,160 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+import { fixupPluginRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import typescriptEslint from '@typescript-eslint/eslint-plugin';
+import tsParser from '@typescript-eslint/parser';
+import _import from 'eslint-plugin-import';
+import jsxA11Y from 'eslint-plugin-jsx-a11y';
+import optimizeRegex from 'eslint-plugin-optimize-regex';
+import react from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+
+const filename = fileURLToPath(import.meta.url);
+const dirname = path.dirname(filename);
+const compat = new FlatCompat({
+  baseDirectory: dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default [
+  {
+    ignores: [
+      'node_modules/**/*',
+      '.idea/**/*',
+      '.vscode/**/*',
+      'dist/**/*',
+      '.storybook/**/*',
+      '*.config.mjs',
+      '*.config.js',
+      '*.config.cjs',
+      '*.config.ts',
+    ],
+  },
+  ...compat.extends(
+    'plugin:@typescript-eslint/recommended',
+    'plugin:prettier/recommended',
+    'plugin:jsx-a11y/recommended',
+    'plugin:optimize-regex/recommended',
+  ),
+  {
+    plugins: {
+      '@typescript-eslint': typescriptEslint,
+      import: fixupPluginRules(_import),
+      'jsx-a11y': jsxA11Y,
+      react: fixupPluginRules(react),
+      'react-hooks': fixupPluginRules(reactHooks),
+      'optimize-regex': optimizeRegex,
+    },
+
+    languageOptions: {
+      parser: tsParser,
+      ecmaVersion: 2020,
+      sourceType: 'module',
+
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+
+        project: './tsconfig.json',
+        tsconfigRootDir: dirname,
+      },
+    },
+
+    settings: {
+      react: {
+        version: 'detect',
+      },
+      'import/resolver': {
+        typescript: {
+          project: './tsconfig.json',
+        },
+      },
+    },
+
+    rules: {
+      'linebreak-style': ['error', 'unix'],
+
+      'max-len': [
+        'error',
+        {
+          code: 120,
+          ignoreTrailingComments: true,
+          ignoreUrls: true,
+        },
+      ],
+
+      'react/jsx-props-no-spreading': [
+        'error',
+        {
+          html: 'ignore',
+          custom: 'ignore',
+          exceptions: [''],
+        },
+      ],
+
+      'comma-dangle': [
+        'error',
+        {
+          arrays: 'always-multiline',
+          objects: 'always-multiline',
+          imports: 'always-multiline',
+          exports: 'always-multiline',
+          functions: 'always-multiline',
+        },
+      ],
+
+      'prefer-destructuring': [
+        'error',
+        {
+          object: true,
+          array: false,
+        },
+      ],
+
+      'no-plusplus': [
+        'warn',
+        {
+          allowForLoopAfterthoughts: true,
+        },
+      ],
+
+      '@typescript-eslint/no-unused-vars': 'warn',
+      '@typescript-eslint/no-unused-expressions': 'warn',
+      'jsx-a11y/anchor-is-valid': 'warn',
+      'jsx-a11y/no-autofocus': 'off',
+      'jsx-a11y/click-events-have-key-events': 'off',
+      'jsx-a11y/no-noninteractive-element-interactions': 'off',
+      'jsx-a11y/no-static-element-interactions': 'off',
+      'no-unused-vars': 'off',
+      'no-unused-expressions': 'off',
+
+      'sort-imports': [
+        'error',
+        {
+          ignoreCase: false,
+          ignoreDeclarationSort: true,
+          ignoreMemberSort: false,
+          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+          allowSeparatedGroups: true,
+        },
+      ],
+
+      'import/order': [
+        'error',
+        {
+          groups: ['builtin', 'external', 'internal', ['sibling', 'parent'], 'index', 'unknown'],
+          'newlines-between': 'always',
+          alphabetize: {
+            order: 'asc',
+            caseInsensitive: true,
+          },
+        },
+      ],
+    },
+  },
+];

package/nginx.conf

@@ -0,0 +1,14 @@
+server {
+    listen 80;
+    server_name localhost;
+    root /usr/share/nginx/html;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    # Включаем gzip сжатие
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+} 

package/package.dist.json

@@ -0,0 +1,20 @@
+{
+  "author": "NNTC",
+  "description": "React UI-kit for NNTC",
+  "keywords": ["react", "components", "nntc"],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.mjs",
+      "require": "./index.js",
+      "default": "./index.js"
+    },
+    "./index.css": "./index.css"
+  },
+  "sideEffects": ["*.css"],
+  "license": "MIT",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  }
+}

package/package.json

@@ -1,28 +1,109 @@
 {
+  "name": "nntc-ui",
+  "version": "0.2.6",
   "author": "NNTC",
   "description": "React UI-kit for NNTC",
+  "type": "module",
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "node -e \"require('fs').rmSync('dist',{recursive:true,force:true,maxRetries:8,retryDelay:100})\" && webpack --config webpack.dist.config.cjs --env format=cjs && webpack --config webpack.dist.config.cjs --env format=esm && tsc -p tsconfig.dist.json && node -e \"const fs=require('fs');const pkg=JSON.parse(fs.readFileSync('package.json','utf8'));const distPkg=JSON.parse(fs.readFileSync('package.dist.json','utf8'));Object.assign(distPkg,{name:pkg.name,version:pkg.version});fs.writeFileSync('dist/package.json',JSON.stringify(distPkg,null,2));\" && npx copyfiles README.md dist",
+    "build-storybook": "storybook build",
+    "check-type": "tsc --noEmit",
+    "prettify:all": "prettier --write \"./**/*.{ts,tsx,json}\"",
+    "lint": "eslint \"./**/*.{ts,tsx,mjs}\"",
+    "lint:fix": "eslint \"./**/*.{ts,tsx,mjs}\" --fix",
+    "lint:styles": "stylelint \"**/*.css\"",
+    "lint:styles:fix": "stylelint \"**/*.css\" --fix",
+    "check-code:all": "yarn run check-type && yarn run prettify:all && yarn run lint:fix && yarn run lint:styles:fix"
+  },
   "keywords": [
     "react",
-    "components",
-    "nntc"
+    "ui-kit",
+    "components"
   ],
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.mjs",
-      "require": "./index.js",
-      "default": "./index.js"
-    },
-    "./index.css": "./index.css"
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
+  "lint-staged": {
+    "*.ts": [
+      "eslint",
+      "prettier --write"
+    ],
+    "*.tsx": [
+      "eslint",
+      "prettier --write"
+    ],
+    "*.json": [
+      "prettier --write"
+    ],
+    "*.mjs": [
+      "eslint",
+      "prettier --write"
+    ]
   },
-  "sideEffects": [
-    "*.css"
-  ],
   "license": "MIT",
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+  "dependencies": {
+    "@floating-ui/react": "^0.27.19",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.24",
+    "classnames": "^2.5.1",
+    "dayjs": "^1.11.20",
+    "i18next": "^26.0.8",
+    "react-colorful": "^5.6.1",
+    "react-i18next": "^17.0.6",
+    "react-merge-refs": "^3.0.2",
+    "uuid": "^14.0.0"
   },
-  "name": "nntc-ui",
-  "version": "0.2.3"
-}
+  "devDependencies": {
+    "@babel/core": "^7.27.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.20.7",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-react": "^7.27.1",
+    "@babel/preset-typescript": "^7.27.1",
+    "@eslint/compat": "^2.0.3",
+    "@eslint/eslintrc": "^3.0.0",
+    "@eslint/js": "^10.0.1",
+    "@storybook/addon-docs": "^8.6.18",
+    "@storybook/addon-essentials": "^8.6.18",
+    "@storybook/addon-interactions": "^8.6.18",
+    "@storybook/react-vite": "^8.6.18",
+    "@types/node": "^22.13.14",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^8.56.1",
+    "@typescript-eslint/parser": "^8.56.1",
+    "@vitejs/plugin-react": "^4.4.1",
+    "babel-loader": "^9.2.1",
+    "copyfiles": "^2.4.1",
+    "css-loader": "^7.1.2",
+    "eslint": "^10.0.3",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.3.4",
+    "eslint-plugin-import": "^2.29.1",
+    "eslint-plugin-jsx-a11y": "^6.8.0",
+    "eslint-plugin-optimize-regex": "^1.2.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "mini-css-extract-plugin": "^2.9.4",
+    "postcss-modules": "^6.0.1",
+    "prettier": "^3.2.5",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "storybook": "^8.6.18",
+    "stylelint": "^17.4.0",
+    "stylelint-config-recess-order": "^7.6.1",
+    "stylelint-order": "^7.0.1",
+    "stylelint-prettier": "^5.0.0",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.9.2",
+    "typescript-plugin-css-modules": "^5.2.0",
+    "vite": "^6.0.0",
+    "vite-plugin-svgr": "^4.5.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "webpack": "^5.97.1",
+    "webpack-cli": "^6.0.1"
+  }
+}

package/postcss.config.cjs

@@ -0,0 +1,12 @@
+if (process.env.npm_lifecycle_event == 'build') {
+  module.exports = {
+    plugins: [
+      require('postcss-modules')({
+        localsConvention: 'camelCaseOnly',
+        generateScopedName: (name) => {
+          return name.replace(/-([a-z])/g, (g) => g[1].toUpperCase());
+        },
+      }),
+    ],
+  };
+}