@universal-tennis/ui-shared 0.1.96 → 0.2.0

package/package.json

@@ -1,100 +1,100 @@
-{
-  "name": "@universal-tennis/ui-shared",
-  "version": "0.1.96",
-  "main": "dist/items.js",
-  "license": "MIT",
-  "homepage": "https://universaltennis.com",
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "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-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 --format json --output-file reports/eslint-result.json"
-  },
-  "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/addon-viewport": "^8.0.0",
-    "@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",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "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.2.00",
+  "main": "dist/items.js",
+  "license": "MIT",
+  "homepage": "https://universaltennis.com",
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "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-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 && npm run 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 --format json --output-file reports/eslint-result.json"
+  },
+  "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/addon-viewport": "^8.0.0",
+    "@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",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "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/public/index.html

@@ -1,45 +1,50 @@
-<!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" />
-    <link rel="stylesheet" type="text/css" href="https://cloud.typography.com/6323816/6761592/css/fonts.css" />
-    
-    <!--
-      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>
+<!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" />
+    
+    <!-- Google Font Inter -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Big+Shoulders:opsz,wght@10..72,200&&display=swap" rel="stylesheet">
+    
+    <!--
+      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/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,52 +1,52 @@
-import './stories/assets/css/variables.css';
-
-// ATOMS
-export { default as Button } from './stories/atoms/Button/Button';
-export { default as UTMap } from './stories/atoms/UTMap/UTMap';
-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 BallInMotionIcon } from './stories/atoms/Icons/BallInMotionIcon';
-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 DoublePersonIcon } from './stories/atoms/Icons/DoublePersonIcon';
-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 LineIcon } from './stories/atoms/Icons/LineIcon';
-export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
-export { default as PickleballBallIcon } from './stories/atoms/Icons/PickleballBallIcon';
-export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
-export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
-export { default as SinglePersonIcon } from './stories/atoms/Icons/SinglePersonIcon';
-export { default as SinglePersonV2Icon } from './stories/atoms/Icons/SinglePersonV2Icon';
-export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
-export { default as SwapNoBorderIcon } from './stories/atoms/Icons/SwapNoBorderIcon';
-export { default as TennisBallIcon } from './stories/atoms/Icons/TennisBallIcon';
-export { default as VerifiedIcon } from './stories/atoms/Icons/VerifiedIcon';
-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 GlobalNavigation } from './stories/organisms/GlobalNavigation/GlobalNavigation';
-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';
-export { default as Footer } from './stories/organisms/Footer/Footer';
+import './stories/assets/css/variables.css';
+
+// ATOMS
+export { default as Button } from './stories/atoms/Button/Button';
+export { default as UTMap } from './stories/atoms/UTMap/UTMap';
+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 BallInMotionIcon } from './stories/atoms/Icons/BallInMotionIcon';
+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 DoublePersonIcon } from './stories/atoms/Icons/DoublePersonIcon';
+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 LineIcon } from './stories/atoms/Icons/LineIcon';
+export { default as MessageIcon } from './stories/atoms/Icons/MessageIcon';
+export { default as PickleballBallIcon } from './stories/atoms/Icons/PickleballBallIcon';
+export { default as RightChevronIcon } from './stories/atoms/Icons/RightChevronIcon';
+export { default as SessionIcon } from './stories/atoms/Icons/SessionIcon';
+export { default as SinglePersonIcon } from './stories/atoms/Icons/SinglePersonIcon';
+export { default as SinglePersonV2Icon } from './stories/atoms/Icons/SinglePersonV2Icon';
+export { default as SwapIcon } from './stories/atoms/Icons/SwapIcon';
+export { default as SwapNoBorderIcon } from './stories/atoms/Icons/SwapNoBorderIcon';
+export { default as TennisBallIcon } from './stories/atoms/Icons/TennisBallIcon';
+export { default as VerifiedIcon } from './stories/atoms/Icons/VerifiedIcon';
+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 GlobalNavigation } from './stories/organisms/GlobalNavigation/GlobalNavigation';
+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';
+export { default as Footer } from './stories/organisms/Footer/Footer';

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');