Spinner

.changeset/cuddly-jeans-laugh.md

@@ -0,0 +1,20 @@
+---
+'@alfalab/core-components-spinner': major
+'@alfalab/core-components-shared': minor
+---
+
+Крупное обновление Спиннера
+
+* Обновленный вид спиннера.
+* Добавлены новые пропсы для тонкой настройки внешнего вида:
+    - `preset` - преднастроенный вариант спиннера;
+    - `size` - теперь отвечает за размер кольца спиннера;
+    - `lineWidth` - толщина линии спиннера;
+    - `style` - позволяет регулировать отступы, цвет и т.п.
+* Добавлен [`codemod`](https://www.npmjs.com/package/@alfalab/core-components-codemod/v/2.7.0) для бесшовной миграции `Spinner`:
+    ```bash
+    npx @alfalab/core-components-codemod --transformers=spinner --glob='src/**/*.tsx'
+    ```
+    | Внимание |
+    |---|
+    | `codemod` может не работать в случаях использования [Spread Operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax#spread_in_object_literals) в коде. |

.github/workflows/codemod-publish.yml

@@ -0,0 +1,46 @@
+name: Publish codemod
+
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        description: 'Введите версию x.x.x'
+        required: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Check permissions
+        if: ${{ contains(fromJSON('["reme3d2y","hextion","SiebenSieben","fulcanellee"]'), github.actor) == false }}
+        uses: actions/github-script@v6
+        with:
+          script: |
+            core.setFailed("you don't have permission to run this workflow!");
+
+      - uses: actions/checkout@v4
+        with:
+          fetch-depth: 0
+
+      - uses: actions/setup-node@v4
+        with:
+         node-version: '20.x'
+         registry-url: 'https://registry.npmjs.org'
+
+      - name: Set version
+        if: success()
+        run: |
+          cd ./packages/codemod
+          git config user.name core-ds-bot
+          git config user.email ds@gitmax.tech
+          yarn --new-version version ${{ github.event.inputs.version }}
+          git push
+
+      - name: Publish
+        if: success()
+        run: |
+          cd ./packages/codemod
+          npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{ secrets.NPM_TOKEN }}

packages/action-button/src/Component.tsx

@@ -150,6 +150,7 @@ export const ActionButton = forwardRef<HTMLAnchorElement | HTMLButtonElement, Ac
                 >
                     {showLoader ? (
                         <Spinner
+                            preset={24}
                             dataTestId={getDataTestId(dataTestId, 'loader')}
                             visible={true}
                             className={cn(styles.loader, colorStyles[colors].loader)}

packages/action-button/tsconfig.json

@@ -6,7 +6,8 @@
         "rootDirs": ["src"],
         "baseUrl": ".",
         "paths": {
-            "@alfalab/core-components-*": ["../*/src"]
+            "@alfalab/core-components-*": ["../*/src"],
+            "@alfalab/core-components-spinner/*": ["../spinner/src/*"]
         }
     },
     "references": [{ "path": "../spinner" }, { "path": "../shared" }]