@pareto-engineering/design-system 1.0.2 → 2.0.0-alpha.4

package/dist/es/r/common/PrivateRoute/PrivateRoute.js

@@ -0,0 +1,67 @@
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+/* @pareto-engineering/generator-front 0.2.1 */
+import * as React from 'react';
+import { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { Route, Redirect, useLocation } from 'react-router-dom'; // import { SessionContext } from '..'
+
+const SessionContext = /*#__PURE__*/React.createContext({}); // Package-level Imports
+// import styleNames from 'style_names.scss'
+// Component-level imports
+
+/**
+ * **Dependencies : `SessionContext.loginPath` **
+ * `PrivateRoute` subclasses `react-router-dom` `Route`.
+ * `PrivateRoute` checks whether a user matches a specified test before allowing him to the resource
+ * In case the user is not allowed, he is redirected to `SessionContext.loginPath`.
+ * Please remember this is a front-end test, and is not equivalent to back-end permission checks.
+ * This component is meant to be used alongside back-end checks.
+ */
+
+const PrivateRoute = ({
+  component: Component,
+  render,
+  test,
+  ...rest
+}) => {
+  const {
+    currentUserData: currentUser,
+    loginPath
+  } = useContext(SessionContext);
+  const location = useLocation(); // console.log(me)
+
+  const isUserAllowed = currentUser && test(currentUser);
+  return /*#__PURE__*/React.createElement(Route, _extends({}, rest, {
+    render: props => isUserAllowed ? (render === null || render === void 0 ? void 0 : render(props)) || /*#__PURE__*/React.createElement(Component, props) : /*#__PURE__*/React.createElement(Redirect, {
+      to: {
+        pathname: loginPath,
+        state: {
+          from: location
+        } // TODO to implement
+
+      }
+    })
+  }));
+};
+
+PrivateRoute.propTypes = {
+  /**
+   * A function that takes the user and returns a boolean.
+   */
+  test: PropTypes.func,
+
+  /**
+   * Provide a custom rendering function in the "Render Props" pattern
+   */
+  render: PropTypes.func,
+
+  /**
+   * Which javascript component to render
+   */
+  component: PropTypes.node
+};
+PrivateRoute.defaultProps = {
+  test: user => user.id
+};
+export default PrivateRoute;

package/dist/es/r/common/PrivateRoute/index.js

@@ -0,0 +1,2 @@
+/* @pareto-engineering/generator-front 0.2.1 */
+export { default as PrivateRoute } from "./PrivateRoute";

package/dist/es/r/common/index.js

@@ -0,0 +1 @@
+export { PrivateRoute } from "./PrivateRoute";

package/dist/es/r/index.js

@@ -0,0 +1,2 @@
+export * from "./common";
+export { SwitchRouteMap } from "./SwitchRouteMap";

package/jest.config.js

@@ -0,0 +1,24 @@
+/*
+ * For a detailed explanation regarding each configuration property, visit:
+ * https://jestjs.io/docs/en/configuration.html
+ */
+// const esModules = ['@storybook/addon-docs', 'yay'].join('|');
+
+module.exports = {
+  cache           :false,
+  // https://stackoverflow.com/questions/39418555/syntaxerror-with-jest-and-react-and-importing-css-files
+  moduleNameMapper:{
+    '^.+\\.(css|scss)$'        :'<rootDir>/config/CSSStub.js',
+    '^.+\\.(mdx)$'             :'<rootDir>/config/CSSStub.js',
+    // https://jestjs.io/docs/webpack#mocking-css-modules
+    '^@pareto-engineering/bem$':'identity-obj-proxy',
+  },
+  transform:{
+    '^.+\\.[tj]sx?$':'babel-jest',
+    '^.+\\.mdx$'    :'@storybook/addon-docs/jest-transform-mdx',
+  },
+  setupFiles     :['<rootDir>/config/test-setup.js'],
+  testEnvironment:'jsdom',
+  // transformIgnorePatterns: [`node_modules/(?!${esModules})`],
+  globalSetup    :'<rootDir>/config/global-setup.js',
+}

package/package.json

@@ -1,36 +1,99 @@
 {
   "name": "@pareto-engineering/design-system",
-  "version": "1.0.2",
+  "version": "2.0.0-alpha.4",
   "description": "",
   "main": "dist/cjs/index.js",
   "module": "dist/es/index.js",
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
-    "storybook": "start-storybook --no-manager-cache -p 6006 -s ./src/assets/images",
-    "build-storybook": "build-storybook -s ./src/assets/images",
+    "storybook": "start-storybook --no-manager-cache -p 6006 -s ./src/assets/images,./node_modules/@pareto-engineering/assets/images,./node_modules/@pareto-engineering/assets/fonts",
+    "build-storybook": "build-storybook -s ./src/assets/images,./node_modules/@pareto-engineering/assets/images,./node_modules/@pareto-engineering/assets/fonts",
     "vercel-build": "build-storybook --quiet -o public",
-    "compile:cjs": "COMPILE_ENV=cjs babel src/ui --out-dir dist/cjs",
-    "compile:es": "COMPILE_ENV=es babel src/ui --out-dir dist/es",
-    "compile":"npm run compile:es && npm run compile:cjs",
-    "prepare": "npm run compile"
+    "copy-css:cjs": "copyfiles -u 2 src/ui/**/*.scss dist/cjs",
+    "copy-css:es": "copyfiles -u 2 src/ui/**/*.scss dist/es",
+    "compile:cjs": "COMPILE_ENV=cjs babel src/ui --extensions '.js,.jsx' --out-dir dist/cjs",
+    "compile:es": "COMPILE_ENV=es babel src/ui --extensions '.js,.jsx' --out-dir dist/es",
+    "build:cjs": "npm run compile:cjs && npm run copy-css:cjs",
+    "build:es": "npm run compile:es && npm run copy-css:es",
+    "compile": "npm run build:es && npm run build:cjs",
+    "chromatic": "chromatic --project-token=b63af653a850",
+    "prepare": "npm run compile",
+    "prepare:watch": "nodemon --watch src --ignore 'src/stories' --exec  'npm run build:es' && echo done",
+    "postinstall": "node ./scripts/postinstall.js",
+    "upgrade": "./scripts/upgrade.sh",
+    "test": "npm run test:stylelint && npm run test:eslint && npm run test:jest",
+    "testconfig:stylelint": "stylelint src/local.scss",
+    "testconfig:eslint": "eslint src/**/*.jsx",
+    "test:jest": "jest",
+    "test:jest:update": "jest --updateSnapshot",
+    "test:eslint": "eslint --ext .jsx,.js src/",
+    "test:stylelint": "stylelint src/**/*.scss --rd --rdd --risd --color --formatter verbose",
+    "fix:stylelint": "npm run test:stylelint -- --fix",
+    "fix:eslint": "npm run test:eslint -- --fix",
+    "install:hooks": "git config --local core.hooksPath .githooks/",
+    "link:assets": "npm link @pareto-engineering/assets",
+    "link:bem": "npm link @pareto-engineering/bem",
+    "link:styles": "npm link @pareto-engineering/styles",
+    "link:all": "npm run link:bem && npm run link:styles && npm run link:assets"
   },
   "keywords": [],
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@babel/cli": "^7.12.13",
-    "@babel/core": "^7.12.13",
-    "@babel/preset-env": "^7.12.13",
-    "@babel/preset-react": "^7.12.13",
-    "@storybook/addon-actions": "^6.1.17",
-    "@storybook/addon-essentials": "^6.1.17",
-    "@storybook/addon-links": "^6.1.17",
-    "@storybook/react": "^6.1.17",
+    "@babel/cli": "^7.14.5",
+    "@babel/core": "^7.14.6",
+    "@babel/eslint-parser": "^7.14.7",
+    "@babel/preset-env": "^7.14.7",
+    "@babel/preset-react": "^7.14.5",
+    "@storybook/addon-actions": "^6.3.3",
+    "@storybook/addon-essentials": "^6.3.3",
+    "@storybook/addon-links": "^6.3.3",
+    "@storybook/addon-storyshots": "^6.3.3",
+    "@storybook/react": "^6.3.3",
+    "babel-jest": "^27.0.6",
     "babel-loader": "^8.2.2",
-    "babel-plugin-module-resolver": "^4.1.0"
+    "babel-plugin-module-resolver": "^4.1.0",
+    "chromatic": "^5.9.2",
+    "copyfiles": "^2.4.1",
+    "css-mqpacker": "^7.0.0",
+    "cssnano": "^5.0.6",
+    "eslint": "^7.30.0",
+    "eslint-config-airbnb": "^18.2.1",
+    "eslint-import-resolver-babel-module": "^5.3.1",
+    "eslint-plugin-import": "^2.23.4",
+    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-react": "^7.24.0",
+    "eslint-plugin-react-hooks": "^4.2.0",
+    "faker": "^5.5.3",
+    "identity-obj-proxy": "^3.0.0",
+    "jest": "^27.0.6",
+    "jsonlint": "^1.6.3",
+    "nodemon": "^2.0.9",
+    "postcss": "^8.3.5",
+    "postcss-cli": "^8.3.1",
+    "postcss-preset-env": "^6.7.0",
+    "postcss-scss": "^4.0.0",
+    "sass": "^1.35.1",
+    "sass-loader": "=10.1.1",
+    "storybook-addon-themes": "^6.1.0",
+    "stylelint": "^13.13.1",
+    "stylelint-config-palantir": "^5.1.0"
   },
   "dependencies": {
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1"
-  }
+    "@pareto-engineering/assets": "^2.0.0-alpha.3",
+    "@pareto-engineering/bem": "^0.1.5",
+    "@pareto-engineering/styles": "^2.0.0-alpha.4",
+    "date-fns": "^2.22.1",
+    "formik": "^2.2.9",
+    "hamburgers": "^1.1.3",
+    "prop-types": "^15.7.2",
+    "react": "^17.0.2",
+    "react-countup": "^4.4.0",
+    "react-dom": "^17.0.2",
+    "react-helmet": "^6.1.0",
+    "react-router-dom": "^5.2.0",
+    "react-visibility-sensor": "^5.1.1",
+    "swiper": "^6.7.5",
+    "typed.js": "^2.0.12"
+  },
+  "browserslist": "> 2%, not ie > 0, not opera > 0, not op_mini > 0"
 }

package/postcss.config.js

@@ -0,0 +1,13 @@
+// Used for compiling ds consumer apps
+module.exports = {
+  plugins:{
+    'css-mqpacker'      :{},
+    'postcss-preset-env':{
+      stage   :3,
+      features:{
+        'custom-properties':false,
+      },
+    },
+    cssnano:{},
+  },
+}

package/scripts/postinstall.js

@@ -0,0 +1 @@
+console.log(`${process.env.npm_package_name}@${process.env.npm_package_version} successfully installed.`)

package/scripts/upgrade.sh

@@ -0,0 +1,10 @@
+#!/bin/bash
+
+read -p "You are about to upgrade stroybook automatically to the latest version. Please understand this might break, so please only continue (Y) if you promess you will test the upgrade BEFORE committing it to the repo. " -n 1 -r
+echo    # (optional) move to a new line
+if [[ $REPLY =~ ^[Yy]$ ]]
+then
+  npx sb upgrade
+    # do dangerous stuff
+fi
+

package/src/Storyshots.test.js

@@ -0,0 +1,3 @@
+import initStoryshots from '@storybook/addon-storyshots'
+
+initStoryshots()