@universal-tennis/ui-shared 0.1.68 → 0.1.70

package/infrastructure/azure-pipelines.yml

@@ -1,112 +1,112 @@
-trigger:
-  tags:
-    include:
-    - '*'
-
-pool:
-  vmImage: ubuntu-latest
-
-
-variables:
-  projectKey: 'universaltennis_ui-shared'
-  projectName: 'ui-shared'
-  nodeVersion: '18.x'
-  sources: 'src'
-  npm_token: ''
-  # needed to label if the build is on a tag or not
-  ${{ if startsWith(variables['Build.SourceBranch'], 'refs/tags') }}:
-    gitTag: $[replace(variables['Build.SourceBranch'], 'refs/tags/', '')]
-
-stages:
-- stage: sonarcloud
-  displayName: SonarCloud
-  jobs:
-  - job: run_sonarcloud
-    displayName: Prepare and Run SonarCloud
-    steps:
-      - checkout: self
-        fetchDepth: 0
-      - task: AzureKeyVault@2
-        inputs:
-          azureSubscription: 'utr-azure'
-          KeyVaultName: 'utr-shared-akv'
-          SecretsFilter: 'NpmPublishToken'
-          OutputVariable: 'npm_token'
-      - task: SonarCloudPrepare@1
-        displayName: 'Prepare SonarCloud'
-        inputs:
-          # This is an eng-admin user service connection in ADO
-          SonarCloud: 'utr-sonar-eng-admin'
-          organization: 'utr'
-          scannerMode: 'CLI'
-          configMode: 'manual'
-          cliProjectKey: $(projectKey)
-          cliProjectName: $(projectName)
-          cliSources: $(sources)
-          extraProperties: |
-            sonar.qualitygate.wait=true
-            sonar.eslint.reportPaths=$(Build.SourcesDirectory)/reports/eslint-result.json
-      - task: UseNode@1
-        displayName: 'Use Node $(nodeVersion)'
-        inputs:
-          version: $(nodeVersion)
-          checkLatest: true
-      - task: YarnInstaller@3
-        displayName: 'Install yarn'
-        inputs:
-          checkLatest: true
-          includePrerelease: false
-      - task: Yarn@3
-        displayName: 'yarn install'
-        inputs:
-          arguments: 'install'
-        env:
-          NPM_TOKEN: $(npm_token)
-      - task: Yarn@3
-        displayName: 'yarn run eslint:ci'
-        continueOnError: true
-        inputs:
-          arguments: 'run eslint:ci'
-      - task: SonarCloudAnalyze@1
-      - task: SonarCloudPublish@1
-        inputs:
-          pollingTimeoutSec: '300'
-
-- ${{ if ne(variables['gitTag'], '') }}:
-  - stage: publish
-    displayName: Publish NPM Package
-    # dependsOn: sonarcloud
-    jobs:
-    - job: publish
-      displayName: publish npm
-      steps:
-        - checkout: self
-          fetchDepth: 0
-        - task: UseNode@1
-          inputs:
-            version: $(nodeVersion)
-            checkLatest: true
-        - task: YarnInstaller@3
-          displayName: 'Install yarn'
-          inputs:
-            checkLatest: true
-            includePrerelease: false
-        - task: Yarn@3
-          displayName: 'yarn install'
-          inputs:
-            arguments: 'install'
-          env:
-            NPM_TOKEN: $(npm_token)
-        - task: Yarn@3
-          displayName: 'yarn run publish:npm'
-          inputs:
-            arguments: 'run publish:npm'
-          env:
-            NPM_TOKEN: $(npm_token)
-        - task: Bash@3
-          inputs:
-            targetType: 'inline'
-            script: |
-              npm publish
-          env:
-            NPM_TOKEN: $(npm_token)
+trigger:
+  tags:
+    include:
+    - '*'
+
+pool:
+  vmImage: ubuntu-latest
+
+
+variables:
+  projectKey: 'universaltennis_ui-shared'
+  projectName: 'ui-shared'
+  nodeVersion: '18.x'
+  sources: 'src'
+  npm_token: ''
+  # needed to label if the build is on a tag or not
+  ${{ if startsWith(variables['Build.SourceBranch'], 'refs/tags') }}:
+    gitTag: $[replace(variables['Build.SourceBranch'], 'refs/tags/', '')]
+
+stages:
+- stage: sonarcloud
+  displayName: SonarCloud
+  jobs:
+  - job: run_sonarcloud
+    displayName: Prepare and Run SonarCloud
+    steps:
+      - checkout: self
+        fetchDepth: 0
+      - task: AzureKeyVault@2
+        inputs:
+          azureSubscription: 'utr-azure'
+          KeyVaultName: 'utr-shared-akv'
+          SecretsFilter: 'NpmPublishToken'
+          OutputVariable: 'npm_token'
+      - task: SonarCloudPrepare@1
+        displayName: 'Prepare SonarCloud'
+        inputs:
+          # This is an eng-admin user service connection in ADO
+          SonarCloud: 'utr-sonar-eng-admin'
+          organization: 'utr'
+          scannerMode: 'CLI'
+          configMode: 'manual'
+          cliProjectKey: $(projectKey)
+          cliProjectName: $(projectName)
+          cliSources: $(sources)
+          extraProperties: |
+            sonar.qualitygate.wait=true
+            sonar.eslint.reportPaths=$(Build.SourcesDirectory)/reports/eslint-result.json
+      - task: UseNode@1
+        displayName: 'Use Node $(nodeVersion)'
+        inputs:
+          version: $(nodeVersion)
+          checkLatest: true
+      - task: YarnInstaller@3
+        displayName: 'Install yarn'
+        inputs:
+          checkLatest: true
+          includePrerelease: false
+      - task: Yarn@3
+        displayName: 'yarn install'
+        inputs:
+          arguments: 'install'
+        env:
+          NPM_TOKEN: $(npm_token)
+      - task: Yarn@3
+        displayName: 'yarn run eslint:ci'
+        continueOnError: true
+        inputs:
+          arguments: 'run eslint:ci'
+      - task: SonarCloudAnalyze@1
+      - task: SonarCloudPublish@1
+        inputs:
+          pollingTimeoutSec: '300'
+
+- ${{ if ne(variables['gitTag'], '') }}:
+  - stage: publish
+    displayName: Publish NPM Package
+    # dependsOn: sonarcloud
+    jobs:
+    - job: publish
+      displayName: publish npm
+      steps:
+        - checkout: self
+          fetchDepth: 0
+        - task: UseNode@1
+          inputs:
+            version: $(nodeVersion)
+            checkLatest: true
+        - task: YarnInstaller@3
+          displayName: 'Install yarn'
+          inputs:
+            checkLatest: true
+            includePrerelease: false
+        - task: Yarn@3
+          displayName: 'yarn install'
+          inputs:
+            arguments: 'install'
+          env:
+            NPM_TOKEN: $(npm_token)
+        - task: Yarn@3
+          displayName: 'yarn run publish:npm'
+          inputs:
+            arguments: 'run publish:npm'
+          env:
+            NPM_TOKEN: $(npm_token)
+        - task: Bash@3
+          inputs:
+            targetType: 'inline'
+            script: |
+              npm publish
+          env:
+            NPM_TOKEN: $(npm_token)

package/package.json

@@ -1,95 +1,94 @@
-{
-  "name": "@universal-tennis/ui-shared",
-  "version": "0.1.68",
-  "main": "dist/items.js",
-  "license": "MIT",
-  "homepage": "https://universaltennis.com",
-  "dependencies": {
-    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.5",
-    "@mui/icons-material": "^5.11.0",
-    "@mui/material": "5.14.17",
-    "copyfiles": "^2.4.1",
-    "cross-env": "^7.0.3",
-    "libphonenumber-js": "^1.10.18",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-scripts": "5.0.1",
-    "typescript": "^4.9.3",
-    "typescript-plugin-css-modules": "^4.1.1",
-    "web-vitals": "^2.1.4"
-  },
-  "scripts": {
-    "start": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public",
-    "publish:npm": "tsc && yarn copy-files",
-    "publish-package": "npm publish --access public",
-    "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
-    "eslint": "npx eslint --ext .jsx,.js src --fix",
-    "eslint:ci": "npx eslint --ext .jsx,.js src --fix"
-  },
-  "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": {
-    "@storybook/addon-actions": "^6.5.13",
-    "@storybook/addon-essentials": "^6.5.13",
-    "@storybook/addon-interactions": "^6.5.13",
-    "@storybook/addon-links": "^6.5.13",
-    "@storybook/builder-webpack5": "^6.5.13",
-    "@storybook/manager-webpack5": "^6.5.13",
-    "@storybook/node-logger": "^6.5.13",
-    "@storybook/preset-create-react-app": "^4.1.2",
-    "@storybook/react": "^6.5.13",
-    "@storybook/testing-library": "^0.0.13",
-    "@types/babel__core": "^7.1.20",
-    "@types/react": "^18.0.25",
-    "babel-plugin-named-exports-order": "^0.0.2",
-    "css-loader": "^6.7.3",
-    "eslint": "^8.28.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.28.0",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-storybook": "^0.6.7",
-    "extract-text-webpack-plugin": "^3.0.2",
-    "node-sass": "^8.0.0",
-    "prop-types": "^15.8.1",
-    "sass-loader": "^13.2.0",
-    "style-loader": "^3.3.1",
-    "webpack": "^5.75.0"
-  },
-  "description": "Shared UI components for UT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
-  },
-  "author": "universal-tennis"
+{
+  "name": "@universal-tennis/ui-shared",
+  "version": "0.1.70",
+  "main": "dist/items.js",
+  "license": "MIT",
+  "homepage": "https://universaltennis.com",
+  "dependencies": {
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@mui/icons-material": "^5.11.0",
+    "@mui/material": "5.14.17",
+    "copyfiles": "^2.4.1",
+    "cross-env": "^7.0.3",
+    "libphonenumber-js": "^1.10.18",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
+    "typescript": "^4.9.3",
+    "typescript-plugin-css-modules": "^4.1.1",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "start-storybook -p 6006 -s public",
+    "build-storybook": "build-storybook -s public",
+    "publish:npm": "tsc && yarn copy-files",
+    "publish-package": "npm publish --access public",
+    "copy-files": "copyfiles -u 1 src/stories/assets/*.svg src/stories/assets/*.png src/stories/assets/*.gif src/stories/assets/css/*.css dist/",
+    "eslint": "npx eslint --ext .jsx,.js src --fix"
+  },
+  "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": {
+    "@storybook/addon-actions": "^6.5.13",
+    "@storybook/addon-essentials": "^6.5.13",
+    "@storybook/addon-interactions": "^6.5.13",
+    "@storybook/addon-links": "^6.5.13",
+    "@storybook/builder-webpack5": "^6.5.13",
+    "@storybook/manager-webpack5": "^6.5.13",
+    "@storybook/node-logger": "^6.5.13",
+    "@storybook/preset-create-react-app": "^4.1.2",
+    "@storybook/react": "^6.5.13",
+    "@storybook/testing-library": "^0.0.13",
+    "@types/babel__core": "^7.1.20",
+    "@types/react": "^18.0.25",
+    "babel-plugin-named-exports-order": "^0.0.2",
+    "css-loader": "^6.7.3",
+    "eslint": "^8.28.0",
+    "eslint-config-airbnb": "^19.0.4",
+    "eslint-import-resolver-typescript": "^3.5.2",
+    "eslint-plugin-import": "^2.25.3",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
+    "eslint-plugin-react": "^7.28.0",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-storybook": "^0.6.7",
+    "extract-text-webpack-plugin": "^3.0.2",
+    "node-sass": "^8.0.0",
+    "prop-types": "^15.8.1",
+    "sass-loader": "^13.2.0",
+    "style-loader": "^3.3.1",
+    "webpack": "^5.75.0"
+  },
+  "description": "Shared UI components for UT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://bitbucket.org/universaltennis/ui-shared.git"
+  },
+  "author": "universal-tennis"
 }

package/src/App.js

@@ -1,25 +1,25 @@
-function App() {
-  return (
-      <div className="App">
-          <header className="App-header">
-              <p>
-                  Edit 
-                  {' '}
-                  <code>src/App.js</code>
-                  {' '}
-                  and save to reload.
-              </p>
-              <a
-                  className="App-link"
-                  href="https://reactjs.org"
-                  target="_blank"
-                  rel="noopener noreferrer"
-              >
-                  Learn React
-              </a>
-          </header>
-      </div>
-  );
-}
-
-export default App;
+function App() {
+  return (
+    <div className="App">
+      <header className="App-header">
+        <p>
+          Edit 
+{' '}
+<code>src/App.js</code>
+{' '}
+and save to reload.
+        </p>
+        <a
+          className="App-link"
+          href="https://reactjs.org"
+          target="_blank"
+          rel="noopener noreferrer"
+        >
+          Learn React
+        </a>
+      </header>
+    </div>
+  );
+}
+
+export default App;

package/src/components.jsx

@@ -1,41 +1,41 @@
-import "./stories/assets/css/variables.css";
-
-// ATOMS
-export { default as Button } from './stories/atoms/Button/Button';
-export { default as Map } from './stories/atoms/Map/Map';
-export { default as Typography } from './stories/atoms/Typography/Typography';
-
-// ATOMS - ICONS
-export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
-export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
-export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
-export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
-export { default as AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
-export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
-export { default as ClockIcon } from './stories/atoms/Icons/ClockIcon';
-export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
-export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
-export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
-export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
-export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
-export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
-export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
-export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
-export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
-export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
-export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
-export { default as WinnerIndicatorIcon } from './stories/atoms/Icons/WinnerIndicatorIcon';
-
-// MOLECULES
-export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
-export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
-export { default as DrawCard } from './stories/molecules/Cards/DrawCard';
-export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
-export { default as TeamCard } from './stories/molecules/Cards/TeamCard';
-export { default as TeamDrawCard } from './stories/molecules/Cards/TeamDrawCard';
-
-// ORGANISMS 
-export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
-export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
-export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
-export { default as TeamDrawCardTable } from './stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable';
+import "./stories/assets/css/variables.css";
+
+// ATOMS
+export { default as Button } from './stories/atoms/Button/Button';
+export { default as Map } from './stories/atoms/Map/Map';
+export { default as Typography } from './stories/atoms/Typography/Typography';
+
+// ATOMS - ICONS
+export { default as AddIcon } from './stories/atoms/Icons/AddIcon';
+export { default as AvailabilityMaybeIcon } from './stories/atoms/Icons/AvailabilityMaybeIcon';
+export { default as AvailabilityNoIcon } from './stories/atoms/Icons/AvailabilityNoIcon';
+export { default as AvailabilityYesIcon } from './stories/atoms/Icons/AvailabilityYesIcon';
+export { default as AvailabilityNotSetIcon } from './stories/atoms/Icons/AvailabilityNotSetIcon';
+export { default as CalendarIcon } from './stories/atoms/Icons/CalendarIcon';
+export { default as ClockIcon } from './stories/atoms/Icons/ClockIcon';
+export { default as CloseIcon } from './stories/atoms/Icons/CloseIcon';
+export { default as DeleteIcon } from './stories/atoms/Icons/DeleteIcon';
+export { default as EditIcon } from './stories/atoms/Icons/EditIcon';
+export { default as LocationIcon } from './stories/atoms/Icons/LocationIcon';
+export { default as LeftChevronIcon } from './stories/atoms/Icons/LeftChevronIcon';
+export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
+export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
+export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
+export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
+export { default as VisibilityIcon } from './stories/atoms/Icons/VisibilityIcon';
+export { default as VisibilityOffIcon } from './stories/atoms/Icons/VisibilityOffIcon';
+export { default as WinnerIndicatorIcon } from './stories/atoms/Icons/WinnerIndicatorIcon';
+
+// MOLECULES
+export { default as AvatarWithName } from './stories/molecules/AvatarWithName/AvatarWithName';
+export { default as ContactCard } from './stories/molecules/Cards/ContactCard';
+export { default as DrawCard } from './stories/molecules/Cards/DrawCard';
+export { default as SquareAvatarWithName } from './stories/molecules/SquareAvatarWithName/SquareAvatarWithName';
+export { default as TeamCard } from './stories/molecules/Cards/TeamCard';
+export { default as TeamDrawCard } from './stories/molecules/Cards/TeamDrawCard';
+
+// ORGANISMS 
+export { default as DrawCardTable } from './stories/organisms/Tables/DrawCardTable';
+export { default as FullPageModal } from './stories/organisms/Modals/FullPageModal';
+export { default as SortableTable } from './stories/organisms/Tables/SortableTable';
+export { default as TeamDrawCardTable } from './stories/organisms/Tables/TeamDrawCardTable/TeamDrawCardTable';

package/src/custom.d.ts

@@ -1,13 +1,13 @@
-declare module '*.jpg';
-declare module '*.png';
-declare module '*.woff2';
-declare module '*.woff';
-declare module '*.ttf';
-
-declare module '*.svg' {
-  import React = require('react');
-
-  export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
-  const src: string;
-  export default src;
-}
+declare module '*.jpg';
+declare module '*.png';
+declare module '*.woff2';
+declare module '*.woff';
+declare module '*.ttf';
+
+declare module '*.svg' {
+  import React = require('react');
+
+  export const ReactComponent: React.SFC<React.SVGProps<SVGSVGElement>>;
+  const src: string;
+  export default src;
+}

package/src/index.js

@@ -1,17 +1,17 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import reportWebVitals from './reportWebVitals';
-
-const root = ReactDOM.createRoot(document.getElementById('root'));
-root.render(
-    <React.StrictMode>
-        <App />
-    </React.StrictMode>
-);
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import './index.css';
+import App from './App';
+import reportWebVitals from './reportWebVitals';
+
+const root = ReactDOM.createRoot(document.getElementById('root'));
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
+// If you want to start measuring performance in your app, pass a function
+// to log results (for example: reportWebVitals(console.log))
+// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
+reportWebVitals();

package/src/items.jsx

@@ -1 +1 @@
-module.exports = require('./components');
+module.exports = require('./components');

package/src/stories/assets/css/variables.css

@@ -1,15 +1,15 @@
-:root {
-    --primary: #008ded;
-    --secondary: #e0004f;
-    --disabled: #bac6d6;
-    --black: #000;
-    --white: #fff;
-    --light-grey: #d7e0ea;
-    --grey: #828B96;
-    --darkest-grey: #3b4859;
-    --cool-grey-600: #A7B2C1;
-    --cool-grey-500: #C1CCDA;
-    --cool-grey-300: #DDE3EB;
-    --cool-grey-150: #F0F4F9;
-    --blue-grey-500: #778DA9;
+:root {
+    --primary: #008ded;
+    --secondary: #e0004f;
+    --disabled: #bac6d6;
+    --black: #000;
+    --white: #fff;
+    --light-grey: #d7e0ea;
+    --grey: #828B96;
+    --darkest-grey: #3b4859;
+    --cool-grey-600: #A7B2C1;
+    --cool-grey-500: #C1CCDA;
+    --cool-grey-300: #DDE3EB;
+    --cool-grey-150: #F0F4F9;
+    --blue-grey-500: #778DA9;
     }