@universal-tennis/ui-shared 0.1.66 → 0.1.68

package/dist/stories/molecules/Cards/TeamCard.js

@@ -1,21 +1,21 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React from 'react';
-import Typography from '../../atoms/Typography/Typography';
-import { StyledCard } from './shared';
-export default function TeamCard(_a) {
-    var { title, description } = _a, props = __rest(_a, ["title", "description"]);
-    return (React.createElement(StyledCard, Object.assign({}, props),
-        React.createElement(Typography, { category: "secondary", size: "medium-medium" }, title),
-        React.createElement(Typography, { category: "secondary", size: "x-small-book" }, description)));
-}
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import Typography from '../../atoms/Typography/Typography';
+import { StyledCard } from './shared';
+export default function TeamCard(_a) {
+    var { title, description } = _a, props = __rest(_a, ["title", "description"]);
+    return (React.createElement(StyledCard, Object.assign({}, props),
+        React.createElement(Typography, { category: "secondary", size: "medium-medium" }, title),
+        React.createElement(Typography, { category: "secondary", size: "x-small-book" }, description)));
+}
 //# sourceMappingURL=TeamCard.js.map

package/dist/stories/molecules/Cards/TeamCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"TeamCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAA+C;QAA/C,EAAE,KAAK,EAAE,WAAW,OAA2B,EAAtB,KAAK,cAA9B,wBAAgC,CAAF;IAC7D,OAAO,CACH,oBAAC,UAAU,oBAAK,KAAK;QACjB,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,KAAK,CAAc;QAC1E,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CACtE,CAChB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TeamCard.js","sourceRoot":"","sources":["../../../../src/stories/molecules/Cards/TeamCard.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,UAAU,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAOtC,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAA+C;QAA/C,EAAE,KAAK,EAAE,WAAW,OAA2B,EAAtB,KAAK,cAA9B,wBAAgC,CAAF;IAC7D,OAAO,CACH,oBAAC,UAAU,oBACL,KAAK;QAET,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,eAAe,IAAE,KAAK,CAAc;QAC1E,oBAAC,UAAU,IAAC,QAAQ,EAAC,WAAW,EAAC,IAAI,EAAC,cAAc,IAAE,WAAW,CAAc,CACpE,CAChB,CAAC;AACJ,CAAC"}

package/dist/stories/molecules/Cards/shared.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
-export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme> & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+/// <reference types="react" />
+export declare const StyledCard: import("@emotion/styled").StyledComponent<import("@mui/system").SystemProps<import("@mui/material/styles").Theme> & {
+    children?: import("react").ReactNode;
+    component?: import("react").ElementType<any> | undefined;
+    ref?: import("react").Ref<unknown> | undefined;
+    sx?: import("@mui/material/styles").SxProps<import("@mui/material/styles").Theme> | undefined;
+} & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "ref" | "children" | keyof import("@mui/material/OverridableComponent").CommonProps | "sx" | "component" | ("p" | "color" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint")> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/stories/molecules/Cards/shared.js

@@ -1,13 +1,13 @@
-import Box from '@mui/material/Box';
-import { styled } from '@mui/material/styles';
-export const StyledCard = styled(Box)({
-    display: 'flex',
-    flexDirection: 'column',
-    borderRadius: '4px',
-    padding: '16px',
-    border: `1px solid var(--cool-grey-300)`,
-    '&:hover': {
-        cursor: 'pointer'
-    },
-});
+import Box from '@mui/material/Box';
+import { styled } from '@mui/material/styles';
+export const StyledCard = styled(Box)({
+    display: 'flex',
+    flexDirection: 'column',
+    borderRadius: '4px',
+    padding: '16px',
+    border: '1px solid var(--cool-grey-300)',
+    '&:hover': {
+        cursor: 'pointer'
+    },
+});
 //# sourceMappingURL=shared.js.map

package/infrastructure/azure-pipelines.yml

@@ -1,107 +1,112 @@
-trigger:
-  tags:
-    include:
-    - '*'
-
-pool:
-  vmImage: ubuntu-latest
-
-
-variables:
-  projectKey: 'universaltennis_ui-shared'
-  projectName: 'ui-shared'
-  nodeVersion: '18.x'
-  sources: 'src'
-  # 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: 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'
-#       - 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:
-      - task: AzureKeyVault@2
-        inputs:
-          azureSubscription: 'utr-azure'
-          KeyVaultName: 'utr-shared-akv'
-          SecretsFilter: 'NpmPublishToken'
-          RunAsPreJob: true
-      - 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: $(NpmPublishToken)
-      - task: Yarn@3
-        displayName: 'yarn run publish:npm'
-        inputs:
-          arguments: 'run publish:npm'
-        env:
-          NPM_TOKEN: $(NpmPublishToken)
-      - task: Bash@3
-        inputs:
-          targetType: 'inline'
-          script: |
-            npm publish
-        env:
-          NPM_TOKEN: $(NpmPublishToken)
+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,95 @@
-{
-  "name": "@universal-tennis/ui-shared",
-  "version": "0.1.66",
-  "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 --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/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.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"
 }

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;