@scbt-ecom/ui 0.4.2 → 0.4.4

package/.storybook/main.ts

@@ -1,44 +0,0 @@
-import type { StorybookConfig } from '@storybook/react-vite'
-import { mergeConfig } from 'vite'
-import { resolve } from 'path'
-
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.@(js|jsx|mjs|ts|tsx|mdx)'],
-
-  addons: [
-    '@storybook/addon-onboarding',
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-    '@storybook/addon-coverage',
-    '@storybook/addon-console',
-    '@storybook/addon-viewport'
-  ],
-  core: {
-    builder: '@storybook/builder-vite'
-  },
-  framework: {
-    name: '@storybook/react-vite',
-    options: {
-      strictMode: true
-    }
-  },
-  // staticDirs: ['../public'],
-  docs: {
-    autodocs: 'tag'
-  },
-  viteFinal: (config) =>
-    mergeConfig(config, {
-      resolve: {
-        alias: {
-          '@': resolve(__dirname, '../src'),
-          $: resolve(__dirname, '../lib')
-        }
-      }
-    }),
-  typescript: {
-    reactDocgen: 'react-docgen-typescript'
-  }
-}
-export default config

package/.storybook/preview.tsx

@@ -1,37 +0,0 @@
-import { RootProvider } from '../src/app/providers'
-import '../lib/shared/style.css'
-import { STORYBOOK_VIEWPORTS } from '../src/configs/storybook.config'
-import type { Preview } from '@storybook/react'
-import { withConsole } from '@storybook/addon-console'
-import React from 'react'
-import { INITIAL_VIEWPORTS } from '@storybook/addon-viewport'
-
-const preview: Preview = {
-  decorators: [
-    (storyFn, context) => withConsole()(storyFn)(context),
-    (Story) => (
-      <RootProvider>
-        <Story />
-      </RootProvider>
-    )
-  ],
-
-  parameters: {
-    layout: 'fullscreen',
-    viewport: {
-      viewports: {
-        ...STORYBOOK_VIEWPORTS,
-        ...INITIAL_VIEWPORTS
-      },
-      defaultViewport: 'fullscreen'
-    },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i
-      }
-    }
-  }
-}
-
-export default preview

package/chromatic.config.json

@@ -1,5 +0,0 @@
-{
-  "onlyChanged": true,
-  "projectId": "Project:66c34a954348b4abf6f5110d",
-  "zip": true
-}

package/eslint.config.mjs

@@ -1,193 +0,0 @@
-import eslintReact from 'eslint-plugin-react'
-import simpleImportSort from 'eslint-plugin-simple-import-sort'
-import jsxA11Y from 'eslint-plugin-jsx-a11y'
-import unusedImports from 'eslint-plugin-unused-imports'
-import promise from 'eslint-plugin-promise'
-import prettier from 'eslint-plugin-prettier'
-import globals from 'globals'
-import tsParser from '@typescript-eslint/parser'
-import js from '@eslint/js'
-import tseslint from 'typescript-eslint'
-import eslintReactHooks from 'eslint-plugin-react-hooks'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import importPlugin from 'eslint-plugin-import'
-import storybook from 'eslint-plugin-storybook'
-
-/** @type {import('eslint').Linter.Config[]} */
-export default tseslint.config(
-  js.configs.recommended,
-  ...tseslint.configs.recommended,
-  ...storybook.configs['flat/recommended'],
-  {
-    ignores: [
-      'node_modules',
-      '**/dist',
-      '**/eslint.config.mjs',
-      '**/vite.config.ts',
-      '**/vitest.config.mjs',
-      '**/tailwind.config.ts',
-      '**/postcss.config.mjs',
-      '**/storybook-static',
-      'lib/hybrid.ts',
-      '.storybook'
-    ]
-  },
-  {
-    plugins: {
-      react: eslintReact,
-      'react-refresh': reactRefresh,
-      'react-hooks': eslintReactHooks,
-      'react-refresh': reactRefresh,
-      'unused-imports': unusedImports,
-      'simple-import-sort': simpleImportSort,
-      import: importPlugin,
-      '@typescript-eslint': tseslint.plugin,
-      prettier: prettier,
-      promise: promise,
-      'jsx-a11y': jsxA11Y
-    },
-    files: ['**/*.{ts,tsx,js,jsx,mjs,cjs}'],
-    languageOptions: {
-      globals: {
-        ...globals.browser,
-        ...globals.node,
-        ...globals.es2022
-      },
-      parserOptions: {
-        project: ['./tsconfig.json', './tsconfig.node.json']
-      },
-      parser: tsParser,
-      ecmaVersion: 2022,
-      sourceType: 'module'
-    },
-    settings: {
-      'jsx-a11y': {
-        polymorphicPropName: 'component'
-      },
-      react: {
-        version: 'detect'
-      }
-    },
-    rules: {
-      ...eslintReactHooks.configs.recommended.rules,
-      ...eslintReact.configs.recommended.rules,
-      'react/react-in-jsx-scope': 'off',
-      'react/display-name': 'off',
-      '@typescript-eslint/no-explicit-any': 'warn',
-      '@typescript-eslint/no-empty-object-type': 'off',
-      'promise/prefer-await-to-then': 'error',
-      'react/self-closing-comp': 'off',
-      'react/jsx-closing-tag-location': 'off',
-      'import/prefer-default-export': 'off',
-      'react/function-component-definition': 'off',
-      'arrow-body-style': 'off',
-      'react/destructuring-assignment': 'off',
-      'operator-linebreak': 'off',
-      'jsx-a11y/no-static-element-interactions': 'off',
-      'jsx-a11y/click-events-have-key-events': 'off',
-      'react/jsx-curly-newline': 'off',
-      'jsx-a11y/control-has-associated-label': 'off',
-      'import/no-extraneous-dependencies': 'off',
-      'react/require-default-props': 'off',
-      'react/jsx-props-no-spreading': 'off',
-      'react/button-has-type': 'off',
-      '@typescript-eslint/semi': 'off',
-      'linebreak-style': 'off',
-      'function-paren-newline': 'off',
-      'object-curly-newline': 'off',
-      'prefer-arrow-callback': 'off',
-      'no-case-declarations': 'off',
-      '@typescript-eslint/comma-dangle': 'off',
-      'import/no-default-export': 'error',
-      'max-len': 'off',
-      'jsx-quotes': [2, 'prefer-single'],
-      'import/extensions': 'off',
-      'consistent-return': 'off',
-      'react/jsx-no-useless-fragment': 'off',
-      'implicit-arrow-linebreak': 'off',
-      'react/jsx-one-expression-per-line': 'off',
-      'unused-imports/no-unused-imports': 'error',
-      '@typescript-eslint/indent': 'off',
-      'react/jsx-curly-brace-presence': [
-        'error',
-        {
-          props: 'never',
-          children: 'never'
-        }
-      ],
-      'no-console': [
-        'error',
-        {
-          allow: ['warn', 'error']
-        }
-      ],
-      '@typescript-eslint/consistent-type-exports': [
-        'error',
-        {
-          fixMixedExportsWithInlineTypeSpecifier: true
-        }
-      ],
-      '@typescript-eslint/consistent-type-imports': [
-        'error',
-        {
-          prefer: 'type-imports',
-          disallowTypeAnnotations: false,
-          fixStyle: 'inline-type-imports'
-        }
-      ],
-      'unused-imports/no-unused-vars': [
-        'error',
-        {
-          vars: 'all',
-          varsIgnorePattern: '^_',
-          args: 'after-used',
-          argsIgnorePattern: '^_'
-        }
-      ],
-      'simple-import-sort/imports': [
-        'error',
-        {
-          groups: [['^react', '^', '^\u0000', '^@/app', '^@/widgets', '^$/shared', '^../', '^./']]
-        }
-      ],
-      'react-refresh/only-export-components': [
-        'warn',
-        {
-          allowConstantExport: true
-        }
-      ],
-      'prettier/prettier': [
-        'error',
-        {
-          endOfLine: 'auto',
-          usePrettierrc: true
-        }
-      ],
-      '@typescript-eslint/naming-convention': [
-        'error',
-        {
-          selector: 'typeLike',
-          format: ['PascalCase']
-        }
-      ],
-      'no-restricted-imports': [
-        'error',
-        {
-          paths: [
-            {
-              name: '$/hybrid',
-              message: 'Импорт из $/hybrid запрещен.'
-            }
-          ]
-        }
-      ]
-    }
-  },
-  {
-    files: ['**/*.stories.@(ts|tsx)'],
-    rules: {
-      'import/no-default-export': 'off',
-      'react-hooks/rules-of-hooks': 'off'
-    }
-  }
-)

package/index.html

@@ -1,13 +0,0 @@
-<!doctype html>
-<html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>UI-KIT</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
-</html>

package/lib/client.ts

@@ -1,12 +0,0 @@
-// Styles
-import './shared/style.css'
-// Components
-export * from './shared/ui/accordion'
-export * from './shared/ui/formControlElements'
-export * from './shared/ui/TabsSwitcher'
-export * from './shared/ui/modal'
-export * from './shared/ui/providers'
-export * from './shared/ui/popover'
-
-// Hooks
-export * from './shared/hooks'

package/lib/configs/index.ts

@@ -1,2 +0,0 @@
-export { tailwindConfigBase } from './tailwindConfigBase'
-export { resetPreset, extendsPreset } from './tailwindPresets'

package/lib/configs/tailwindConfigBase.ts

@@ -1,110 +0,0 @@
-import type { Config } from 'tailwindcss'
-import plugin from 'tailwindcss/plugin'
-import tailwindAnimation from 'tailwindcss-animate'
-import {
-  allowedBackgroundColors,
-  allowedBackgroundDeg,
-  allowedBannersBackgroundColors,
-  allowedBorderRadius,
-  allowedFontSize,
-  allowedIconsColors,
-  allowedLineHeight,
-  allowedStrokeColors,
-  allowedTextColors,
-  allowedTextStyles
-} from '../shared/constants'
-
-export const tailwindConfigBase: Omit<Config, 'content'> = {
-  theme: {
-    screens: {
-      mobile: { max: '1187px' },
-      desktop: '1188px'
-    },
-    backgroundColor: {
-      color: allowedBackgroundColors,
-      banner: allowedBannersBackgroundColors,
-      icon: allowedIconsColors
-    },
-    textColor: {
-      icon: allowedIconsColors,
-      color: allowedTextColors
-    },
-
-    fill: allowedIconsColors,
-    stroke: allowedIconsColors,
-    borderColor: allowedStrokeColors,
-    outlineColor: allowedStrokeColors,
-    borderRadius: allowedBorderRadius,
-    fontFamily: { roboto: ['var(--ff-roboto)', 'sans-serif'] },
-    fontSize: allowedFontSize,
-    lineHeight: allowedLineHeight,
-    gradientColorStops: allowedBackgroundColors,
-    boxShadow: {
-      sm: '0 8px 20px 0 rgba(0, 0, 0, 0.08)',
-      md: '0 12px 20px 0 rgba(0, 33, 87, 0.10)',
-      lg: '0 16px 24px 0 rgba(0, 33, 87, 0.16)'
-    },
-    extend: {
-      bgGradientDeg: allowedBackgroundDeg,
-      width: {
-        'popper-content': 'var(--radix-popover-content-available-width)',
-        'popper-trigger': 'var(--radix-popover-trigger-width)',
-        'autocomplete-input': 'var(--input-width)',
-        'select-trigger': 'var(--button-width)'
-      },
-      transitionDuration: {
-        DEFAULT: '0.3s',
-        12: '0.12s',
-        15: '0.15s',
-        2: '2s'
-      },
-      transitionTimingFunction: {
-        DEFAULT: 'ease-in-out'
-      },
-      keyframes: {
-        slideDown: {
-          from: { height: '0px' },
-          to: { height: 'var(--radix-accordion-content-height)' }
-        },
-        slideUp: {
-          from: { height: 'var(--radix-accordion-content-height)' },
-          to: { height: '0px' }
-        },
-        'scale-in': {
-          from: { opacity: '0', scale: '0' },
-          to: { opacity: '1', scale: '1' }
-        },
-        'progress-loader': {
-          '100%': {
-            backgroundPosition: '100% 100%'
-          }
-        }
-      },
-      animation: {
-        slideDown: 'slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)',
-        slideUp: 'slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)',
-        'scale-in': 'scale-in 0.3s ease-in-out',
-        'progress-loader': 'progress-loader 250s linear infinite'
-      }
-    }
-  },
-  plugins: [
-    // eslint-disable-next-line global-require
-    tailwindAnimation,
-    plugin(({ addComponents }) => {
-      addComponents(allowedTextStyles)
-    }),
-    plugin(function ({ matchUtilities, theme }) {
-      matchUtilities(
-        {
-          'bg-deg-gradient': (angle) => ({
-            'background-image': `linear-gradient(${angle}, var(--tw-gradient-stops))`
-          })
-        },
-        {
-          values: Object.assign(theme('bgGradientDeg', {}), {})
-        }
-      )
-    })
-  ]
-}

package/lib/configs/tailwindPresets/extendsPreset.ts

@@ -1,43 +0,0 @@
-import type { Config } from 'tailwindcss'
-
-export const extendsPreset: Omit<Config, 'content'> = {
-  theme: {
-    extend: {
-      transitionDuration: {
-        DEFAULT: '0.3s',
-        12: '0.12s',
-        15: '0.15s',
-        2: '2s',
-        333: '333s'
-      },
-      transitionTimingFunction: {
-        DEFAULT: 'ease-in-out'
-      },
-      keyframes: {
-        slideDown: {
-          from: { height: '0px' },
-          to: { height: 'var(--radix-accordion-content-height)' }
-        },
-        slideUp: {
-          from: { height: 'var(--radix-accordion-content-height)' },
-          to: { height: '0px' }
-        },
-        'scale-in': {
-          from: { opacity: '0', scale: '0' },
-          to: { opacity: '1', scale: '1' }
-        },
-        'progress-loader': {
-          '100%': {
-            backgroundPosition: '100% 100%'
-          }
-        }
-      },
-      animation: {
-        slideDown: 'slideDown 0.3s cubic-bezier(0.87, 0, 0.13, 1)',
-        slideUp: 'slideUp 0.3s cubic-bezier(0.87, 0, 0.13, 1)',
-        'scale-in': 'scale-in 0.3s ease-in-out',
-        'progress-loader': 'progress-loader 250s linear infinite'
-      }
-    }
-  }
-}

package/lib/configs/tailwindPresets/index.ts

@@ -1,2 +0,0 @@
-export { extendsPreset } from './extendsPreset'
-export { resetPreset } from './resetPreset'

package/lib/configs/tailwindPresets/resetPreset.ts

@@ -1,71 +0,0 @@
-// Тут через алиасы не импортируй, иначе не будет работать
-import type { Config } from 'tailwindcss'
-import plugin from 'tailwindcss/plugin'
-import tailwindAnimation from 'tailwindcss-animate'
-import {
-  allowedBackgroundColors,
-  allowedBackgroundDeg,
-  allowedBannersBackgroundColors,
-  allowedBorderRadius,
-  allowedFontSize,
-  allowedIconsColors,
-  allowedLineHeight,
-  allowedStrokeColors,
-  allowedTextColors,
-  allowedTextStyles,
-  allowedZIndex
-} from '../../shared/constants'
-
-export const resetPreset: Omit<Config, 'content'> = {
-  theme: {
-    screens: {
-      mobile: { max: '1187px' },
-      desktop: '1188px'
-    },
-    backgroundColor: {
-      color: allowedBackgroundColors,
-      banner: allowedBannersBackgroundColors,
-      icon: allowedIconsColors
-    },
-    textColor: {
-      icon: allowedIconsColors,
-      color: allowedTextColors
-    },
-    fill: allowedIconsColors,
-    stroke: allowedIconsColors,
-    borderColor: allowedStrokeColors,
-    outlineColor: allowedStrokeColors,
-    borderRadius: allowedBorderRadius,
-    fontFamily: { roboto: ['var(--ff-roboto)', 'sans-serif'] },
-    fontSize: allowedFontSize,
-    lineHeight: allowedLineHeight,
-    gradientColorStops: allowedBackgroundColors,
-    boxShadow: {
-      sm: '0 8px 20px 0 rgba(0, 0, 0, 0.08)',
-      md: '0 12px 20px 0 rgba(0, 33, 87, 0.10)',
-      lg: '0 16px 24px 0 rgba(0, 33, 87, 0.16)'
-    },
-    zIndex: allowedZIndex,
-    extend: {
-      bgGradientDeg: allowedBackgroundDeg
-    }
-  },
-  plugins: [
-    tailwindAnimation,
-    plugin(({ addComponents }) => {
-      addComponents(allowedTextStyles)
-    }),
-    plugin(function ({ matchUtilities, theme }) {
-      matchUtilities(
-        {
-          'bg-deg-gradient': (angle) => ({
-            'background-image': `linear-gradient(${angle}, var(--tw-gradient-stops))`
-          })
-        },
-        {
-          values: Object.assign(theme('bgGradientDeg', {}), {})
-        }
-      )
-    })
-  ]
-}

package/lib/hybrid.ts

@@ -1,25 +0,0 @@
-// Components
-export * from './shared/ui/Badge'
-export * from './shared/ui/Section'
-export * from './shared/ui/ResponsiveContainer'
-export * from './shared/ui/icon'
-export * from './shared/ui/table'
-export * from './shared/ui/Breadcrumbs'
-export * from './shared/ui/button'
-export * from './shared/ui/ButtonIcon'
-export * from './shared/ui/CustomLink'
-export * from './shared/ui/Document'
-export * from './shared/ui/Heading'
-export * from './shared/ui/PhoneView'
-export * from './shared/ui/Loader'
-export * from './shared/ui/ProgressBar'
-export * from './shared/ui/Skeleton'
-export * from './shared/ui/notification'
-
-// Utils
-export * from './shared/utils'
-// Validation
-export * from './shared/validation'
-// Constants
-export * from './shared/constants'
-export * from './configs'

package/lib/shared/constants/api.ts

@@ -1,2 +0,0 @@
-export const DADATA_BASE_CACHE_URL = import.meta.env.STORYBOOK_DADATA_API
-export const DADATA_BASE_CONSTANTS_URL = import.meta.env.STORYBOOK_DADATA_CONSTANTS_API