tenjin-ui-kit 0.1.0-dev.0 → 0.1.0-dev.1

package/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+build
+.dockerignore
+Dockerfile
+Dockerfile.prod
+storybook-static

package/.storybook/main.js

@@ -0,0 +1,16 @@
+module.exports = {
+  "stories": [
+    "../src/**/*.stories.mdx",
+    "../src/**/*.stories.@(js|jsx|ts|tsx)"
+  ],
+  "addons": [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+    "@storybook/preset-create-react-app"
+  ],
+  "framework": "@storybook/react",
+  "core": {
+    "builder": "@storybook/builder-webpack5"
+  }
+}

package/.storybook/preview.js

@@ -0,0 +1,11 @@
+import ".././src/App.css"
+
+export const parameters = {
+  actions: { argTypesRegex: "^on[A-Z].*" },
+  controls: {
+    matchers: {
+      color: /(background|color)$/i,
+      date: /Date$/,
+    },
+  },
+}

package/Dockerfile

@@ -0,0 +1,17 @@
+# build environment
+FROM node:16-alpine as build
+WORKDIR /app
+ENV PATH /app/node_modules/.bin:$PATH
+COPY package.json ./
+COPY package-lock.json ./
+COPY . ./
+RUN npm install 
+RUN npm run build-storybook
+RUN npm run compile
+RUN npm version patch -m "CI patch version bump"
+RUN cp ./package.json ./dist
+RUN cp ./README.md ./dist
+RUN cd dist
+RUN npm publish
+# TEST COMMIT 2
+

package/Jenkinsfile

@@ -0,0 +1,66 @@
+pipeline {
+    agent {label 'tjui-kit'}
+
+    
+
+
+    stages {
+        stage ("Build") {
+            steps {
+                dir("./") {
+                    sh 'npm install'
+                    sh 'npm run compile'
+                }
+            }
+        }
+        stage ("Upgrade version") {
+            steps {
+                dir("./") {
+                    sh 'git restore package-lock.json'
+                    
+                    sh 'npm version patch'
+                    sh 'git remote set-url origin https://vybhavkadam:glpat-Ee-CqdVnwzURCGPzFwys@gitlab.com/yethi/react/tenjin-ui-kit.git'
+                    sh 'git push origin HEAD:main --tags'
+                    //sh 'git push --tags'
+                }
+            }
+        } 
+
+        stage ("Publish library") {
+            steps {
+                dir("./") {
+                    sh 'cp ./package.json ./dist'
+                    // sh 'cp ./README.md ./dist'
+                }
+
+                dir("./") {
+                    //sh 'npm config set //registry.npmjs.org/:_authToken=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'
+                    sh 'export NPM_TOKEN=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'
+                    sh 'npm publish ./dist'
+                }
+            }
+        }
+
+        stage ("Build Storybook") {
+            steps {
+                dir("./") {
+                    sh 'npm run build-storybook'
+                }
+            }
+        }
+
+        stage ("Deploy Storybook") {
+            steps {
+                dir("./") {
+                    sh 'npx netlify deploy --auth xZ5gRrdcq6pPShzAcOtxCqD3e5MzwWxwBevsrQdyIl0 --site 9a55e91f-3c3e-4492-8d50-7f17ca87adeb --dir storybook-static --prod'
+                }
+            }
+        }
+         stage('CleanWorkspace') {
+            steps {
+                cleanWs()
+            }
+        }
+    }
+   
+}

package/dist/README.md

@@ -0,0 +1,13 @@
+# Tenjin UI Kit
+
+The Tenjin UI kit ships a set of pre-built components that can be used while building user interfaces for Tenjin.
+
+## Installation
+
+In the project directory, you can run:
+
+    npm install tenjin-ui-kit
+
+## Usage
+
+The [Tenjin UI Kit](https://tenjin-ui-kit.netlify.app) storybook gives clear documentation on how to use the Tenjin UI Kit.

package/{components → dist/components}/layout/topBar/ProjectTopbar.js

@@ -33,24 +33,24 @@ function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefine
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 var ANNOUNCEMENT_TYPES = {
   success: {
-    backgroundColor: '#EDF7ED',
-    borderLeft: '6px solid #4CAF50',
-    color: '#1B5E20'
+    backgroundColor: "#EDF7ED",
+    borderLeft: "6px solid #4CAF50",
+    color: "#1B5E20"
   },
   error: {
-    backgroundColor: '#FDECEA',
-    borderLeft: '6px solid #F44336',
-    color: '#B71C1C'
+    backgroundColor: "#FDECEA",
+    borderLeft: "6px solid #F44336",
+    color: "#B71C1C"
   },
   warning: {
-    backgroundColor: '#FFF6DA',
-    borderLeft: '6px solid #FFC107',
-    color: '#7C5E10'
+    backgroundColor: "#FFF6DA",
+    borderLeft: "6px solid #FFC107",
+    color: "#7C5E10"
   },
   info: {
-    backgroundColor: '#E8F4FD',
-    borderLeft: '6px solid #2196F3',
-    color: '#0D47A1'
+    backgroundColor: "#E8F4FD",
+    borderLeft: "6px solid #2196F3",
+    color: "#0D47A1"
   }
 };
 var ProjectTopbar = function ProjectTopbar(_ref) {
@@ -103,6 +103,8 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       } else {
         navigate(item.href);
       }
+    } else if (item.onClick) {
+      item.onClick();
     } else {
       if (localStorage.getItem("chatBot")) {
         localStorage.removeItem("chatBot");
@@ -255,20 +257,20 @@ var ProjectTopbar = function ProjectTopbar(_ref) {
       backgroundColor: ANNOUNCEMENT_TYPES[announcement.type].backgroundColor,
       borderLeft: ANNOUNCEMENT_TYPES[announcement.type].borderLeft,
       color: ANNOUNCEMENT_TYPES[announcement.type].color,
-      minHeight: '26px',
-      height: '100%',
-      minWidth: '200px',
-      borderRadius: '4px',
-      marginRight: '10px',
-      paddingInline: '10px',
-      paddingBlock: '6px',
-      display: 'flex',
-      alignItems: 'center',
-      fontSize: '12px'
+      minHeight: "26px",
+      height: "100%",
+      minWidth: "200px",
+      borderRadius: "4px",
+      marginRight: "10px",
+      paddingInline: "10px",
+      paddingBlock: "6px",
+      display: "flex",
+      alignItems: "center",
+      fontSize: "12px"
     }
-  }, typeof announcement.message === 'string' ? /*#__PURE__*/_react.default.createElement(_text.default, {
+  }, typeof announcement.message === "string" ? /*#__PURE__*/_react.default.createElement(_text.default, {
     sx: {
-      fontSize: '12px'
+      fontSize: "12px"
     }
   }, announcement.message) : announcement.message), (loggedInUser === null || loggedInUser === void 0 ? void 0 : (_loggedInUser$role = loggedInUser.role) === null || _loggedInUser$role === void 0 ? void 0 : _loggedInUser$role.id) === 1 && /*#__PURE__*/_react.default.createElement(_button.default, {
     variant: "text",

package/dist/package.json

@@ -0,0 +1,122 @@
+{
+  "name": "tenjin-ui-kit",
+  "version": "0.1.0-dev.1",
+  "repository": {
+    "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.2.1",
+    "@mantine/core": "^5.10.1",
+    "@mantine/hooks": "^5.10.1",
+    "@mantine/rte": "^5.10.1",
+    "@mui/icons-material": "^5.11.0",
+    "@mui/lab": "^5.0.0-alpha.116",
+    "@mui/styles": "^5.11.2",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "aria-hidden": "^1.2.2",
+    "axios": "^0.26.0",
+    "clsx": "^1.2.1",
+    "d3-hierarchy": "^3.1.2",
+    "feather-icons": "^4.29.0",
+    "final-form": "^4.20.9",
+    "material-ui-popup-state": "^5.0.8",
+    "moment": "^2.29.4",
+    "npm-run-all": "^4.1.5",
+    "react-beautiful-dnd": "^13.1.1",
+    "react-dnd": "^16.0.1",
+    "react-dnd-html5-backend": "^16.0.1",
+    "react-dropzone": "^14.2.3",
+    "react-feather": "^2.0.10",
+    "react-final-form": "^6.5.9",
+    "react-flow-renderer": "^10.3.17",
+    "react-icons": "^4.10.1",
+    "react-moment": "^1.1.3",
+    "react-scripts": "5.0.1",
+    "react-select": "^5.7.4",
+    "react-sortable-hoc": "^2.0.0",
+    "reactflow": "^11.6.1",
+    "storybook-react-context": "^0.6.0",
+    "styled-components": "^5.3.9",
+    "uuid": "^9.0.0",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject",
+    "storybook": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook -s public",
+    "clean": "rimraf dist",
+    "compile": "npm run clean && cross-env NODE_ENV=production babel src/package --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__",
+    "copy-and-publish": "copy package.json dist && copy README.md dist && npm publish --tag dev",
+    "publish-dev": "npm-run-all compile copy-and-publish"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ],
+    "overrides": [
+      {
+        "files": [
+          "**/*.stories.*"
+        ],
+        "rules": {
+          "import/no-anonymous-default-export": "off"
+        }
+      }
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@babel/cli": "^7.20.7",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@mui/material": "^5.11.3",
+    "@storybook/addon-actions": "^6.5.15",
+    "@storybook/addon-essentials": "^6.5.15",
+    "@storybook/addon-interactions": "^6.5.15",
+    "@storybook/addon-links": "^6.5.15",
+    "@storybook/builder-webpack5": "^6.5.15",
+    "@storybook/manager-webpack5": "^6.5.15",
+    "@storybook/node-logger": "^6.5.15",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/react": "^6.5.15",
+    "@storybook/testing-library": "^0.0.13",
+    "babel-plugin-named-exports-order": "^0.0.2",
+    "cross-env": "^7.0.3",
+    "prop-types": "^15.8.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.6.1",
+    "rimraf": "^3.0.2",
+    "webpack": "^5.75.0"
+  },
+  "peerDependencies": {
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@mui/material": "^5.11.3",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.6.1"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tenjin-ui-kit",
-  "version": "0.1.0-dev.0",
+  "version": "0.1.0-dev.1",
   "repository": {
     "url": "https://gitlab.com/yethi/react/tenjin-ui-kit.git"
   },
@@ -23,6 +23,7 @@
     "final-form": "^4.20.9",
     "material-ui-popup-state": "^5.0.8",
     "moment": "^2.29.4",
+    "npm-run-all": "^4.1.5",
     "react-beautiful-dnd": "^13.1.1",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
@@ -49,7 +50,9 @@
     "storybook": "start-storybook -p 6006 -s public",
     "build-storybook": "build-storybook -s public",
     "clean": "rimraf dist",
-    "compile": "npm run clean && cross-env NODE_ENV=production babel src/package --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__"
+    "compile": "npm run clean && cross-env NODE_ENV=production babel src/package --out-dir dist --copy-files --ignore __tests__,spec.js,test.js,stories.js,__snapshots__",
+    "copy-and-publish": "copy package.json dist && copy README.md dist && npm publish --tag dev",
+    "publish-dev": "npm-run-all compile copy-and-publish"
   },
   "eslintConfig": {
     "extends": [

package/public/index.html

@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="Web site created using create-react-app"
+    />
+    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
+    <!--
+      Notice the use of %PUBLIC_URL% in the tags above.
+      It will be replaced with the URL of the `public` folder during the build.
+      Only files inside the `public` folder can be referenced from the HTML.
+
+      Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
+      work correctly both with client-side routing and a non-root public URL.
+      Learn how to configure a non-root public URL by running `npm run build`.
+    -->
+    <title>React App</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>

package/public/manifest.json

@@ -0,0 +1,25 @@
+{
+  "short_name": "React App",
+  "name": "Create React App Sample",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}

package/public/robots.txt

@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow: