nntc-ui 0.0.76 → 0.0.78

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: node:20
+  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
+
+    - 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?inline' {
+  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,62 @@
+import React from 'react';
+import { Preview } from '@storybook/react';
+import { I18nextProvider } from 'react-i18next';
+import light from '../src/styles/themes/light.css?inline';
+import dark from '../src/styles/themes/dark.css?inline';
+
+import { i18n } from '../src/i18n/config';
+
+import '../src/styles/localGlobal.css';
+import '../src/styles/global.css';
+
+const themes = [
+  { name: 'light', value: '#f8f8f8', css: light },
+  { name: 'dark', value: '#373737', css: dark },
+];
+const styleTagId = 'theme-style';
+
+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 theme = themes?.find((t) => t.value === context?.globals?.backgrounds?.value);
+
+      let style = document.getElementById(styleTagId) as HTMLStyleElement | null;
+
+      if (!style) {
+        style = document.createElement('style');
+        style.id = styleTagId;
+        document.head.appendChild(style);
+      }
+
+      style.innerHTML = theme?.css || themes[0].css;
+      return (
+        <I18nextProvider i18n={i18n}>
+          <Story />
+        </I18nextProvider>
+      );
+    },
+  ],
+};
+
+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,21 @@
+FROM harbor.infra.nntc.pro/docker-registry/node:22-slim
+
+WORKDIR /app
+COPY package.json ./
+COPY yarn.lock ./
+
+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.js

@@ -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,161 @@
+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(
+    'airbnb-typescript',
+    '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: './',
+      },
+    },
+
+    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,
+          },
+        },
+      ],
+    },
+  },
+];