ff-ds-ui 0.0.4 → 0.0.5

package/README.deploy.md

@@ -0,0 +1,9 @@
+# Публикация либы в NPM
+
+1. Собрать сборку без ошибок => npm run build
+2. Поднять версию: package.json, json-lock
+3. Сделать тег: git tag v0.0.0
+4. Запушить тег: git push origin --tags
+4. Запушить пакеты: npm publish
+
+Если ошибка то: npm login

package/README.md

@@ -1,13 +1,5 @@
-# FF-DS-UI lib
+# FF-DS-UI
 
-## Publish to Npm
+## Дизайн система FEBFES-TM
 
-### 1 - version up => package.json, json-lock versions
-
-### 2 - tag => git tag v.0.0.0
-
-### 3 - push tag => git push origin --tags
-
-### 4 - run build => npm run build
-
-### 5 - push packets => npm publish
+## Npm: https://www.npmjs.com/package/ff-ds-ui

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "ff-ds-ui",
     "private": false,
-    "version": "0.0.4",
+    "version": "0.0.5",
     "type": "module",
     "main": "./dist/my-ui-lib.umd.js",
     "module": "./dist/my-ui-lib.es.js",
@@ -28,15 +28,14 @@
         "@storybook/addon-docs": "^10.1.5",
         "@storybook/addon-onboarding": "^10.1.8",
         "@storybook/addon-vitest": "^10.1.8",
-        "@storybook/react-vite": "^10.1.5",
         "@storybook/react": "^10.1.10",
+        "@storybook/react-vite": "^10.1.5",
         "@types/node": "^24.10.1",
         "@types/react": "^19.2.5",
         "@types/react-dom": "^19.2.3",
         "@vitejs/plugin-react": "^5.1.1",
         "@vitest/browser-playwright": "^4.0.15",
         "@vitest/coverage-v8": "^4.0.15",
-        "classnames": "^2.5.1",
         "eslint": "^9.39.1",
         "eslint-plugin-react-hooks": "^7.0.1",
         "eslint-plugin-react-refresh": "^0.4.24",
@@ -53,5 +52,8 @@
         "vite": "^7.2.4",
         "vite-plugin-dts": "^4.5.4",
         "vitest": "^4.0.15"
+    },
+    "dependencies": {
+        "classnames": "^2.5.1"
     }
 }

package/src/components/Loader/Loader.scss

@@ -38,7 +38,7 @@ $duration: 2s;
         -o-transform: rotate(0deg);
     }
     50% {
-        stroke-dashoffset: $offset/2;
+        stroke-dashoffset: calc($offset / 2);
         transform: rotate(135deg);
         -webkit-transform: rotate(135deg);
         -moz-transform: rotate(135deg);

package/src/utils/bem/bem.ts

@@ -11,6 +11,7 @@ export const bemBlock = (bemBlockName: string) => {
         const classNameMods = mods
             ? Object.entries(mods)
                   // Cортируем пустые значения
+                  // eslint-disable-next-line @typescript-eslint/no-unused-vars
                   .filter(([_, value]) => value !== false && value !== undefined && value !== null)
                   // Убираем значения true - btn_disabled_true => btn_disabled
                   .map(([bemModifier, bemModifierValue]) => {

package/tsconfig.build.json

@@ -12,5 +12,6 @@
         "skipLibCheck": true,
         "esModuleInterop": true
     },
-    "include": ["src"]
+    "include": ["src"],
+    "exclude": ["**/*.stories.*"]
 }

package/vite.config.ts

@@ -23,19 +23,18 @@ export default defineConfig({
             entry: 'src/index.ts',
             name: 'MyUILib',
             fileName: (format) => `my-ui-lib.${format}.js`,
+            formats: ['es', 'cjs'],
         },
         outDir: 'dist',
-        // папка сборки
         emptyOutDir: true,
-        // очищает dist перед сборкой
         rollupOptions: {
-            external: ['react', 'react-dom'],
+            external: ['react', 'react-dom', 'classnames'],
             output: {
                 globals: {
                     react: 'React',
                     'react-dom': 'ReactDOM',
                 },
-                preserveModules: false, // отключаем копирование структуры src
+                preserveModules: false,
             },
         },
     },
@@ -44,8 +43,6 @@ export default defineConfig({
             {
                 extends: true,
                 plugins: [
-                    // The plugin will run tests for the stories defined in your Storybook config
-                    // See options at: https://storybook.js.org/docs/next/writing-tests/integrations/vitest-addon#storybooktest
                     storybookTest({
                         configDir: path.join(dirname, '.storybook'),
                     }),
@@ -70,7 +67,7 @@ export default defineConfig({
                 test: {
                     name: 'unit',
                     include: ['src/**/*.test.{ts,tsx}'],
-                    environment: 'node', // или 'node', если это не React
+                    environment: 'node',
                 },
             },
         ],