@buerokratt-ria/menu 0.2.3 → 0.2.5

package/.eslintrc.json

@@ -1,18 +1,18 @@
-{
-  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
-  "ignorePatterns": ["!**/*"],
-  "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.ts", "*.tsx"],
-      "rules": {}
-    },
-    {
-      "files": ["*.js", "*.jsx"],
-      "rules": {}
-    }
-  ]
-}
+{
+  "extends": ["plugin:@nrwl/nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/CHANGELOG.md

@@ -1,81 +1,90 @@
-# Changelog
-
-All changes to this project will be documented in this file.
-## [0.2.3] - 06-12-2024
-
-- Added Validations
-
-## [0.1.17] - 24-10-2024
-
-- Add /delete to chat
-
-## [0.2.2] - 19-11-2024
-
-- Refactor menu permissions
-
-## [0.1.16] - 10-06-2024
-
-- Improve close menu functionality
-
-## [0.1.15] - 10-06-2024
-
-- Fix a bug
-
-## [0.1.14] - 07-06-2024
-
-- Fix a bug
-
-## [0.1.13] - 07-06-2024
-
-- Fix a bug
-
-## [0.1.12] - 07-06-2024
-
-- Add dynamic hidden menu items
-- Refactor code for better readability
-- Remove unnecessary component arguments
-
-## [0.1.11] - 30-05-2024
-
-- Hide some Training Module menu items from production
-
-## [0.1.10] - 30-05-2024
-
-- Hide some menu items from production
-
-## [0.1.9] - 28-04-2024
-
-- Merge previous code
-
-## [0.1.8] - 28-04-2024
-
-- Hide some menu items
-
-## [0.1.7] - 27-05-2024
-
-- Fix close menu button 
-
-## [0.1.6] - 25-04-2024
-
-- Updated api call addresses 
-
-## [0.1.5] - 27-02-2024
-
-- Added path /auto-services menu element to Training module
-- Replaced path /followup-training /auto-services menu element to Service module
-
-## [0.1.4] - 09-02-2024
-
-- Removed /buerokratt menu element from Analytics module
-
-## [0.1.3] - 06-02-2024
-
-- Removed /training for /train-new-model menu element
-
-## [0.1.2] - 01-02-2024
-
-- Added new element in menu /pending
-
-## [0.1.1] - 28-12-2023
-
-- Initial package structure for menu for ruuter v2.
+# Changelog
+
+All changes to this project will be documented in this file.
+
+## [0.2.5] - 23-12-2024
+
+- Updated menu position for model and train model
+
+## [0.2.4] - 13-12-2024
+
+- Added Skm configration
+
+## [0.2.3] - 06-12-2024
+
+- Added Validations
+
+## [0.1.17] - 24-10-2024
+
+- Add /delete to chat
+
+## [0.2.2] - 19-11-2024
+
+- Refactor menu permissions
+
+## [0.1.16] - 10-06-2024
+
+- Improve close menu functionality
+
+## [0.1.15] - 10-06-2024
+
+- Fix a bug
+
+## [0.1.14] - 07-06-2024
+
+- Fix a bug
+
+## [0.1.13] - 07-06-2024
+
+- Fix a bug
+
+## [0.1.12] - 07-06-2024
+
+- Add dynamic hidden menu items
+- Refactor code for better readability
+- Remove unnecessary component arguments
+
+## [0.1.11] - 30-05-2024
+
+- Hide some Training Module menu items from production
+
+## [0.1.10] - 30-05-2024
+
+- Hide some menu items from production
+
+## [0.1.9] - 28-04-2024
+
+- Merge previous code
+
+## [0.1.8] - 28-04-2024
+
+- Hide some menu items
+
+## [0.1.7] - 27-05-2024
+
+- Fix close menu button
+
+## [0.1.6] - 25-04-2024
+
+- Updated api call addresses
+
+## [0.1.5] - 27-02-2024
+
+- Added path /auto-services menu element to Training module
+- Replaced path /followup-training /auto-services menu element to Service module
+
+## [0.1.4] - 09-02-2024
+
+- Removed /buerokratt menu element from Analytics module
+
+## [0.1.3] - 06-02-2024
+
+- Removed /training for /train-new-model menu element
+
+## [0.1.2] - 01-02-2024
+
+- Added new element in menu /pending
+
+## [0.1.1] - 28-12-2023
+
+- Initial package structure for menu for ruuter v2.

package/MAKING_CHANGES.md

@@ -1,8 +1,8 @@
-## Making Changes
-
-#### If you want to make changes to export menu component:
-* Make necessary changes
-* Update version in file [package.json](package.json) 
-  * Template:  `major v.mid v.minor v`
-* Add brief description to [changelog file](CHANGELOG.md)
-* Proceed with deploying or testing package locally by information provided by [readme](README.md)
+## Making Changes
+
+#### If you want to make changes to export menu component:
+* Make necessary changes
+* Update version in file [package.json](package.json) 
+  * Template:  `major v.mid v.minor v`
+* Add brief description to [changelog file](CHANGELOG.md)
+* Proceed with deploying or testing package locally by information provided by [readme](README.md)

package/README.md

@@ -1,49 +1,49 @@
-## MainNavigation component
-
-### General information
-
-Changelog file could be found here [link](CHANGELOG.md)
-
-## Creating package
-
-To create npm package for future usage:
-* Navigate to the root directory of the package.
-* Run `npm pack` command, to create package file.
-    * If you made updates to the package please relate to this [file](MAKING_CHANGES.md) before creating package
-
-To publish created package:
-* Run `npm publish --access public`
-* Authorize in npm and package would be published
-
-## Adding dependency from remote
-- Since this package currently being deployed to @buerokratt-ria account therefore it would need to be related as @buerokratt-ria
-- Add to `package.json` @buerokratt-ria/menu: followed by version, list of available version could be found [here](CHANGELOG.md)
-
-## Adding dependency as local package
-- When you build the package file, put it in `root` directory of the application
-- Add to `package.json` @buerokratt-ria/header: file:name-of-the-generated-package
-  - If having import issues like `NOT FOUND` try adding to `vite.config.ts` 
-    `resolve: {
-    alias: {
-        '@buerokratt-ria': `${path.resolve(__dirname, 'node_modules/@buerokratt-ria/menu/src')}`
-        },
-    }`
-
-## Using package
-* Importing component
-  * `import { MainNavigation } from '@buerokratt-ria/menu/src'` for Header and Menu
-  * If you want to use local package, put created package to the root of react app and add dependency like "@buerokratt-ria/header": "file:buerokratt-ria-menu-0.0.5.tgz" (use proper version)
-### Using MainNavigation component
-  * MainNavigation uses four env variable:
-    * use `REACT_APP_MENU_URL` & `REACT_APP_MENU_PATH` to set the url for json that contains the menu item array
-    * use `REACT_APP_MENU_JSON` with json string of the menu item array
-      * `REACT_APP_MENU_JSON` will overrides buth the local file provieded by package and the `REACT_APP_MENU_URL` & `REACT_APP_MENU_PATH`
-    * If you want to use only local file provided by package then remove `REACT_APP_MENU_JSON`, `REACT_APP_MENU_URL` & `REACT_APP_MENU_PATH` variables
-    * `REACT_APP_SERVICE_ID` set of values seperated by comma resembling current module, examples of this value could be found in following links
-    
-    
-
-### Implemented examples:
-* https://github.com/buerokratt/Training-Module
-* https://github.com/buerokratt/Service-Module
-* https://github.com/buerokratt/Analytics-Module
+## MainNavigation component
+
+### General information
+
+Changelog file could be found here [link](CHANGELOG.md)
+
+## Creating package
+
+To create npm package for future usage:
+* Navigate to the root directory of the package.
+* Run `npm pack` command, to create package file.
+    * If you made updates to the package please relate to this [file](MAKING_CHANGES.md) before creating package
+
+To publish created package:
+* Run `npm publish --access public`
+* Authorize in npm and package would be published
+
+## Adding dependency from remote
+- Since this package currently being deployed to @buerokratt-ria account therefore it would need to be related as @buerokratt-ria
+- Add to `package.json` @buerokratt-ria/menu: followed by version, list of available version could be found [here](CHANGELOG.md)
+
+## Adding dependency as local package
+- When you build the package file, put it in `root` directory of the application
+- Add to `package.json` @buerokratt-ria/header: file:name-of-the-generated-package
+  - If having import issues like `NOT FOUND` try adding to `vite.config.ts` 
+    `resolve: {
+    alias: {
+        '@buerokratt-ria': `${path.resolve(__dirname, 'node_modules/@buerokratt-ria/menu/src')}`
+        },
+    }`
+
+## Using package
+* Importing component
+  * `import { MainNavigation } from '@buerokratt-ria/menu/src'` for Header and Menu
+  * If you want to use local package, put created package to the root of react app and add dependency like "@buerokratt-ria/header": "file:buerokratt-ria-menu-0.0.5.tgz" (use proper version)
+### Using MainNavigation component
+  * MainNavigation uses four env variable:
+    * use `REACT_APP_MENU_URL` & `REACT_APP_MENU_PATH` to set the url for json that contains the menu item array
+    * use `REACT_APP_MENU_JSON` with json string of the menu item array
+      * `REACT_APP_MENU_JSON` will overrides buth the local file provieded by package and the `REACT_APP_MENU_URL` & `REACT_APP_MENU_PATH`
+    * If you want to use only local file provided by package then remove `REACT_APP_MENU_JSON`, `REACT_APP_MENU_URL` & `REACT_APP_MENU_PATH` variables
+    * `REACT_APP_SERVICE_ID` set of values seperated by comma resembling current module, examples of this value could be found in following links
+    
+    
+
+### Implemented examples:
+* https://github.com/buerokratt/Training-Module
+* https://github.com/buerokratt/Service-Module
+* https://github.com/buerokratt/Analytics-Module

package/index.ts

@@ -1,3 +1,3 @@
-export {
-    default as MainNavigation
+export {
+    default as MainNavigation
 } from './src/menu';

package/package.json

@@ -1,42 +1,42 @@
-{
-  "name": "@buerokratt-ria/menu",
-  "version": "0.2.3",
-  "description": "Generic MainNavigation component that would be injected as dependency.",
-  "main": "index.js",
-  "scripts": {},
-  "author": "ExiRain",
-  "license": "ISC",
-  "peerDependencies": {
-    "@radix-ui/react-accessible-icon": "^1.0.3",
-    "@radix-ui/react-dialog": "^1.0.4",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-toast": "^1.1.4",
-    "@tanstack/react-query": "^4.32.1",
-    "clsx": "^1.2.1",
-    "i18next": "^23.2.3",
-    "i18next-browser-languagedetector": "^7.1.0",
-    "path": "^0.12.7",
-    "react": "^18.2.0",
-    "react-cookie": "^4.1.1",
-    "react-dom": "^18.2.0",
-    "react-hook-form": "^7.45.4",
-    "react-i18next": "^12.1.1",
-    "react-icons": "^4.10.1",
-    "react-idle-timer": "^5.7.2",
-    "react-router-dom": "^6.14.2",
-    "rxjs": "^7.8.1",
-    "tslib": "^2.3.0",
-    "vite-plugin-dts": "^3.5.2",
-    "vite-plugin-svgr": "^3.2.0",
-    "zustand": "^4.4.0"
-  },
-  "dependencies": {
-    "react": "^18.2.0",
-    "@types/react": "^18.2.21",
-    "@buerokratt-ria/styles": "^0.0.1"
-  },
-  "devDependencies": {
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9"
-  }
-}
+{
+  "name": "@buerokratt-ria/menu",
+  "version": "0.2.5",
+  "description": "Generic MainNavigation component that would be injected as dependency.",
+  "main": "index.js",
+  "scripts": {},
+  "author": "ExiRain",
+  "license": "ISC",
+  "peerDependencies": {
+    "@radix-ui/react-accessible-icon": "^1.0.3",
+    "@radix-ui/react-dialog": "^1.0.4",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-toast": "^1.1.4",
+    "@tanstack/react-query": "^4.32.1",
+    "clsx": "^1.2.1",
+    "i18next": "^23.2.3",
+    "i18next-browser-languagedetector": "^7.1.0",
+    "path": "^0.12.7",
+    "react": "^18.2.0",
+    "react-cookie": "^4.1.1",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.45.4",
+    "react-i18next": "^12.1.1",
+    "react-icons": "^4.10.1",
+    "react-idle-timer": "^5.7.2",
+    "react-router-dom": "^6.14.2",
+    "rxjs": "^7.8.1",
+    "tslib": "^2.3.0",
+    "vite-plugin-dts": "^3.5.2",
+    "vite-plugin-svgr": "^3.2.0",
+    "zustand": "^4.4.0"
+  },
+  "dependencies": {
+    "react": "^18.2.0",
+    "@types/react": "^18.2.21",
+    "@buerokratt-ria/styles": "^0.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.26",
+    "@types/react-dom": "^18.0.9"
+  }
+}

package/project.json

@@ -1,52 +1,52 @@
-{
-  "name": "header",
-  "sourceRoot": "header/src",
-  "projectType": "library",
-  "tags": ["scope:header"],
-  "targets": {
-    "lint": {
-      "executor": "@nrwl/linter:eslint",
-      "outputs": ["{options.outputFile}"],
-      "options": {
-        "lintFilePatterns": ["header/**/*.{ts,tsx,js,jsx}"]
-      }
-    },
-    "build": {
-      "executor": "@nrwl/vite:build",
-      "outputs": ["{options.outputPath}"],
-      "defaultConfiguration": "production",
-      "options": {
-        "project": "./ng-package.json",
-        "outputPath": "dist/header"
-      },
-      "configurations": {
-        "production": {
-          "tsConfig": "./tsconfig.lib.prod.json",
-          "mode": "production"
-        },
-        "development": {
-          "tsConfig": "./tsconfig.lib.json",
-          "mode": "development"
-        }
-      }
-    },
-    "test": {
-      "executor": "@nrwl/vite:test",
-      "outputs": ["{projectRoot}/coverage"],
-      "options": {
-        "passWithNoTests": true
-      }
-    },
-    "version": {
-      "executor": "@jscutlery/semver:version",
-      "options": {
-        "preset": "angular",
-        "baseBranch": "main",
-        "push": true,
-        "noVerify": true,
-        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
-        "skipCommitTypes": ["chore", "ci", "docs", "style", "test", "format"]
-      }
-    }
-  }
-}
+{
+  "name": "header",
+  "sourceRoot": "header/src",
+  "projectType": "library",
+  "tags": ["scope:header"],
+  "targets": {
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["header/**/*.{ts,tsx,js,jsx}"]
+      }
+    },
+    "build": {
+      "executor": "@nrwl/vite:build",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "project": "./ng-package.json",
+        "outputPath": "dist/header"
+      },
+      "configurations": {
+        "production": {
+          "tsConfig": "./tsconfig.lib.prod.json",
+          "mode": "production"
+        },
+        "development": {
+          "tsConfig": "./tsconfig.lib.json",
+          "mode": "development"
+        }
+      }
+    },
+    "test": {
+      "executor": "@nrwl/vite:test",
+      "outputs": ["{projectRoot}/coverage"],
+      "options": {
+        "passWithNoTests": true
+      }
+    },
+    "version": {
+      "executor": "@jscutlery/semver:version",
+      "options": {
+        "preset": "angular",
+        "baseBranch": "main",
+        "push": true,
+        "noVerify": true,
+        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
+        "skipCommitTypes": ["chore", "ci", "docs", "style", "test", "format"]
+      }
+    }
+  }
+}

package/src/index.ts

@@ -1,3 +1,3 @@
-export {
-    default as MainNavigation
+export {
+    default as MainNavigation
 } from './menu';

package/src/menu/components/icons/icon/icon.tsx

@@ -1,33 +1,33 @@
-import React, {
-    CSSProperties,
-    forwardRef,
-    ReactNode,
-    StyleHTMLAttributes,
-} from 'react';
-import * as AccessibleIcon from '@radix-ui/react-accessible-icon';
-import clsx from 'clsx';
-
-import '../icon.scss';
-
-type IconProps = StyleHTMLAttributes<CSSProperties> & {
-    label?: string | null;
-    icon: ReactNode;
-    size?: 'small' | 'medium' | 'large';
-    className?: string;
-};
-
-const IconComponent = forwardRef<HTMLSpanElement, IconProps>(
-    ({ label, icon, className, size = 'small', ...rest }, ref) => {
-        const iconClasses = clsx('icon', `icon--${size}`, className);
-
-        return (
-            <AccessibleIcon.Root label={label ?? ''}>
-        <span ref={ref} className={iconClasses} style={rest.style}>
-          {icon}
-        </span>
-            </AccessibleIcon.Root>
-        );
-    }
-);
-
-export default IconComponent;
+import React, {
+    CSSProperties,
+    forwardRef,
+    ReactNode,
+    StyleHTMLAttributes,
+} from 'react';
+import * as AccessibleIcon from '@radix-ui/react-accessible-icon';
+import clsx from 'clsx';
+
+import '../icon.scss';
+
+type IconProps = StyleHTMLAttributes<CSSProperties> & {
+    label?: string | null;
+    icon: ReactNode;
+    size?: 'small' | 'medium' | 'large';
+    className?: string;
+};
+
+const IconComponent = forwardRef<HTMLSpanElement, IconProps>(
+    ({ label, icon, className, size = 'small', ...rest }, ref) => {
+        const iconClasses = clsx('icon', `icon--${size}`, className);
+
+        return (
+            <AccessibleIcon.Root label={label ?? ''}>
+        <span ref={ref} className={iconClasses} style={rest.style}>
+          {icon}
+        </span>
+            </AccessibleIcon.Root>
+        );
+    }
+);
+
+export default IconComponent;

package/src/menu/components/icons/icon.scss

@@ -1,22 +1,22 @@
-@import '@buerokratt-ria/styles/styles/tools/spacing';
-
-.icon {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-
-  &--small {
-    width: get-spacing(haapsalu);
-    height: get-spacing(haapsalu);
-  }
-
-  &--medium {
-    width: get-spacing(kuressaare);
-    height: get-spacing(kuressaare);
-  }
-
-  &--large {
-    width: get-spacing(viljandi);
-    height: get-spacing(viljandi);
-  }
-}
+@import '@buerokratt-ria/styles/styles/tools/spacing';
+
+.icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  &--small {
+    width: get-spacing(haapsalu);
+    height: get-spacing(haapsalu);
+  }
+
+  &--medium {
+    width: get-spacing(kuressaare);
+    height: get-spacing(kuressaare);
+  }
+
+  &--large {
+    width: get-spacing(viljandi);
+    height: get-spacing(viljandi);
+  }
+}