@arkitektbedriftene/fe-lib 0.2.4 → 0.2.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkitektbedriftene/fe-lib",
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.es.js",
@@ -14,8 +14,12 @@
       "require": "./dist/oidc.umd.cjs"
     },
     "./hooks": {
-      "import": "./dist/oidc.es.js",
-      "require": "./dist/oidc.umd.cjs"
+      "import": "./dist/hooks.es.js",
+      "require": "./dist/hooks.umd.cjs"
+    },
+    "./icons": {
+      "import": "./dist/hooksicon.es.js",
+      "require": "./dist/icon.umd.cjs"
     }
   },
   "typesVersions": {
@@ -26,8 +30,8 @@
       "oidc": [
         "dist/oidc.d.ts"
       ],
-      "hooks": [
-        "dist/hooks.d.ts"
+      "icon": [
+        "dist/icon.d.ts"
       ]
     }
   },
@@ -59,6 +63,7 @@
   },
   "dependencies": {
     "oidc-client-ts": "^2.2.2",
+    "react-icons": "^4.8.0",
     "use-local-storage-state": "^18.2.1"
   }
 }

package/src/App.tsx

@@ -1,7 +1,6 @@
 import { useState } from 'react'
 import reactLogo from './assets/react.svg'
-import viteLogo from '/vite.svg'
-import './App.css'
+ import './App.css'
 
 function App() {
   const [count, setCount] = useState(0)
@@ -9,9 +8,7 @@ function App() {
   return (
     <div className="App">
       <div>
-        <a href="https://vitejs.dev" target="_blank">
-          <img src={viteLogo} className="logo" alt="Vite logo" />
-        </a>
+         
         <a href="https://reactjs.org" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>

package/src/lib/icons/icon.tsx

@@ -0,0 +1,51 @@
+
+import React from "react";
+import { MdOutlineSick, MdSchool, MdVerified } from 'react-icons/md'
+import { BsBuilding } from 'react-icons/bs';
+import { GiTribunalJury } from 'react-icons/gi'
+import { BiClinic } from 'react-icons/bi'
+import { MdTravelExplore } from 'react-icons/md'
+import { GrMoney, GrUserWorker } from 'react-icons/gr'
+import { GiMoneyStack } from 'react-icons/gi'
+import { MdCardTravel } from 'react-icons/md'
+import { FaFileContract, FaHandsHelping } from 'react-icons/fa'
+import { GiBreakingChain } from 'react-icons/gi'
+import { GrStatusUnknown } from 'react-icons/gr'
+import { AiOutlineMedium } from "react-icons/ai";
+
+
+export default function Icon(props: { ExternalId: string }) {
+    if (props.ExternalId == null || props.ExternalId == '')
+        return <GrStatusUnknown />;
+    if (props.ExternalId.indexOf("SYKELONN") > -1)
+        return <span><MdOutlineSick></MdOutlineSick></span>;
+    else if (props.ExternalId.indexOf("ANSVAR") > -1)
+        return <span><BsBuilding></BsBuilding></span>;
+    else if (props.ExternalId.indexOf("RETTS") > -1)
+        return <span><GiTribunalJury></GiTribunalJury></span>;
+    else if (props.ExternalId.indexOf("BEHAND") > -1)
+        return <span><BiClinic></BiClinic></span>;
+    else if (props.ExternalId.indexOf("REISE") > -1)
+        return <span><MdTravelExplore></MdTravelExplore></span>;
+    else if (props.ExternalId.indexOf("YRKE") > -1)
+        return <span><GrUserWorker></GrUserWorker></span>;
+    else if (props.ExternalId.indexOf("VERDI") > -1)
+        return <span><GiMoneyStack></GiMoneyStack></span>;
+    else if (props.ExternalId.indexOf("TJENESTE") > -1)
+        return <span><MdCardTravel></MdCardTravel></span>;
+    else if (props.ExternalId.indexOf("GRUPPELIV") > -1)
+        return <span><FaHandsHelping></FaHandsHelping></span>;
+    else if (props.ExternalId.indexOf("SYKEAV") > -1)
+        return <span><GiBreakingChain></GiBreakingChain></span>;
+    else if (props.ExternalId.indexOf("_MAKS") > -1)
+        return <span><MdVerified color="green"></MdVerified></span>;
+    else if (props.ExternalId.indexOf("_MEDLEM") > -1)
+        return <span><AiOutlineMedium color="#B22222"></AiOutlineMedium></span>;
+    else if (props.ExternalId.indexOf("_PRAKSIS") > -1)
+        return <span><MdSchool color="#8cc6ce"></MdSchool></span>;
+    else if (props.ExternalId.indexOf("_AY") > -1)
+        return <span><FaFileContract color="#e8b281"></FaFileContract></span>;
+    else if (props.ExternalId.indexOf("_TARIFF") > -1)
+        return <span><GrMoney color="#626FFE "></GrMoney></span>;
+    return <GrStatusUnknown />;
+}

package/vite.config.ts

@@ -10,6 +10,7 @@ export default defineConfig({
         "src/lib/index.ts",
         "src/lib/oidc/oidc.tsx",
         "src/lib/hooks/hooks.ts",
+        "src/lib/icons/icon.tsx",
       ],
       name: "fe-lib",
       fileName: (format, entryname) => `${entryname}.${format}.js`,

package/.github/workflows/publish.yaml

@@ -1,21 +0,0 @@
-name: Publish package to NPM
-on:
-  release:
-    types: [published]
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    permissions:
-      contents: read
-      packages: write
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
-        with:
-          node-version: '16.x'
-          registry-url: 'https://registry.npmjs.org'
-      - run: npm ci
-      - run: npm run build
-      - run: npm publish
-        env:
-          NODE_AUTH_TOKEN: ${{ secrets.NPM_AUTH_TOKEN }}

package/.github/workflows/tag-versions.yaml

@@ -1,16 +0,0 @@
-name: Create Tag
-
-on:
-  push:
-    branches:
-      - master
-
-jobs:
-  build:
-    runs-on: ubuntu-latest
-    steps:
-    - uses: actions/checkout@v2
-    - uses: Klemensas/action-autotag@1.2.3
-      with:
-        GITHUB_TOKEN: "${{ secrets.GITHUB_TOKEN }}"
-        tag_prefix: "v"