refactor: merge with master [WTEL-5512](https://webitel.atlassian.net…

…/browse/WTEL-5512)

.github/workflows/code_quality.yml

@@ -17,8 +17,8 @@ jobs:
     steps:
       - uses: actions/checkout@v3
         with:
-          ref: ${{ github.event.pull_request.head.sha }}  # to check out the actual pull request commit, not the merge commit
-          fetch-depth: 0  # a full history is required for pull request analysis
+          ref: ${{ github.event.pull_request.head.sha }} # to check out the actual pull request commit, not the merge commit
+          fetch-depth: 0 # a full history is required for pull request analysis
       - name: 'Qodana Scan'
         uses: JetBrains/[email protected]
         env:

.github/workflows/release.yml

@@ -7,7 +7,7 @@ name: Webitel UI release with docs
 
 on:
   push:
-    branches: [ master ]
+    branches: [master]
 
 jobs:
   install_deps:
@@ -63,9 +63,9 @@ jobs:
 
       - name: get prevTag
         id: prevTag
-        uses: "WyriHaximus/github-action-get-previous-tag@v1"
+        uses: 'WyriHaximus/github-action-get-previous-tag@v1'
 
-# for release notes // why 2 changelogs? see NOTES
+      # for release notes // why 2 changelogs? see NOTES
       - name: generate Release Changelog
         id: changelog
         uses: requarks/changelog-action@v1
@@ -86,20 +86,20 @@ jobs:
         id: create_release
         uses: softprops/action-gh-release@v1
         with:
-          tag_name: "v${{ steps.package-version.outputs.current-version}}"
-          name: "@webitel/ui-sdk v${{ steps.package-version.outputs.current-version}}"
+          tag_name: 'v${{ steps.package-version.outputs.current-version}}'
+          name: '@webitel/ui-sdk v${{ steps.package-version.outputs.current-version}}'
           body: ${{ steps.changelog.outputs.changes }}
 
-# update tags list after prev step release, so that we fetch new tag, created by prev step
+      # update tags list after prev step release, so that we fetch new tag, created by prev step
       - uses: actions/checkout@v4
         with:
           fetch-depth: 0
 
       - name: get newTag
         id: newTag
-        uses: "WyriHaximus/github-action-get-previous-tag@v1"
+        uses: 'WyriHaximus/github-action-get-previous-tag@v1'
 
-# update CHANGELOG.md file // why 2 changelogs? see NOTES
+      # update CHANGELOG.md file // why 2 changelogs? see NOTES
       - name: update Release Changelog
         id: update-changelog
         uses: requarks/changelog-action@v1
@@ -181,19 +181,18 @@ jobs:
           path: docs/.vitepress/dist
 
   deploy:
-      needs: [build_docs]
-      permissions:
-        pages: write      # to deploy to Pages
-        id-token: write   # to verify the deployment originates from an appropriate source
-      runs-on: ubuntu-latest
-      steps:
-        - name: setup Github Pages
-          id: setup_pages
-          uses: actions/configure-pages@v4
-
-        - name: deploy to Github Pages
-          id: deploy_pages
-          uses: actions/deploy-pages@v4
-          with:
-            artifact_name: docs
+    needs: [build_docs]
+    permissions:
+      pages: write # to deploy to Pages
+      id-token: write # to verify the deployment originates from an appropriate source
+    runs-on: ubuntu-latest
+    steps:
+      - name: setup Github Pages
+        id: setup_pages
+        uses: actions/configure-pages@v4
 
+      - name: deploy to Github Pages
+        id: deploy_pages
+        uses: actions/deploy-pages@v4
+        with:
+          artifact_name: docs

.github/workflows/test.yml

@@ -2,18 +2,18 @@ name: Webitel UI run tests
 
 on:
   pull_request:
-    branches: [ master ]
+    branches: [master]
 
 jobs:
   test:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/checkout@v4
-    - name: Use Node.js
-      uses: actions/setup-node@v4
-      with:
-        node-version: lts/*
-        check-latest: true
-    - run: npm ci
-    - run: npm run test:unit
+      - uses: actions/checkout@v4
+      - name: Use Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: lts/*
+          check-latest: true
+      - run: npm ci
+      - run: npm run test:unit

.prettierignore

@@ -0,0 +1,6 @@
+node_modules
+*.log*
+.nitro
+.output
+.env
+dist

.prettierrc

@@ -0,0 +1,10 @@
+{
+  "tabWidth": 2,
+  "semi": true,
+  "singleQuote": true,
+  "arrowParens": "always",
+  "trailingComma": "all",
+  "printWidth": 80,
+  "singleAttributePerLine": true,
+  "endOfLine": "auto"
+}

README.md

@@ -1,29 +1,35 @@
 # webitel-ui-sdk (1.0.46)
 
 ## Project setup
+
 ```
 npm install
 ```
 
 ### Compiles and hot-reloads for development
+
 ```
 npm run serve-lib
 ```
 
 ### Compiles and minifies for production
+
 ```
 npm run build
 ```
 
 ### Run your unit tests
+
 ```
 npm run test:unit
 ```
 
 ### Lints and fixes files
+
 ```
 npm run lint
 ```
 
 ### Customize configuration
+
 See [Configuration Reference](https://cli.vuejs.org/config/).

docs/.vitepress/config.mjs

@@ -30,6 +30,13 @@ export default defineConfig({
     ssr: {
       noExternal: ['@vuelidate/core', 'vue-multiselect', 'webitel-sdk'],
     },
+    css: {
+      preprocessorOptions: {
+        scss: {
+          api: 'modern', // or "modern-compiler", "legacy",
+        },
+      },
+    },
     plugins: [
       nodePolyfills({
         globals: {
@@ -68,7 +75,8 @@ export default defineConfig({
     // https://vitepress.dev/reference/default-theme-edit-link#site-level-config
     editLink: {
       // https://vitepress.dev/reference/runtime-api#usedata
-      pattern: 'https://github.com/webitel/webitel-ui-sdk/tree/master/docs/:path',
+      pattern:
+        'https://github.com/webitel/webitel-ui-sdk/tree/master/docs/:path',
     },
   },
 });

docs/.vitepress/routes.js

@@ -110,11 +110,15 @@ const sidebarNav = [
           ...useDocsPattern(['webitel-ui/modules/ObjectPermissions/index.md']),
           {
             text: 'Components',
-            items: useDocsPattern(['webitel-ui/modules/ObjectPermissions/components/**/*.md']),
+            items: useDocsPattern([
+              'webitel-ui/modules/ObjectPermissions/components/**/*.md',
+            ]),
           },
           {
             text: 'Store',
-            items: useDocsPattern(['webitel-ui/modules/ObjectPermissions/store/**/*.md']),
+            items: useDocsPattern([
+              'webitel-ui/modules/ObjectPermissions/store/**/*.md',
+            ]),
           },
         ],
       },
@@ -125,7 +129,9 @@ const sidebarNav = [
           ...useDocsPattern('webitel-ui/modules/TableComponentModule/index.md'),
           {
             text: 'Composables',
-            items: useDocsPattern('webitel-ui/modules/TableComponentModule/composables/**/*.md'),
+            items: useDocsPattern(
+              'webitel-ui/modules/TableComponentModule/composables/**/*.md',
+            ),
           },
         ],
       },
@@ -136,7 +142,10 @@ const sidebarNav = [
     text: 'Scripts',
     items: [
       ...useDocsPattern('webitel-ui/scripts/index.md'),
-      ...useDocsPattern(['webitel-ui/scripts/**/*.md', '!webitel-ui/scripts/index.md']),
+      ...useDocsPattern([
+        'webitel-ui/scripts/**/*.md',
+        '!webitel-ui/scripts/index.md',
+      ]),
     ],
     collapsed: true,
   },
@@ -181,7 +190,9 @@ const linkify = (nav) => {
     const getFilename = (nav) => nav.split('/').pop().replace(/\.md$/, '');
     const getLink = (nav) => '/pages/'.concat(nav.replace('.md', '.html'));
 
-    const text = nav.endsWith('Readme.md') ? getParentDirName(nav) : getFilename(nav);
+    const text = nav.endsWith('Readme.md')
+      ? getParentDirName(nav)
+      : getFilename(nav);
     const link = getLink(nav);
 
     return { text, link };

docs/index.md

@@ -13,7 +13,6 @@ hero:
     alt: VitePress
 
   actions:
-
     - theme: brand
       text: Старт
       link: /pages/docs/faq/faq/Readme
@@ -30,17 +29,14 @@ hero:
       text: не натискати
       link: https://www.youtube.com/watch?v=BU005EjDm2g
 
-# https://vitepress.dev/reference/default-theme-home-page#features-section 
+# https://vitepress.dev/reference/default-theme-home-page#features-section
 features:
-
   - icon: 🛠️
     title: TODO
 
-
   - icon: 🛠️
     title: TODO
 
-
   - icon: 🛠️
     title: TODO
 ---

docs/pages/docs/architecture-and-structures/Applications structure and intercommunication/Readme.md

@@ -51,6 +51,7 @@ _(на прикладі [адмінки](#admin))_
 для всіх попередніх роутів.
 
 Кожен модуль може містити в собі такі штуки (і відповідно папки), як:
+
 - `api`
 - `components`
 - `css`
@@ -69,45 +70,54 @@ _(на прикладі [адмінки](#admin))_
 
 _Note: store має бути ієрархічним, тобто, модуль-чайлд має бути так само чайлдом стор-модуля._
 
-
 ## Applications list
 
 ### Auth
+
 - repository: [web-client-auth](https://github.com/webitel/web-client-auth)
 - dev: [dev.webitel.com/app/auth](https://dev.webitel.com/app/auth)
 
 ### Admin
+
 - repository: [client](https://github.com/webitel/client)
 - dev: [dev.webitel.com](https://dev.webitel.com/)
 
 ### Workspace
+
 - repository: [cc-workslace](https://github.com/webitel/cc-workspaces)
 - dev: [dev.webitel.com/workspace](https://dev.webitel.com/workspace)
 
 ### Supervisor
+
 - repository: [cc-supervisor](https://github.com/webitel/cc-supervisor)
 - dev: [dev.webitel.com/supervisor](https://dev.webitel.com/supervisor)
 
 ### Audit
+
 - repository: [cc-quality-auditor](https://github.com/webitel/cc-quality-auditor)
 - dev: [dev.webitel.com/audit](https://dev.webitel.com/audit)
 
 ### History
+
 - repository: [cc-history](https://github.com/webitel/cc-history)
 - dev: [dev.webitel.com/history](https://dev.webitel.com/history)
 
 ### CRM
+
 - repository: [crm](https://github.com/webitel/crm)
 - dev: [dev.webitel.com/crm](https://dev.webitel.com/crm)
 
 ### Webitel UI
+
 - repository: [webitel-ui-sdk](https://github.com/webitel/webitel-ui-sdk)
 - docs: [webitel.github.io/webitel-ui-sdk](https://webitel.github.io/webitel-ui-sdk)
 
 ### Flow
+
 - repository: [webitel-flow-diagram](https://git.webitel.com/projects/CORE/repos/webitel-flow-diagram/browse)
 - dev: [dev.webitel.com/flow/:id](https://dev.webitel.com/flow/767)
 
 ### Omni-Widget
+
 - repository: [omnichannel-widget](https://github.com/webitel/omnichannel-widget)
 - dev: [tst.webitel.ua](https://tst.webitel.ua/)

docs/pages/docs/architecture-and-structures/Filters-preserving routing/Readme.md

@@ -2,20 +2,20 @@
 
 ## Вимоги
 
-* Фільтри у системі мають відтворюватись після перезавантаження сторінки.
+- Фільтри у системі мають відтворюватись після перезавантаження сторінки.
 
-* Після натиснення кнопки "Close" "вкладеної" сутності (наприклад, карточки контакта у реєстрі контактів),
-роутинг має вертати на список контактів, а не на попередню сторінку. При поверненні фільтри - відтворюються.
+- Після натиснення кнопки "Close" "вкладеної" сутності (наприклад, карточки контакта у реєстрі контактів),
+  роутинг має вертати на список контактів, а не на попередню сторінку. При поверненні фільтри - відтворюються.
 
 ## TLDR;
 
-* Щоб зберегти фільтри у роуті, використовуємо `query` параметри.
+- Щоб зберегти фільтри у роуті, використовуємо `query` параметри.
 
-* При закритті "вкладеної" сутності, повертаємось на список, а не на попередню сторінку через роутинг на конкретну сторінку,
-а не на `.back()`.
+- При закритті "вкладеної" сутності, повертаємось на список, а не на попередню сторінку через роутинг на конкретну сторінку,
+  а не на `.back()`.
 
-* Для цього необхідно зберігати фільтри також у `localStorage`, та відтворювати їх при відкритті сторінки, навіть якщо
-вони були видалені з `query` параметрів.
+- Для цього необхідно зберігати фільтри також у `localStorage`, та відтворювати їх при відкритті сторінки, навіть якщо
+  вони були видалені з `query` параметрів.
 
 ## FAQ
 
@@ -44,6 +44,7 @@
 #### А чому?
 
 Варіанти 2:
+
 - Або, в цьому місці ще не було реалізовано збереження фільтрів у `query` параметрах (якщо роутер вертає на попередню сторінку).
 - Або, не було реалізовано відновлення фільтрів з `localStorage` у `query`. (якщо роутер вертає на таблицю).