diff --git a/CHANGELOG.md b/CHANGELOG.md index 924cea184..b93fcea82 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,19 @@ +## [v24.10.74] - 2024-11-13 +### :bug: Bug Fixes +- [`a5ee794`](https://github.com/webitel/webitel-ui-sdk/commit/a5ee79439ddd1f88512b3666a9a66a3c19b26f9f) - conflict and change lib version and rename props in wt-navigation-menu and wt-start-page[WTEL-4710](https://webitel.atlassian.net/browse/WTEL-4710) *(commit by [@Lera24](https://github.com/Lera24))* +- [`bac8466`](https://github.com/webitel/webitel-ui-sdk/commit/bac8466080703da8d395e105e237df0b844dd9c6) - navigation-menu and start-page component after codereview(change docs, style, add new prop)[WTEL-4710](https://webitel.atlassian.net/browse/WTEL-4710) *(commit by [@Lera24](https://github.com/Lera24))* + +### :recycle: Refactors +- [`7b48cb6`](https://github.com/webitel/webitel-ui-sdk/commit/7b48cb6ac851deb4786d9618c2e26a62c45a88d1) - navigation menu - change styles,layout,documentation [WTEL-4710](https://webitel.atlassian.net/browse/WTEL-4710) *(commit by [@Lera24](https://github.com/Lera24))* + + +## [v24.10.73] - 2024-11-12 +### :bug: Bug Fixes +- [`5746c8c`](https://github.com/webitel/webitel-ui-sdk/commit/5746c8ca063af834eb36f20afd1ba21ac03da7e2) - caseConverters.js scripts import fix [WTEL-5516](https://webitel.atlassian.net/browse/WTEL-5516) *(commit by [@dlohvinov](https://github.com/dlohvinov))* + + ## [v24.10.72] - 2024-11-12 ### :sparkles: New Features - [`a1eb8be`](https://github.com/webitel/webitel-ui-sdk/commit/a1eb8bebdff83061e3ef81fe55166108efd8e44b) - FilesExport.js skipFilesWithError config added [WTEL-5173](https://webitel.atlassian.net/browse/WTEL-5173) *(commit by [@dlohvinov](https://github.com/dlohvinov))* @@ -161,3 +175,5 @@ [v24.10.69]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.68...v24.10.69 [v24.10.71]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.69...v24.10.71 [v24.10.72]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.71...v24.10.72 +[v24.10.73]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.72...v24.10.73 +[v24.10.74]: https://github.com/webitel/webitel-ui-sdk/compare/v24.10.73...v24.10.74 diff --git a/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/Readme.md b/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/Readme.md new file mode 100644 index 000000000..3c8c23dec --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/Readme.md @@ -0,0 +1,18 @@ + + +# `wt-navigation-menu.vue` + +## Specs + + + +## Example Navigation Menu + + + +::: details Code +<<< ./examples/example-navigation-menu.vue +::: diff --git a/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/component-specs.vue b/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/component-specs.vue new file mode 100644 index 000000000..75a041e0a --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/component-specs.vue @@ -0,0 +1,11 @@ + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/examples/example-navigation-menu.vue b/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/examples/example-navigation-menu.vue new file mode 100644 index 000000000..f70903dee --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-navigation-menu/examples/example-navigation-menu.vue @@ -0,0 +1,28 @@ + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/Readme.md b/docs/pages/webitel-ui/components/on-demand/wt-start-page/Readme.md new file mode 100644 index 000000000..a85829606 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/Readme.md @@ -0,0 +1,18 @@ + + +# `wt-start-page.vue` + +## Specs + + + +## Example Start Page + + + +::: details Code +<<< ./examples/example-start-page.vue +::: diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/configuration-section-dark.svg b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/configuration-section-dark.svg new file mode 100644 index 000000000..44292c411 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/configuration-section-dark.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/configuration-section-light.svg b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/configuration-section-light.svg new file mode 100644 index 000000000..55df89e33 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/configuration-section-light.svg @@ -0,0 +1,43 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/contacts-section-dark.svg b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/contacts-section-dark.svg new file mode 100644 index 000000000..a913b4c38 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/contacts-section-dark.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/contacts-section-light.svg b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/contacts-section-light.svg new file mode 100644 index 000000000..a3c538174 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/contacts-section-light.svg @@ -0,0 +1,48 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/start-page-logo-dark.svg b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/start-page-logo-dark.svg new file mode 100644 index 000000000..eb66c86e0 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/start-page-logo-dark.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/start-page-logo-light.svg b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/start-page-logo-light.svg new file mode 100644 index 000000000..5ccdf1a18 --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/assets/start-page-logo-light.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/component-specs.vue b/docs/pages/webitel-ui/components/on-demand/wt-start-page/component-specs.vue new file mode 100644 index 000000000..434dd8dab --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/component-specs.vue @@ -0,0 +1,11 @@ + + + + + diff --git a/docs/pages/webitel-ui/components/on-demand/wt-start-page/examples/example-start-page.vue b/docs/pages/webitel-ui/components/on-demand/wt-start-page/examples/example-start-page.vue new file mode 100644 index 000000000..9e430aaaa --- /dev/null +++ b/docs/pages/webitel-ui/components/on-demand/wt-start-page/examples/example-start-page.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/docs/pages/webitel-ui/modules/NavigationMenu/Readme.md b/docs/pages/webitel-ui/modules/NavigationMenu/Readme.md deleted file mode 100644 index 421754edb..000000000 --- a/docs/pages/webitel-ui/modules/NavigationMenu/Readme.md +++ /dev/null @@ -1,56 +0,0 @@ -# Navigation menu - -### Props: - -| Name | Type | Default | Required | Description | -|-----------------|--------|---------|----------|----------------------------------------------------------------------------------------------------------------| -| `navItems` | Array | `[]` | + | Масив обʼєктів `{ value: string, name: string, subNav: array - { value: string, route: string, name: string} }` | - -### Іконки - -Іконки можна додати в app/assets/icons/sprite з приставкою 'nav' (nav-icon, nav-search), не забудьте додати імпорт -іконки в файлі index.js в папці з іконками (import './nav-icon.svg';). - -Якщо іконки не працюють - перевірте чи в main.js вказаний імпорт - import './app/assets/icons/sprite'; - -##Приклад використання - -```vue -// the-configuration.vue - - - - -``` diff --git a/docs/pages/webitel-ui/modules/StartPage/Readme.md b/docs/pages/webitel-ui/modules/StartPage/Readme.md deleted file mode 100644 index 614d1b034..000000000 --- a/docs/pages/webitel-ui/modules/StartPage/Readme.md +++ /dev/null @@ -1,62 +0,0 @@ -# Start page - -### Props: - -| Name | Type | Default | Required | Description | -|-----------------|--------|---------|----------|--------------------------------------------------------------------------------------------------------------------------------| -| `nav` | Array | `[]` | + | Масив обʼєктів `{ value: string, route: string, name: string, text: string, images: object - { light: string, dark: string } }`| -| `lightDarkLogos`| Object | `{}` | + | Об'єкт з зображеннями light/dark mode `{ light: string, dark: stringt }` | - -##Приклад використання - -```vue -// the-start-page.vue - - - - -``` diff --git a/package.json b/package.json index 7743725ad..976b72448 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@webitel/ui-sdk", - "version": "24.10.73", + "version": "24.10.74", "private": false, "scripts": { "dev": "vite", diff --git a/src/components/index.js b/src/components/index.js index 28b49b17b..a61d19153 100644 --- a/src/components/index.js +++ b/src/components/index.js @@ -64,6 +64,9 @@ import WtTextarea from './wt-textarea/wt-textarea.vue'; import WtTimeInput from './wt-time-input/wt-time-input.vue'; import WtTimepicker from './wt-timepicker/wt-timepicker.vue'; import WtTooltip from './wt-tooltip/wt-tooltip.vue'; +import WtNavigationMenu + from './on-demand/wt-navigation-menu/components/wt-navigation-menu.vue'; +import WtStartPage from './on-demand/wt-start-page/components/wt-start-page.vue'; const Components = { WtActionBar, @@ -128,6 +131,8 @@ const Components = { WtDummy, WtStepper, WtExpansionPanel, + WtNavigationMenu, + WtStartPage, }; export default Components; diff --git a/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-1.vue b/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-1.vue new file mode 100644 index 000000000..93c93f989 --- /dev/null +++ b/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-1.vue @@ -0,0 +1,73 @@ + + + + + diff --git a/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-2.vue b/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-2.vue new file mode 100644 index 000000000..e27d4b1fb --- /dev/null +++ b/src/components/on-demand/wt-navigation-menu/components/_internals/nav-menu-lvl-2.vue @@ -0,0 +1,66 @@ + + + + + diff --git a/src/components/on-demand/wt-navigation-menu/components/wt-navigation-menu.vue b/src/components/on-demand/wt-navigation-menu/components/wt-navigation-menu.vue new file mode 100644 index 000000000..676c09892 --- /dev/null +++ b/src/components/on-demand/wt-navigation-menu/components/wt-navigation-menu.vue @@ -0,0 +1,141 @@ + + + + + diff --git a/src/components/on-demand/wt-navigation-menu/css/_nav-menu.scss b/src/components/on-demand/wt-navigation-menu/css/_nav-menu.scss new file mode 100644 index 000000000..3b580d18e --- /dev/null +++ b/src/components/on-demand/wt-navigation-menu/css/_nav-menu.scss @@ -0,0 +1,32 @@ +@import '../../../../css/main.scss'; + +.nav-menu { + &__category { + height: 100%; + border-radius: var(--border-radius); + } + + &__option { + &:not(:last-child) { + margin-bottom: var(--spacing-2xs); + } + } + + &__item { + @extend %typo-body-1; + display: flex; + align-items: center; + box-sizing: border-box; + width: 100%; + min-height: var(--button-min-height); + padding: 18px 20px; + transition: var(--transition); + text-align: left; + color: var(--text-main-color); + border-radius: var(--border-radius); + + .wt-icon { + margin-right: var(--spacing-xs); + } + } +} diff --git a/src/modules/StartPage/components/start-page-card.vue b/src/components/on-demand/wt-start-page/components/start-page-card.vue similarity index 73% rename from src/modules/StartPage/components/start-page-card.vue rename to src/components/on-demand/wt-start-page/components/start-page-card.vue index bd4cd5093..f4439664a 100644 --- a/src/modules/StartPage/components/start-page-card.vue +++ b/src/components/on-demand/wt-start-page/components/start-page-card.vue @@ -1,19 +1,23 @@