Add files via upload

samples/react-soccer-highlights/package-lock.json

@@ -2208,7 +2208,6 @@
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/@microsoft/sp-application-base/-/sp-application-base-1.11.0.tgz",
       "integrity": "sha512-pZAt5aJ7Pl7DBqY9rbkrmSYdz6/wgoVIjeoVozuaD3rRmbx9dnb6ft8v3iJVz70cjP5NUnx9ZymXrvAnorRvFQ==",
-      "dev": true,
       "requires": {
         "@microsoft/decorators": "1.11.0",
         "@microsoft/sp-component-base": "1.11.0",
@@ -2229,7 +2228,6 @@
           "version": "1.11.0",
           "resolved": "https://registry.npmjs.org/@microsoft/sp-core-library/-/sp-core-library-1.11.0.tgz",
           "integrity": "sha512-3/wQzbQp6E2R1tYn6eVmzJl8ay/1uxy+rW8JrDVX4GlzE4tLA+Pz90VuzQOJbmHLn7cgPSJFY3MFRdMjtqZVKg==",
-          "dev": true,
           "requires": {
             "@microsoft/sp-lodash-subset": "1.11.0",
             "@microsoft/sp-module-interfaces": "1.11.0",
@@ -2241,7 +2239,6 @@
           "version": "1.11.0",
           "resolved": "https://registry.npmjs.org/@microsoft/sp-lodash-subset/-/sp-lodash-subset-1.11.0.tgz",
           "integrity": "sha512-r2T5HhlEpaX9nWnQkL9CJ6af7t+XQ6gYoSpeqz90VBi0XNN93B2qASjb8lzYPzB23D8Wr8qmTaz53nQj2fA4ow==",
-          "dev": true,
           "requires": {
             "@types/lodash": "4.14.117",
             "@types/webpack-env": "1.13.1",
@@ -2251,8 +2248,7 @@
         "tslib": {
           "version": "1.10.0",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
-          "dev": true
         }
       }
     },
@@ -2830,6 +2826,45 @@
         }
       }
     },
+    "@microsoft/sp-dialog": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/@microsoft/sp-dialog/-/sp-dialog-1.11.0.tgz",
+      "integrity": "sha512-45sTe4Ru8IJ+pgoSkOVEFpwDlH3PL2U9VSviT4VL22sqJNOnZTEsoi/4ZKPEf917rTs6QFNltc9zY3O3kwtzXg==",
+      "requires": {
+        "@microsoft/decorators": "1.11.0",
+        "@microsoft/office-ui-fabric-react-bundle": "1.11.0",
+        "@microsoft/sp-application-base": "1.11.0",
+        "@microsoft/sp-core-library": "1.11.0",
+        "@microsoft/sp-diagnostics": "1.11.0",
+        "@microsoft/sp-webpart-base": "1.11.0",
+        "@types/es6-promise": "0.0.33",
+        "@types/react": "16.8.8",
+        "@types/react-dom": "16.8.3",
+        "@types/webpack-env": "1.13.1",
+        "office-ui-fabric-react": "7.59.0",
+        "react": "16.8.5",
+        "react-dom": "16.8.5"
+      },
+      "dependencies": {
+        "office-ui-fabric-react": {
+          "version": "7.59.0",
+          "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.59.0.tgz",
+          "integrity": "sha512-bZg1Msffb7DKAawxzxmUYMEv+me6FzdPvRKbrG7pQrj/rRR8ofPbo43NRFfFmOdHnNs7290H0Cwpu3kRk+6msg==",
+          "requires": {
+            "@microsoft/load-themed-styles": "^1.7.13",
+            "@uifabric/foundation": "^7.5.0",
+            "@uifabric/icons": "^7.3.0",
+            "@uifabric/merge-styles": "^7.8.0",
+            "@uifabric/react-hooks": "^7.0.1",
+            "@uifabric/set-version": "^7.0.2",
+            "@uifabric/styling": "^7.7.2",
+            "@uifabric/utilities": "^7.5.0",
+            "prop-types": "^15.5.10",
+            "tslib": "^1.7.1"
+          }
+        }
+      }
+    },
     "@microsoft/sp-dynamic-data": {
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/@microsoft/sp-dynamic-data/-/sp-dynamic-data-1.11.0.tgz",
@@ -3311,7 +3346,6 @@
       "version": "1.11.0",
       "resolved": "https://registry.npmjs.org/@microsoft/sp-search-extensibility/-/sp-search-extensibility-1.11.0.tgz",
       "integrity": "sha512-U+nxP5TwAWbc3LOq/WkdkSHN79yQjptMXOr+iRCCktGZCRMqX/AXj0SqgwF9IFTbmotaa9h+hyxLFMQa1tfBtQ==",
-      "dev": true,
       "requires": {
         "@microsoft/decorators": "1.11.0",
         "@microsoft/sp-core-library": "1.11.0",
@@ -3327,7 +3361,6 @@
           "version": "1.11.0",
           "resolved": "https://registry.npmjs.org/@microsoft/sp-core-library/-/sp-core-library-1.11.0.tgz",
           "integrity": "sha512-3/wQzbQp6E2R1tYn6eVmzJl8ay/1uxy+rW8JrDVX4GlzE4tLA+Pz90VuzQOJbmHLn7cgPSJFY3MFRdMjtqZVKg==",
-          "dev": true,
           "requires": {
             "@microsoft/sp-lodash-subset": "1.11.0",
             "@microsoft/sp-module-interfaces": "1.11.0",
@@ -3339,7 +3372,6 @@
           "version": "1.11.0",
           "resolved": "https://registry.npmjs.org/@microsoft/sp-lodash-subset/-/sp-lodash-subset-1.11.0.tgz",
           "integrity": "sha512-r2T5HhlEpaX9nWnQkL9CJ6af7t+XQ6gYoSpeqz90VBi0XNN93B2qASjb8lzYPzB23D8Wr8qmTaz53nQj2fA4ow==",
-          "dev": true,
           "requires": {
             "@types/lodash": "4.14.117",
             "@types/webpack-env": "1.13.1",
@@ -3349,8 +3381,7 @@
         "tslib": {
           "version": "1.10.0",
           "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
-          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==",
+          "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ=="
-          "dev": true
         }
       }
     },
@@ -4068,6 +4099,11 @@
       "integrity": "sha512-NsEzBVa5aMgn/n79piyJtpUQFzJ97tB2R2r8PSJlLnMA6LJmchKuv7ATN+/nZH/3QRd/+uFXEq07/i/ajsqVGQ==",
       "dev": true
     },
+    "@rehooks/component-size": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/@rehooks/component-size/-/component-size-1.0.3.tgz",
+      "integrity": "sha512-pnYld+8SSF2vXwdLOqBGUyOrv/SjzwLjIUcs/4c1JJgR0q4E9eBtBfuZMD6zUD51fvSehSsbnlQMzotSmPTXPg=="
+    },
     "@types/adal-angular": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/@types/adal-angular/-/adal-angular-1.0.1.tgz",
@@ -4935,6 +4971,22 @@
       "integrity": "sha512-7evsyfH1cLOCdAzZAd43Cic04yKydNx0cF+7tiA19p1XnLLPU4dpCQOqpjqwokFe//vS0QqfqqjCS2JkiIs0cA==",
       "dev": true
     },
+    "active-event-stack": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/active-event-stack/-/active-event-stack-1.0.0.tgz",
+      "integrity": "sha1-a1uS661xmvrpgs1R9Jw4xbaADFA=",
+      "requires": {
+        "immutable": "^3.7.4",
+        "lodash": "^3.9.3"
+      },
+      "dependencies": {
+        "lodash": {
+          "version": "3.10.1",
+          "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
+          "integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y="
+        }
+      }
+    },
     "adal-angular": {
       "version": "1.0.16",
       "resolved": "https://registry.npmjs.org/adal-angular/-/adal-angular-1.0.16.tgz",
@@ -8408,6 +8460,11 @@
         "tapable": "^0.2.7"
       }
     },
+    "enquire.js": {
+      "version": "2.1.6",
+      "resolved": "https://registry.npmjs.org/enquire.js/-/enquire.js-2.1.6.tgz",
+      "integrity": "sha1-PoeAybi4NQhMP2DhZtvDwqPImBQ="
+    },
     "entities": {
       "version": "2.0.3",
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.0.3.tgz",
@@ -11027,6 +11084,11 @@
       "integrity": "sha512-BMpfD7PpiETpBl/A6S498BaIJ6Y/ABT93ETbby2fP00v4EbvPBXWEoaR1UBPKs3iR53pJY7EtZk5KACI57i1Uw==",
       "dev": true
     },
+    "immutable": {
+      "version": "3.8.2",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz",
+      "integrity": "sha1-wkOZUUVbs5kT2vKBN28VMOEErfM="
+    },
     "import-cwd": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -13794,6 +13856,14 @@
       "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
       "dev": true
     },
+    "json2mq": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/json2mq/-/json2mq-0.2.0.tgz",
+      "integrity": "sha1-tje9O6nqvhIsg+lyBIOusQ0skEo=",
+      "requires": {
+        "string-convert": "^0.2.0"
+      }
+    },
     "json3": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/json3/-/json3-3.3.3.tgz",
@@ -14167,6 +14237,11 @@
       "integrity": "sha1-GVhwRQ9aExkkeN9Lw9I9LeoZB7Y=",
       "dev": true
     },
+    "lodash.debounce": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/lodash.debounce/-/lodash.debounce-4.0.8.tgz",
+      "integrity": "sha1-gteb/zCmfEAF/9XiUVMArZyk168="
+    },
     "lodash.escape": {
       "version": "3.2.0",
       "resolved": "https://registry.npmjs.org/lodash.escape/-/lodash.escape-3.2.0.tgz",
@@ -17213,6 +17288,18 @@
         }
       }
     },
+    "react-dialog": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/react-dialog/-/react-dialog-1.0.2.tgz",
+      "integrity": "sha1-gT/tQPSSlGeTRqMpjUYPe5iCGAE=",
+      "requires": {
+        "active-event-stack": "^1.0.0",
+        "classnames": "^2.2.3",
+        "react-draggable": "^2.2.6",
+        "react-onclickoutside": "^5.10.0",
+        "react-resizable": "^1.7.1"
+      }
+    },
     "react-dom": {
       "version": "16.8.5",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-16.8.5.tgz",
@@ -17241,6 +17328,14 @@
       "resolved": "https://registry.npmjs.org/react-dom-factories/-/react-dom-factories-1.0.2.tgz",
       "integrity": "sha1-63cFxNs2+1AbOqOP91lhaqD/luA="
     },
+    "react-draggable": {
+      "version": "2.2.6",
+      "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-2.2.6.tgz",
+      "integrity": "sha1-OoBuEPLaa6v+pBNr5lEOibDXaQE=",
+      "requires": {
+        "classnames": "^2.2.5"
+      }
+    },
     "react-is": {
       "version": "16.13.1",
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
@@ -17275,6 +17370,14 @@
         }
       }
     },
+    "react-onclickoutside": {
+      "version": "5.11.1",
+      "resolved": "https://registry.npmjs.org/react-onclickoutside/-/react-onclickoutside-5.11.1.tgz",
+      "integrity": "sha1-ADFOUlZ89V+rqUyrus0RlhkHBiM=",
+      "requires": {
+        "create-react-class": "^15.5.x"
+      }
+    },
     "react-paging": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/react-paging/-/react-paging-0.2.1.tgz",
@@ -17339,6 +17442,38 @@
         "react-dom-factories": "^1.0.0"
       }
     },
+    "react-resizable": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/react-resizable/-/react-resizable-1.11.0.tgz",
+      "integrity": "sha512-VoGz2ddxUFvildS8r8/29UZJeyiM3QJnlmRZSuXm+FpTqq/eIrMPc796Y9XQLg291n2hFZJtIoP1xC3hSTw/jg==",
+      "requires": {
+        "prop-types": "15.x",
+        "react-draggable": "^4.0.3"
+      },
+      "dependencies": {
+        "react-draggable": {
+          "version": "4.4.3",
+          "resolved": "https://registry.npmjs.org/react-draggable/-/react-draggable-4.4.3.tgz",
+          "integrity": "sha512-jV4TE59MBuWm7gb6Ns3Q1mxX8Azffb7oTtDtBgFkxRvhDp38YAARmRplrj0+XGkhOJB5XziArX+4HUUABtyZ0w==",
+          "requires": {
+            "classnames": "^2.2.5",
+            "prop-types": "^15.6.0"
+          }
+        }
+      }
+    },
+    "react-slick": {
+      "version": "0.27.13",
+      "resolved": "https://registry.npmjs.org/react-slick/-/react-slick-0.27.13.tgz",
+      "integrity": "sha512-ZR6rjZEgvU5S/H3YCZtafvxouhwOnfx/FKEXCQJYVnw+DF5WbNhC3vorKhBJ1ebn3bKwnVeM6vBzGD5Oz/LAdQ==",
+      "requires": {
+        "classnames": "^2.2.5",
+        "enquire.js": "^2.1.6",
+        "json2mq": "^0.2.0",
+        "lodash.debounce": "^4.0.8",
+        "resize-observer-polyfill": "^1.5.0"
+      }
+    },
     "read": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/read/-/read-1.0.7.tgz",
@@ -17714,6 +17849,11 @@
       "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
       "dev": true
     },
+    "resize-observer-polyfill": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz",
+      "integrity": "sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg=="
+    },
     "resolve": {
       "version": "1.17.0",
       "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz",
@@ -18925,6 +19065,11 @@
       "integrity": "sha1-ucczDHBChi9rFC3CdLvMWGbONUY=",
       "dev": true
     },
+    "string-convert": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/string-convert/-/string-convert-0.2.1.tgz",
+      "integrity": "sha1-aYLMMEn7tM2F+LJFaLnZvznu/5c="
+    },
     "string-hash": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/string-hash/-/string-hash-1.1.3.tgz",

samples/react-soccer-highlights/package.json

@@ -16,19 +16,22 @@
   },
   "dependencies": {
     "@microsoft/sp-core-library": "1.11.0",
+    "@microsoft/sp-dialog": "^1.11.0",
     "@microsoft/sp-lodash-subset": "1.11.0",
     "@microsoft/sp-office-ui-fabric-core": "1.11.0",
     "@microsoft/sp-property-pane": "1.11.0",
     "@microsoft/sp-webpart-base": "1.11.0",
     "@pnp/pnpjs": "^2.0.6",
     "@pnp/spfx-controls-react": "2.1.0",
+    "@rehooks/component-size": "^1.0.3",
     "axios": "^0.20.0",
     "bootstrap": "^4.5.3",
     "office-ui-fabric-react": "6.214.0",
     "react": "16.8.5",
     "react-dom": "16.8.5",
     "react-markdown": "^5.0.2",
-    "react-paging": "^0.2.1"
+    "react-paging": "^0.2.1",
+    "react-slick": "^0.27.13"
   },
   "devDependencies": {
     "@microsoft/rush-stack-compiler-3.3": "0.3.5",