From 17dcc200a3ebe98a229449815adc4b4996d94521 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Tue, 1 Sep 2020 15:57:41 +0800 Subject: [PATCH 01/39] chore: upgrade ng-packagr to v5.7.1 in order to generate metadata for each component --- libs/core/package.json | 3 +- libs/fabric/package.json | 3 +- libs/semantic-ui/package.json | 3 +- package-lock.json | 450 +++++++++++++++++++--------------- package.json | 2 +- 5 files changed, 263 insertions(+), 198 deletions(-) diff --git a/libs/core/package.json b/libs/core/package.json index 4e01487b..5a135e9b 100644 --- a/libs/core/package.json +++ b/libs/core/package.json @@ -19,8 +19,7 @@ "umdModuleIds": { "react": "React", "react-dom": "ReactDOM" - }, - "comments": "none" + } }, "dest": "../../@angular-react/core" }, diff --git a/libs/fabric/package.json b/libs/fabric/package.json index d9bf3b3e..559c74e2 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -10,8 +10,7 @@ "react-dom": "ReactDOM", "@angular-react/core": "ɵa", "office-ui-fabric-react": "Fabric" - }, - "comments": "none" + } }, "dest": "../../@angular-react/fabric" }, diff --git a/libs/semantic-ui/package.json b/libs/semantic-ui/package.json index b8e502f9..a14f68b4 100644 --- a/libs/semantic-ui/package.json +++ b/libs/semantic-ui/package.json @@ -10,8 +10,7 @@ "react-dom": "ReactDOM", "@angular-react/core": "ɵa", "semantic-ui-react": "semanticUIReact" - }, - "comments": "none" + } }, "dest": "../../@angular-react/semantic-ui" }, diff --git a/package-lock.json b/package-lock.json index 76be9cbb..4f7cbaad 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1605,12 +1605,6 @@ "resolved": "https://registry.npmjs.org/@ngrx/store-devtools/-/store-devtools-8.0.1.tgz", "integrity": "sha512-TxOksSARaQ1hCZM0/qMCun6axbSFuhSEmuW9YLRhuU5m3gvJN4cr5tk960DDVGl8/06YX6Q2CQ7uIgx5qCwbsg==" }, - "@ngtools/json-schema": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@ngtools/json-schema/-/json-schema-1.1.0.tgz", - "integrity": "sha1-w6DFRNYjkqzCgTpCyKDcb1j4aSI=", - "dev": true - }, "@ngtools/webpack": { "version": "8.0.3", "resolved": "https://registry.npmjs.org/@ngtools/webpack/-/webpack-8.0.3.tgz", @@ -2257,9 +2251,9 @@ "dev": true }, "@types/estree": { - "version": "0.0.39", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz", - "integrity": "sha512-EYNwp3bU+98cpU4lAWYYL7Zz+2gryWH1qbdDTidVd6hkiR6weksdbMadyXKXNPEkQFhXM+hVO9ZygomHXp+AIw==", + "version": "0.0.45", + "resolved": "https://registry.npmjs.org/@types/estree/-/estree-0.0.45.tgz", + "integrity": "sha512-jnqIUKDUqJbDIUxm0Uj7bnlMnRm1T/eZ9N+AVMqhPgzrba2GhGG5o/jCTwmdPK709nEZsGoMzXEDUjcXHa3W0g==", "dev": true }, "@types/events": { @@ -3108,24 +3102,24 @@ "dev": true }, "autoprefixer": { - "version": "9.6.0", - "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.6.0.tgz", - "integrity": "sha512-kuip9YilBqhirhHEGHaBTZKXL//xxGnzvsD0FtBQa6z+A69qZD6s/BAX9VzDF1i9VKDquTJDQaPLSEhOnL6FvQ==", + "version": "9.8.6", + "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-9.8.6.tgz", + "integrity": "sha512-XrvP4VVHdRBCdX1S3WXVD8+RyG9qeb1D5Sn1DeLiG2xfSpzellk5k54xbUERJ3M5DggQxes39UGOTP8CFrEGbg==", "dev": true, "requires": { - "browserslist": "^4.6.1", - "caniuse-lite": "^1.0.30000971", - "chalk": "^2.4.2", + "browserslist": "^4.12.0", + "caniuse-lite": "^1.0.30001109", + "colorette": "^1.2.1", "normalize-range": "^0.1.2", "num2fraction": "^1.2.2", - "postcss": "^7.0.16", - "postcss-value-parser": "^3.3.1" + "postcss": "^7.0.32", + "postcss-value-parser": "^4.1.0" }, "dependencies": { "postcss": { - "version": "7.0.17", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.17.tgz", - "integrity": "sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==", + "version": "7.0.32", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-7.0.32.tgz", + "integrity": "sha512-03eXong5NLnNCD05xscnGKGDZ98CyzoqPSMjOe6SuoQY7Z2hIj0Ld1g/O/UQRuOle2aRtiIRDg9tDcTGAkLfKw==", "dev": true, "requires": { "chalk": "^2.4.2", @@ -3133,6 +3127,12 @@ "supports-color": "^6.1.0" } }, + "postcss-value-parser": { + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.1.0.tgz", + "integrity": "sha512-97DXOFbQJhk71ne5/Mt6cOu6yxsSfM0QGQyl0L25Gca4yGWEGJaig7l7gbCX623VqTBNGLRLaVUCnNkcedlRSQ==", + "dev": true + }, "source-map": { "version": "0.6.1", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz", @@ -3672,14 +3672,15 @@ } }, "browserslist": { - "version": "4.6.3", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.6.3.tgz", - "integrity": "sha512-CNBqTCq22RKM8wKJNowcqihHJ4SkI8CGeK7KOR9tPboXUuS5Zk5lQgzzTbs4oxD8x+6HUshZUa2OyNI9lR93bQ==", + "version": "4.14.0", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.14.0.tgz", + "integrity": "sha512-pUsXKAF2lVwhmtpeA3LJrZ76jXuusrNyhduuQs7CDFf9foT4Y38aQOserd2lMe5DSSrjf3fx34oHwryuvxAUgQ==", "dev": true, "requires": { - "caniuse-lite": "^1.0.30000975", - "electron-to-chromium": "^1.3.164", - "node-releases": "^1.1.23" + "caniuse-lite": "^1.0.30001111", + "electron-to-chromium": "^1.3.523", + "escalade": "^3.0.2", + "node-releases": "^1.1.60" } }, "browserstack": { @@ -3858,18 +3859,18 @@ }, "dependencies": { "get-stream": { - "version": "5.1.0", - "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.1.0.tgz", - "integrity": "sha512-EXr1FOzrzTfGeL0gQdeFEvOMm2mzMOglyiOXSTpPC+iAjAKftbr3jpCMWynogwYnM+eSj9sHGc6wjIcDvYiygw==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz", + "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==", "dev": true, "requires": { "pump": "^3.0.0" } }, "http-cache-semantics": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.0.3.tgz", - "integrity": "sha512-TcIMG3qeVLgDr1TEd2XvHaTnMPwYQUQMIBLy+5pLSDKYFc7UIqj39w8EGzZkaxoLv/l2K8HaI0t5AVA+YYgUew==", + "version": "4.1.0", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", + "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==", "dev": true }, "lowercase-keys": { @@ -3879,9 +3880,9 @@ "dev": true }, "normalize-url": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.3.0.tgz", - "integrity": "sha512-0NLtR71o4k6GLP+mr6Ty34c5GA6CMoEsncKJxvQd8NzPxaHRJNnb5gZE8R1XF4CPIS7QPHLJ74IFszwtNVAHVQ==", + "version": "4.5.0", + "resolved": "https://registry.npmjs.org/normalize-url/-/normalize-url-4.5.0.tgz", + "integrity": "sha512-2s47yzUxdexf1OhyRi4Em83iQk0aPvwTddtFz4hnSSw9dCEsLEGf6SwIO8ss/19S9iBb5sJaOuTvTGDeZI00BQ==", "dev": true } } @@ -3923,9 +3924,9 @@ "dev": true }, "caniuse-lite": { - "version": "1.0.30000976", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30000976.tgz", - "integrity": "sha512-tleNB1IwPRqZiod6nUNum63xQCMN96BUO2JTeiwuRM7p9d616EHsMBjBWJMudX39qCaPuWY8KEWzMZq7A9XQMQ==", + "version": "1.0.30001122", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001122.tgz", + "integrity": "sha512-pxjw28CThdrqfz06nJkpAc5SXM404TXB/h5f4UJX+rrXJKE/1bu/KAILc2AY+O6cQIFtRjV9qOR2vaEp9LDGUA==", "dev": true }, "canonical-path": { @@ -4078,9 +4079,9 @@ } }, "cli-boxes": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.0.tgz", - "integrity": "sha512-gpaBrMAizVEANOpfZp/EEUixTXDyGt7DFzdK5hU+UbWt/J0lB0w20ncZj59Z9a93xHb9u12zF5BS6i9RKbtg4w==", + "version": "2.2.1", + "resolved": "https://registry.npmjs.org/cli-boxes/-/cli-boxes-2.2.1.tgz", + "integrity": "sha512-y4coMcylgSCdVinjiDBuR8PCC2bLjyGTwEmPb9NHR/QaNU6EUOXcTY/s6VjGMD6ENSEaeQYHCY0GNGS5jfMwPw==", "dev": true }, "cli-cursor": { @@ -4237,6 +4238,12 @@ "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=", "dev": true }, + "colorette": { + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/colorette/-/colorette-1.2.1.tgz", + "integrity": "sha512-puCDz0CzydiSYOrnXpz/PKd69zRrribezjtE9yd4zvytoRc8+RY/KJPvtPFKZS3E3wP6neGyMe0vOTlHO5L3Pw==", + "dev": true + }, "colors": { "version": "1.1.2", "resolved": "https://registry.npmjs.org/colors/-/colors-1.1.2.tgz", @@ -4943,9 +4950,9 @@ } }, "defer-to-connect": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.0.2.tgz", - "integrity": "sha512-k09hcQcTDY+cwgiwa6PYKLm3jlagNzQ+RSvhjzESOGOx+MNOuXkxTfEvPrO1IOQ81tArCFYQgi631clB70RpQw==", + "version": "1.1.3", + "resolved": "https://registry.npmjs.org/defer-to-connect/-/defer-to-connect-1.1.3.tgz", + "integrity": "sha512-0ISdNousHvZT2EiFlZeZAHBUvSxmKswVCEf8hW7KWgG4a8MVEu/3Vb6uWYozkjylyCxe0JBIiRB1jV45S70WVQ==", "dev": true }, "define-properties": { @@ -5201,9 +5208,9 @@ "dev": true }, "dot-prop": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-4.2.0.tgz", - "integrity": "sha512-tUMXrxlExSW6U2EXiiKGSBVdYgtV8qlHL+C10TsW4PURY/ic+eaysnSkwB4kA/mBlCyy/IKDJ+Lc3wbWeaXtuQ==", + "version": "4.2.1", + "resolved": "https://registry.npmjs.org/dot-prop/-/dot-prop-4.2.1.tgz", + "integrity": "sha512-l0p4+mIuJIua0mhxGoh4a+iNL9bmeK5DvnSVQa6T0OhrVmaEa1XScX5Etc673FePCJOArq/4Pa2cLGODUWTPOQ==", "dev": true, "requires": { "is-obj": "^1.0.0" @@ -5244,9 +5251,9 @@ "dev": true }, "electron-to-chromium": { - "version": "1.3.170", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.170.tgz", - "integrity": "sha512-vDEhHcwMogbM+WXDTh6ZktwQOqLcK7MJdCOM99UZXRI1ct3Y9OeYYJTrIHnswzv+IYwoXNj0Furh+K6UotcHVg==", + "version": "1.3.556", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.3.556.tgz", + "integrity": "sha512-g5cGpg6rOCXxyfaLCQIWz9Fx+raFfbZ6sc4QLfvvaiCERBzY6YD6rh5d12QN++bEF1Tm9osYnxP37lbN/92j4A==", "dev": true }, "elliptic": { @@ -5481,6 +5488,12 @@ "es5-ext": "~0.10.14" } }, + "escalade": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.0.2.tgz", + "integrity": "sha512-gPYAU37hYCUhW5euPeR+Y74F7BL+IBsV93j5cvGriSaD1aG6MGsqsV1yamRdrWrb2j3aiZvb0X+UBOWpx3JWtQ==", + "dev": true + }, "escape-html": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz", @@ -7441,10 +7454,13 @@ "dev": true }, "injection-js": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.2.1.tgz", - "integrity": "sha512-zHI+E+dM0PXix5FFTO1Y4/UOyAzE7zG1l/QwAn4jchTThOoBq+UYRFK4AVG7lQgFL+go62SbrzSsjXy9DFEZUg==", - "dev": true + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/injection-js/-/injection-js-2.3.1.tgz", + "integrity": "sha512-t+kpDAOL/DUZ68JncAhsb8C91qhJ6dXRMcOuvJfNA7sp63etdiQe6KQoxE/nZ5b2eTi0TQX6OothOCm89cLAJQ==", + "dev": true, + "requires": { + "tslib": "^1.9.3" + } }, "inquirer": { "version": "6.3.1", @@ -7817,12 +7833,12 @@ "dev": true }, "is-reference": { - "version": "1.1.2", - "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.1.2.tgz", - "integrity": "sha512-Kn5g8c7XHKejFOpTf2QN9YjiHHKl5xRj+2uAZf9iM2//nkBNi/NNeB5JMoun28nEaUVHyPUzqzhfRlfAirEjXg==", + "version": "1.2.1", + "resolved": "https://registry.npmjs.org/is-reference/-/is-reference-1.2.1.tgz", + "integrity": "sha512-U82MsXXiFIrjCK4otLT+o2NA2Cd2g5MLoOVXUZjIOhLurrRxpEXzI8O0KZHr3IjLvlAH1kTPYSuqer5T9ZVBKQ==", "dev": true, "requires": { - "@types/estree": "0.0.39" + "@types/estree": "*" } }, "is-regex": { @@ -8210,6 +8226,12 @@ "integrity": "sha512-mrqyZKfX5EhL7hvqcV6WG1yYjnjeuYDzDhhcAAUrq8Po85NBQBJP+ZDUT75qZQ98IkUoBqdkExkukOU7Ts2wrw==", "dev": true }, + "json-parse-even-better-errors": { + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.0.tgz", + "integrity": "sha512-o3aP+RsWDJZayj1SbHNQAI8x0v3T3SKiGoZlNYfbUP1S3omJQ6i9CnqADqkSPaOAxwua4/1YWx5CM7oiChJt2Q==", + "dev": true + }, "json-schema": { "version": "0.2.3", "resolved": "https://registry.npmjs.org/json-schema/-/json-schema-0.2.3.tgz", @@ -8552,6 +8574,12 @@ "immediate": "~3.0.5" } }, + "lines-and-columns": { + "version": "1.1.6", + "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.1.6.tgz", + "integrity": "sha1-HADHQ7QzzQpOgHWPe2SldEDZ/wA=", + "dev": true + }, "load-json-file": { "version": "4.0.0", "resolved": "https://registry.npmjs.org/load-json-file/-/load-json-file-4.0.0.tgz", @@ -9094,18 +9122,18 @@ "dev": true }, "ng-packagr": { - "version": "5.3.0", - "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-5.3.0.tgz", - "integrity": "sha512-i+964lzZC7VVzatDCLDZndiXTog1XGozY7K1Bs78+uBF8O1YHNQP9wB9C5fR4uEaSKVhCWEBYekoS69flCugMA==", + "version": "5.7.1", + "resolved": "https://registry.npmjs.org/ng-packagr/-/ng-packagr-5.7.1.tgz", + "integrity": "sha512-NDAUcMtLyZnF3bP6JtC3ANpIQRclRDPilF7C0DsjQuIz1q0V3mT7f1PwV0jnRWy8iRpSZmJZr6AGl736gloHtQ==", "dev": true, "requires": { - "@ngtools/json-schema": "^1.1.0", + "ajv": "^6.10.2", "autoprefixer": "^9.6.0", "browserslist": "^4.0.0", "chalk": "^2.3.1", "chokidar": "^3.0.0", "clean-css": "^4.1.11", - "commander": "^2.12.0", + "commander": "^3.0.0", "fs-extra": "^8.0.0", "glob": "^7.1.2", "injection-js": "^2.2.1", @@ -9115,8 +9143,8 @@ "postcss": "^7.0.0", "postcss-url": "^8.0.0", "read-pkg-up": "^5.0.0", - "rimraf": "^2.6.1", - "rollup": "^1.12.1", + "rimraf": "^3.0.0", + "rollup": "1.25.2", "rollup-plugin-commonjs": "^10.0.0", "rollup-plugin-json": "^4.0.0", "rollup-plugin-node-resolve": "^5.0.0", @@ -9124,30 +9152,36 @@ "rxjs": "^6.0.0", "sass": "^1.17.3", "stylus": "^0.54.5", - "terser": "^4.0.0", + "terser": "^4.1.2", "update-notifier": "^3.0.0" }, "dependencies": { + "ajv": { + "version": "6.12.4", + "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.4.tgz", + "integrity": "sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ==", + "dev": true, + "requires": { + "fast-deep-equal": "^3.1.1", + "fast-json-stable-stringify": "^2.0.0", + "json-schema-traverse": "^0.4.1", + "uri-js": "^4.2.2" + } + }, "anymatch": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.0.2.tgz", - "integrity": "sha512-rUe9SxpRQlVg4EM8It7JMNWWYHAirTPpbTuvaSKybb5IejNgWB3PGBBX9rrPKDx2pM/p3Wh+7+ASaWRyyAbxmQ==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.1.tgz", + "integrity": "sha512-mM8522psRCqzV+6LhomX5wgp25YVibjh8Wj23I5RPkPppSVSjyKD2A2mBJmWGa+KN7f2D6LNh9jkBCeyLktzjg==", "dev": true, "requires": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" } }, - "async-each": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.3.tgz", - "integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==", - "dev": true - }, "binary-extensions": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.0.0.tgz", - "integrity": "sha512-Phlt0plgpIIBOGTT/ehfFnbNlfsDEiqmzE2KRXoX1bLIlir4X/MR+zSyBEkL05ffWgnRSf/DXv+WrUAVr93/ow==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.1.0.tgz", + "integrity": "sha512-1Yj8h9Q+QDF5FzhMs/c9+6UntbD5MkRfRwac8DoEm9ZfUBZ7tZ55YcGVAzEe4bXsdQHEk+s9S5wsOKVdZrw0tQ==", "dev": true }, "braces": { @@ -9160,22 +9194,33 @@ } }, "chokidar": { - "version": "3.0.1", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.0.1.tgz", - "integrity": "sha512-2ww34sJWehnbpV0Q4k4V5Hh7juo7po6z7LUWkcIQnSGN1lHOL8GGtLtfwabKvLFQw/hbSUQ0u6V7OgGYgBzlkQ==", + "version": "3.4.2", + "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.4.2.tgz", + "integrity": "sha512-IZHaDeBeI+sZJRX7lGcXsdzgvZqKv6sECqsbErJA4mHWfpRrD8B97kSFN4cQz6nGBGiuFia1MKR4d6c1o8Cv7A==", "dev": true, "requires": { - "anymatch": "^3.0.1", - "async-each": "^1.0.3", - "braces": "^3.0.2", - "fsevents": "^2.0.6", - "glob-parent": "^5.0.0", - "is-binary-path": "^2.1.0", - "is-glob": "^4.0.1", - "normalize-path": "^3.0.0", - "readdirp": "^3.0.2" + "anymatch": "~3.1.1", + "braces": "~3.0.2", + "fsevents": "~2.1.2", + "glob-parent": "~5.1.0", + "is-binary-path": "~2.1.0", + "is-glob": "~4.0.1", + "normalize-path": "~3.0.0", + "readdirp": "~3.4.0" } }, + "commander": { + "version": "3.0.2", + "resolved": "https://registry.npmjs.org/commander/-/commander-3.0.2.tgz", + "integrity": "sha512-Gar0ASD4BDyKC4hl4DwHqDrmvjoxWKZigVnAbn5H1owvm4CxCPdb0HQDehwNYMJpla5+M2tPmPARzhtYuwpHow==", + "dev": true + }, + "fast-deep-equal": { + "version": "3.1.3", + "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz", + "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==", + "dev": true + }, "fill-range": { "version": "7.0.1", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", @@ -9186,32 +9231,38 @@ } }, "fs-extra": { - "version": "8.0.1", - "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.0.1.tgz", - "integrity": "sha512-W+XLrggcDzlle47X/XnS7FXrXu9sDo+Ze9zpndeBxdgv88FHLm1HtmkhEwavruS6koanBjp098rUpHs65EmG7A==", + "version": "8.1.0", + "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz", + "integrity": "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==", "dev": true, "requires": { - "graceful-fs": "^4.1.2", + "graceful-fs": "^4.2.0", "jsonfile": "^4.0.0", "universalify": "^0.1.0" } }, "fsevents": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.0.7.tgz", - "integrity": "sha512-a7YT0SV3RB+DjYcppwVDLtn13UQnmg0SWZS7ezZD0UjnLwXmy8Zm21GMVGLaFGimIqcvyMQaOJBrop8MyOp1kQ==", + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.1.3.tgz", + "integrity": "sha512-Auw9a4AxqWpa9GUfj370BMPzzyncfBABW8Mab7BGWBYDj4Isgq+cDKtx0i6u9jcX9pQDnswsaaOTgTmA5pEjuQ==", "dev": true, "optional": true }, "glob-parent": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.0.0.tgz", - "integrity": "sha512-Z2RwiujPRGluePM6j699ktJYxmPpJKCfpGA13jz2hmFZC7gKetzrWvg5KN3+OsIFmydGyZ1AVwERCq1w/ZZwRg==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.1.tgz", + "integrity": "sha512-FnI+VGOpnlGHWZxthPGR+QhR78fuiK0sNLkHQv+bL9fQi57lNNdquIbna/WrfROrolq8GK5Ek6BiMwqL/voRYQ==", "dev": true, "requires": { "is-glob": "^4.0.1" } }, + "graceful-fs": { + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.4.tgz", + "integrity": "sha512-WjKPNJF79dtJAVniUlGGWHYGz2jWxT6VhN/4m1NdkbZ2nOsEF+cI1Edgql5zCRhs/VsQYRvrXctxktVXZUkixw==", + "dev": true + }, "is-binary-path": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz", @@ -9243,12 +9294,21 @@ "dev": true }, "readdirp": { + "version": "3.4.0", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.4.0.tgz", + "integrity": "sha512-0xe001vZBnJEK+uKcj8qOhyAKPzIT+gStxWr3LCB0DwcXR5NZJ3IaC+yGnHCYzB/S7ov3m3EEbZI2zeNvX+hGQ==", + "dev": true, + "requires": { + "picomatch": "^2.2.1" + } + }, + "rimraf": { "version": "3.0.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.0.2.tgz", - "integrity": "sha512-LbyJYv48eywrhOlScq16H/VkCiGKGPC2TpOdZCJ7QXnYEjn3NN/Oblh8QEU3vqfSRBB7OGvh5x45NKiVeNujIQ==", + "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz", + "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==", "dev": true, "requires": { - "picomatch": "^2.0.4" + "glob": "^7.1.3" } }, "source-map": { @@ -9258,9 +9318,9 @@ "dev": true }, "source-map-support": { - "version": "0.5.12", - "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.12.tgz", - "integrity": "sha512-4h2Pbvyy15EE02G+JOZpUCmqWJuqrs+sEkzewTm++BPi7Hvn/HwcqLAcNxYAyI0x13CpPPn+kMjl+hplXMHITQ==", + "version": "0.5.19", + "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz", + "integrity": "sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw==", "dev": true, "requires": { "buffer-from": "^1.0.0", @@ -9268,20 +9328,20 @@ } }, "terser": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/terser/-/terser-4.0.0.tgz", - "integrity": "sha512-dOapGTU0hETFl1tCo4t56FN+2jffoKyER9qBGoUFyZ6y7WLoKT0bF+lAYi6B6YsILcGF3q1C2FBh8QcKSCgkgA==", + "version": "4.8.0", + "resolved": "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz", + "integrity": "sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw==", "dev": true, "requires": { - "commander": "^2.19.0", + "commander": "^2.20.0", "source-map": "~0.6.1", - "source-map-support": "~0.5.10" + "source-map-support": "~0.5.12" }, "dependencies": { "commander": { - "version": "2.20.0", - "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.0.tgz", - "integrity": "sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ==", + "version": "2.20.3", + "resolved": "https://registry.npmjs.org/commander/-/commander-2.20.3.tgz", + "integrity": "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==", "dev": true } } @@ -9368,13 +9428,10 @@ } }, "node-releases": { - "version": "1.1.23", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.23.tgz", - "integrity": "sha512-uq1iL79YjfYC0WXoHbC/z28q/9pOl8kSHaXdWmAAc8No+bDwqkZbzIJz55g/MUsPgSGm9LZ7QSUbzTcH5tz47w==", - "dev": true, - "requires": { - "semver": "^5.3.0" - } + "version": "1.1.60", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-1.1.60.tgz", + "integrity": "sha512-gsO4vjEdQaTusZAEebUWp2a5d7dF5DYoIpDG7WySnk7BuZDW+GPpHXoXXuYawRBr/9t5q54tirPz79kFIWg4dA==", + "dev": true }, "node-sass-tilde-importer": { "version": "1.0.2", @@ -9868,21 +9925,21 @@ "dev": true }, "package-json": { - "version": "6.4.0", - "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.4.0.tgz", - "integrity": "sha512-bd1T8OBG7hcvMd9c/udgv6u5v9wISP3Oyl9Cm7Weop8EFwrtcQDnS2sb6zhwqus2WslSr5wSTIPiTTpxxmPm7Q==", + "version": "6.5.0", + "resolved": "https://registry.npmjs.org/package-json/-/package-json-6.5.0.tgz", + "integrity": "sha512-k3bdm2n25tkyxcjSKzB5x8kfVxlMdgsbPr0GkZcwHsLpba6cBjqCt1KlcChKEvxHIcTB1FVMuwoijZ26xex5MQ==", "dev": true, "requires": { "got": "^9.6.0", - "registry-auth-token": "^3.4.0", + "registry-auth-token": "^4.0.0", "registry-url": "^5.0.0", - "semver": "^6.1.1" + "semver": "^6.2.0" }, "dependencies": { "semver": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.1.1.tgz", - "integrity": "sha512-rWYq2e5iYW+fFe/oPPtYJxYgjBm8sC4rmoGdUOgBB7VnwKt6HrL793l2voH1UlsyYZpJ4g0wfjnTEO1s1NP2eQ==", + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.0.tgz", + "integrity": "sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw==", "dev": true } } @@ -10108,9 +10165,9 @@ "dev": true }, "picomatch": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.0.7.tgz", - "integrity": "sha512-oLHIdio3tZ0qH76NybpeneBhYVj0QFTfXEFTc/B3zKQspYfYYkWYgFsmzo+4kvId/bQRcNkVeguI3y+CD22BtA==", + "version": "2.2.2", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.2.2.tgz", + "integrity": "sha512-q0M/9eZHzmr0AulXyPwNfZjtwZ/RBZlbN3K3CErVrk50T2ASYI7Bye0EvekFY3IP1Nt2DHu0re+V2ZHIpMkuWg==", "dev": true }, "pidtree": { @@ -10319,9 +10376,9 @@ }, "dependencies": { "mime": { - "version": "2.4.4", - "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.4.tgz", - "integrity": "sha512-LRxmNwziLPT828z+4YkNzloCFC2YM4wrB99k+AV5ZbEyfGNWfG8SO1FUXLmLDBSo89NrJZ4DIWeLjy1CHGhMGA==", + "version": "2.4.6", + "resolved": "https://registry.npmjs.org/mime/-/mime-2.4.6.tgz", + "integrity": "sha512-RZKhC3EmpBchfTGBVb8fb+RL2cWyw/32lshnsETttkBAyAUXSGHxbEJWWRXc751DrIxG1q04b8QwMbAwkRPpUA==", "dev": true } } @@ -10713,9 +10770,9 @@ }, "dependencies": { "minimist": { - "version": "1.2.0", - "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.0.tgz", - "integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=", + "version": "1.2.5", + "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.5.tgz", + "integrity": "sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw==", "dev": true } } @@ -10838,9 +10895,9 @@ } }, "p-limit": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.2.0.tgz", - "integrity": "sha512-pZbTJpoUsCzV48Mc9Nh51VbwO0X9cuPFE8gYwx9BTCt9SF8/b7Zljd2fVgOxhIF/HDTKgpVzs+GPhyKfjLLFRQ==", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-2.3.0.tgz", + "integrity": "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w==", "dev": true, "requires": { "p-try": "^2.0.0" @@ -10861,22 +10918,34 @@ "integrity": "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ==", "dev": true }, + "parse-json": { + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.1.0.tgz", + "integrity": "sha512-+mi/lmVVNKFNVyLXV31ERiy2CY5E1/F6QtJFEzoChPRwwngMNXRDQ9GJ5WdE2Z2P4AujsOi0/+2qHID68KwfIQ==", + "dev": true, + "requires": { + "@babel/code-frame": "^7.0.0", + "error-ex": "^1.3.1", + "json-parse-even-better-errors": "^2.3.0", + "lines-and-columns": "^1.1.6" + } + }, "read-pkg": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.1.1.tgz", - "integrity": "sha512-dFcTLQi6BZ+aFUaICg7er+/usEoqFdQxiEBsEMNGoipenihtxxtdrQuBXvyANCEI8VuUIVYFgeHGx9sLLvim4w==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-5.2.0.tgz", + "integrity": "sha512-Ug69mNOpfvKDAc2Q8DRpMjjzdtrnv9HcSMX+4VsZxD1aZ6ZzrIE7rlzXBtWTyhULSMKg076AW6WR5iZpD0JiOg==", "dev": true, "requires": { "@types/normalize-package-data": "^2.4.0", "normalize-package-data": "^2.5.0", - "parse-json": "^4.0.0", - "type-fest": "^0.4.1" + "parse-json": "^5.0.0", + "type-fest": "^0.6.0" } }, "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", + "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -10970,13 +11039,12 @@ } }, "registry-auth-token": { - "version": "3.4.0", - "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-3.4.0.tgz", - "integrity": "sha512-4LM6Fw8eBQdwMYcES4yTnn2TqIasbXuwDx3um+QRs7S55aMKCBKBxvPXl2RiUjHwuJLTyYfxSpmfSAjQpcuP+A==", + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/registry-auth-token/-/registry-auth-token-4.2.0.tgz", + "integrity": "sha512-P+lWzPrsgfN+UEpDS3U8AQKg/UjZX6mQSJueZj3EK+vNESoqBSpBUD3gmu4sF9lOsjXWjF11dQKUqemf3veq1w==", "dev": true, "requires": { - "rc": "^1.1.6", - "safe-buffer": "^5.0.1" + "rc": "^1.2.8" } }, "registry-url": { @@ -11174,50 +11242,50 @@ } }, "rollup": { - "version": "1.16.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.16.2.tgz", - "integrity": "sha512-UAZxaQvH0klYZdF+90xv9nGb+m4p8jdoaow1VL5/RzDK/gN/4CjvaMmJNcOIv1/+gtzswKhAg/467mzF0sLpAg==", + "version": "1.25.2", + "resolved": "https://registry.npmjs.org/rollup/-/rollup-1.25.2.tgz", + "integrity": "sha512-+7z6Wab/L45QCPcfpuTZKwKiB0tynj05s/+s2U3F2Bi7rOLPr9UcjUwO7/xpjlPNXA/hwnth6jBExFRGyf3tMg==", "dev": true, "requires": { - "@types/estree": "0.0.39", - "@types/node": "^12.0.8", - "acorn": "^6.1.1" + "@types/estree": "*", + "@types/node": "*", + "acorn": "^7.1.0" }, "dependencies": { - "@types/node": { - "version": "12.0.10", - "resolved": "https://registry.npmjs.org/@types/node/-/node-12.0.10.tgz", - "integrity": "sha512-LcsGbPomWsad6wmMNv7nBLw7YYYyfdYcz6xryKYQhx89c3XXan+8Q6AJ43G5XDIaklaVkK3mE4fCb0SBvMiPSQ==", + "acorn": { + "version": "7.4.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-7.4.0.tgz", + "integrity": "sha512-+G7P8jJmCHr+S+cLfQxygbWhXy+8YTVGzAkpEbcLo2mLoL7tij/VG41QSHACSf5QgYRhMZYHuNc6drJaO0Da+w==", "dev": true } } }, "rollup-plugin-commonjs": { - "version": "10.0.0", - "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-10.0.0.tgz", - "integrity": "sha512-B8MoX5GRpj3kW4+YaFO/di2JsZkBxNjVmZ9LWjUoTAjq8N9wc7HObMXPsrvolVV9JXVtYSscflXM14A19dXPNQ==", + "version": "10.1.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-commonjs/-/rollup-plugin-commonjs-10.1.0.tgz", + "integrity": "sha512-jlXbjZSQg8EIeAAvepNwhJj++qJWNJw1Cl0YnOqKtP5Djx+fFGkp3WRh+W0ASCaFG5w1jhmzDxgu3SJuVxPF4Q==", "dev": true, "requires": { - "estree-walker": "^0.6.0", + "estree-walker": "^0.6.1", "is-reference": "^1.1.2", "magic-string": "^0.25.2", - "resolve": "^1.10.1", - "rollup-pluginutils": "^2.7.0" + "resolve": "^1.11.0", + "rollup-pluginutils": "^2.8.1" }, "dependencies": { "magic-string": { - "version": "0.25.2", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.2.tgz", - "integrity": "sha512-iLs9mPjh9IuTtRsqqhNGYcZXGei0Nh/A4xirrsqW7c+QhKVFL2vm7U09ru6cHRD22azaP/wMDgI+HCqbETMTtg==", + "version": "0.25.7", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.25.7.tgz", + "integrity": "sha512-4CrMT5DOHTDk4HYDlzmwu4FVCcIYI8gauveasrdCu2IKIFOJ3f0v/8MDGJCDL9oD2ppz/Av1b0Nj345H9M+XIA==", "dev": true, "requires": { "sourcemap-codec": "^1.4.4" } }, "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", + "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -11235,9 +11303,9 @@ } }, "rollup-plugin-node-resolve": { - "version": "5.0.4", - "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.0.4.tgz", - "integrity": "sha512-L/fGn+uZOCk/e3uNa3MITUCA3tXndcsaH0Bc7rq7v389vEXMXAYnmF0giEUWbhYxE7PyMGglByVrR8AeIP9klw==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/rollup-plugin-node-resolve/-/rollup-plugin-node-resolve-5.2.0.tgz", + "integrity": "sha512-jUlyaDXts7TW2CqQ4GaO5VJ4PwwaV8VUGA7+km3n6k6xtOEacf61u0VXwN80phY/evMcaS+9eIeJ9MOyDxt5Zw==", "dev": true, "requires": { "@types/resolve": "0.0.8", @@ -11254,9 +11322,9 @@ "dev": true }, "resolve": { - "version": "1.11.1", - "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.11.1.tgz", - "integrity": "sha512-vIpgF6wfuJOZI7KKKSP+HmiKggadPQAdsp5HiC1mvqnfp0gF1vdwgBWZIdrVft9pgqoMFQN+R7BSWZiBxx+BBw==", + "version": "1.17.0", + "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.17.0.tgz", + "integrity": "sha512-ic+7JYiV8Vi2yzQGFWOkiZD5Z9z7O2Zhm9XMaTxdJExKasieFCr+yXZ/WmXsckHiKl12ar0y6XiXDx3m4RHn1w==", "dev": true, "requires": { "path-parse": "^1.0.6" @@ -11275,9 +11343,9 @@ } }, "rollup-pluginutils": { - "version": "2.8.1", - "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.1.tgz", - "integrity": "sha512-J5oAoysWar6GuZo0s+3bZ6sVZAC0pfqKz68De7ZgDi5z63jOVZn1uJL/+z1jeKHNbGII8kAyHF5q8LnxSX5lQg==", + "version": "2.8.2", + "resolved": "https://registry.npmjs.org/rollup-pluginutils/-/rollup-pluginutils-2.8.2.tgz", + "integrity": "sha512-EEp9NhnUkwY8aif6bxgovPHMoMoNr2FulJziTndpt5H9RdwC47GSGuII9XxpSdzVGM0GWrNPHV6ie1LTNJPaLQ==", "dev": true, "requires": { "estree-walker": "^0.6.1" @@ -12843,9 +12911,9 @@ "dev": true }, "type-fest": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.4.1.tgz", - "integrity": "sha512-IwzA/LSfD2vC1/YDYMv/zHP4rDF1usCwllsDpbolT3D4fUepIO7f9K70jjmUewU/LmGUKJcwcVtDCpnKk4BPMw==", + "version": "0.6.0", + "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.6.0.tgz", + "integrity": "sha512-q+MB8nYR1KDLrgr4G5yemftpMC7/QLqVndBmEEdqzmNj5dcFOO4Oo8qlwZE3ULT3+Zim1F8Kq4cBnikNhlCMlg==", "dev": true }, "type-is": { @@ -13045,9 +13113,9 @@ "dev": true }, "update-notifier": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-3.0.0.tgz", - "integrity": "sha512-6Xe3oF2bvuoj4YECUc52yxVs94yWrxwqHbzyveDktTS1WhnlTRpNcQMxUshcB7nRVGi1jEXiqL5cW1S5WSyzKg==", + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/update-notifier/-/update-notifier-3.0.1.tgz", + "integrity": "sha512-grrmrB6Zb8DUiyDIaeRTBCkgISYUgETNe7NglEbVsrLWXeESnlCSP50WfRSj/GmzMPl6Uchj24S/p80nP/ZQrQ==", "dev": true, "requires": { "boxen": "^3.0.0", diff --git a/package.json b/package.json index 59d1e425..9295ec5a 100644 --- a/package.json +++ b/package.json @@ -109,7 +109,7 @@ "karma-coverage-istanbul-reporter": "~2.0.1", "karma-jasmine": "~2.0.0", "karma-jasmine-html-reporter": "^1.2.0", - "ng-packagr": "^5.3.0", + "ng-packagr": "5.7.1", "prettier": "1.15.3", "protractor": "~5.4.0", "rimraf": "^2.6.2", From 6abed6f2e9be9c07864cfd913c8acc9d302345ac Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Tue, 1 Sep 2020 15:59:56 +0800 Subject: [PATCH 02/39] feat: add ng-package.json for Pivot in order to AOT compoile it individually & import single fluent component --- libs/fabric/src/lib/components/pivot/ng-package.json | 5 +++++ libs/fabric/src/lib/components/pivot/pivot.component.ts | 2 +- libs/fabric/src/lib/components/pivot/pivot.module.ts | 2 +- 3 files changed, 7 insertions(+), 2 deletions(-) create mode 100644 libs/fabric/src/lib/components/pivot/ng-package.json diff --git a/libs/fabric/src/lib/components/pivot/ng-package.json b/libs/fabric/src/lib/components/pivot/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/pivot/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/pivot/pivot.component.ts b/libs/fabric/src/lib/components/pivot/pivot.component.ts index 94e94588..afb0702b 100644 --- a/libs/fabric/src/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/src/lib/components/pivot/pivot.component.ts @@ -17,7 +17,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from 'office-ui-fabric-react'; +import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from 'office-ui-fabric-react/lib/components/Pivot'; import * as React from 'react'; @Component({ diff --git a/libs/fabric/src/lib/components/pivot/pivot.module.ts b/libs/fabric/src/lib/components/pivot/pivot.module.ts index b6b97d00..c37267be 100644 --- a/libs/fabric/src/lib/components/pivot/pivot.module.ts +++ b/libs/fabric/src/lib/components/pivot/pivot.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Pivot, PivotItem } from 'office-ui-fabric-react'; +import { Pivot, PivotItem } from 'office-ui-fabric-react/lib/components/Pivot'; import { FabPivotComponent, FabPivotItemComponent } from './pivot.component'; const components = [FabPivotComponent, FabPivotItemComponent]; From 8a7c77fbb7c7cf4bc4f7cc93de2371cdc22ca71c Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 2 Sep 2020 14:00:41 +0800 Subject: [PATCH 03/39] feat: modify more component in order to can be imported individually --- .../src/lib/components/breadcrumb/breadcrumb.module.ts | 2 +- libs/fabric/src/lib/components/breadcrumb/ng-package.json | 5 +++++ libs/fabric/src/lib/components/callout/callout.module.ts | 2 +- .../lib/components/callout/focus-trap-callout.component.ts | 2 +- libs/fabric/src/lib/components/callout/ng-package.json | 5 +++++ libs/fabric/src/lib/components/checkbox/checkbox.module.ts | 2 +- libs/fabric/src/lib/components/checkbox/ng-package.json | 5 +++++ .../src/lib/components/choice-group/choice-group.module.ts | 2 +- libs/fabric/src/lib/components/choice-group/ng-package.json | 5 +++++ libs/fabric/src/lib/components/dialog/dialog.module.ts | 2 +- libs/fabric/src/lib/components/dialog/ng-package.json | 5 +++++ libs/fabric/src/lib/components/divider/divider.module.ts | 2 +- libs/fabric/src/lib/components/divider/ng-package.json | 5 +++++ libs/fabric/src/lib/components/fabric/fabric.module.ts | 2 +- libs/fabric/src/lib/components/fabric/ng-package.json | 5 +++++ .../src/lib/components/grouped-list/grouped-list.module.ts | 2 +- libs/fabric/src/lib/components/grouped-list/ng-package.json | 5 +++++ libs/fabric/src/lib/components/icon/icon.module.ts | 2 +- libs/fabric/src/lib/components/icon/ng-package.json | 5 +++++ libs/fabric/src/lib/components/image/image.module.ts | 2 +- libs/fabric/src/lib/components/image/ng-package.json | 5 +++++ libs/fabric/src/lib/components/link/link.component.ts | 2 +- libs/fabric/src/lib/components/link/link.module.ts | 2 +- libs/fabric/src/lib/components/link/ng-package.json | 5 +++++ .../components/marquee-selection/marquee-selection.module.ts | 2 +- .../src/lib/components/marquee-selection/ng-package.json | 5 +++++ .../src/lib/components/message-bar/message-bar.module.ts | 2 +- libs/fabric/src/lib/components/message-bar/ng-package.json | 5 +++++ libs/fabric/src/lib/components/modal/modal.module.ts | 2 +- libs/fabric/src/lib/components/modal/ng-package.json | 5 +++++ libs/fabric/src/lib/components/nav/nav.component.ts | 2 +- libs/fabric/src/lib/components/nav/nav.module.ts | 2 +- libs/fabric/src/lib/components/nav/ng-package.json | 5 +++++ libs/fabric/src/lib/components/panel/ng-package.json | 5 +++++ libs/fabric/src/lib/components/panel/panel.module.ts | 2 +- libs/fabric/src/lib/components/persona/ng-package.json | 5 +++++ libs/fabric/src/lib/components/persona/persona.module.ts | 2 +- libs/fabric/src/lib/components/pivot/pivot.component.ts | 2 +- libs/fabric/src/lib/components/pivot/pivot.module.ts | 2 +- .../src/lib/components/progress-indicator/ng-package.json | 5 +++++ .../progress-indicator/progress-indicator.module.ts | 2 +- libs/fabric/src/lib/components/shimmer/ng-package.json | 5 +++++ libs/fabric/src/lib/components/shimmer/shimmer.module.ts | 2 +- libs/fabric/src/lib/components/slider/ng-package.json | 5 +++++ libs/fabric/src/lib/components/slider/slider.module.ts | 2 +- libs/fabric/src/lib/components/spin-button/ng-package.json | 5 +++++ .../src/lib/components/spin-button/spin-button.module.ts | 2 +- libs/fabric/src/lib/components/spinner/ng-package.json | 5 +++++ libs/fabric/src/lib/components/spinner/spinner.module.ts | 2 +- libs/fabric/src/lib/components/text-field/ng-package.json | 5 +++++ .../src/lib/components/text-field/text-field.module.ts | 2 +- libs/fabric/src/lib/components/toggle/ng-package.json | 5 +++++ libs/fabric/src/lib/components/toggle/toggle.module.ts | 2 +- 53 files changed, 149 insertions(+), 29 deletions(-) create mode 100644 libs/fabric/src/lib/components/breadcrumb/ng-package.json create mode 100644 libs/fabric/src/lib/components/callout/ng-package.json create mode 100644 libs/fabric/src/lib/components/checkbox/ng-package.json create mode 100644 libs/fabric/src/lib/components/choice-group/ng-package.json create mode 100644 libs/fabric/src/lib/components/dialog/ng-package.json create mode 100644 libs/fabric/src/lib/components/divider/ng-package.json create mode 100644 libs/fabric/src/lib/components/fabric/ng-package.json create mode 100644 libs/fabric/src/lib/components/grouped-list/ng-package.json create mode 100644 libs/fabric/src/lib/components/icon/ng-package.json create mode 100644 libs/fabric/src/lib/components/image/ng-package.json create mode 100644 libs/fabric/src/lib/components/link/ng-package.json create mode 100644 libs/fabric/src/lib/components/marquee-selection/ng-package.json create mode 100644 libs/fabric/src/lib/components/message-bar/ng-package.json create mode 100644 libs/fabric/src/lib/components/modal/ng-package.json create mode 100644 libs/fabric/src/lib/components/nav/ng-package.json create mode 100644 libs/fabric/src/lib/components/panel/ng-package.json create mode 100644 libs/fabric/src/lib/components/persona/ng-package.json create mode 100644 libs/fabric/src/lib/components/progress-indicator/ng-package.json create mode 100644 libs/fabric/src/lib/components/shimmer/ng-package.json create mode 100644 libs/fabric/src/lib/components/slider/ng-package.json create mode 100644 libs/fabric/src/lib/components/spin-button/ng-package.json create mode 100644 libs/fabric/src/lib/components/spinner/ng-package.json create mode 100644 libs/fabric/src/lib/components/text-field/ng-package.json create mode 100644 libs/fabric/src/lib/components/toggle/ng-package.json diff --git a/libs/fabric/src/lib/components/breadcrumb/breadcrumb.module.ts b/libs/fabric/src/lib/components/breadcrumb/breadcrumb.module.ts index bc3b6edc..eb9f76e7 100644 --- a/libs/fabric/src/lib/components/breadcrumb/breadcrumb.module.ts +++ b/libs/fabric/src/lib/components/breadcrumb/breadcrumb.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Breadcrumb } from 'office-ui-fabric-react'; +import { Breadcrumb } from 'office-ui-fabric-react/lib/Breadcrumb'; import { FabBreadcrumbComponent } from './breadcrumb.component'; const components = [FabBreadcrumbComponent]; diff --git a/libs/fabric/src/lib/components/breadcrumb/ng-package.json b/libs/fabric/src/lib/components/breadcrumb/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/breadcrumb/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/callout/callout.module.ts b/libs/fabric/src/lib/components/callout/callout.module.ts index 887e8a69..1e6b1eb1 100644 --- a/libs/fabric/src/lib/components/callout/callout.module.ts +++ b/libs/fabric/src/lib/components/callout/callout.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Callout, FocusTrapCallout } from 'office-ui-fabric-react'; +import { Callout, FocusTrapCallout } from 'office-ui-fabric-react/lib/Callout'; import { FabCalloutComponent } from './callout.component'; const components = [FabCalloutComponent]; diff --git a/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts b/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts index 7280813a..c4134038 100644 --- a/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts +++ b/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IFocusTrapCalloutProps } from 'office-ui-fabric-react'; +import { IFocusTrapCalloutProps } from 'office-ui-fabric-react/lib/Callout'; import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/positioning'; @Component({ diff --git a/libs/fabric/src/lib/components/callout/ng-package.json b/libs/fabric/src/lib/components/callout/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/callout/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/checkbox/checkbox.module.ts b/libs/fabric/src/lib/components/checkbox/checkbox.module.ts index 13efa05a..9ca4ecf6 100644 --- a/libs/fabric/src/lib/components/checkbox/checkbox.module.ts +++ b/libs/fabric/src/lib/components/checkbox/checkbox.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Checkbox } from 'office-ui-fabric-react'; +import { Checkbox } from 'office-ui-fabric-react/lib/Checkbox'; import { FabCheckboxComponent } from './checkbox.component'; const components = [FabCheckboxComponent]; diff --git a/libs/fabric/src/lib/components/checkbox/ng-package.json b/libs/fabric/src/lib/components/checkbox/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/checkbox/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/choice-group/choice-group.module.ts b/libs/fabric/src/lib/components/choice-group/choice-group.module.ts index dfd52f6b..5ed2911d 100644 --- a/libs/fabric/src/lib/components/choice-group/choice-group.module.ts +++ b/libs/fabric/src/lib/components/choice-group/choice-group.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ChoiceGroup } from 'office-ui-fabric-react'; +import { ChoiceGroup } from 'office-ui-fabric-react/lib/ChoiceGroup'; import { FabChoiceGroupComponent } from './choice-group.component'; const components = [FabChoiceGroupComponent]; diff --git a/libs/fabric/src/lib/components/choice-group/ng-package.json b/libs/fabric/src/lib/components/choice-group/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/choice-group/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/dialog/dialog.module.ts b/libs/fabric/src/lib/components/dialog/dialog.module.ts index 6001f451..c0609885 100644 --- a/libs/fabric/src/lib/components/dialog/dialog.module.ts +++ b/libs/fabric/src/lib/components/dialog/dialog.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Dialog, DialogContent, DialogFooter } from 'office-ui-fabric-react'; +import { Dialog, DialogContent, DialogFooter } from 'office-ui-fabric-react/lib/Dialog'; import { FabDialogComponent, FabDialogContentComponent, FabDialogFooterComponent } from './dialog.component'; const components = [FabDialogComponent, FabDialogContentComponent, FabDialogFooterComponent]; diff --git a/libs/fabric/src/lib/components/dialog/ng-package.json b/libs/fabric/src/lib/components/dialog/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/dialog/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/divider/divider.module.ts b/libs/fabric/src/lib/components/divider/divider.module.ts index 7460cd3b..738de022 100644 --- a/libs/fabric/src/lib/components/divider/divider.module.ts +++ b/libs/fabric/src/lib/components/divider/divider.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { VerticalDivider } from 'office-ui-fabric-react'; +import { VerticalDivider } from 'office-ui-fabric-react/lib/Divider'; import { FabDividerComponent } from './divider.component'; const components = [FabDividerComponent]; diff --git a/libs/fabric/src/lib/components/divider/ng-package.json b/libs/fabric/src/lib/components/divider/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/divider/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/fabric/fabric.module.ts b/libs/fabric/src/lib/components/fabric/fabric.module.ts index 5c17d2e8..e2aa777f 100644 --- a/libs/fabric/src/lib/components/fabric/fabric.module.ts +++ b/libs/fabric/src/lib/components/fabric/fabric.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Fabric } from 'office-ui-fabric-react'; +import { Fabric } from 'office-ui-fabric-react/lib/Fabric'; import { FabFabricComponent } from './fabric.component'; const components = [FabFabricComponent]; diff --git a/libs/fabric/src/lib/components/fabric/ng-package.json b/libs/fabric/src/lib/components/fabric/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/fabric/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/grouped-list/grouped-list.module.ts b/libs/fabric/src/lib/components/grouped-list/grouped-list.module.ts index 6d445f95..12d76171 100644 --- a/libs/fabric/src/lib/components/grouped-list/grouped-list.module.ts +++ b/libs/fabric/src/lib/components/grouped-list/grouped-list.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { GroupedList } from 'office-ui-fabric-react'; +import { GroupedList } from 'office-ui-fabric-react/lib/GroupedList'; import { FabGroupedListComponent } from './grouped-list.component'; const components = [FabGroupedListComponent]; diff --git a/libs/fabric/src/lib/components/grouped-list/ng-package.json b/libs/fabric/src/lib/components/grouped-list/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/grouped-list/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/icon/icon.module.ts b/libs/fabric/src/lib/components/icon/icon.module.ts index 59bfdca1..8aa571f0 100644 --- a/libs/fabric/src/lib/components/icon/icon.module.ts +++ b/libs/fabric/src/lib/components/icon/icon.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Icon } from 'office-ui-fabric-react'; +import { Icon } from 'office-ui-fabric-react/lib/Icon'; import { FabIconComponent } from './icon.component'; const components = [FabIconComponent]; diff --git a/libs/fabric/src/lib/components/icon/ng-package.json b/libs/fabric/src/lib/components/icon/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/icon/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/image/image.module.ts b/libs/fabric/src/lib/components/image/image.module.ts index 04e41a2d..999c8412 100644 --- a/libs/fabric/src/lib/components/image/image.module.ts +++ b/libs/fabric/src/lib/components/image/image.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Image } from 'office-ui-fabric-react'; +import { Image } from 'office-ui-fabric-react/lib/Image'; import { FabImageComponent } from './image.component'; const components = [FabImageComponent]; diff --git a/libs/fabric/src/lib/components/image/ng-package.json b/libs/fabric/src/lib/components/image/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/image/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/link/link.component.ts b/libs/fabric/src/lib/components/link/link.component.ts index dbff3e7c..bc4bb6da 100644 --- a/libs/fabric/src/lib/components/link/link.component.ts +++ b/libs/fabric/src/lib/components/link/link.component.ts @@ -11,7 +11,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ILinkProps, Link } from 'office-ui-fabric-react'; +import { ILinkProps, Link } from 'office-ui-fabric-react/lib/Link'; @Component({ selector: 'fab-link', diff --git a/libs/fabric/src/lib/components/link/link.module.ts b/libs/fabric/src/lib/components/link/link.module.ts index 34592350..3f820c27 100644 --- a/libs/fabric/src/lib/components/link/link.module.ts +++ b/libs/fabric/src/lib/components/link/link.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Link } from 'office-ui-fabric-react'; +import { Link } from 'office-ui-fabric-react/lib/Link'; import { FabLinkComponent } from './link.component'; const components = [FabLinkComponent]; diff --git a/libs/fabric/src/lib/components/link/ng-package.json b/libs/fabric/src/lib/components/link/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/link/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/marquee-selection/marquee-selection.module.ts b/libs/fabric/src/lib/components/marquee-selection/marquee-selection.module.ts index f2686b2c..00656fe8 100644 --- a/libs/fabric/src/lib/components/marquee-selection/marquee-selection.module.ts +++ b/libs/fabric/src/lib/components/marquee-selection/marquee-selection.module.ts @@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { registerElement } from '@angular-react/core'; -import { MarqueeSelection } from 'office-ui-fabric-react'; +import { MarqueeSelection } from 'office-ui-fabric-react/lib/MarqueeSelection'; import { FabMarqueeSelectionComponent } from './marquee-selection.component'; diff --git a/libs/fabric/src/lib/components/marquee-selection/ng-package.json b/libs/fabric/src/lib/components/marquee-selection/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/marquee-selection/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/message-bar/message-bar.module.ts b/libs/fabric/src/lib/components/message-bar/message-bar.module.ts index c1e36cfb..a0be2971 100644 --- a/libs/fabric/src/lib/components/message-bar/message-bar.module.ts +++ b/libs/fabric/src/lib/components/message-bar/message-bar.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { MessageBar } from 'office-ui-fabric-react'; +import { MessageBar } from 'office-ui-fabric-react/lib/MessageBar'; import { FabMessageBarComponent } from './message-bar.component'; const components = [FabMessageBarComponent]; diff --git a/libs/fabric/src/lib/components/message-bar/ng-package.json b/libs/fabric/src/lib/components/message-bar/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/message-bar/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/modal/modal.module.ts b/libs/fabric/src/lib/components/modal/modal.module.ts index 8546440c..0b72b18f 100644 --- a/libs/fabric/src/lib/components/modal/modal.module.ts +++ b/libs/fabric/src/lib/components/modal/modal.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Modal } from 'office-ui-fabric-react'; +import { Modal } from 'office-ui-fabric-react/lib/Modal'; import { FabModalComponent } from './modal.component'; const components = [FabModalComponent]; diff --git a/libs/fabric/src/lib/components/modal/ng-package.json b/libs/fabric/src/lib/components/modal/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/modal/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/nav/nav.component.ts b/libs/fabric/src/lib/components/nav/nav.component.ts index 5396d048..4450180d 100644 --- a/libs/fabric/src/lib/components/nav/nav.component.ts +++ b/libs/fabric/src/lib/components/nav/nav.component.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ReactWrapperComponent } from '@angular-react/core'; -import { INavProps, INavLink, INav } from 'office-ui-fabric-react'; +import { INavProps, INavLink, INav } from 'office-ui-fabric-react/lib/Nav'; import { Component, ChangeDetectionStrategy, diff --git a/libs/fabric/src/lib/components/nav/nav.module.ts b/libs/fabric/src/lib/components/nav/nav.module.ts index 18814c13..f50e9188 100644 --- a/libs/fabric/src/lib/components/nav/nav.module.ts +++ b/libs/fabric/src/lib/components/nav/nav.module.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { registerElement } from "@angular-react/core"; -import { Nav } from "office-ui-fabric-react"; +import { Nav } from "office-ui-fabric-react/lib/Nav"; import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; import { CommonModule } from "@angular/common"; import { FabNavComponent } from "./nav.component"; diff --git a/libs/fabric/src/lib/components/nav/ng-package.json b/libs/fabric/src/lib/components/nav/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/nav/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/panel/ng-package.json b/libs/fabric/src/lib/components/panel/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/panel/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/panel/panel.module.ts b/libs/fabric/src/lib/components/panel/panel.module.ts index a1957a74..37578084 100644 --- a/libs/fabric/src/lib/components/panel/panel.module.ts +++ b/libs/fabric/src/lib/components/panel/panel.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Panel } from 'office-ui-fabric-react'; +import { Panel } from 'office-ui-fabric-react/lib/Panel'; import { FabPanelComponent } from './panel.component'; const components = [FabPanelComponent]; diff --git a/libs/fabric/src/lib/components/persona/ng-package.json b/libs/fabric/src/lib/components/persona/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/persona/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/persona/persona.module.ts b/libs/fabric/src/lib/components/persona/persona.module.ts index 3626afa5..e909fbfd 100644 --- a/libs/fabric/src/lib/components/persona/persona.module.ts +++ b/libs/fabric/src/lib/components/persona/persona.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Persona, PersonaCoin } from 'office-ui-fabric-react'; +import { Persona, PersonaCoin } from 'office-ui-fabric-react/lib/Persona'; import { FabPersonaCoinComponent, FabPersonaComponent } from './persona.component'; const components = [FabPersonaComponent, FabPersonaCoinComponent]; diff --git a/libs/fabric/src/lib/components/pivot/pivot.component.ts b/libs/fabric/src/lib/components/pivot/pivot.component.ts index afb0702b..db8f53ff 100644 --- a/libs/fabric/src/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/src/lib/components/pivot/pivot.component.ts @@ -17,7 +17,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from 'office-ui-fabric-react/lib/components/Pivot'; +import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from 'office-ui-fabric-react/lib/Pivot'; import * as React from 'react'; @Component({ diff --git a/libs/fabric/src/lib/components/pivot/pivot.module.ts b/libs/fabric/src/lib/components/pivot/pivot.module.ts index c37267be..8ff2900d 100644 --- a/libs/fabric/src/lib/components/pivot/pivot.module.ts +++ b/libs/fabric/src/lib/components/pivot/pivot.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Pivot, PivotItem } from 'office-ui-fabric-react/lib/components/Pivot'; +import { Pivot, PivotItem } from 'office-ui-fabric-react/lib/Pivot'; import { FabPivotComponent, FabPivotItemComponent } from './pivot.component'; const components = [FabPivotComponent, FabPivotItemComponent]; diff --git a/libs/fabric/src/lib/components/progress-indicator/ng-package.json b/libs/fabric/src/lib/components/progress-indicator/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/progress-indicator/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/progress-indicator/progress-indicator.module.ts b/libs/fabric/src/lib/components/progress-indicator/progress-indicator.module.ts index 0371ea36..c5f3b2dd 100644 --- a/libs/fabric/src/lib/components/progress-indicator/progress-indicator.module.ts +++ b/libs/fabric/src/lib/components/progress-indicator/progress-indicator.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ProgressIndicator } from 'office-ui-fabric-react'; +import { ProgressIndicator } from 'office-ui-fabric-react/lib/ProgressIndicator'; import { FabProgressIndicatorComponent } from './progress-indicator.component'; const components = [FabProgressIndicatorComponent]; diff --git a/libs/fabric/src/lib/components/shimmer/ng-package.json b/libs/fabric/src/lib/components/shimmer/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/shimmer/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/shimmer/shimmer.module.ts b/libs/fabric/src/lib/components/shimmer/shimmer.module.ts index ff6bd29f..965c89f6 100644 --- a/libs/fabric/src/lib/components/shimmer/shimmer.module.ts +++ b/libs/fabric/src/lib/components/shimmer/shimmer.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Shimmer, ShimmerElementsGroup } from 'office-ui-fabric-react'; +import { Shimmer, ShimmerElementsGroup } from 'office-ui-fabric-react/lib/Shimmer'; import { FabShimmerComponent, FabShimmerElementsGroupComponent } from './shimmer.component'; const components = [FabShimmerComponent, FabShimmerElementsGroupComponent]; diff --git a/libs/fabric/src/lib/components/slider/ng-package.json b/libs/fabric/src/lib/components/slider/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/slider/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/slider/slider.module.ts b/libs/fabric/src/lib/components/slider/slider.module.ts index 8de92774..b9b88da5 100644 --- a/libs/fabric/src/lib/components/slider/slider.module.ts +++ b/libs/fabric/src/lib/components/slider/slider.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Slider } from 'office-ui-fabric-react'; +import { Slider } from 'office-ui-fabric-react/lib/Slider'; import { FabSliderComponent } from './slider.component'; const components = [FabSliderComponent]; diff --git a/libs/fabric/src/lib/components/spin-button/ng-package.json b/libs/fabric/src/lib/components/spin-button/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/spin-button/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/spin-button/spin-button.module.ts b/libs/fabric/src/lib/components/spin-button/spin-button.module.ts index 581b5be3..4776ad0d 100644 --- a/libs/fabric/src/lib/components/spin-button/spin-button.module.ts +++ b/libs/fabric/src/lib/components/spin-button/spin-button.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { SpinButton } from 'office-ui-fabric-react'; +import { SpinButton } from 'office-ui-fabric-react/lib/SpinButton'; import { FabSpinButtonComponent } from './spin-button.component'; const components = [FabSpinButtonComponent]; diff --git a/libs/fabric/src/lib/components/spinner/ng-package.json b/libs/fabric/src/lib/components/spinner/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/spinner/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/spinner/spinner.module.ts b/libs/fabric/src/lib/components/spinner/spinner.module.ts index 97411d21..d2fdded9 100644 --- a/libs/fabric/src/lib/components/spinner/spinner.module.ts +++ b/libs/fabric/src/lib/components/spinner/spinner.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Spinner } from 'office-ui-fabric-react'; +import { Spinner } from 'office-ui-fabric-react/lib/Spinner'; import { FabSpinnerComponent } from './spinner.component'; const components = [FabSpinnerComponent]; diff --git a/libs/fabric/src/lib/components/text-field/ng-package.json b/libs/fabric/src/lib/components/text-field/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/text-field/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/text-field/text-field.module.ts b/libs/fabric/src/lib/components/text-field/text-field.module.ts index a8873e85..49b8a82e 100644 --- a/libs/fabric/src/lib/components/text-field/text-field.module.ts +++ b/libs/fabric/src/lib/components/text-field/text-field.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { TextField, MaskedTextField } from 'office-ui-fabric-react'; +import { TextField, MaskedTextField } from 'office-ui-fabric-react/lib/TextField'; import { FabTextFieldComponent } from './text-field.component'; import { FabMaskedTextFieldComponent } from './masked-text-field.component'; diff --git a/libs/fabric/src/lib/components/toggle/ng-package.json b/libs/fabric/src/lib/components/toggle/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/src/lib/components/toggle/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/src/lib/components/toggle/toggle.module.ts b/libs/fabric/src/lib/components/toggle/toggle.module.ts index bad4b1a6..9796c5e7 100644 --- a/libs/fabric/src/lib/components/toggle/toggle.module.ts +++ b/libs/fabric/src/lib/components/toggle/toggle.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Toggle } from 'office-ui-fabric-react'; +import { Toggle } from 'office-ui-fabric-react/lib/Toggle'; import { FabToggleComponent } from './toggle.component'; const components = [FabToggleComponent]; From 82ef61740582a13dec6dcf9ab891d5d3b9be6b32 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Sep 2020 14:13:58 +0800 Subject: [PATCH 04/39] feat: add disabled property to pivot-item --- libs/fabric/src/lib/components/pivot/pivot.component.ts | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/libs/fabric/src/lib/components/pivot/pivot.component.ts b/libs/fabric/src/lib/components/pivot/pivot.component.ts index db8f53ff..188a07f7 100644 --- a/libs/fabric/src/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/src/lib/components/pivot/pivot.component.ts @@ -45,22 +45,15 @@ import * as React from 'react'; export class FabPivotItemComponent extends ReactWrapperComponent implements OnInit { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; + @Input() disabled? = false; @Input() @passProp() componentRef?: IPivotItemProps['componentRef']; - @Input() @passProp() headerText?: IPivotItemProps['headerText']; - @Input() @passProp() headerButtonProps?: IPivotItemProps['headerButtonProps']; - @Input() @passProp() itemKey?: IPivotItemProps['itemKey']; - @Input() @passProp() ariaLabel?: IPivotItemProps['ariaLabel']; - @Input() @passProp() itemCount?: IPivotItemProps['itemCount']; - @Input() @passProp() itemIcon?: IPivotItemProps['itemIcon']; - @Input() @passProp() keytipProps?: IPivotItemProps['keytipProps']; - @Input() @passProp() renderItemLink?: InputRendererOptions; @passProp() onRenderItemLink: (props?: IPivotItemProps, defaultRender?: JsxRenderFunc) => JSX.Element; From bc37223906d7a280bf879daca37e63a8484b55d7 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Sep 2020 14:29:24 +0800 Subject: [PATCH 05/39] chore: change projec structor of fabric lib --- .../breadcrumb/breadcrumb.component.ts | 0 .../breadcrumb/breadcrumb.module.ts | 0 .../lib/components/breadcrumb/ng-package.json | 0 .../lib/components/breadcrumb/public-api.ts | 0 .../button/action-button.component.ts | 0 .../button/base-button.component.ts | 0 .../lib/components/button/button.module.ts | 0 .../button/command-bar-button.component.ts | 0 .../button/compound-button.component.ts | 0 .../button/default-button.component.ts | 0 .../button/icon-button.component.ts | 0 .../button/messagebar-button.component.ts | 0 .../button/primary-button.component.ts | 0 .../lib/components/button/public-api.ts | 0 .../button/split-button.component.ts | 0 .../components/calendar/calendar.component.ts | 0 .../components/calendar/calendar.module.ts | 0 .../calendar-strings-directive.component.ts | 0 .../lib/components/calendar/public-api.ts | 0 .../components/callout/callout.component.ts | 0 .../lib/components/callout/callout.module.ts | 0 .../callout/focus-trap-callout.component.ts | 0 .../lib/components/callout/ng-package.json | 0 .../lib/components/callout/public-api.ts | 0 .../components/checkbox/checkbox.component.ts | 0 .../components/checkbox/checkbox.module.ts | 0 .../lib/components/checkbox/ng-package.json | 0 .../lib/components/checkbox/public-api.ts | 0 .../choice-group/choice-group.component.ts | 0 .../choice-group/choice-group.module.ts | 0 .../components/choice-group/ng-package.json | 0 .../lib/components/choice-group/public-api.ts | 0 .../combo-box/base-combo-box.component.ts | 0 .../combo-box/combo-box.component.ts | 0 .../components/combo-box/combo-box.module.ts | 0 .../directives/combo-box-option.directive.ts | 0 .../directives/combo-box-options.directive.ts | 0 .../lib/components/combo-box/public-api.ts | 0 .../virtualized-combo-box.component.ts | 0 .../command-bar/command-bar.component.ts | 0 .../command-bar/command-bar.module.ts | 0 .../directives/command-bar-item.directives.ts | 0 .../command-bar-items.directives.ts | 0 .../lib/components/command-bar/public-api.ts | 0 .../contextual-menu/contextual-menu.module.ts | 0 .../contextual-menu-item.directive.ts | 0 .../components/contextual-menu/public-api.ts | 0 .../core/declarative/item-changed.helpers.ts | 0 .../core/declarative/item-changed.payload.ts | 0 .../core/declarative/item-changed.ts | 0 .../core/shared/changeable-helper.ts | 0 .../core/shared/changeable-item.directive.ts | 0 .../core/shared/changeable-items.directive.ts | 0 .../date-picker/date-picker.component.ts | 0 .../date-picker/date-picker.module.ts | 0 .../lib/components/date-picker/public-api.ts | 0 .../details-list/details-list.component.ts | 0 .../details-list/details-list.module.ts | 0 .../details-list-column.directive.ts | 0 .../details-list-columns.directive.ts | 0 .../details-list-groups.directive.ts | 0 .../lib/components/details-list/public-api.ts | 0 .../lib/components/dialog/dialog.component.ts | 0 .../lib/components/dialog/dialog.module.ts | 0 .../lib/components/dialog/ng-package.json | 0 .../lib/components/dialog/public-api.ts | 0 .../components/divider/divider.component.ts | 0 .../lib/components/divider/divider.module.ts | 0 .../lib/components/divider/ng-package.json | 0 .../lib/components/divider/public-api.ts | 0 .../directives/dropdown-option.directive.ts | 0 .../directives/dropdown-options.directive.ts | 0 .../components/dropdown/dropdown.component.ts | 0 .../components/dropdown/dropdown.module.ts | 0 .../lib/components/dropdown/public-api.ts | 0 .../lib/components/fabric/fabric.component.ts | 0 .../lib/components/fabric/fabric.module.ts | 0 .../lib/components/fabric/ng-package.json | 0 .../lib/components/fabric/public-api.ts | 0 .../group/directives/group-item.directive.ts | 0 .../lib/components/group/group.module.ts | 0 .../lib/components/group/public-api.ts | 0 .../grouped-list/grouped-list.component.ts | 0 .../grouped-list/grouped-list.module.ts | 0 .../components/grouped-list/ng-package.json | 0 .../lib/components/grouped-list/public-api.ts | 0 .../hover-card/expanding-card.component.ts | 0 .../hover-card/hover-card.component.ts | 0 .../hover-card/hover-card.module.ts | 0 .../hover-card/plain-card.component.ts | 0 .../lib/components/hover-card/public-api.ts | 0 .../lib/components/icon/icon.component.ts | 0 .../lib/components/icon/icon.module.ts | 0 .../lib/components/icon/ng-package.json | 0 .../lib/components/icon/public-api.ts | 0 .../lib/components/image/image.component.ts | 0 .../lib/components/image/image.module.ts | 0 .../lib/components/image/ng-package.json | 0 .../lib/components/image/public-api.ts | 0 .../lib/components/link/link.component.ts | 0 .../lib/components/link/link.module.ts | 0 .../lib/components/link/ng-package.json | 0 .../lib/components/link/public-api.ts | 0 .../marquee-selection.component.ts | 0 .../marquee-selection.module.ts | 0 .../marquee-selection/ng-package.json | 0 .../marquee-selection/public-api.ts | 0 .../message-bar/message-bar.component.ts | 0 .../message-bar/message-bar.module.ts | 0 .../components/message-bar/ng-package.json | 0 .../lib/components/message-bar/public-api.ts | 0 .../lib/components/modal/modal.component.ts | 0 .../lib/components/modal/modal.module.ts | 0 .../lib/components/modal/ng-package.json | 0 .../lib/components/modal/public-api.ts | 0 .../lib/components/nav/nav.component.ts | 0 .../lib/components/nav/nav.module.ts | 38 ++++++++-------- .../lib/components/nav/ng-package.json | 0 .../lib/components/nav/public-api.ts | 8 ++-- .../lib/components/panel/ng-package.json | 0 .../lib/components/panel/panel.component.ts | 0 .../lib/components/panel/panel.module.ts | 0 .../lib/components/panel/public-api.ts | 0 .../lib/components/persona/ng-package.json | 0 .../components/persona/persona.component.ts | 0 .../lib/components/persona/persona.module.ts | 0 .../lib/components/persona/public-api.ts | 0 .../base-picker/base-picker.component.ts | 0 .../pickers/base-picker/base-picker.module.ts | 0 .../pickers/base-picker/public-api.ts | 0 .../people-picker/people-picker.component.ts | 0 .../people-picker/people-picker.module.ts | 0 .../pickers/people-picker/public-api.ts | 0 .../lib/components/pickers/public-api.ts | 0 .../pickers/tag-picker/public-api.ts | 0 .../tag-picker/tag-picker.component.ts | 0 .../pickers/tag-picker/tag-picker.module.ts | 0 .../lib/components/pivot/ng-package.json | 0 .../lib/components/pivot/pivot.component.ts | 0 .../lib/components/pivot/pivot.module.ts | 0 .../lib/components/pivot/public-api.ts | 0 .../progress-indicator/ng-package.json | 0 .../progress-indicator.component.ts | 0 .../progress-indicator.module.ts | 0 .../progress-indicator/public-api.ts | 0 .../lib/components/search-box/public-api.ts | 0 .../search-box/search-box.component.ts | 0 .../search-box/search-box.module.ts | 0 .../lib/components/shimmer/ng-package.json | 0 .../lib/components/shimmer/public-api.ts | 0 .../components/shimmer/shimmer.component.ts | 0 .../lib/components/shimmer/shimmer.module.ts | 0 .../lib/components/slider/ng-package.json | 0 .../lib/components/slider/public-api.ts | 0 .../lib/components/slider/slider.component.ts | 0 .../lib/components/slider/slider.module.ts | 0 .../components/spin-button/ng-package.json | 0 .../lib/components/spin-button/public-api.ts | 0 .../spin-button/spin-button.component.ts | 0 .../spin-button/spin-button.module.ts | 0 .../lib/components/spinner/ng-package.json | 0 .../lib/components/spinner/public-api.ts | 0 .../components/spinner/spinner.component.ts | 0 .../lib/components/spinner/spinner.module.ts | 0 .../text-field/base-text-field.component.ts | 0 .../text-field/masked-text-field.component.ts | 0 .../lib/components/text-field/ng-package.json | 0 .../lib/components/text-field/public-api.ts | 0 .../text-field/text-field.component.ts | 0 .../text-field/text-field.module.ts | 0 .../lib/components/toggle/ng-package.json | 0 .../lib/components/toggle/public-api.ts | 0 .../lib/components/toggle/toggle.component.ts | 0 .../lib/components/toggle/toggle.module.ts | 0 .../lib/components/tooltip/public-api.ts | 0 .../tooltip/tooltip-host.component.ts | 0 .../lib/components/tooltip/tooltip.module.ts | 0 .../declarations/angular/typed-changes.d.ts | 0 .../lib/utils/get-data-attributes.ts | 0 libs/fabric/{src => }/lib/utils/kebab-case.ts | 0 libs/fabric/{src => }/lib/utils/noop.ts | 0 libs/fabric/{src => }/lib/utils/omit.ts | 0 libs/fabric/{src => }/lib/utils/pick.ts | 0 libs/fabric/public-api.ts | 43 ++++++++++++++++++- libs/fabric/src/index.ts | 4 -- libs/fabric/src/public-api.ts | 41 ------------------ libs/fabric/src/test.ts | 19 -------- 187 files changed, 65 insertions(+), 88 deletions(-) rename libs/fabric/{src => }/lib/components/breadcrumb/breadcrumb.component.ts (100%) rename libs/fabric/{src => }/lib/components/breadcrumb/breadcrumb.module.ts (100%) rename libs/fabric/{src => }/lib/components/breadcrumb/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/breadcrumb/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/button/action-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/base-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/button.module.ts (100%) rename libs/fabric/{src => }/lib/components/button/command-bar-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/compound-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/default-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/icon-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/messagebar-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/primary-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/button/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/button/split-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/calendar/calendar.component.ts (100%) rename libs/fabric/{src => }/lib/components/calendar/calendar.module.ts (100%) rename libs/fabric/{src => }/lib/components/calendar/directives/calendar-strings-directive.component.ts (100%) rename libs/fabric/{src => }/lib/components/calendar/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/callout/callout.component.ts (100%) rename libs/fabric/{src => }/lib/components/callout/callout.module.ts (100%) rename libs/fabric/{src => }/lib/components/callout/focus-trap-callout.component.ts (100%) rename libs/fabric/{src => }/lib/components/callout/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/callout/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/checkbox/checkbox.component.ts (100%) rename libs/fabric/{src => }/lib/components/checkbox/checkbox.module.ts (100%) rename libs/fabric/{src => }/lib/components/checkbox/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/checkbox/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/choice-group/choice-group.component.ts (100%) rename libs/fabric/{src => }/lib/components/choice-group/choice-group.module.ts (100%) rename libs/fabric/{src => }/lib/components/choice-group/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/choice-group/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/base-combo-box.component.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/combo-box.component.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/combo-box.module.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/directives/combo-box-option.directive.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/directives/combo-box-options.directive.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/combo-box/virtualized-combo-box.component.ts (100%) rename libs/fabric/{src => }/lib/components/command-bar/command-bar.component.ts (100%) rename libs/fabric/{src => }/lib/components/command-bar/command-bar.module.ts (100%) rename libs/fabric/{src => }/lib/components/command-bar/directives/command-bar-item.directives.ts (100%) rename libs/fabric/{src => }/lib/components/command-bar/directives/command-bar-items.directives.ts (100%) rename libs/fabric/{src => }/lib/components/command-bar/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/contextual-menu/contextual-menu.module.ts (100%) rename libs/fabric/{src => }/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts (100%) rename libs/fabric/{src => }/lib/components/contextual-menu/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/core/declarative/item-changed.helpers.ts (100%) rename libs/fabric/{src => }/lib/components/core/declarative/item-changed.payload.ts (100%) rename libs/fabric/{src => }/lib/components/core/declarative/item-changed.ts (100%) rename libs/fabric/{src => }/lib/components/core/shared/changeable-helper.ts (100%) rename libs/fabric/{src => }/lib/components/core/shared/changeable-item.directive.ts (100%) rename libs/fabric/{src => }/lib/components/core/shared/changeable-items.directive.ts (100%) rename libs/fabric/{src => }/lib/components/date-picker/date-picker.component.ts (100%) rename libs/fabric/{src => }/lib/components/date-picker/date-picker.module.ts (100%) rename libs/fabric/{src => }/lib/components/date-picker/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/details-list/details-list.component.ts (100%) rename libs/fabric/{src => }/lib/components/details-list/details-list.module.ts (100%) rename libs/fabric/{src => }/lib/components/details-list/directives/details-list-column.directive.ts (100%) rename libs/fabric/{src => }/lib/components/details-list/directives/details-list-columns.directive.ts (100%) rename libs/fabric/{src => }/lib/components/details-list/directives/details-list-groups.directive.ts (100%) rename libs/fabric/{src => }/lib/components/details-list/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/dialog/dialog.component.ts (100%) rename libs/fabric/{src => }/lib/components/dialog/dialog.module.ts (100%) rename libs/fabric/{src => }/lib/components/dialog/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/dialog/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/divider/divider.component.ts (100%) rename libs/fabric/{src => }/lib/components/divider/divider.module.ts (100%) rename libs/fabric/{src => }/lib/components/divider/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/divider/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/dropdown/directives/dropdown-option.directive.ts (100%) rename libs/fabric/{src => }/lib/components/dropdown/directives/dropdown-options.directive.ts (100%) rename libs/fabric/{src => }/lib/components/dropdown/dropdown.component.ts (100%) rename libs/fabric/{src => }/lib/components/dropdown/dropdown.module.ts (100%) rename libs/fabric/{src => }/lib/components/dropdown/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/fabric/fabric.component.ts (100%) rename libs/fabric/{src => }/lib/components/fabric/fabric.module.ts (100%) rename libs/fabric/{src => }/lib/components/fabric/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/fabric/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/group/directives/group-item.directive.ts (100%) rename libs/fabric/{src => }/lib/components/group/group.module.ts (100%) rename libs/fabric/{src => }/lib/components/group/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/grouped-list/grouped-list.component.ts (100%) rename libs/fabric/{src => }/lib/components/grouped-list/grouped-list.module.ts (100%) rename libs/fabric/{src => }/lib/components/grouped-list/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/grouped-list/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/hover-card/expanding-card.component.ts (100%) rename libs/fabric/{src => }/lib/components/hover-card/hover-card.component.ts (100%) rename libs/fabric/{src => }/lib/components/hover-card/hover-card.module.ts (100%) rename libs/fabric/{src => }/lib/components/hover-card/plain-card.component.ts (100%) rename libs/fabric/{src => }/lib/components/hover-card/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/icon/icon.component.ts (100%) rename libs/fabric/{src => }/lib/components/icon/icon.module.ts (100%) rename libs/fabric/{src => }/lib/components/icon/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/icon/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/image/image.component.ts (100%) rename libs/fabric/{src => }/lib/components/image/image.module.ts (100%) rename libs/fabric/{src => }/lib/components/image/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/image/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/link/link.component.ts (100%) rename libs/fabric/{src => }/lib/components/link/link.module.ts (100%) rename libs/fabric/{src => }/lib/components/link/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/link/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/marquee-selection/marquee-selection.component.ts (100%) rename libs/fabric/{src => }/lib/components/marquee-selection/marquee-selection.module.ts (100%) rename libs/fabric/{src => }/lib/components/marquee-selection/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/marquee-selection/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/message-bar/message-bar.component.ts (100%) rename libs/fabric/{src => }/lib/components/message-bar/message-bar.module.ts (100%) rename libs/fabric/{src => }/lib/components/message-bar/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/message-bar/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/modal/modal.component.ts (100%) rename libs/fabric/{src => }/lib/components/modal/modal.module.ts (100%) rename libs/fabric/{src => }/lib/components/modal/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/modal/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/nav/nav.component.ts (100%) rename libs/fabric/{src => }/lib/components/nav/nav.module.ts (96%) rename libs/fabric/{src => }/lib/components/nav/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/nav/public-api.ts (97%) rename libs/fabric/{src => }/lib/components/panel/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/panel/panel.component.ts (100%) rename libs/fabric/{src => }/lib/components/panel/panel.module.ts (100%) rename libs/fabric/{src => }/lib/components/panel/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/persona/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/persona/persona.component.ts (100%) rename libs/fabric/{src => }/lib/components/persona/persona.module.ts (100%) rename libs/fabric/{src => }/lib/components/persona/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/base-picker/base-picker.component.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/base-picker/base-picker.module.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/base-picker/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/people-picker/people-picker.component.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/people-picker/people-picker.module.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/people-picker/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/tag-picker/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/tag-picker/tag-picker.component.ts (100%) rename libs/fabric/{src => }/lib/components/pickers/tag-picker/tag-picker.module.ts (100%) rename libs/fabric/{src => }/lib/components/pivot/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/pivot/pivot.component.ts (100%) rename libs/fabric/{src => }/lib/components/pivot/pivot.module.ts (100%) rename libs/fabric/{src => }/lib/components/pivot/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/progress-indicator/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/progress-indicator/progress-indicator.component.ts (100%) rename libs/fabric/{src => }/lib/components/progress-indicator/progress-indicator.module.ts (100%) rename libs/fabric/{src => }/lib/components/progress-indicator/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/search-box/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/search-box/search-box.component.ts (100%) rename libs/fabric/{src => }/lib/components/search-box/search-box.module.ts (100%) rename libs/fabric/{src => }/lib/components/shimmer/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/shimmer/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/shimmer/shimmer.component.ts (100%) rename libs/fabric/{src => }/lib/components/shimmer/shimmer.module.ts (100%) rename libs/fabric/{src => }/lib/components/slider/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/slider/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/slider/slider.component.ts (100%) rename libs/fabric/{src => }/lib/components/slider/slider.module.ts (100%) rename libs/fabric/{src => }/lib/components/spin-button/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/spin-button/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/spin-button/spin-button.component.ts (100%) rename libs/fabric/{src => }/lib/components/spin-button/spin-button.module.ts (100%) rename libs/fabric/{src => }/lib/components/spinner/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/spinner/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/spinner/spinner.component.ts (100%) rename libs/fabric/{src => }/lib/components/spinner/spinner.module.ts (100%) rename libs/fabric/{src => }/lib/components/text-field/base-text-field.component.ts (100%) rename libs/fabric/{src => }/lib/components/text-field/masked-text-field.component.ts (100%) rename libs/fabric/{src => }/lib/components/text-field/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/text-field/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/text-field/text-field.component.ts (100%) rename libs/fabric/{src => }/lib/components/text-field/text-field.module.ts (100%) rename libs/fabric/{src => }/lib/components/toggle/ng-package.json (100%) rename libs/fabric/{src => }/lib/components/toggle/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/toggle/toggle.component.ts (100%) rename libs/fabric/{src => }/lib/components/toggle/toggle.module.ts (100%) rename libs/fabric/{src => }/lib/components/tooltip/public-api.ts (100%) rename libs/fabric/{src => }/lib/components/tooltip/tooltip-host.component.ts (100%) rename libs/fabric/{src => }/lib/components/tooltip/tooltip.module.ts (100%) rename libs/fabric/{src => }/lib/declarations/angular/typed-changes.d.ts (100%) rename libs/fabric/{src => }/lib/utils/get-data-attributes.ts (100%) rename libs/fabric/{src => }/lib/utils/kebab-case.ts (100%) rename libs/fabric/{src => }/lib/utils/noop.ts (100%) rename libs/fabric/{src => }/lib/utils/omit.ts (100%) rename libs/fabric/{src => }/lib/utils/pick.ts (100%) delete mode 100644 libs/fabric/src/index.ts delete mode 100644 libs/fabric/src/public-api.ts delete mode 100644 libs/fabric/src/test.ts diff --git a/libs/fabric/src/lib/components/breadcrumb/breadcrumb.component.ts b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts similarity index 100% rename from libs/fabric/src/lib/components/breadcrumb/breadcrumb.component.ts rename to libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts diff --git a/libs/fabric/src/lib/components/breadcrumb/breadcrumb.module.ts b/libs/fabric/lib/components/breadcrumb/breadcrumb.module.ts similarity index 100% rename from libs/fabric/src/lib/components/breadcrumb/breadcrumb.module.ts rename to libs/fabric/lib/components/breadcrumb/breadcrumb.module.ts diff --git a/libs/fabric/src/lib/components/breadcrumb/ng-package.json b/libs/fabric/lib/components/breadcrumb/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/breadcrumb/ng-package.json rename to libs/fabric/lib/components/breadcrumb/ng-package.json diff --git a/libs/fabric/src/lib/components/breadcrumb/public-api.ts b/libs/fabric/lib/components/breadcrumb/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/breadcrumb/public-api.ts rename to libs/fabric/lib/components/breadcrumb/public-api.ts diff --git a/libs/fabric/src/lib/components/button/action-button.component.ts b/libs/fabric/lib/components/button/action-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/action-button.component.ts rename to libs/fabric/lib/components/button/action-button.component.ts diff --git a/libs/fabric/src/lib/components/button/base-button.component.ts b/libs/fabric/lib/components/button/base-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/base-button.component.ts rename to libs/fabric/lib/components/button/base-button.component.ts diff --git a/libs/fabric/src/lib/components/button/button.module.ts b/libs/fabric/lib/components/button/button.module.ts similarity index 100% rename from libs/fabric/src/lib/components/button/button.module.ts rename to libs/fabric/lib/components/button/button.module.ts diff --git a/libs/fabric/src/lib/components/button/command-bar-button.component.ts b/libs/fabric/lib/components/button/command-bar-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/command-bar-button.component.ts rename to libs/fabric/lib/components/button/command-bar-button.component.ts diff --git a/libs/fabric/src/lib/components/button/compound-button.component.ts b/libs/fabric/lib/components/button/compound-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/compound-button.component.ts rename to libs/fabric/lib/components/button/compound-button.component.ts diff --git a/libs/fabric/src/lib/components/button/default-button.component.ts b/libs/fabric/lib/components/button/default-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/default-button.component.ts rename to libs/fabric/lib/components/button/default-button.component.ts diff --git a/libs/fabric/src/lib/components/button/icon-button.component.ts b/libs/fabric/lib/components/button/icon-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/icon-button.component.ts rename to libs/fabric/lib/components/button/icon-button.component.ts diff --git a/libs/fabric/src/lib/components/button/messagebar-button.component.ts b/libs/fabric/lib/components/button/messagebar-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/messagebar-button.component.ts rename to libs/fabric/lib/components/button/messagebar-button.component.ts diff --git a/libs/fabric/src/lib/components/button/primary-button.component.ts b/libs/fabric/lib/components/button/primary-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/primary-button.component.ts rename to libs/fabric/lib/components/button/primary-button.component.ts diff --git a/libs/fabric/src/lib/components/button/public-api.ts b/libs/fabric/lib/components/button/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/button/public-api.ts rename to libs/fabric/lib/components/button/public-api.ts diff --git a/libs/fabric/src/lib/components/button/split-button.component.ts b/libs/fabric/lib/components/button/split-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/button/split-button.component.ts rename to libs/fabric/lib/components/button/split-button.component.ts diff --git a/libs/fabric/src/lib/components/calendar/calendar.component.ts b/libs/fabric/lib/components/calendar/calendar.component.ts similarity index 100% rename from libs/fabric/src/lib/components/calendar/calendar.component.ts rename to libs/fabric/lib/components/calendar/calendar.component.ts diff --git a/libs/fabric/src/lib/components/calendar/calendar.module.ts b/libs/fabric/lib/components/calendar/calendar.module.ts similarity index 100% rename from libs/fabric/src/lib/components/calendar/calendar.module.ts rename to libs/fabric/lib/components/calendar/calendar.module.ts diff --git a/libs/fabric/src/lib/components/calendar/directives/calendar-strings-directive.component.ts b/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts similarity index 100% rename from libs/fabric/src/lib/components/calendar/directives/calendar-strings-directive.component.ts rename to libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts diff --git a/libs/fabric/src/lib/components/calendar/public-api.ts b/libs/fabric/lib/components/calendar/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/calendar/public-api.ts rename to libs/fabric/lib/components/calendar/public-api.ts diff --git a/libs/fabric/src/lib/components/callout/callout.component.ts b/libs/fabric/lib/components/callout/callout.component.ts similarity index 100% rename from libs/fabric/src/lib/components/callout/callout.component.ts rename to libs/fabric/lib/components/callout/callout.component.ts diff --git a/libs/fabric/src/lib/components/callout/callout.module.ts b/libs/fabric/lib/components/callout/callout.module.ts similarity index 100% rename from libs/fabric/src/lib/components/callout/callout.module.ts rename to libs/fabric/lib/components/callout/callout.module.ts diff --git a/libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts similarity index 100% rename from libs/fabric/src/lib/components/callout/focus-trap-callout.component.ts rename to libs/fabric/lib/components/callout/focus-trap-callout.component.ts diff --git a/libs/fabric/src/lib/components/callout/ng-package.json b/libs/fabric/lib/components/callout/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/callout/ng-package.json rename to libs/fabric/lib/components/callout/ng-package.json diff --git a/libs/fabric/src/lib/components/callout/public-api.ts b/libs/fabric/lib/components/callout/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/callout/public-api.ts rename to libs/fabric/lib/components/callout/public-api.ts diff --git a/libs/fabric/src/lib/components/checkbox/checkbox.component.ts b/libs/fabric/lib/components/checkbox/checkbox.component.ts similarity index 100% rename from libs/fabric/src/lib/components/checkbox/checkbox.component.ts rename to libs/fabric/lib/components/checkbox/checkbox.component.ts diff --git a/libs/fabric/src/lib/components/checkbox/checkbox.module.ts b/libs/fabric/lib/components/checkbox/checkbox.module.ts similarity index 100% rename from libs/fabric/src/lib/components/checkbox/checkbox.module.ts rename to libs/fabric/lib/components/checkbox/checkbox.module.ts diff --git a/libs/fabric/src/lib/components/checkbox/ng-package.json b/libs/fabric/lib/components/checkbox/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/checkbox/ng-package.json rename to libs/fabric/lib/components/checkbox/ng-package.json diff --git a/libs/fabric/src/lib/components/checkbox/public-api.ts b/libs/fabric/lib/components/checkbox/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/checkbox/public-api.ts rename to libs/fabric/lib/components/checkbox/public-api.ts diff --git a/libs/fabric/src/lib/components/choice-group/choice-group.component.ts b/libs/fabric/lib/components/choice-group/choice-group.component.ts similarity index 100% rename from libs/fabric/src/lib/components/choice-group/choice-group.component.ts rename to libs/fabric/lib/components/choice-group/choice-group.component.ts diff --git a/libs/fabric/src/lib/components/choice-group/choice-group.module.ts b/libs/fabric/lib/components/choice-group/choice-group.module.ts similarity index 100% rename from libs/fabric/src/lib/components/choice-group/choice-group.module.ts rename to libs/fabric/lib/components/choice-group/choice-group.module.ts diff --git a/libs/fabric/src/lib/components/choice-group/ng-package.json b/libs/fabric/lib/components/choice-group/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/choice-group/ng-package.json rename to libs/fabric/lib/components/choice-group/ng-package.json diff --git a/libs/fabric/src/lib/components/choice-group/public-api.ts b/libs/fabric/lib/components/choice-group/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/choice-group/public-api.ts rename to libs/fabric/lib/components/choice-group/public-api.ts diff --git a/libs/fabric/src/lib/components/combo-box/base-combo-box.component.ts b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/base-combo-box.component.ts rename to libs/fabric/lib/components/combo-box/base-combo-box.component.ts diff --git a/libs/fabric/src/lib/components/combo-box/combo-box.component.ts b/libs/fabric/lib/components/combo-box/combo-box.component.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/combo-box.component.ts rename to libs/fabric/lib/components/combo-box/combo-box.component.ts diff --git a/libs/fabric/src/lib/components/combo-box/combo-box.module.ts b/libs/fabric/lib/components/combo-box/combo-box.module.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/combo-box.module.ts rename to libs/fabric/lib/components/combo-box/combo-box.module.ts diff --git a/libs/fabric/src/lib/components/combo-box/directives/combo-box-option.directive.ts b/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/directives/combo-box-option.directive.ts rename to libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts diff --git a/libs/fabric/src/lib/components/combo-box/directives/combo-box-options.directive.ts b/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/directives/combo-box-options.directive.ts rename to libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts diff --git a/libs/fabric/src/lib/components/combo-box/public-api.ts b/libs/fabric/lib/components/combo-box/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/public-api.ts rename to libs/fabric/lib/components/combo-box/public-api.ts diff --git a/libs/fabric/src/lib/components/combo-box/virtualized-combo-box.component.ts b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts similarity index 100% rename from libs/fabric/src/lib/components/combo-box/virtualized-combo-box.component.ts rename to libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts diff --git a/libs/fabric/src/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts similarity index 100% rename from libs/fabric/src/lib/components/command-bar/command-bar.component.ts rename to libs/fabric/lib/components/command-bar/command-bar.component.ts diff --git a/libs/fabric/src/lib/components/command-bar/command-bar.module.ts b/libs/fabric/lib/components/command-bar/command-bar.module.ts similarity index 100% rename from libs/fabric/src/lib/components/command-bar/command-bar.module.ts rename to libs/fabric/lib/components/command-bar/command-bar.module.ts diff --git a/libs/fabric/src/lib/components/command-bar/directives/command-bar-item.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts similarity index 100% rename from libs/fabric/src/lib/components/command-bar/directives/command-bar-item.directives.ts rename to libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts diff --git a/libs/fabric/src/lib/components/command-bar/directives/command-bar-items.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts similarity index 100% rename from libs/fabric/src/lib/components/command-bar/directives/command-bar-items.directives.ts rename to libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts diff --git a/libs/fabric/src/lib/components/command-bar/public-api.ts b/libs/fabric/lib/components/command-bar/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/command-bar/public-api.ts rename to libs/fabric/lib/components/command-bar/public-api.ts diff --git a/libs/fabric/src/lib/components/contextual-menu/contextual-menu.module.ts b/libs/fabric/lib/components/contextual-menu/contextual-menu.module.ts similarity index 100% rename from libs/fabric/src/lib/components/contextual-menu/contextual-menu.module.ts rename to libs/fabric/lib/components/contextual-menu/contextual-menu.module.ts diff --git a/libs/fabric/src/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts rename to libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts diff --git a/libs/fabric/src/lib/components/contextual-menu/public-api.ts b/libs/fabric/lib/components/contextual-menu/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/contextual-menu/public-api.ts rename to libs/fabric/lib/components/contextual-menu/public-api.ts diff --git a/libs/fabric/src/lib/components/core/declarative/item-changed.helpers.ts b/libs/fabric/lib/components/core/declarative/item-changed.helpers.ts similarity index 100% rename from libs/fabric/src/lib/components/core/declarative/item-changed.helpers.ts rename to libs/fabric/lib/components/core/declarative/item-changed.helpers.ts diff --git a/libs/fabric/src/lib/components/core/declarative/item-changed.payload.ts b/libs/fabric/lib/components/core/declarative/item-changed.payload.ts similarity index 100% rename from libs/fabric/src/lib/components/core/declarative/item-changed.payload.ts rename to libs/fabric/lib/components/core/declarative/item-changed.payload.ts diff --git a/libs/fabric/src/lib/components/core/declarative/item-changed.ts b/libs/fabric/lib/components/core/declarative/item-changed.ts similarity index 100% rename from libs/fabric/src/lib/components/core/declarative/item-changed.ts rename to libs/fabric/lib/components/core/declarative/item-changed.ts diff --git a/libs/fabric/src/lib/components/core/shared/changeable-helper.ts b/libs/fabric/lib/components/core/shared/changeable-helper.ts similarity index 100% rename from libs/fabric/src/lib/components/core/shared/changeable-helper.ts rename to libs/fabric/lib/components/core/shared/changeable-helper.ts diff --git a/libs/fabric/src/lib/components/core/shared/changeable-item.directive.ts b/libs/fabric/lib/components/core/shared/changeable-item.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/core/shared/changeable-item.directive.ts rename to libs/fabric/lib/components/core/shared/changeable-item.directive.ts diff --git a/libs/fabric/src/lib/components/core/shared/changeable-items.directive.ts b/libs/fabric/lib/components/core/shared/changeable-items.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/core/shared/changeable-items.directive.ts rename to libs/fabric/lib/components/core/shared/changeable-items.directive.ts diff --git a/libs/fabric/src/lib/components/date-picker/date-picker.component.ts b/libs/fabric/lib/components/date-picker/date-picker.component.ts similarity index 100% rename from libs/fabric/src/lib/components/date-picker/date-picker.component.ts rename to libs/fabric/lib/components/date-picker/date-picker.component.ts diff --git a/libs/fabric/src/lib/components/date-picker/date-picker.module.ts b/libs/fabric/lib/components/date-picker/date-picker.module.ts similarity index 100% rename from libs/fabric/src/lib/components/date-picker/date-picker.module.ts rename to libs/fabric/lib/components/date-picker/date-picker.module.ts diff --git a/libs/fabric/src/lib/components/date-picker/public-api.ts b/libs/fabric/lib/components/date-picker/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/date-picker/public-api.ts rename to libs/fabric/lib/components/date-picker/public-api.ts diff --git a/libs/fabric/src/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts similarity index 100% rename from libs/fabric/src/lib/components/details-list/details-list.component.ts rename to libs/fabric/lib/components/details-list/details-list.component.ts diff --git a/libs/fabric/src/lib/components/details-list/details-list.module.ts b/libs/fabric/lib/components/details-list/details-list.module.ts similarity index 100% rename from libs/fabric/src/lib/components/details-list/details-list.module.ts rename to libs/fabric/lib/components/details-list/details-list.module.ts diff --git a/libs/fabric/src/lib/components/details-list/directives/details-list-column.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/details-list/directives/details-list-column.directive.ts rename to libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts diff --git a/libs/fabric/src/lib/components/details-list/directives/details-list-columns.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/details-list/directives/details-list-columns.directive.ts rename to libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts diff --git a/libs/fabric/src/lib/components/details-list/directives/details-list-groups.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/details-list/directives/details-list-groups.directive.ts rename to libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts diff --git a/libs/fabric/src/lib/components/details-list/public-api.ts b/libs/fabric/lib/components/details-list/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/details-list/public-api.ts rename to libs/fabric/lib/components/details-list/public-api.ts diff --git a/libs/fabric/src/lib/components/dialog/dialog.component.ts b/libs/fabric/lib/components/dialog/dialog.component.ts similarity index 100% rename from libs/fabric/src/lib/components/dialog/dialog.component.ts rename to libs/fabric/lib/components/dialog/dialog.component.ts diff --git a/libs/fabric/src/lib/components/dialog/dialog.module.ts b/libs/fabric/lib/components/dialog/dialog.module.ts similarity index 100% rename from libs/fabric/src/lib/components/dialog/dialog.module.ts rename to libs/fabric/lib/components/dialog/dialog.module.ts diff --git a/libs/fabric/src/lib/components/dialog/ng-package.json b/libs/fabric/lib/components/dialog/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/dialog/ng-package.json rename to libs/fabric/lib/components/dialog/ng-package.json diff --git a/libs/fabric/src/lib/components/dialog/public-api.ts b/libs/fabric/lib/components/dialog/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/dialog/public-api.ts rename to libs/fabric/lib/components/dialog/public-api.ts diff --git a/libs/fabric/src/lib/components/divider/divider.component.ts b/libs/fabric/lib/components/divider/divider.component.ts similarity index 100% rename from libs/fabric/src/lib/components/divider/divider.component.ts rename to libs/fabric/lib/components/divider/divider.component.ts diff --git a/libs/fabric/src/lib/components/divider/divider.module.ts b/libs/fabric/lib/components/divider/divider.module.ts similarity index 100% rename from libs/fabric/src/lib/components/divider/divider.module.ts rename to libs/fabric/lib/components/divider/divider.module.ts diff --git a/libs/fabric/src/lib/components/divider/ng-package.json b/libs/fabric/lib/components/divider/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/divider/ng-package.json rename to libs/fabric/lib/components/divider/ng-package.json diff --git a/libs/fabric/src/lib/components/divider/public-api.ts b/libs/fabric/lib/components/divider/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/divider/public-api.ts rename to libs/fabric/lib/components/divider/public-api.ts diff --git a/libs/fabric/src/lib/components/dropdown/directives/dropdown-option.directive.ts b/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/dropdown/directives/dropdown-option.directive.ts rename to libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts diff --git a/libs/fabric/src/lib/components/dropdown/directives/dropdown-options.directive.ts b/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/dropdown/directives/dropdown-options.directive.ts rename to libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts diff --git a/libs/fabric/src/lib/components/dropdown/dropdown.component.ts b/libs/fabric/lib/components/dropdown/dropdown.component.ts similarity index 100% rename from libs/fabric/src/lib/components/dropdown/dropdown.component.ts rename to libs/fabric/lib/components/dropdown/dropdown.component.ts diff --git a/libs/fabric/src/lib/components/dropdown/dropdown.module.ts b/libs/fabric/lib/components/dropdown/dropdown.module.ts similarity index 100% rename from libs/fabric/src/lib/components/dropdown/dropdown.module.ts rename to libs/fabric/lib/components/dropdown/dropdown.module.ts diff --git a/libs/fabric/src/lib/components/dropdown/public-api.ts b/libs/fabric/lib/components/dropdown/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/dropdown/public-api.ts rename to libs/fabric/lib/components/dropdown/public-api.ts diff --git a/libs/fabric/src/lib/components/fabric/fabric.component.ts b/libs/fabric/lib/components/fabric/fabric.component.ts similarity index 100% rename from libs/fabric/src/lib/components/fabric/fabric.component.ts rename to libs/fabric/lib/components/fabric/fabric.component.ts diff --git a/libs/fabric/src/lib/components/fabric/fabric.module.ts b/libs/fabric/lib/components/fabric/fabric.module.ts similarity index 100% rename from libs/fabric/src/lib/components/fabric/fabric.module.ts rename to libs/fabric/lib/components/fabric/fabric.module.ts diff --git a/libs/fabric/src/lib/components/fabric/ng-package.json b/libs/fabric/lib/components/fabric/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/fabric/ng-package.json rename to libs/fabric/lib/components/fabric/ng-package.json diff --git a/libs/fabric/src/lib/components/fabric/public-api.ts b/libs/fabric/lib/components/fabric/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/fabric/public-api.ts rename to libs/fabric/lib/components/fabric/public-api.ts diff --git a/libs/fabric/src/lib/components/group/directives/group-item.directive.ts b/libs/fabric/lib/components/group/directives/group-item.directive.ts similarity index 100% rename from libs/fabric/src/lib/components/group/directives/group-item.directive.ts rename to libs/fabric/lib/components/group/directives/group-item.directive.ts diff --git a/libs/fabric/src/lib/components/group/group.module.ts b/libs/fabric/lib/components/group/group.module.ts similarity index 100% rename from libs/fabric/src/lib/components/group/group.module.ts rename to libs/fabric/lib/components/group/group.module.ts diff --git a/libs/fabric/src/lib/components/group/public-api.ts b/libs/fabric/lib/components/group/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/group/public-api.ts rename to libs/fabric/lib/components/group/public-api.ts diff --git a/libs/fabric/src/lib/components/grouped-list/grouped-list.component.ts b/libs/fabric/lib/components/grouped-list/grouped-list.component.ts similarity index 100% rename from libs/fabric/src/lib/components/grouped-list/grouped-list.component.ts rename to libs/fabric/lib/components/grouped-list/grouped-list.component.ts diff --git a/libs/fabric/src/lib/components/grouped-list/grouped-list.module.ts b/libs/fabric/lib/components/grouped-list/grouped-list.module.ts similarity index 100% rename from libs/fabric/src/lib/components/grouped-list/grouped-list.module.ts rename to libs/fabric/lib/components/grouped-list/grouped-list.module.ts diff --git a/libs/fabric/src/lib/components/grouped-list/ng-package.json b/libs/fabric/lib/components/grouped-list/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/grouped-list/ng-package.json rename to libs/fabric/lib/components/grouped-list/ng-package.json diff --git a/libs/fabric/src/lib/components/grouped-list/public-api.ts b/libs/fabric/lib/components/grouped-list/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/grouped-list/public-api.ts rename to libs/fabric/lib/components/grouped-list/public-api.ts diff --git a/libs/fabric/src/lib/components/hover-card/expanding-card.component.ts b/libs/fabric/lib/components/hover-card/expanding-card.component.ts similarity index 100% rename from libs/fabric/src/lib/components/hover-card/expanding-card.component.ts rename to libs/fabric/lib/components/hover-card/expanding-card.component.ts diff --git a/libs/fabric/src/lib/components/hover-card/hover-card.component.ts b/libs/fabric/lib/components/hover-card/hover-card.component.ts similarity index 100% rename from libs/fabric/src/lib/components/hover-card/hover-card.component.ts rename to libs/fabric/lib/components/hover-card/hover-card.component.ts diff --git a/libs/fabric/src/lib/components/hover-card/hover-card.module.ts b/libs/fabric/lib/components/hover-card/hover-card.module.ts similarity index 100% rename from libs/fabric/src/lib/components/hover-card/hover-card.module.ts rename to libs/fabric/lib/components/hover-card/hover-card.module.ts diff --git a/libs/fabric/src/lib/components/hover-card/plain-card.component.ts b/libs/fabric/lib/components/hover-card/plain-card.component.ts similarity index 100% rename from libs/fabric/src/lib/components/hover-card/plain-card.component.ts rename to libs/fabric/lib/components/hover-card/plain-card.component.ts diff --git a/libs/fabric/src/lib/components/hover-card/public-api.ts b/libs/fabric/lib/components/hover-card/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/hover-card/public-api.ts rename to libs/fabric/lib/components/hover-card/public-api.ts diff --git a/libs/fabric/src/lib/components/icon/icon.component.ts b/libs/fabric/lib/components/icon/icon.component.ts similarity index 100% rename from libs/fabric/src/lib/components/icon/icon.component.ts rename to libs/fabric/lib/components/icon/icon.component.ts diff --git a/libs/fabric/src/lib/components/icon/icon.module.ts b/libs/fabric/lib/components/icon/icon.module.ts similarity index 100% rename from libs/fabric/src/lib/components/icon/icon.module.ts rename to libs/fabric/lib/components/icon/icon.module.ts diff --git a/libs/fabric/src/lib/components/icon/ng-package.json b/libs/fabric/lib/components/icon/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/icon/ng-package.json rename to libs/fabric/lib/components/icon/ng-package.json diff --git a/libs/fabric/src/lib/components/icon/public-api.ts b/libs/fabric/lib/components/icon/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/icon/public-api.ts rename to libs/fabric/lib/components/icon/public-api.ts diff --git a/libs/fabric/src/lib/components/image/image.component.ts b/libs/fabric/lib/components/image/image.component.ts similarity index 100% rename from libs/fabric/src/lib/components/image/image.component.ts rename to libs/fabric/lib/components/image/image.component.ts diff --git a/libs/fabric/src/lib/components/image/image.module.ts b/libs/fabric/lib/components/image/image.module.ts similarity index 100% rename from libs/fabric/src/lib/components/image/image.module.ts rename to libs/fabric/lib/components/image/image.module.ts diff --git a/libs/fabric/src/lib/components/image/ng-package.json b/libs/fabric/lib/components/image/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/image/ng-package.json rename to libs/fabric/lib/components/image/ng-package.json diff --git a/libs/fabric/src/lib/components/image/public-api.ts b/libs/fabric/lib/components/image/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/image/public-api.ts rename to libs/fabric/lib/components/image/public-api.ts diff --git a/libs/fabric/src/lib/components/link/link.component.ts b/libs/fabric/lib/components/link/link.component.ts similarity index 100% rename from libs/fabric/src/lib/components/link/link.component.ts rename to libs/fabric/lib/components/link/link.component.ts diff --git a/libs/fabric/src/lib/components/link/link.module.ts b/libs/fabric/lib/components/link/link.module.ts similarity index 100% rename from libs/fabric/src/lib/components/link/link.module.ts rename to libs/fabric/lib/components/link/link.module.ts diff --git a/libs/fabric/src/lib/components/link/ng-package.json b/libs/fabric/lib/components/link/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/link/ng-package.json rename to libs/fabric/lib/components/link/ng-package.json diff --git a/libs/fabric/src/lib/components/link/public-api.ts b/libs/fabric/lib/components/link/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/link/public-api.ts rename to libs/fabric/lib/components/link/public-api.ts diff --git a/libs/fabric/src/lib/components/marquee-selection/marquee-selection.component.ts b/libs/fabric/lib/components/marquee-selection/marquee-selection.component.ts similarity index 100% rename from libs/fabric/src/lib/components/marquee-selection/marquee-selection.component.ts rename to libs/fabric/lib/components/marquee-selection/marquee-selection.component.ts diff --git a/libs/fabric/src/lib/components/marquee-selection/marquee-selection.module.ts b/libs/fabric/lib/components/marquee-selection/marquee-selection.module.ts similarity index 100% rename from libs/fabric/src/lib/components/marquee-selection/marquee-selection.module.ts rename to libs/fabric/lib/components/marquee-selection/marquee-selection.module.ts diff --git a/libs/fabric/src/lib/components/marquee-selection/ng-package.json b/libs/fabric/lib/components/marquee-selection/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/marquee-selection/ng-package.json rename to libs/fabric/lib/components/marquee-selection/ng-package.json diff --git a/libs/fabric/src/lib/components/marquee-selection/public-api.ts b/libs/fabric/lib/components/marquee-selection/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/marquee-selection/public-api.ts rename to libs/fabric/lib/components/marquee-selection/public-api.ts diff --git a/libs/fabric/src/lib/components/message-bar/message-bar.component.ts b/libs/fabric/lib/components/message-bar/message-bar.component.ts similarity index 100% rename from libs/fabric/src/lib/components/message-bar/message-bar.component.ts rename to libs/fabric/lib/components/message-bar/message-bar.component.ts diff --git a/libs/fabric/src/lib/components/message-bar/message-bar.module.ts b/libs/fabric/lib/components/message-bar/message-bar.module.ts similarity index 100% rename from libs/fabric/src/lib/components/message-bar/message-bar.module.ts rename to libs/fabric/lib/components/message-bar/message-bar.module.ts diff --git a/libs/fabric/src/lib/components/message-bar/ng-package.json b/libs/fabric/lib/components/message-bar/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/message-bar/ng-package.json rename to libs/fabric/lib/components/message-bar/ng-package.json diff --git a/libs/fabric/src/lib/components/message-bar/public-api.ts b/libs/fabric/lib/components/message-bar/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/message-bar/public-api.ts rename to libs/fabric/lib/components/message-bar/public-api.ts diff --git a/libs/fabric/src/lib/components/modal/modal.component.ts b/libs/fabric/lib/components/modal/modal.component.ts similarity index 100% rename from libs/fabric/src/lib/components/modal/modal.component.ts rename to libs/fabric/lib/components/modal/modal.component.ts diff --git a/libs/fabric/src/lib/components/modal/modal.module.ts b/libs/fabric/lib/components/modal/modal.module.ts similarity index 100% rename from libs/fabric/src/lib/components/modal/modal.module.ts rename to libs/fabric/lib/components/modal/modal.module.ts diff --git a/libs/fabric/src/lib/components/modal/ng-package.json b/libs/fabric/lib/components/modal/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/modal/ng-package.json rename to libs/fabric/lib/components/modal/ng-package.json diff --git a/libs/fabric/src/lib/components/modal/public-api.ts b/libs/fabric/lib/components/modal/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/modal/public-api.ts rename to libs/fabric/lib/components/modal/public-api.ts diff --git a/libs/fabric/src/lib/components/nav/nav.component.ts b/libs/fabric/lib/components/nav/nav.component.ts similarity index 100% rename from libs/fabric/src/lib/components/nav/nav.component.ts rename to libs/fabric/lib/components/nav/nav.component.ts diff --git a/libs/fabric/src/lib/components/nav/nav.module.ts b/libs/fabric/lib/components/nav/nav.module.ts similarity index 96% rename from libs/fabric/src/lib/components/nav/nav.module.ts rename to libs/fabric/lib/components/nav/nav.module.ts index f50e9188..3c2dc5d8 100644 --- a/libs/fabric/src/lib/components/nav/nav.module.ts +++ b/libs/fabric/lib/components/nav/nav.module.ts @@ -1,20 +1,20 @@ -// Copyright (c) Microsoft Corporation. All rights reserved. -// Licensed under the MIT License. - -import { registerElement } from "@angular-react/core"; -import { Nav } from "office-ui-fabric-react/lib/Nav"; -import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; -import { CommonModule } from "@angular/common"; -import { FabNavComponent } from "./nav.component"; - -@NgModule({ - imports: [CommonModule], - declarations: [FabNavComponent], - exports: [FabNavComponent], - schemas: [NO_ERRORS_SCHEMA] -}) -export class FabNavModule { - constructor() { - registerElement('Nav', () => Nav) - } +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import { registerElement } from "@angular-react/core"; +import { Nav } from "office-ui-fabric-react/lib/Nav"; +import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; +import { CommonModule } from "@angular/common"; +import { FabNavComponent } from "./nav.component"; + +@NgModule({ + imports: [CommonModule], + declarations: [FabNavComponent], + exports: [FabNavComponent], + schemas: [NO_ERRORS_SCHEMA] +}) +export class FabNavModule { + constructor() { + registerElement('Nav', () => Nav) + } } \ No newline at end of file diff --git a/libs/fabric/src/lib/components/nav/ng-package.json b/libs/fabric/lib/components/nav/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/nav/ng-package.json rename to libs/fabric/lib/components/nav/ng-package.json diff --git a/libs/fabric/src/lib/components/nav/public-api.ts b/libs/fabric/lib/components/nav/public-api.ts similarity index 97% rename from libs/fabric/src/lib/components/nav/public-api.ts rename to libs/fabric/lib/components/nav/public-api.ts index 5d73ba6c..2f552891 100644 --- a/libs/fabric/src/lib/components/nav/public-api.ts +++ b/libs/fabric/lib/components/nav/public-api.ts @@ -1,5 +1,5 @@ -// Copyright (c) Microsoft Corporation. All rights reserved. -// Licensed under the MIT License. - -export * from './nav.module'; +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +export * from './nav.module'; export * from './nav.component'; \ No newline at end of file diff --git a/libs/fabric/src/lib/components/panel/ng-package.json b/libs/fabric/lib/components/panel/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/panel/ng-package.json rename to libs/fabric/lib/components/panel/ng-package.json diff --git a/libs/fabric/src/lib/components/panel/panel.component.ts b/libs/fabric/lib/components/panel/panel.component.ts similarity index 100% rename from libs/fabric/src/lib/components/panel/panel.component.ts rename to libs/fabric/lib/components/panel/panel.component.ts diff --git a/libs/fabric/src/lib/components/panel/panel.module.ts b/libs/fabric/lib/components/panel/panel.module.ts similarity index 100% rename from libs/fabric/src/lib/components/panel/panel.module.ts rename to libs/fabric/lib/components/panel/panel.module.ts diff --git a/libs/fabric/src/lib/components/panel/public-api.ts b/libs/fabric/lib/components/panel/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/panel/public-api.ts rename to libs/fabric/lib/components/panel/public-api.ts diff --git a/libs/fabric/src/lib/components/persona/ng-package.json b/libs/fabric/lib/components/persona/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/persona/ng-package.json rename to libs/fabric/lib/components/persona/ng-package.json diff --git a/libs/fabric/src/lib/components/persona/persona.component.ts b/libs/fabric/lib/components/persona/persona.component.ts similarity index 100% rename from libs/fabric/src/lib/components/persona/persona.component.ts rename to libs/fabric/lib/components/persona/persona.component.ts diff --git a/libs/fabric/src/lib/components/persona/persona.module.ts b/libs/fabric/lib/components/persona/persona.module.ts similarity index 100% rename from libs/fabric/src/lib/components/persona/persona.module.ts rename to libs/fabric/lib/components/persona/persona.module.ts diff --git a/libs/fabric/src/lib/components/persona/public-api.ts b/libs/fabric/lib/components/persona/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/persona/public-api.ts rename to libs/fabric/lib/components/persona/public-api.ts diff --git a/libs/fabric/src/lib/components/pickers/base-picker/base-picker.component.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/base-picker/base-picker.component.ts rename to libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts diff --git a/libs/fabric/src/lib/components/pickers/base-picker/base-picker.module.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/base-picker/base-picker.module.ts rename to libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts diff --git a/libs/fabric/src/lib/components/pickers/base-picker/public-api.ts b/libs/fabric/lib/components/pickers/base-picker/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/base-picker/public-api.ts rename to libs/fabric/lib/components/pickers/base-picker/public-api.ts diff --git a/libs/fabric/src/lib/components/pickers/people-picker/people-picker.component.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/people-picker/people-picker.component.ts rename to libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts diff --git a/libs/fabric/src/lib/components/pickers/people-picker/people-picker.module.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/people-picker/people-picker.module.ts rename to libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts diff --git a/libs/fabric/src/lib/components/pickers/people-picker/public-api.ts b/libs/fabric/lib/components/pickers/people-picker/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/people-picker/public-api.ts rename to libs/fabric/lib/components/pickers/people-picker/public-api.ts diff --git a/libs/fabric/src/lib/components/pickers/public-api.ts b/libs/fabric/lib/components/pickers/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/public-api.ts rename to libs/fabric/lib/components/pickers/public-api.ts diff --git a/libs/fabric/src/lib/components/pickers/tag-picker/public-api.ts b/libs/fabric/lib/components/pickers/tag-picker/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/tag-picker/public-api.ts rename to libs/fabric/lib/components/pickers/tag-picker/public-api.ts diff --git a/libs/fabric/src/lib/components/pickers/tag-picker/tag-picker.component.ts b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/tag-picker/tag-picker.component.ts rename to libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts diff --git a/libs/fabric/src/lib/components/pickers/tag-picker/tag-picker.module.ts b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.module.ts similarity index 100% rename from libs/fabric/src/lib/components/pickers/tag-picker/tag-picker.module.ts rename to libs/fabric/lib/components/pickers/tag-picker/tag-picker.module.ts diff --git a/libs/fabric/src/lib/components/pivot/ng-package.json b/libs/fabric/lib/components/pivot/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/pivot/ng-package.json rename to libs/fabric/lib/components/pivot/ng-package.json diff --git a/libs/fabric/src/lib/components/pivot/pivot.component.ts b/libs/fabric/lib/components/pivot/pivot.component.ts similarity index 100% rename from libs/fabric/src/lib/components/pivot/pivot.component.ts rename to libs/fabric/lib/components/pivot/pivot.component.ts diff --git a/libs/fabric/src/lib/components/pivot/pivot.module.ts b/libs/fabric/lib/components/pivot/pivot.module.ts similarity index 100% rename from libs/fabric/src/lib/components/pivot/pivot.module.ts rename to libs/fabric/lib/components/pivot/pivot.module.ts diff --git a/libs/fabric/src/lib/components/pivot/public-api.ts b/libs/fabric/lib/components/pivot/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/pivot/public-api.ts rename to libs/fabric/lib/components/pivot/public-api.ts diff --git a/libs/fabric/src/lib/components/progress-indicator/ng-package.json b/libs/fabric/lib/components/progress-indicator/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/progress-indicator/ng-package.json rename to libs/fabric/lib/components/progress-indicator/ng-package.json diff --git a/libs/fabric/src/lib/components/progress-indicator/progress-indicator.component.ts b/libs/fabric/lib/components/progress-indicator/progress-indicator.component.ts similarity index 100% rename from libs/fabric/src/lib/components/progress-indicator/progress-indicator.component.ts rename to libs/fabric/lib/components/progress-indicator/progress-indicator.component.ts diff --git a/libs/fabric/src/lib/components/progress-indicator/progress-indicator.module.ts b/libs/fabric/lib/components/progress-indicator/progress-indicator.module.ts similarity index 100% rename from libs/fabric/src/lib/components/progress-indicator/progress-indicator.module.ts rename to libs/fabric/lib/components/progress-indicator/progress-indicator.module.ts diff --git a/libs/fabric/src/lib/components/progress-indicator/public-api.ts b/libs/fabric/lib/components/progress-indicator/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/progress-indicator/public-api.ts rename to libs/fabric/lib/components/progress-indicator/public-api.ts diff --git a/libs/fabric/src/lib/components/search-box/public-api.ts b/libs/fabric/lib/components/search-box/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/search-box/public-api.ts rename to libs/fabric/lib/components/search-box/public-api.ts diff --git a/libs/fabric/src/lib/components/search-box/search-box.component.ts b/libs/fabric/lib/components/search-box/search-box.component.ts similarity index 100% rename from libs/fabric/src/lib/components/search-box/search-box.component.ts rename to libs/fabric/lib/components/search-box/search-box.component.ts diff --git a/libs/fabric/src/lib/components/search-box/search-box.module.ts b/libs/fabric/lib/components/search-box/search-box.module.ts similarity index 100% rename from libs/fabric/src/lib/components/search-box/search-box.module.ts rename to libs/fabric/lib/components/search-box/search-box.module.ts diff --git a/libs/fabric/src/lib/components/shimmer/ng-package.json b/libs/fabric/lib/components/shimmer/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/shimmer/ng-package.json rename to libs/fabric/lib/components/shimmer/ng-package.json diff --git a/libs/fabric/src/lib/components/shimmer/public-api.ts b/libs/fabric/lib/components/shimmer/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/shimmer/public-api.ts rename to libs/fabric/lib/components/shimmer/public-api.ts diff --git a/libs/fabric/src/lib/components/shimmer/shimmer.component.ts b/libs/fabric/lib/components/shimmer/shimmer.component.ts similarity index 100% rename from libs/fabric/src/lib/components/shimmer/shimmer.component.ts rename to libs/fabric/lib/components/shimmer/shimmer.component.ts diff --git a/libs/fabric/src/lib/components/shimmer/shimmer.module.ts b/libs/fabric/lib/components/shimmer/shimmer.module.ts similarity index 100% rename from libs/fabric/src/lib/components/shimmer/shimmer.module.ts rename to libs/fabric/lib/components/shimmer/shimmer.module.ts diff --git a/libs/fabric/src/lib/components/slider/ng-package.json b/libs/fabric/lib/components/slider/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/slider/ng-package.json rename to libs/fabric/lib/components/slider/ng-package.json diff --git a/libs/fabric/src/lib/components/slider/public-api.ts b/libs/fabric/lib/components/slider/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/slider/public-api.ts rename to libs/fabric/lib/components/slider/public-api.ts diff --git a/libs/fabric/src/lib/components/slider/slider.component.ts b/libs/fabric/lib/components/slider/slider.component.ts similarity index 100% rename from libs/fabric/src/lib/components/slider/slider.component.ts rename to libs/fabric/lib/components/slider/slider.component.ts diff --git a/libs/fabric/src/lib/components/slider/slider.module.ts b/libs/fabric/lib/components/slider/slider.module.ts similarity index 100% rename from libs/fabric/src/lib/components/slider/slider.module.ts rename to libs/fabric/lib/components/slider/slider.module.ts diff --git a/libs/fabric/src/lib/components/spin-button/ng-package.json b/libs/fabric/lib/components/spin-button/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/spin-button/ng-package.json rename to libs/fabric/lib/components/spin-button/ng-package.json diff --git a/libs/fabric/src/lib/components/spin-button/public-api.ts b/libs/fabric/lib/components/spin-button/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/spin-button/public-api.ts rename to libs/fabric/lib/components/spin-button/public-api.ts diff --git a/libs/fabric/src/lib/components/spin-button/spin-button.component.ts b/libs/fabric/lib/components/spin-button/spin-button.component.ts similarity index 100% rename from libs/fabric/src/lib/components/spin-button/spin-button.component.ts rename to libs/fabric/lib/components/spin-button/spin-button.component.ts diff --git a/libs/fabric/src/lib/components/spin-button/spin-button.module.ts b/libs/fabric/lib/components/spin-button/spin-button.module.ts similarity index 100% rename from libs/fabric/src/lib/components/spin-button/spin-button.module.ts rename to libs/fabric/lib/components/spin-button/spin-button.module.ts diff --git a/libs/fabric/src/lib/components/spinner/ng-package.json b/libs/fabric/lib/components/spinner/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/spinner/ng-package.json rename to libs/fabric/lib/components/spinner/ng-package.json diff --git a/libs/fabric/src/lib/components/spinner/public-api.ts b/libs/fabric/lib/components/spinner/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/spinner/public-api.ts rename to libs/fabric/lib/components/spinner/public-api.ts diff --git a/libs/fabric/src/lib/components/spinner/spinner.component.ts b/libs/fabric/lib/components/spinner/spinner.component.ts similarity index 100% rename from libs/fabric/src/lib/components/spinner/spinner.component.ts rename to libs/fabric/lib/components/spinner/spinner.component.ts diff --git a/libs/fabric/src/lib/components/spinner/spinner.module.ts b/libs/fabric/lib/components/spinner/spinner.module.ts similarity index 100% rename from libs/fabric/src/lib/components/spinner/spinner.module.ts rename to libs/fabric/lib/components/spinner/spinner.module.ts diff --git a/libs/fabric/src/lib/components/text-field/base-text-field.component.ts b/libs/fabric/lib/components/text-field/base-text-field.component.ts similarity index 100% rename from libs/fabric/src/lib/components/text-field/base-text-field.component.ts rename to libs/fabric/lib/components/text-field/base-text-field.component.ts diff --git a/libs/fabric/src/lib/components/text-field/masked-text-field.component.ts b/libs/fabric/lib/components/text-field/masked-text-field.component.ts similarity index 100% rename from libs/fabric/src/lib/components/text-field/masked-text-field.component.ts rename to libs/fabric/lib/components/text-field/masked-text-field.component.ts diff --git a/libs/fabric/src/lib/components/text-field/ng-package.json b/libs/fabric/lib/components/text-field/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/text-field/ng-package.json rename to libs/fabric/lib/components/text-field/ng-package.json diff --git a/libs/fabric/src/lib/components/text-field/public-api.ts b/libs/fabric/lib/components/text-field/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/text-field/public-api.ts rename to libs/fabric/lib/components/text-field/public-api.ts diff --git a/libs/fabric/src/lib/components/text-field/text-field.component.ts b/libs/fabric/lib/components/text-field/text-field.component.ts similarity index 100% rename from libs/fabric/src/lib/components/text-field/text-field.component.ts rename to libs/fabric/lib/components/text-field/text-field.component.ts diff --git a/libs/fabric/src/lib/components/text-field/text-field.module.ts b/libs/fabric/lib/components/text-field/text-field.module.ts similarity index 100% rename from libs/fabric/src/lib/components/text-field/text-field.module.ts rename to libs/fabric/lib/components/text-field/text-field.module.ts diff --git a/libs/fabric/src/lib/components/toggle/ng-package.json b/libs/fabric/lib/components/toggle/ng-package.json similarity index 100% rename from libs/fabric/src/lib/components/toggle/ng-package.json rename to libs/fabric/lib/components/toggle/ng-package.json diff --git a/libs/fabric/src/lib/components/toggle/public-api.ts b/libs/fabric/lib/components/toggle/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/toggle/public-api.ts rename to libs/fabric/lib/components/toggle/public-api.ts diff --git a/libs/fabric/src/lib/components/toggle/toggle.component.ts b/libs/fabric/lib/components/toggle/toggle.component.ts similarity index 100% rename from libs/fabric/src/lib/components/toggle/toggle.component.ts rename to libs/fabric/lib/components/toggle/toggle.component.ts diff --git a/libs/fabric/src/lib/components/toggle/toggle.module.ts b/libs/fabric/lib/components/toggle/toggle.module.ts similarity index 100% rename from libs/fabric/src/lib/components/toggle/toggle.module.ts rename to libs/fabric/lib/components/toggle/toggle.module.ts diff --git a/libs/fabric/src/lib/components/tooltip/public-api.ts b/libs/fabric/lib/components/tooltip/public-api.ts similarity index 100% rename from libs/fabric/src/lib/components/tooltip/public-api.ts rename to libs/fabric/lib/components/tooltip/public-api.ts diff --git a/libs/fabric/src/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts similarity index 100% rename from libs/fabric/src/lib/components/tooltip/tooltip-host.component.ts rename to libs/fabric/lib/components/tooltip/tooltip-host.component.ts diff --git a/libs/fabric/src/lib/components/tooltip/tooltip.module.ts b/libs/fabric/lib/components/tooltip/tooltip.module.ts similarity index 100% rename from libs/fabric/src/lib/components/tooltip/tooltip.module.ts rename to libs/fabric/lib/components/tooltip/tooltip.module.ts diff --git a/libs/fabric/src/lib/declarations/angular/typed-changes.d.ts b/libs/fabric/lib/declarations/angular/typed-changes.d.ts similarity index 100% rename from libs/fabric/src/lib/declarations/angular/typed-changes.d.ts rename to libs/fabric/lib/declarations/angular/typed-changes.d.ts diff --git a/libs/fabric/src/lib/utils/get-data-attributes.ts b/libs/fabric/lib/utils/get-data-attributes.ts similarity index 100% rename from libs/fabric/src/lib/utils/get-data-attributes.ts rename to libs/fabric/lib/utils/get-data-attributes.ts diff --git a/libs/fabric/src/lib/utils/kebab-case.ts b/libs/fabric/lib/utils/kebab-case.ts similarity index 100% rename from libs/fabric/src/lib/utils/kebab-case.ts rename to libs/fabric/lib/utils/kebab-case.ts diff --git a/libs/fabric/src/lib/utils/noop.ts b/libs/fabric/lib/utils/noop.ts similarity index 100% rename from libs/fabric/src/lib/utils/noop.ts rename to libs/fabric/lib/utils/noop.ts diff --git a/libs/fabric/src/lib/utils/omit.ts b/libs/fabric/lib/utils/omit.ts similarity index 100% rename from libs/fabric/src/lib/utils/omit.ts rename to libs/fabric/lib/utils/omit.ts diff --git a/libs/fabric/src/lib/utils/pick.ts b/libs/fabric/lib/utils/pick.ts similarity index 100% rename from libs/fabric/src/lib/utils/pick.ts rename to libs/fabric/lib/utils/pick.ts diff --git a/libs/fabric/public-api.ts b/libs/fabric/public-api.ts index 434dc296..04c5b6d3 100644 --- a/libs/fabric/public-api.ts +++ b/libs/fabric/public-api.ts @@ -1,4 +1,45 @@ // Copyright (c) Microsoft Corporation. All rights reserved. // Licensed under the MIT License. -export * from './src/public-api'; +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +export * from './lib/components/breadcrumb/public-api'; +export * from './lib/components/button/public-api'; +export * from './lib/components/calendar/public-api'; +export * from './lib/components/callout/public-api'; +export * from './lib/components/checkbox/public-api'; +export * from './lib/components/choice-group/public-api'; +export * from './lib/components/combo-box/public-api'; +export * from './lib/components/command-bar/public-api'; +export * from './lib/components/contextual-menu/public-api'; +export * from './lib/components/date-picker/public-api'; +export * from './lib/components/details-list/public-api'; +export * from './lib/components/dialog/public-api'; +export * from './lib/components/divider/public-api'; +export * from './lib/components/dropdown/public-api'; +export * from './lib/components/fabric/public-api'; +export * from './lib/components/group/public-api'; +export * from './lib/components/grouped-list/public-api'; +export * from './lib/components/hover-card/public-api'; +export * from './lib/components/icon/public-api'; +export * from './lib/components/image/public-api'; +export * from './lib/components/link/public-api'; +export * from './lib/components/marquee-selection/public-api'; +export * from './lib/components/message-bar/public-api'; +export * from './lib/components/modal/public-api'; +export * from './lib/components/panel/public-api'; +export * from './lib/components/persona/public-api'; +export * from './lib/components/pivot/public-api'; +export * from './lib/components/search-box/public-api'; +export * from './lib/components/shimmer/public-api'; +export * from './lib/components/slider/public-api'; +export * from './lib/components/spin-button/public-api'; +export * from './lib/components/spinner/public-api'; +export * from './lib/components/text-field/public-api'; +export * from './lib/components/toggle/public-api'; +export * from './lib/components/tooltip/public-api'; +export * from './lib/components/nav/public-api'; +export * from './lib/components/pickers/public-api'; +export * from './lib/components/progress-indicator/public-api'; + diff --git a/libs/fabric/src/index.ts b/libs/fabric/src/index.ts deleted file mode 100644 index 3bab80d3..00000000 --- a/libs/fabric/src/index.ts +++ /dev/null @@ -1,4 +0,0 @@ -// Copyright (c) Microsoft Corporation. All rights reserved. -// Licensed under the MIT License. - -export * from './public-api'; diff --git a/libs/fabric/src/public-api.ts b/libs/fabric/src/public-api.ts deleted file mode 100644 index b2650654..00000000 --- a/libs/fabric/src/public-api.ts +++ /dev/null @@ -1,41 +0,0 @@ -// Copyright (c) Microsoft Corporation. All rights reserved. -// Licensed under the MIT License. - -export * from './lib/components/breadcrumb/public-api'; -export * from './lib/components/button/public-api'; -export * from './lib/components/calendar/public-api'; -export * from './lib/components/callout/public-api'; -export * from './lib/components/checkbox/public-api'; -export * from './lib/components/choice-group/public-api'; -export * from './lib/components/combo-box/public-api'; -export * from './lib/components/command-bar/public-api'; -export * from './lib/components/contextual-menu/public-api'; -export * from './lib/components/date-picker/public-api'; -export * from './lib/components/details-list/public-api'; -export * from './lib/components/dialog/public-api'; -export * from './lib/components/divider/public-api'; -export * from './lib/components/dropdown/public-api'; -export * from './lib/components/fabric/public-api'; -export * from './lib/components/group/public-api'; -export * from './lib/components/grouped-list/public-api'; -export * from './lib/components/hover-card/public-api'; -export * from './lib/components/icon/public-api'; -export * from './lib/components/image/public-api'; -export * from './lib/components/link/public-api'; -export * from './lib/components/marquee-selection/public-api'; -export * from './lib/components/message-bar/public-api'; -export * from './lib/components/modal/public-api'; -export * from './lib/components/panel/public-api'; -export * from './lib/components/persona/public-api'; -export * from './lib/components/pivot/public-api'; -export * from './lib/components/search-box/public-api'; -export * from './lib/components/shimmer/public-api'; -export * from './lib/components/slider/public-api'; -export * from './lib/components/spin-button/public-api'; -export * from './lib/components/spinner/public-api'; -export * from './lib/components/text-field/public-api'; -export * from './lib/components/toggle/public-api'; -export * from './lib/components/tooltip/public-api'; -export * from './lib/components/nav/public-api'; -export * from './lib/components/pickers/public-api'; -export * from './lib/components/progress-indicator/public-api'; diff --git a/libs/fabric/src/test.ts b/libs/fabric/src/test.ts deleted file mode 100644 index f9593470..00000000 --- a/libs/fabric/src/test.ts +++ /dev/null @@ -1,19 +0,0 @@ -// Copyright (c) Microsoft Corporation. All rights reserved. -// Licensed under the MIT License. - -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import 'core-js/es7/reflect'; -import 'zone.js/dist/zone'; -import 'zone.js/dist/zone-testing'; -import { getTestBed } from '@angular/core/testing'; -import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; - -declare const require: any; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting()); -// Then we find all the tests. -const context = require.context('./', true, /\.spec\.ts$/); -// And load the modules. -context.keys().map(context); From d8c41f53f30c3c1f33e19a85aeda7d4822ce6c77 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Sep 2020 15:15:32 +0800 Subject: [PATCH 06/39] chore: add new lib: utils --- .gitignore | 2 ++ libs/fabric/package.json | 1 + libs/fabric/tsconfig-custom.json | 3 +- libs/utils/build.ts | 10 ++++++ libs/utils/lib/get-data-attributes.ts | 32 +++++++++++++++++++ libs/utils/lib/kebab-case.ts | 7 +++++ libs/utils/lib/noop.ts | 6 ++++ libs/utils/lib/omit.ts | 20 ++++++++++++ libs/utils/lib/pick.ts | 16 ++++++++++ libs/utils/package.json | 45 +++++++++++++++++++++++++++ libs/utils/public-api.ts | 5 +++ libs/utils/tsconfig-custom.json | 31 ++++++++++++++++++ libs/utils/tsconfig.lib.json | 27 ++++++++++++++++ libs/utils/tsconfig.spec.json | 9 ++++++ libs/utils/tslint.json | 7 +++++ package.json | 1 + tsconfig.json | 5 +-- tsconfig.packages.json | 3 +- 18 files changed, 226 insertions(+), 4 deletions(-) create mode 100644 libs/utils/build.ts create mode 100644 libs/utils/lib/get-data-attributes.ts create mode 100644 libs/utils/lib/kebab-case.ts create mode 100644 libs/utils/lib/noop.ts create mode 100644 libs/utils/lib/omit.ts create mode 100644 libs/utils/lib/pick.ts create mode 100644 libs/utils/package.json create mode 100644 libs/utils/public-api.ts create mode 100644 libs/utils/tsconfig-custom.json create mode 100644 libs/utils/tsconfig.lib.json create mode 100644 libs/utils/tsconfig.spec.json create mode 100644 libs/utils/tslint.json diff --git a/.gitignore b/.gitignore index 926bc276..3418dd45 100644 --- a/.gitignore +++ b/.gitignore @@ -46,6 +46,8 @@ yarn-error.log # dist artifacts @angular-react/ +angular-react-fabric +angular-react-utils # ng-packagr (temporary files) .ng_pkg_build/ diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 559c74e2..374d955c 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -48,6 +48,7 @@ "@angular/core": "^8.0.2", "@angular/platform-browser-dynamic": "^8.0.2", "@angular/platform-browser": "^8.0.2", + "angular-react-utils": "1.0.0", "office-ui-fabric-react": "7.82.2", "react-dom": "~16.8.6", "react": "^16.8.6" diff --git a/libs/fabric/tsconfig-custom.json b/libs/fabric/tsconfig-custom.json index b32d7051..ceb6aeaa 100644 --- a/libs/fabric/tsconfig-custom.json +++ b/libs/fabric/tsconfig-custom.json @@ -23,7 +23,8 @@ "importHelpers": true, "lib": ["dom", "es2017"], "paths": { - "@angular-react/*": ["../../@angular-react/*"] + "@angular-react/*": ["../../@angular-react/*"], + "angular-react-utils/*": ["../../angular-react-utils/*"] } }, "exclude": ["node_modules", "dist", "**/*.ngfactory.ts", "**/*.shim.ts", "**/*.spec.ts"], diff --git a/libs/utils/build.ts b/libs/utils/build.ts new file mode 100644 index 00000000..388a5f6a --- /dev/null +++ b/libs/utils/build.ts @@ -0,0 +1,10 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import * as path from 'path'; +import { ngPackagr } from 'ng-packagr'; + +ngPackagr() + .forProject(path.resolve(__dirname, 'package.json')) + .withTsConfig(path.resolve(__dirname, 'tsconfig-custom.json')) + .build(); diff --git a/libs/utils/lib/get-data-attributes.ts b/libs/utils/lib/get-data-attributes.ts new file mode 100644 index 00000000..48678a39 --- /dev/null +++ b/libs/utils/lib/get-data-attributes.ts @@ -0,0 +1,32 @@ +import { kebabCase } from './kebab-case'; + +/** + * Gets the data attributes on an `HTMLElement`. + * + * @example +```keepDataPrefix === false```: +```html +
-> { 'service': 'Foo', 'service-type': 'Bar' } +``` + +```keepDataPrefix === true```: +```html +
-> { 'data-service': 'Foo', 'data-service-type': 'Bar' } +``` + */ +export function getDataAttributes( + element: T, + keepDataPrefix: boolean = false +): Record { + return Object.entries(element.dataset).reduce( + (acc, [key, value]) => ({ + ...acc, + [calculateKey(key, keepDataPrefix)]: value, + }), + {} + ); +} + +function calculateKey(key: string, keepDataPrefix: boolean): string { + return `${keepDataPrefix && 'data-'}${kebabCase(key)}`; +} diff --git a/libs/utils/lib/kebab-case.ts b/libs/utils/lib/kebab-case.ts new file mode 100644 index 00000000..55294c74 --- /dev/null +++ b/libs/utils/lib/kebab-case.ts @@ -0,0 +1,7 @@ +/** Implementation borrowed from https://github.com/joakimbeng/kebab-case */ + +const KEBAB_REGEX = /[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g; + +export function kebabCase(str: string) { + return str.replace(KEBAB_REGEX, match => '-' + match.toLowerCase()); +} diff --git a/libs/utils/lib/noop.ts b/libs/utils/lib/noop.ts new file mode 100644 index 00000000..425f2ed1 --- /dev/null +++ b/libs/utils/lib/noop.ts @@ -0,0 +1,6 @@ +/** + * Noop function - doesn't do anything + */ +export const noop = (...args: any[]) => { + args.forEach(Object.keys); +}; diff --git a/libs/utils/lib/omit.ts b/libs/utils/lib/omit.ts new file mode 100644 index 00000000..02c8b004 --- /dev/null +++ b/libs/utils/lib/omit.ts @@ -0,0 +1,20 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import { Omit } from '@angular-react/core'; + +/** + * Omit a a set of properties from an object. + * + * Does **not** modify the original object. + * @param obj the object + * @param keys the keys + * @returns A new object with all properties apart from the `keys` from `obj` + */ +export function omit(obj: T, ...keys: K[]): Omit { + return Object.keys(obj) + .filter(key => !keys.includes(key as K)) + .reduce>((acc, key) => Object.assign(acc, { [key]: obj[key] }), {} as any); +} + +export default omit; diff --git a/libs/utils/lib/pick.ts b/libs/utils/lib/pick.ts new file mode 100644 index 00000000..83b4b233 --- /dev/null +++ b/libs/utils/lib/pick.ts @@ -0,0 +1,16 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +/** + * Pick a a set of properties from an object. + * + * Does **not** modify the original object. + * @param obj the object + * @param keys the keys + * @returns A new object with all properties from the `keys` from `obj` + */ +export function pick(obj: T, ...keys: K[]): Pick { + return keys.reduce>((acc, key) => Object.assign(acc, { [key]: obj[key] }), {} as any); +} + +export default pick; diff --git a/libs/utils/package.json b/libs/utils/package.json new file mode 100644 index 00000000..10861d04 --- /dev/null +++ b/libs/utils/package.json @@ -0,0 +1,45 @@ +{ + "$schema": "../../node_modules/ng-packagr/package.schema.json", + "name": "angular-react-utils", + "version": "1.0.0", + "ngPackage": { + "lib": { + "entryFile": "public-api.ts", + "umdModuleIds": { + "react": "React", + "react-dom": "ReactDOM", + "@angular-react/core": "ɵa", + "office-ui-fabric-react": "Fabric" + } + }, + "dest": "../../angular-react-utils" + }, + "license": "MIT", + "bugs": { + "url": "https://github.com/microsoft/angular-react/issues" + }, + "homepage": "https://github.com/microsoft/angular-react#readme", + "repository": { + "type": "git", + "url": "git+https://github.com/microsoft/angular-react.git" + }, + "keywords": [ + "angular", + "react", + "components", + "microsoft", + "office", + "fabric" + ], + "private": false, + "peerDependencies": { + "@angular-react/core": "^1.0.0", + "@angular/common": "^8.0.2", + "@angular/core": "^8.0.2", + "@angular/platform-browser-dynamic": "^8.0.2", + "@angular/platform-browser": "^8.0.2", + "office-ui-fabric-react": "7.82.2", + "react-dom": "~16.8.6", + "react": "^16.8.6" + } +} diff --git a/libs/utils/public-api.ts b/libs/utils/public-api.ts new file mode 100644 index 00000000..85a68984 --- /dev/null +++ b/libs/utils/public-api.ts @@ -0,0 +1,5 @@ +export * from './lib/get-data-attributes'; +export * from './lib/kebab-case'; +export * from './lib/noop'; +export * from './lib/omit'; +export * from './lib/pick'; \ No newline at end of file diff --git a/libs/utils/tsconfig-custom.json b/libs/utils/tsconfig-custom.json new file mode 100644 index 00000000..b32d7051 --- /dev/null +++ b/libs/utils/tsconfig-custom.json @@ -0,0 +1,31 @@ +{ + "angularCompilerOptions": { + "annotateForClosureCompiler": true, + "flatModuleId": "AUTOGENERATED", + "flatModuleOutFile": "AUTOGENERATED", + "skipTemplateCodegen": true, + "strictMetadataEmit": true + }, + "buildOnSave": false, + "compileOnSave": false, + "compilerOptions": { + "baseUrl": "", + "target": "es2015", + "module": "es2015", + "moduleResolution": "node", + "outDir": "", + "declaration": true, + "sourceMap": true, + "inlineSources": true, + "skipLibCheck": true, + "emitDecoratorMetadata": true, + "experimentalDecorators": true, + "importHelpers": true, + "lib": ["dom", "es2017"], + "paths": { + "@angular-react/*": ["../../@angular-react/*"] + } + }, + "exclude": ["node_modules", "dist", "**/*.ngfactory.ts", "**/*.shim.ts", "**/*.spec.ts"], + "files": ["AUTOGENERATED"] +} diff --git a/libs/utils/tsconfig.lib.json b/libs/utils/tsconfig.lib.json new file mode 100644 index 00000000..347814a0 --- /dev/null +++ b/libs/utils/tsconfig.lib.json @@ -0,0 +1,27 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../out-tsc/libs/utils", + "target": "es2015", + "module": "es2015", + "moduleResolution": "node", + "declaration": true, + "sourceMap": true, + "inlineSources": true, + "emitDecoratorMetadata": true, + "experimentalDecorators": true, + "importHelpers": true, + "types": [], + "lib": ["dom", "es2015"] + }, + "angularCompilerOptions": { + "annotateForClosureCompiler": true, + "skipTemplateCodegen": true, + "strictMetadataEmit": true, + "fullTemplateTypeCheck": true, + "strictInjectionParameters": true, + "flatModuleId": "AUTOGENERATED", + "flatModuleOutFile": "AUTOGENERATED" + }, + "exclude": ["src/test.ts", "**/*.spec.ts"] +} diff --git a/libs/utils/tsconfig.spec.json b/libs/utils/tsconfig.spec.json new file mode 100644 index 00000000..1033d939 --- /dev/null +++ b/libs/utils/tsconfig.spec.json @@ -0,0 +1,9 @@ +{ + "extends": "../../tsconfig.json", + "compilerOptions": { + "outDir": "../../dist/out-tsc/libs/utils", + "types": ["jasmine", "node"] + }, + "files": ["src/test.ts"], + "include": ["**/*.spec.ts", "**/*.d.ts"] +} diff --git a/libs/utils/tslint.json b/libs/utils/tslint.json new file mode 100644 index 00000000..3f4c6889 --- /dev/null +++ b/libs/utils/tslint.json @@ -0,0 +1,7 @@ +{ + "extends": "../../tslint.json", + "rules": { + "directive-selector": [true, "attribute", "fab", "camelCase"], + "component-selector": [true, "element", "fab", "kebab-case"] + } +} diff --git a/package.json b/package.json index 9295ec5a..0db83073 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "postbuild:libs:core": "copyfiles README.md ./@angular-react/core", "build:libs:fabric": "ts-node libs/fabric/build.ts", "build:libs:semantic-ui": "ts-node libs/semantic-ui/build.ts", + "build:libs:utils": "ts-node libs/utils/build.ts", "affected:apps": "./node_modules/.bin/nx affected:apps", "affected:build": "./node_modules/.bin/nx affected:build", "affected:e2e": "./node_modules/.bin/nx affected:e2e", diff --git a/tsconfig.json b/tsconfig.json index 09feca59..cf5b2792 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -15,8 +15,9 @@ "paths": { "@angular-react/*": ["libs/*"], "@angular-react/core": ["libs/core/src/index.ts"], - "@angular-react/fabric": ["libs/fabric/src/index.ts"], - "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"] + "@angular-react/fabric": ["libs/fabric/public-api.ts"], + "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"], + "angular-react-utils": ["libs/utils/public-api.ts"] } }, "exclude": ["node_modules", "tmp"] diff --git a/tsconfig.packages.json b/tsconfig.packages.json index 0fd52747..ec610ff4 100644 --- a/tsconfig.packages.json +++ b/tsconfig.packages.json @@ -5,7 +5,8 @@ "module": "es2015", "baseUrl": ".", "paths": { - "@angular-react/*": ["@angular-react/*"] + "@angular-react/*": ["@angular-react/*"], + "angular-react-utils/*": ["angular-react-utils/*"] } }, "exclude": ["**/*.spec.ts", "**/*.e2e-spec.ts", "node_modules", "tmp"] From d312a4d7923027c26a95e1ffda986f445d68b775 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Sep 2020 15:34:35 +0800 Subject: [PATCH 07/39] feat: support more components can be AOT compiled --- libs/fabric/lib/components/calendar/calendar.module.ts | 4 ++-- .../directives/calendar-strings-directive.component.ts | 2 +- libs/fabric/lib/components/calendar/ng-package.json | 5 +++++ libs/fabric/lib/components/combo-box/combo-box.module.ts | 2 +- .../combo-box/directives/combo-box-option.directive.ts | 4 ++-- .../combo-box/directives/combo-box-options.directive.ts | 2 +- libs/fabric/lib/components/combo-box/ng-package.json | 5 +++++ .../lib/components/date-picker/date-picker.component.ts | 2 +- .../lib/components/date-picker/date-picker.module.ts | 4 ++-- libs/fabric/lib/components/date-picker/ng-package.json | 5 +++++ .../dropdown/directives/dropdown-option.directive.ts | 4 ++-- .../dropdown/directives/dropdown-options.directive.ts | 2 +- libs/fabric/lib/components/dropdown/dropdown.component.ts | 2 +- libs/fabric/lib/components/dropdown/dropdown.module.ts | 2 +- libs/fabric/lib/components/dropdown/ng-package.json | 5 +++++ .../lib/components/hover-card/hover-card.component.ts | 2 +- .../fabric/lib/components/hover-card/hover-card.module.ts | 2 +- libs/fabric/lib/components/hover-card/ng-package.json | 5 +++++ .../pickers/base-picker/base-picker.component.ts | 4 ++-- .../components/pickers/base-picker/base-picker.module.ts | 4 ++-- libs/fabric/lib/components/pickers/ng-package.json | 5 +++++ .../pickers/people-picker/people-picker.component.ts | 8 ++++---- .../pickers/people-picker/people-picker.module.ts | 4 ++-- libs/fabric/lib/components/search-box/ng-package.json | 5 +++++ .../lib/components/search-box/search-box.component.ts | 2 +- .../fabric/lib/components/search-box/search-box.module.ts | 2 +- libs/fabric/lib/components/tooltip/ng-package.json | 5 +++++ .../lib/components/tooltip/tooltip-host.component.ts | 2 +- libs/fabric/lib/components/tooltip/tooltip.module.ts | 2 +- 29 files changed, 71 insertions(+), 31 deletions(-) create mode 100644 libs/fabric/lib/components/calendar/ng-package.json create mode 100644 libs/fabric/lib/components/combo-box/ng-package.json create mode 100644 libs/fabric/lib/components/date-picker/ng-package.json create mode 100644 libs/fabric/lib/components/dropdown/ng-package.json create mode 100644 libs/fabric/lib/components/hover-card/ng-package.json create mode 100644 libs/fabric/lib/components/pickers/ng-package.json create mode 100644 libs/fabric/lib/components/search-box/ng-package.json create mode 100644 libs/fabric/lib/components/tooltip/ng-package.json diff --git a/libs/fabric/lib/components/calendar/calendar.module.ts b/libs/fabric/lib/components/calendar/calendar.module.ts index 1aaacfbd..0dedd43f 100644 --- a/libs/fabric/lib/components/calendar/calendar.module.ts +++ b/libs/fabric/lib/components/calendar/calendar.module.ts @@ -5,8 +5,8 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { Calendar } from 'office-ui-fabric-react'; -import { noop } from '../../utils/noop'; +import { Calendar } from 'office-ui-fabric-react/lib/Calendar'; +import { noop } from 'angular-react-utils/lib/noop'; import { FabCalendarComponent } from './calendar.component'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; diff --git a/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts b/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts index a4400e1b..e37dc8b6 100644 --- a/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts +++ b/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { Directive, Input } from '@angular/core'; -import { ICalendarStrings } from 'office-ui-fabric-react'; +import { ICalendarStrings } from 'office-ui-fabric-react/lib/Calendar'; /** * Wrapper directive for calendar strings diff --git a/libs/fabric/lib/components/calendar/ng-package.json b/libs/fabric/lib/components/calendar/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/calendar/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/combo-box/combo-box.module.ts b/libs/fabric/lib/components/combo-box/combo-box.module.ts index 9d69249e..2151121d 100644 --- a/libs/fabric/lib/components/combo-box/combo-box.module.ts +++ b/libs/fabric/lib/components/combo-box/combo-box.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ComboBox, VirtualizedComboBox } from 'office-ui-fabric-react'; +import { ComboBox, VirtualizedComboBox } from 'office-ui-fabric-react/lib/ComboBox'; import { FabComboBoxComponent } from './combo-box.component'; import { FabVirtualizedComboBoxComponent } from './virtualized-combo-box.component'; import { ComboBoxOptionDirective } from './directives/combo-box-option.directive'; diff --git a/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts b/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts index 9ee8ef02..2da089bb 100644 --- a/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts +++ b/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts @@ -2,12 +2,12 @@ // Licensed under the MIT License. import { Directive, Input } from '@angular/core'; -import { IComboBoxOption } from 'office-ui-fabric-react'; +import { IComboBoxOption } from 'office-ui-fabric-react/lib/ComboBox'; /** * Wrapper directive for creating a ComboBoxOption * @paramName optionKey Binds to React 'key' property. - * Name change necessary because key is a reserved attribute in the wrapper component. + * Name change necessary because key is a reserved attribute in the wrapper component. */ @Directive({ selector: 'fab-combo-box-option' }) export class ComboBoxOptionDirective { diff --git a/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts b/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts index b3e88e71..f2ae0904 100644 --- a/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts +++ b/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { IComboBoxOption } from 'office-ui-fabric-react'; +import { IComboBoxOption } from 'office-ui-fabric-react/lib/ComboBox'; import { ComboBoxOptionDirective } from "./combo-box-option.directive"; diff --git a/libs/fabric/lib/components/combo-box/ng-package.json b/libs/fabric/lib/components/combo-box/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/combo-box/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/date-picker/date-picker.component.ts b/libs/fabric/lib/components/date-picker/date-picker.component.ts index 5f73019b..cc1083fb 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.component.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IDatePickerProps } from 'office-ui-fabric-react'; +import { IDatePickerProps } from 'office-ui-fabric-react/lib/DatePicker'; @Component({ selector: 'fab-date-picker', diff --git a/libs/fabric/lib/components/date-picker/date-picker.module.ts b/libs/fabric/lib/components/date-picker/date-picker.module.ts index 2f3875f1..911da739 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.module.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.module.ts @@ -4,9 +4,9 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { DatePicker } from 'office-ui-fabric-react'; +import { DatePicker } from 'office-ui-fabric-react/lib/DatePicker'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { noop } from '../../utils/noop'; +import { noop } from 'angular-react-utils/lib/noop'; import { FabDatePickerComponent } from './date-picker.component'; // Dummy action to force CalendarCss to load and not be tree-shaken away. diff --git a/libs/fabric/lib/components/date-picker/ng-package.json b/libs/fabric/lib/components/date-picker/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/date-picker/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts b/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts index e0f90ab6..65e5ace5 100644 --- a/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts +++ b/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts @@ -2,12 +2,12 @@ // Licensed under the MIT License. import { Directive, Input } from '@angular/core'; -import { IDropdownOption } from 'office-ui-fabric-react'; +import { IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown'; /** * Wrapper directive for creating a DropdownOption * @paramName optionKey Binds to React 'key' property. - * Name change necessary because key is a reserved attribute in the wrapper component. + * Name change necessary because key is a reserved attribute in the wrapper component. */ @Directive({ selector: 'fab-dropdown-option' }) export class DropdownOptionDirective { diff --git a/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts b/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts index 9f4a28c0..e47d9b32 100644 --- a/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts +++ b/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts @@ -4,7 +4,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { DropdownOptionDirective } from './dropdown-option.directive'; -import { IDropdownOption } from 'office-ui-fabric-react'; +import { IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown'; /** * Wrapper directive for creating multiple DropdownOptions diff --git a/libs/fabric/lib/components/dropdown/dropdown.component.ts b/libs/fabric/lib/components/dropdown/dropdown.component.ts index a901eb3c..a1bc5c79 100644 --- a/libs/fabric/lib/components/dropdown/dropdown.component.ts +++ b/libs/fabric/lib/components/dropdown/dropdown.component.ts @@ -17,7 +17,7 @@ import { AfterContentInit, } from '@angular/core'; import { IDropdownProps, IDropdownOption, IDropdown } from 'office-ui-fabric-react/lib/Dropdown'; -import { ISelectableDroppableTextProps, ISelectableOption } from 'office-ui-fabric-react'; +import { ISelectableDroppableTextProps, ISelectableOption } from 'office-ui-fabric-react/lib/SelectableOption'; import { DropdownOptionsDirective } from './directives/dropdown-options.directive'; @Component({ diff --git a/libs/fabric/lib/components/dropdown/dropdown.module.ts b/libs/fabric/lib/components/dropdown/dropdown.module.ts index 27e3c180..d062753c 100644 --- a/libs/fabric/lib/components/dropdown/dropdown.module.ts +++ b/libs/fabric/lib/components/dropdown/dropdown.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Dropdown } from 'office-ui-fabric-react'; +import { Dropdown } from 'office-ui-fabric-react/lib/Dropdown'; import { FabDropdownComponent } from './dropdown.component'; import { DropdownOptionDirective } from './directives/dropdown-option.directive'; import { DropdownOptionsDirective } from './directives/dropdown-options.directive'; diff --git a/libs/fabric/lib/components/dropdown/ng-package.json b/libs/fabric/lib/components/dropdown/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/dropdown/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/hover-card/hover-card.component.ts b/libs/fabric/lib/components/hover-card/hover-card.component.ts index 93794df3..f5638063 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.component.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { IExpandingCardProps, IHoverCardProps, IPlainCardProps } from 'office-ui-fabric-react/lib/HoverCard'; -import { omit } from '../../utils/omit'; +import { omit } from 'angular-react-utils/lib/omit'; @Component({ selector: 'fab-hover-card', diff --git a/libs/fabric/lib/components/hover-card/hover-card.module.ts b/libs/fabric/lib/components/hover-card/hover-card.module.ts index a02fbd7a..784ba730 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.module.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ExpandingCard, HoverCard, PlainCard } from 'office-ui-fabric-react'; +import { ExpandingCard, HoverCard, PlainCard } from 'office-ui-fabric-react/lib/HoverCard'; import { FabHoverCardComponent } from './hover-card.component'; import { FabExpandingCardComponent } from './expanding-card.component'; import { FabPlainCardComponent } from './plain-card.component'; diff --git a/libs/fabric/lib/components/hover-card/ng-package.json b/libs/fabric/lib/components/hover-card/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/hover-card/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts index e923e469..2c292465 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts @@ -10,7 +10,7 @@ import { IBasePickerSuggestionsProps, IPickerItemProps, } from 'office-ui-fabric-react/lib/Pickers'; -import omit from '../../../utils/omit'; +import omit from 'angular-react-utils/lib/omit'; export abstract class FabBasePickerComponent> extends ReactWrapperComponent @@ -19,7 +19,7 @@ export abstract class FabBasePickerComponent['resolveDelay']; @Input() defaultSelectedItems?: IBasePickerProps['defaultSelectedItems']; @Input() getTextFromItem?: IBasePickerProps['getTextFromItem']; - @Input() className?: IBasePickerProps['className']; + @Input() className?: IBasePickerProps['className']; @Input() pickerCalloutProps?: IBasePickerProps['pickerCalloutProps']; @Input() searchingText?: IBasePickerProps['searchingText']; @Input() disabled?: IBasePickerProps['disabled']; diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts index 95ca6fa5..7e7dc5e8 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts @@ -5,8 +5,8 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as BasePickerCss from 'office-ui-fabric-react/lib-amd/components/pickers/BasePicker.scss'; -import { BasePicker } from 'office-ui-fabric-react'; -import { noop } from '../../../utils/noop'; +import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'; +import { noop } from 'angular-react-utils/lib/noop'; // Dummy action to force BasePickerCss to load and not be tree-shaken away. noop(BasePickerCss); diff --git a/libs/fabric/lib/components/pickers/ng-package.json b/libs/fabric/lib/components/pickers/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/pickers/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts index af100ba0..0cd37853 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts @@ -13,8 +13,9 @@ import { EventEmitter, } from '@angular/core'; import { FabBasePickerComponent } from '../base-picker/base-picker.component'; - import { IPersonaProps, IPeoplePickerProps, BaseAutoFill } from 'office-ui-fabric-react'; - + import { IPeoplePickerProps, BaseAutoFill } from 'office-ui-fabric-react/lib/Pickers'; + import { IPersonaProps } from 'office-ui-fabric-react/lib/Persona'; + @Component({ selector: 'fab-people-picker', exportAs: 'fabPeoplePicker', @@ -57,9 +58,8 @@ import { }) export class FabPeoplePickerComponent extends FabBasePickerComponent { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; - + constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone) { super(elementRef, changeDetectorRef, renderer, ngZone); } } - \ No newline at end of file diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts index 23a3ff2c..a570e446 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts @@ -5,8 +5,8 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as PeoplePickerItemCss from 'office-ui-fabric-react/lib-amd/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss'; -import { NormalPeoplePickerBase } from 'office-ui-fabric-react'; -import { noop } from '../../../utils/noop'; +import { NormalPeoplePickerBase } from 'office-ui-fabric-react/lib/Pickers'; +import { noop } from 'angular-react-utils/lib/noop'; import { FabBasePickerModule } from '../base-picker/base-picker.module'; import { FabPeoplePickerComponent } from './people-picker.component'; diff --git a/libs/fabric/lib/components/search-box/ng-package.json b/libs/fabric/lib/components/search-box/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/search-box/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/search-box/search-box.component.ts b/libs/fabric/lib/components/search-box/search-box.component.ts index 158ce5ac..78387859 100644 --- a/libs/fabric/lib/components/search-box/search-box.component.ts +++ b/libs/fabric/lib/components/search-box/search-box.component.ts @@ -16,7 +16,7 @@ import { } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { ISearchBoxProps } from 'office-ui-fabric-react/lib/SearchBox'; -import omit from '../../utils/omit'; +import omit from 'angular-react-utils/lib/omit'; @Component({ selector: 'fab-search-box', diff --git a/libs/fabric/lib/components/search-box/search-box.module.ts b/libs/fabric/lib/components/search-box/search-box.module.ts index 1b4bd02c..07047264 100644 --- a/libs/fabric/lib/components/search-box/search-box.module.ts +++ b/libs/fabric/lib/components/search-box/search-box.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { SearchBox } from 'office-ui-fabric-react'; +import { SearchBox } from 'office-ui-fabric-react/lib/SearchBox'; import { FabSearchBoxComponent } from './search-box.component'; const components = [FabSearchBoxComponent]; diff --git a/libs/fabric/lib/components/tooltip/ng-package.json b/libs/fabric/lib/components/tooltip/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/tooltip/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index 59f418c3..91b88237 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { ITooltipHostProps, ITooltipProps } from 'office-ui-fabric-react/lib/Tooltip'; -import { omit } from '../../utils/omit'; +import { omit } from 'angular-react-utils/lib/omit'; @Component({ selector: 'fab-tooltip-host', diff --git a/libs/fabric/lib/components/tooltip/tooltip.module.ts b/libs/fabric/lib/components/tooltip/tooltip.module.ts index 219314e3..b86da0ad 100644 --- a/libs/fabric/lib/components/tooltip/tooltip.module.ts +++ b/libs/fabric/lib/components/tooltip/tooltip.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { TooltipHost } from 'office-ui-fabric-react'; +import { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip'; import { FabTooltipHostComponent } from './tooltip-host.component'; const components = [FabTooltipHostComponent]; From 9768ef2fe7436531da75c1598d633fcb7ad040d4 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Sep 2020 16:11:57 +0800 Subject: [PATCH 08/39] chore: rename utils lib to toolkit & enhance it --- .gitignore | 2 +- libs/.gitkeep | 0 .../components/calendar/calendar.module.ts | 2 +- .../contextual-menu-item.directive.ts | 2 +- .../date-picker/date-picker.module.ts | 2 +- .../hover-card/hover-card.component.ts | 2 +- .../base-picker/base-picker.component.ts | 2 +- .../pickers/base-picker/base-picker.module.ts | 2 +- .../people-picker/people-picker.module.ts | 2 +- .../search-box/search-box.component.ts | 2 +- .../tooltip/tooltip-host.component.ts | 2 +- libs/fabric/package.json | 2 +- libs/fabric/tsconfig-custom.json | 2 +- libs/{utils => toolkit}/build.ts | 0 .../core/declarative/item-changed.helpers.ts | 12 +++ .../core/declarative/item-changed.payload.ts | 13 +++ libs/toolkit/core/declarative/item-changed.ts | 5 + libs/toolkit/core/shared/changeable-helper.ts | 99 +++++++++++++++++++ .../core/shared/changeable-item.directive.ts | 32 ++++++ .../core/shared/changeable-items.directive.ts | 37 +++++++ .../declarations/angular/typed-changes.ts | 32 ++++++ libs/{utils => toolkit}/package.json | 4 +- libs/toolkit/public-api.ts | 12 +++ libs/{utils => toolkit}/tsconfig-custom.json | 0 libs/{utils => toolkit}/tsconfig.lib.json | 2 +- libs/{utils => toolkit}/tsconfig.spec.json | 2 +- libs/{utils => toolkit}/tslint.json | 0 .../utils}/get-data-attributes.ts | 0 .../lib => toolkit/utils}/kebab-case.ts | 0 libs/{utils/lib => toolkit/utils}/noop.ts | 0 libs/{utils/lib => toolkit/utils}/omit.ts | 0 libs/{utils/lib => toolkit/utils}/pick.ts | 0 libs/utils/public-api.ts | 5 - package.json | 2 +- tsconfig.json | 2 +- tsconfig.packages.json | 2 +- 36 files changed, 261 insertions(+), 24 deletions(-) delete mode 100644 libs/.gitkeep rename libs/{utils => toolkit}/build.ts (100%) create mode 100644 libs/toolkit/core/declarative/item-changed.helpers.ts create mode 100644 libs/toolkit/core/declarative/item-changed.payload.ts create mode 100644 libs/toolkit/core/declarative/item-changed.ts create mode 100644 libs/toolkit/core/shared/changeable-helper.ts create mode 100644 libs/toolkit/core/shared/changeable-item.directive.ts create mode 100644 libs/toolkit/core/shared/changeable-items.directive.ts create mode 100644 libs/toolkit/declarations/angular/typed-changes.ts rename libs/{utils => toolkit}/package.json (93%) create mode 100644 libs/toolkit/public-api.ts rename libs/{utils => toolkit}/tsconfig-custom.json (100%) rename libs/{utils => toolkit}/tsconfig.lib.json (94%) rename libs/{utils => toolkit}/tsconfig.spec.json (77%) rename libs/{utils => toolkit}/tslint.json (100%) rename libs/{utils/lib => toolkit/utils}/get-data-attributes.ts (100%) rename libs/{utils/lib => toolkit/utils}/kebab-case.ts (100%) rename libs/{utils/lib => toolkit/utils}/noop.ts (100%) rename libs/{utils/lib => toolkit/utils}/omit.ts (100%) rename libs/{utils/lib => toolkit/utils}/pick.ts (100%) delete mode 100644 libs/utils/public-api.ts diff --git a/.gitignore b/.gitignore index 3418dd45..51bbf34c 100644 --- a/.gitignore +++ b/.gitignore @@ -47,7 +47,7 @@ yarn-error.log # dist artifacts @angular-react/ angular-react-fabric -angular-react-utils +angular-react-toolkit # ng-packagr (temporary files) .ng_pkg_build/ diff --git a/libs/.gitkeep b/libs/.gitkeep deleted file mode 100644 index e69de29b..00000000 diff --git a/libs/fabric/lib/components/calendar/calendar.module.ts b/libs/fabric/lib/components/calendar/calendar.module.ts index 0dedd43f..4954058f 100644 --- a/libs/fabric/lib/components/calendar/calendar.module.ts +++ b/libs/fabric/lib/components/calendar/calendar.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; import { Calendar } from 'office-ui-fabric-react/lib/Calendar'; -import { noop } from 'angular-react-utils/lib/noop'; +import { noop } from 'angular-react-toolkit/utils/noop'; import { FabCalendarComponent } from './calendar.component'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index 22f5f57f..9c57ebfe 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -21,7 +21,7 @@ import { OnChanges } from '../../../declarations/angular/typed-changes'; import { ItemChangedPayload } from '../../core/declarative/item-changed.payload'; import { ChangeableItemsHelper, IChangeableItemsContainer } from '../../core/shared/changeable-helper'; import { ChangeableItemDirective } from '../../core/shared/changeable-item.directive'; -import { getDataAttributes } from '../../../utils/get-data-attributes'; +import { getDataAttributes } from 'angular-react-toolkit/utils/get-data-attributes'; export type ContextualMenuItemChangedPayload = ItemChangedPayload< IContextualMenuItemOptions['key'], diff --git a/libs/fabric/lib/components/date-picker/date-picker.module.ts b/libs/fabric/lib/components/date-picker/date-picker.module.ts index 911da739..3002a235 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.module.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { DatePicker } from 'office-ui-fabric-react/lib/DatePicker'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { noop } from 'angular-react-utils/lib/noop'; +import { noop } from 'angular-react-toolkit/utils/noop'; import { FabDatePickerComponent } from './date-picker.component'; // Dummy action to force CalendarCss to load and not be tree-shaken away. diff --git a/libs/fabric/lib/components/hover-card/hover-card.component.ts b/libs/fabric/lib/components/hover-card/hover-card.component.ts index f5638063..4cf4c1ac 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.component.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { IExpandingCardProps, IHoverCardProps, IPlainCardProps } from 'office-ui-fabric-react/lib/HoverCard'; -import { omit } from 'angular-react-utils/lib/omit'; +import { omit } from 'angular-react-toolkit/utils/omit'; @Component({ selector: 'fab-hover-card', diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts index 2c292465..b61a8027 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts @@ -10,7 +10,7 @@ import { IBasePickerSuggestionsProps, IPickerItemProps, } from 'office-ui-fabric-react/lib/Pickers'; -import omit from 'angular-react-utils/lib/omit'; +import omit from 'angular-react-toolkit/utils/omit'; export abstract class FabBasePickerComponent> extends ReactWrapperComponent diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts index 7e7dc5e8..f6550a52 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as BasePickerCss from 'office-ui-fabric-react/lib-amd/components/pickers/BasePicker.scss'; import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'; -import { noop } from 'angular-react-utils/lib/noop'; +import { noop } from 'angular-react-toolkit/utils/noop'; // Dummy action to force BasePickerCss to load and not be tree-shaken away. noop(BasePickerCss); diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts index a570e446..547e86d7 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as PeoplePickerItemCss from 'office-ui-fabric-react/lib-amd/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss'; import { NormalPeoplePickerBase } from 'office-ui-fabric-react/lib/Pickers'; -import { noop } from 'angular-react-utils/lib/noop'; +import { noop } from 'angular-react-toolkit/utils/noop'; import { FabBasePickerModule } from '../base-picker/base-picker.module'; import { FabPeoplePickerComponent } from './people-picker.component'; diff --git a/libs/fabric/lib/components/search-box/search-box.component.ts b/libs/fabric/lib/components/search-box/search-box.component.ts index 78387859..e5c60168 100644 --- a/libs/fabric/lib/components/search-box/search-box.component.ts +++ b/libs/fabric/lib/components/search-box/search-box.component.ts @@ -16,7 +16,7 @@ import { } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { ISearchBoxProps } from 'office-ui-fabric-react/lib/SearchBox'; -import omit from 'angular-react-utils/lib/omit'; +import omit from 'angular-react-toolkit/utils/omit'; @Component({ selector: 'fab-search-box', diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index 91b88237..d102265a 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { ITooltipHostProps, ITooltipProps } from 'office-ui-fabric-react/lib/Tooltip'; -import { omit } from 'angular-react-utils/lib/omit'; +import { omit } from 'angular-react-toolkit/utils/omit'; @Component({ selector: 'fab-tooltip-host', diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 374d955c..b6f95085 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -48,7 +48,7 @@ "@angular/core": "^8.0.2", "@angular/platform-browser-dynamic": "^8.0.2", "@angular/platform-browser": "^8.0.2", - "angular-react-utils": "1.0.0", + "angular-react-toolkit": "1.0.0", "office-ui-fabric-react": "7.82.2", "react-dom": "~16.8.6", "react": "^16.8.6" diff --git a/libs/fabric/tsconfig-custom.json b/libs/fabric/tsconfig-custom.json index ceb6aeaa..9f129c72 100644 --- a/libs/fabric/tsconfig-custom.json +++ b/libs/fabric/tsconfig-custom.json @@ -24,7 +24,7 @@ "lib": ["dom", "es2017"], "paths": { "@angular-react/*": ["../../@angular-react/*"], - "angular-react-utils/*": ["../../angular-react-utils/*"] + "angular-react-toolkit/*": ["../../angular-react-toolkit/*"] } }, "exclude": ["node_modules", "dist", "**/*.ngfactory.ts", "**/*.shim.ts", "**/*.spec.ts"], diff --git a/libs/utils/build.ts b/libs/toolkit/build.ts similarity index 100% rename from libs/utils/build.ts rename to libs/toolkit/build.ts diff --git a/libs/toolkit/core/declarative/item-changed.helpers.ts b/libs/toolkit/core/declarative/item-changed.helpers.ts new file mode 100644 index 00000000..2ba45779 --- /dev/null +++ b/libs/toolkit/core/declarative/item-changed.helpers.ts @@ -0,0 +1,12 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import { ItemChanges, PropertyChange } from './item-changed.payload'; + +export function mergeItemChanges(target: T, changes: ItemChanges): T { + const itemChangesOverrides: Partial = (Object.entries(changes) as Array< + [keyof T, PropertyChange] + >).reduce((acc, [propertyKey, change]) => Object.assign(acc, { [propertyKey]: change.currentValue }), {}); + + return Object.assign({}, target, itemChangesOverrides); +} diff --git a/libs/toolkit/core/declarative/item-changed.payload.ts b/libs/toolkit/core/declarative/item-changed.payload.ts new file mode 100644 index 00000000..fb3177c5 --- /dev/null +++ b/libs/toolkit/core/declarative/item-changed.payload.ts @@ -0,0 +1,13 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +export interface PropertyChange { + readonly currentValue: TValue; +} + +export type ItemChanges = { readonly [P in keyof TItem]?: PropertyChange }; + +export interface ItemChangedPayload { + readonly key: TKey; + readonly changes: ItemChanges; +} diff --git a/libs/toolkit/core/declarative/item-changed.ts b/libs/toolkit/core/declarative/item-changed.ts new file mode 100644 index 00000000..8397b4ff --- /dev/null +++ b/libs/toolkit/core/declarative/item-changed.ts @@ -0,0 +1,5 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +export * from './item-changed.payload'; +export * from './item-changed.helpers'; diff --git a/libs/toolkit/core/shared/changeable-helper.ts b/libs/toolkit/core/shared/changeable-helper.ts new file mode 100644 index 00000000..deb4c2b3 --- /dev/null +++ b/libs/toolkit/core/shared/changeable-helper.ts @@ -0,0 +1,99 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import { EventEmitter, QueryList } from '@angular/core'; +import { Subscription } from 'rxjs'; + +import { ItemChangedPayload, ItemChanges } from '../declarative/item-changed.payload'; +import { ChangeableItemDirective } from './changeable-item.directive'; + +/** + * Helper class for single changeable item + */ +export class ChangeableItemHelper { + readonly onItemChanged = new EventEmitter>(); + + constructor(private readonly key: string) {} + + /** + * Action to be called by user of class when change is detected + * (Typically called in ngOnChanges) + * @param changes TypedChanges that are to be emitted + */ + emitChanges(changes: ItemChanges) { + this.onItemChanged.emit({ key: this.key, changes }); + } +} + +/** + * Parent class for wrapper directive for multiple ChangeableItemDirectives + */ +export class ChangeableItemsHelper { + readonly onChildItemChanged = new EventEmitter>(); + readonly onItemsChanged = new EventEmitter>>(); + + private readonly _subscriptionsMap: { [key: string]: Subscription } = {}; + private _changeSubscription: Subscription; + + /** + * Initialize subscriptions to watch for changes to children ChangeableItemDirectives + * (Typically called in ngAfterContentInit after @ContentChildren are initialized) + * @param directiveItems List of children to watch for + * @param self Reference to component using this helper. This component gets filtered out in case + * it appears in the list of children (i.e. when a component has children of its own type) + * @param nonSelfHandler Callback to handle filtered list of children when updated + */ + constructor( + private directiveItems: QueryList>, + private self?: IChangeableItemsContainer, + private nonSelfHandler?: (nonSelfDirectives: ChangeableItemDirective[]) => void + ) { + this._subscribeNewDirectives(); + this._changeSubscription = this.directiveItems.changes.subscribe(newValues => { + this.onItemsChanged.emit(newValues); + this._subscribeNewDirectives(); + }); + } + + /** + * Action to be called by user of class when directive/component is destroyed + * (Typically called in ngOnDestroy) + */ + destroy() { + Object.values(this._subscriptionsMap).forEach(value => value.unsubscribe()); + this._changeSubscription.unsubscribe(); + } + + private _subscribeNewDirectives() { + const nonSelfDirectives = this._handleNonSelfDirectives(); + nonSelfDirectives.forEach(directiveItem => { + if (this._subscriptionsMap[directiveItem.key]) { + this._subscriptionsMap[directiveItem.key].unsubscribe(); + } + this._subscriptionsMap[directiveItem.key] = directiveItem.onItemChanged.subscribe(changes => { + this._handleNonSelfDirectives(); + this.onChildItemChanged.emit(changes); + if (this.self && this.self.onItemChanged) { + this.self.onItemChanged.emit(changes); + } + }); + }); + } + + private _handleNonSelfDirectives() { + const nonSelfDirectives = this.directiveItems.filter(directiveItem => directiveItem !== (this.self as any)); + if (this.nonSelfHandler && nonSelfDirectives.length) { + this.nonSelfHandler(nonSelfDirectives); + } + return nonSelfDirectives; + } +} + +/** + * Interface for directives that contain changeable items + */ +export interface IChangeableItemsContainer { + onChildItemChanged: EventEmitter>; + onItemChanged?: EventEmitter>; + onItemsChanged: EventEmitter>>; +} diff --git a/libs/toolkit/core/shared/changeable-item.directive.ts b/libs/toolkit/core/shared/changeable-item.directive.ts new file mode 100644 index 00000000..75218ac2 --- /dev/null +++ b/libs/toolkit/core/shared/changeable-item.directive.ts @@ -0,0 +1,32 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import { EventEmitter, Input, OnInit, Output } from '@angular/core'; + +import { OnChanges } from '../../declarations/angular/typed-changes'; +import { ItemChangedPayload, ItemChanges } from '../declarative/item-changed.payload'; +import { ChangeableItemHelper } from './changeable-helper'; + +/** + * Parent class for wrapper directive for single item with OnChanges + */ +export abstract class ChangeableItemDirective implements OnChanges>, OnInit { + @Input() key: string; + + @Output() + get onItemChanged(): EventEmitter> { + return this.changeableItemHelper && this.changeableItemHelper.onItemChanged; + } + + private changeableItemHelper: ChangeableItemHelper; + + ngOnInit() { + this.changeableItemHelper = new ChangeableItemHelper(this.key); + } + + ngOnChanges(changes: ItemChanges) { + if (this.changeableItemHelper) { + this.changeableItemHelper.emitChanges(changes); + } + } +} diff --git a/libs/toolkit/core/shared/changeable-items.directive.ts b/libs/toolkit/core/shared/changeable-items.directive.ts new file mode 100644 index 00000000..066d0128 --- /dev/null +++ b/libs/toolkit/core/shared/changeable-items.directive.ts @@ -0,0 +1,37 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import { AfterContentInit, ContentChildren, EventEmitter, OnDestroy, Output, QueryList } from '@angular/core'; + +import { ItemChangedPayload } from '../declarative/item-changed.payload'; +import { ChangeableItemsHelper, IChangeableItemsContainer } from './changeable-helper'; +import { ChangeableItemDirective } from './changeable-item.directive'; + +/** + * Parent class for wrapper directive for multiple ChangeableItemDirectives + */ +export abstract class ChangeableItemsDirective + implements AfterContentInit, IChangeableItemsContainer, OnDestroy { + @ContentChildren(ChangeableItemDirective) readonly directiveItems: QueryList>; + + @Output() + get onChildItemChanged(): EventEmitter> { + return this.changeableItemsHelper && this.changeableItemsHelper.onChildItemChanged; + } + @Output() + get onItemsChanged(): EventEmitter>> { + return this.changeableItemsHelper && this.changeableItemsHelper.onItemsChanged; + } + + private changeableItemsHelper: ChangeableItemsHelper; + + abstract get items(): TItem[]; + + ngAfterContentInit() { + this.changeableItemsHelper = new ChangeableItemsHelper(this.directiveItems); + } + + ngOnDestroy() { + this.changeableItemsHelper.destroy(); + } +} diff --git a/libs/toolkit/declarations/angular/typed-changes.ts b/libs/toolkit/declarations/angular/typed-changes.ts new file mode 100644 index 00000000..13fab071 --- /dev/null +++ b/libs/toolkit/declarations/angular/typed-changes.ts @@ -0,0 +1,32 @@ +// Copyright (c) Microsoft Corporation. All rights reserved. +// Licensed under the MIT License. + +import * as AngularCore from '@angular/core'; + +export interface TypedChange extends AngularCore.SimpleChange { + readonly previousValue: T; + readonly currentValue: T; +} + +/** + * Known Angular keys that components often have + */ +export type AngularLifeCycleKeys = + | keyof AngularCore.AfterContentChecked + | keyof AngularCore.AfterContentInit + | keyof AngularCore.AfterViewChecked + | keyof AngularCore.AfterViewInit + | keyof AngularCore.DoCheck + | keyof AngularCore.OnChanges + | keyof AngularCore.OnDestroy + | keyof AngularCore.OnInit; + +// Only take string keys from TComponent, since those are the only valid input property types. +// Exclude any known stuff that can be eliminated as non-Inputs. +export type InputKeys = Exclude; + +export type TypedChanges = Partial<{ [P in InputKeys]: TypedChange }>; + +export interface OnChanges extends AngularCore.OnChanges { + ngOnChanges(changes: TypedChanges): void; +} diff --git a/libs/utils/package.json b/libs/toolkit/package.json similarity index 93% rename from libs/utils/package.json rename to libs/toolkit/package.json index 10861d04..f2f0c6e7 100644 --- a/libs/utils/package.json +++ b/libs/toolkit/package.json @@ -1,6 +1,6 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", - "name": "angular-react-utils", + "name": "angular-react-toolkit", "version": "1.0.0", "ngPackage": { "lib": { @@ -12,7 +12,7 @@ "office-ui-fabric-react": "Fabric" } }, - "dest": "../../angular-react-utils" + "dest": "../../angular-react-toolkit" }, "license": "MIT", "bugs": { diff --git a/libs/toolkit/public-api.ts b/libs/toolkit/public-api.ts new file mode 100644 index 00000000..f2216002 --- /dev/null +++ b/libs/toolkit/public-api.ts @@ -0,0 +1,12 @@ +export * from './utils/get-data-attributes'; +export * from './utils/kebab-case'; +export * from './utils/noop'; +export * from './utils/omit'; +export * from './utils/pick'; + +export * from './declarations/angular/typed-changes'; + +export * from './core/declarative/item-changed'; +export * from './core/shared/changeable-helper'; +export * from './core/shared/changeable-item.directive'; +export * from './core/shared/changeable-items.directive'; \ No newline at end of file diff --git a/libs/utils/tsconfig-custom.json b/libs/toolkit/tsconfig-custom.json similarity index 100% rename from libs/utils/tsconfig-custom.json rename to libs/toolkit/tsconfig-custom.json diff --git a/libs/utils/tsconfig.lib.json b/libs/toolkit/tsconfig.lib.json similarity index 94% rename from libs/utils/tsconfig.lib.json rename to libs/toolkit/tsconfig.lib.json index 347814a0..e00e7dcb 100644 --- a/libs/utils/tsconfig.lib.json +++ b/libs/toolkit/tsconfig.lib.json @@ -1,7 +1,7 @@ { "extends": "../../tsconfig.json", "compilerOptions": { - "outDir": "../../out-tsc/libs/utils", + "outDir": "../../out-tsc/libs/toolkit", "target": "es2015", "module": "es2015", "moduleResolution": "node", diff --git a/libs/utils/tsconfig.spec.json b/libs/toolkit/tsconfig.spec.json similarity index 77% rename from libs/utils/tsconfig.spec.json rename to libs/toolkit/tsconfig.spec.json index 1033d939..d1809169 100644 --- a/libs/utils/tsconfig.spec.json +++ b/libs/toolkit/tsconfig.spec.json @@ -1,7 +1,7 @@ { "extends": "../../tsconfig.json", "compilerOptions": { - "outDir": "../../dist/out-tsc/libs/utils", + "outDir": "../../dist/out-tsc/libs/toolkit", "types": ["jasmine", "node"] }, "files": ["src/test.ts"], diff --git a/libs/utils/tslint.json b/libs/toolkit/tslint.json similarity index 100% rename from libs/utils/tslint.json rename to libs/toolkit/tslint.json diff --git a/libs/utils/lib/get-data-attributes.ts b/libs/toolkit/utils/get-data-attributes.ts similarity index 100% rename from libs/utils/lib/get-data-attributes.ts rename to libs/toolkit/utils/get-data-attributes.ts diff --git a/libs/utils/lib/kebab-case.ts b/libs/toolkit/utils/kebab-case.ts similarity index 100% rename from libs/utils/lib/kebab-case.ts rename to libs/toolkit/utils/kebab-case.ts diff --git a/libs/utils/lib/noop.ts b/libs/toolkit/utils/noop.ts similarity index 100% rename from libs/utils/lib/noop.ts rename to libs/toolkit/utils/noop.ts diff --git a/libs/utils/lib/omit.ts b/libs/toolkit/utils/omit.ts similarity index 100% rename from libs/utils/lib/omit.ts rename to libs/toolkit/utils/omit.ts diff --git a/libs/utils/lib/pick.ts b/libs/toolkit/utils/pick.ts similarity index 100% rename from libs/utils/lib/pick.ts rename to libs/toolkit/utils/pick.ts diff --git a/libs/utils/public-api.ts b/libs/utils/public-api.ts deleted file mode 100644 index 85a68984..00000000 --- a/libs/utils/public-api.ts +++ /dev/null @@ -1,5 +0,0 @@ -export * from './lib/get-data-attributes'; -export * from './lib/kebab-case'; -export * from './lib/noop'; -export * from './lib/omit'; -export * from './lib/pick'; \ No newline at end of file diff --git a/package.json b/package.json index 0db83073..ec9aa734 100644 --- a/package.json +++ b/package.json @@ -21,7 +21,7 @@ "postbuild:libs:core": "copyfiles README.md ./@angular-react/core", "build:libs:fabric": "ts-node libs/fabric/build.ts", "build:libs:semantic-ui": "ts-node libs/semantic-ui/build.ts", - "build:libs:utils": "ts-node libs/utils/build.ts", + "build:libs:toolkit": "ts-node libs/toolkit/build.ts", "affected:apps": "./node_modules/.bin/nx affected:apps", "affected:build": "./node_modules/.bin/nx affected:build", "affected:e2e": "./node_modules/.bin/nx affected:e2e", diff --git a/tsconfig.json b/tsconfig.json index cf5b2792..431c0832 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -17,7 +17,7 @@ "@angular-react/core": ["libs/core/src/index.ts"], "@angular-react/fabric": ["libs/fabric/public-api.ts"], "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"], - "angular-react-utils": ["libs/utils/public-api.ts"] + "angular-react-toolkit": ["libs/toolkit/public-api.ts"] } }, "exclude": ["node_modules", "tmp"] diff --git a/tsconfig.packages.json b/tsconfig.packages.json index ec610ff4..bf664ff0 100644 --- a/tsconfig.packages.json +++ b/tsconfig.packages.json @@ -6,7 +6,7 @@ "baseUrl": ".", "paths": { "@angular-react/*": ["@angular-react/*"], - "angular-react-utils/*": ["angular-react-utils/*"] + "angular-react-toolkit/*": ["angular-react-toolkit/*"] } }, "exclude": ["**/*.spec.ts", "**/*.e2e-spec.ts", "node_modules", "tmp"] From f4823e421e0c72013afd36862b684b2487c62c5f Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Sep 2020 16:50:04 +0800 Subject: [PATCH 09/39] feat: support more component AOT compile --- .../components/button/base-button.component.ts | 16 ++++++++++------ .../lib/components/button/button.module.ts | 2 +- .../command-bar/command-bar.component.ts | 8 +++++--- .../components/command-bar/command-bar.module.ts | 6 ++++-- .../directives/command-bar-item.directives.ts | 4 +++- .../directives/command-bar-items.directives.ts | 4 ++-- .../directives/contextual-menu-item.directive.ts | 11 +++++------ .../components/contextual-menu/ng-package.json | 5 +++++ .../details-list/details-list.component.ts | 8 ++++---- .../details-list/details-list.module.ts | 3 ++- .../directives/details-list-column.directive.ts | 5 ++--- .../directives/details-list-columns.directive.ts | 4 ++-- .../directives/details-list-groups.directive.ts | 5 +++-- .../group/directives/group-item.directive.ts | 9 ++++----- libs/fabric/lib/components/group/ng-package.json | 5 +++++ 15 files changed, 57 insertions(+), 38 deletions(-) create mode 100644 libs/fabric/lib/components/contextual-menu/ng-package.json create mode 100644 libs/fabric/lib/components/group/ng-package.json diff --git a/libs/fabric/lib/components/button/base-button.component.ts b/libs/fabric/lib/components/button/base-button.component.ts index 373a0d1c..6f853e84 100644 --- a/libs/fabric/lib/components/button/base-button.component.ts +++ b/libs/fabric/lib/components/button/base-button.component.ts @@ -17,14 +17,16 @@ import { OnDestroy, } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; -import { ContextualMenuItemDirective, IContextualMenuItemOptions } from '../contextual-menu/public-api'; -import { ChangeableItemsHelper } from '../core/shared/changeable-helper'; -import { IContextualMenuItem } from 'office-ui-fabric-react'; +import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; +import { ChangeableItemsHelper } from 'angular-react-toolkit/core/shared/changeable-helper'; +import { mergeItemChanges } from 'angular-react-toolkit/core/declarative/item-changed'; +import { omit } from 'angular-react-toolkit/utils/omit'; +import { getDataAttributes } from 'angular-react-toolkit/utils/get-data-attributes'; import { Subscription } from 'rxjs'; + +// TODO: +import { ContextualMenuItemDirective, IContextualMenuItemOptions } from '../contextual-menu/public-api'; import { CommandBarItemChangedPayload } from '../command-bar/directives/command-bar-item.directives'; -import { mergeItemChanges } from '../core/declarative/item-changed'; -import { omit } from '../../utils/omit'; -import { getDataAttributes } from '../../utils/get-data-attributes'; export abstract class FabBaseButtonComponent extends ReactWrapperComponent implements OnInit, AfterContentInit, OnDestroy { @@ -115,6 +117,7 @@ export abstract class FabBaseButtonComponent extends ReactWrapperComponent) => { @@ -186,6 +189,7 @@ export abstract class FabBaseButtonComponent extends ReactWrapperComponent { abstract readonly directiveItems: QueryList; diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index 9c57ebfe..d4113302 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -14,13 +14,12 @@ import { TemplateRef, ElementRef, } from '@angular/core'; -import { IContextualMenuItem } from 'office-ui-fabric-react'; +import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { KnownKeys, InputRendererOptions } from '@angular-react/core'; - -import { OnChanges } from '../../../declarations/angular/typed-changes'; -import { ItemChangedPayload } from '../../core/declarative/item-changed.payload'; -import { ChangeableItemsHelper, IChangeableItemsContainer } from '../../core/shared/changeable-helper'; -import { ChangeableItemDirective } from '../../core/shared/changeable-item.directive'; +import { OnChanges } from 'angular-react-toolkit/declarations/angular/typed-changes'; +import { ItemChangedPayload } from 'angular-react-toolkit/core/declarative/item-changed.payload'; +import { ChangeableItemsHelper, IChangeableItemsContainer } from 'angular-react-toolkit/core/shared/changeable-helper'; +import { ChangeableItemDirective } from 'angular-react-toolkit/core/shared/changeable-item.directive'; import { getDataAttributes } from 'angular-react-toolkit/utils/get-data-attributes'; export type ContextualMenuItemChangedPayload = ItemChangedPayload< diff --git a/libs/fabric/lib/components/contextual-menu/ng-package.json b/libs/fabric/lib/components/contextual-menu/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/contextual-menu/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index 17398da1..462fb3bd 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -31,11 +31,11 @@ import { } from 'office-ui-fabric-react/lib/DetailsList'; import { IListProps } from 'office-ui-fabric-react/lib/List'; import { Subscription } from 'rxjs'; +import { OnChanges, TypedChanges } from 'angular-react-toolkit/declarations/angular/typed-changes'; +import { omit } from 'angular-react-toolkit/utils/omit'; +import { mergeItemChanges } from 'angular-react-toolkit/core/declarative/item-changed'; +import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; -import { OnChanges, TypedChanges } from '../../declarations/angular/typed-changes'; -import { omit } from '../../utils/omit'; -import { mergeItemChanges } from '../core/declarative/item-changed'; -import { ChangeableItemsDirective } from '../core/shared/changeable-items.directive'; import { IDetailsListColumnOptions } from './directives/details-list-column.directive'; import { DetailsListColumnsDirective } from './directives/details-list-columns.directive'; import { DetailsListGroupsDirective } from './directives/details-list-groups.directive'; diff --git a/libs/fabric/lib/components/details-list/details-list.module.ts b/libs/fabric/lib/components/details-list/details-list.module.ts index 1f7216cb..36a5e127 100644 --- a/libs/fabric/lib/components/details-list/details-list.module.ts +++ b/libs/fabric/lib/components/details-list/details-list.module.ts @@ -4,8 +4,9 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { registerElement } from '@angular-react/core'; -import { DetailsList } from 'office-ui-fabric-react'; +import { DetailsList } from 'office-ui-fabric-react/lib/DetailsList'; +// TODO: import { FabGroupModule } from '../group/group.module'; import { FabDetailsListComponent } from './details-list.component'; import { diff --git a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts index 5c7f11aa..310b49a9 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts @@ -3,9 +3,8 @@ import { AfterContentInit, ContentChild, Directive, EventEmitter, Input, Output, TemplateRef } from '@angular/core'; import { InputRendererOptions, KnownKeys } from '@angular-react/core'; -import { IColumn } from 'office-ui-fabric-react'; - -import { ChangeableItemDirective } from '../../core/shared/changeable-item.directive'; +import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; +import { ChangeableItemDirective } from 'angular-react-toolkit/core/shared/changeable-item.directive'; /** * Wrapper directive for rendering a custom column to a DetailsListColumn diff --git a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts index b5acc699..73d26b1f 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts @@ -2,9 +2,9 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { IColumn } from 'office-ui-fabric-react'; +import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; +import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; -import { ChangeableItemsDirective } from '../../core/shared/changeable-items.directive'; import { DetailsListColumnDirective, IDetailsListColumnOptions } from './details-list-column.directive'; /** diff --git a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts index efc4b605..d98100db 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts @@ -2,9 +2,10 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { IGroup } from 'office-ui-fabric-react'; +import { IGroup } from 'office-ui-fabric-react/lib/DetailsList'; +import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; -import { ChangeableItemsDirective } from '../../core/shared/changeable-items.directive'; +// TODO: import { GroupItemDirective } from '../../group/directives/group-item.directive'; /** diff --git a/libs/fabric/lib/components/group/directives/group-item.directive.ts b/libs/fabric/lib/components/group/directives/group-item.directive.ts index 88e7c9e5..da25d2ed 100644 --- a/libs/fabric/lib/components/group/directives/group-item.directive.ts +++ b/libs/fabric/lib/components/group/directives/group-item.directive.ts @@ -11,11 +11,10 @@ import { Output, QueryList, } from '@angular/core'; -import { IGroup } from 'office-ui-fabric-react'; - -import { ItemChangedPayload } from '../../core/declarative/item-changed'; -import { ChangeableItemsHelper, IChangeableItemsContainer } from '../../core/shared/changeable-helper'; -import { ChangeableItemDirective } from '../../core/shared/changeable-item.directive'; +import { IGroup } from 'office-ui-fabric-react/lib/GroupedList'; +import { ItemChangedPayload } from 'angular-react-toolkit/core/declarative/item-changed'; +import { ChangeableItemsHelper, IChangeableItemsContainer } from 'angular-react-toolkit/core/shared/changeable-helper'; +import { ChangeableItemDirective } from 'angular-react-toolkit/core/shared/changeable-item.directive'; @Directive({ selector: 'fab-group-item' }) export class GroupItemDirective extends ChangeableItemDirective diff --git a/libs/fabric/lib/components/group/ng-package.json b/libs/fabric/lib/components/group/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/group/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} From e5796bf8d4ba2734a1931d8f6f3ce2c55315e945 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Fri, 11 Sep 2020 10:19:07 +0800 Subject: [PATCH 10/39] feat(pivot): add children property for pivot component --- libs/fabric/lib/components/pivot/pivot.component.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/libs/fabric/lib/components/pivot/pivot.component.ts b/libs/fabric/lib/components/pivot/pivot.component.ts index 188a07f7..01395e23 100644 --- a/libs/fabric/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/lib/components/pivot/pivot.component.ts @@ -75,7 +75,7 @@ export class FabPivotItemComponent extends ReactWrapperComponent { @Input() linkFormat?: IPivotProps['linkFormat']; @Input() headersOnly?: IPivotProps['headersOnly']; @Input() getTabId?: IPivotProps['getTabId']; + @Input() children?: QueryList; @Output() readonly onLinkClick = new EventEmitter<{ item?: PivotItem; ev?: MouseEvent }>(); From 03bdedfb24add4862365a6afeb1b98162efae7bc Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Fri, 11 Sep 2020 10:22:57 +0800 Subject: [PATCH 11/39] chore: update fabric dependency --- libs/fabric/package.json | 3 +++ package.json | 1 + 2 files changed, 4 insertions(+) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index b6f95085..06c701ee 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -42,6 +42,9 @@ "fabric" ], "private": false, + "dependencies": { + "angular-react-toolkit": "^1.0.0" + }, "peerDependencies": { "@angular-react/core": "^1.0.0", "@angular/common": "^8.0.2", diff --git a/package.json b/package.json index ec9aa734..e2133340 100644 --- a/package.json +++ b/package.json @@ -40,6 +40,7 @@ "publish:core:next": "npm publish ./@angular-react/core --access=public --tag next", "publish:fabric:next": "npm publish ./@angular-react/fabric --access=public --tag next", "publish:semantic-ui:next": "npm publish ./@angular-react/semantic-ui --access=public --tag next", + "publish:toolkit:customize": "npm publish ./angular-react-toolkit --access=public", "clean:docs": "rimraf docs", "clean:publish": "rimraf @angular-react", "e2e": "ng e2e", From c4d4b8d16e07a04484fa299f462e7df253efa023 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Fri, 11 Sep 2020 10:52:43 +0800 Subject: [PATCH 12/39] chore: set toolkit lib as whitelistNonPeerDependencies --- libs/fabric/package.json | 3 +++ 1 file changed, 3 insertions(+) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 06c701ee..3c36f00f 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -3,6 +3,9 @@ "name": "@angular-react/fabric", "version": "3.0.0", "ngPackage": { + "whitelistedNonPeerDependencies": [ + "angular-react-toolkit" + ], "lib": { "entryFile": "public-api.ts", "umdModuleIds": { From 7f627299e5d2e72acf02fcfe890ac8d9deb6be8e Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 14:49:34 +0800 Subject: [PATCH 13/39] feat: remove unless config --- libs/fabric/package.json | 1 - tsconfig.json | 3 +-- tsconfig.packages.json | 3 +-- 3 files changed, 2 insertions(+), 5 deletions(-) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 3c36f00f..bb839ed3 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -54,7 +54,6 @@ "@angular/core": "^8.0.2", "@angular/platform-browser-dynamic": "^8.0.2", "@angular/platform-browser": "^8.0.2", - "angular-react-toolkit": "1.0.0", "office-ui-fabric-react": "7.82.2", "react-dom": "~16.8.6", "react": "^16.8.6" diff --git a/tsconfig.json b/tsconfig.json index 431c0832..f27c296a 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -16,8 +16,7 @@ "@angular-react/*": ["libs/*"], "@angular-react/core": ["libs/core/src/index.ts"], "@angular-react/fabric": ["libs/fabric/public-api.ts"], - "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"], - "angular-react-toolkit": ["libs/toolkit/public-api.ts"] + "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"] } }, "exclude": ["node_modules", "tmp"] diff --git a/tsconfig.packages.json b/tsconfig.packages.json index bf664ff0..0fd52747 100644 --- a/tsconfig.packages.json +++ b/tsconfig.packages.json @@ -5,8 +5,7 @@ "module": "es2015", "baseUrl": ".", "paths": { - "@angular-react/*": ["@angular-react/*"], - "angular-react-toolkit/*": ["angular-react-toolkit/*"] + "@angular-react/*": ["@angular-react/*"] } }, "exclude": ["**/*.spec.ts", "**/*.e2e-spec.ts", "node_modules", "tmp"] From c0b84651d8fa22930d682fa9e907c494647d0d21 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 14:55:58 +0800 Subject: [PATCH 14/39] fix: should not resolve angular-react-toolkit sub files --- libs/fabric/lib/components/button/base-button.component.ts | 5 +---- libs/fabric/lib/components/calendar/calendar.module.ts | 2 +- .../lib/components/command-bar/command-bar.component.ts | 4 +--- .../fabric/lib/components/command-bar/command-bar.module.ts | 2 +- .../command-bar/directives/command-bar-item.directives.ts | 2 +- .../command-bar/directives/command-bar-items.directives.ts | 3 +-- .../directives/contextual-menu-item.directive.ts | 6 +----- .../fabric/lib/components/date-picker/date-picker.module.ts | 2 +- .../lib/components/details-list/details-list.component.ts | 5 +---- .../directives/details-list-column.directive.ts | 2 +- .../directives/details-list-columns.directive.ts | 2 +- .../directives/details-list-groups.directive.ts | 2 +- .../lib/components/group/directives/group-item.directive.ts | 4 +--- .../lib/components/hover-card/hover-card.component.ts | 2 +- .../components/pickers/base-picker/base-picker.component.ts | 2 +- .../components/pickers/base-picker/base-picker.module.ts | 2 +- .../pickers/people-picker/people-picker.module.ts | 2 +- .../lib/components/search-box/search-box.component.ts | 2 +- .../fabric/lib/components/tooltip/tooltip-host.component.ts | 2 +- libs/fabric/tsconfig-custom.json | 3 ++- 20 files changed, 21 insertions(+), 35 deletions(-) diff --git a/libs/fabric/lib/components/button/base-button.component.ts b/libs/fabric/lib/components/button/base-button.component.ts index 6f853e84..825e0d15 100644 --- a/libs/fabric/lib/components/button/base-button.component.ts +++ b/libs/fabric/lib/components/button/base-button.component.ts @@ -18,10 +18,7 @@ import { } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; -import { ChangeableItemsHelper } from 'angular-react-toolkit/core/shared/changeable-helper'; -import { mergeItemChanges } from 'angular-react-toolkit/core/declarative/item-changed'; -import { omit } from 'angular-react-toolkit/utils/omit'; -import { getDataAttributes } from 'angular-react-toolkit/utils/get-data-attributes'; +import { ChangeableItemsHelper, omit, mergeItemChanges, getDataAttributes } from 'angular-react-toolkit'; import { Subscription } from 'rxjs'; // TODO: diff --git a/libs/fabric/lib/components/calendar/calendar.module.ts b/libs/fabric/lib/components/calendar/calendar.module.ts index 4954058f..73aa352e 100644 --- a/libs/fabric/lib/components/calendar/calendar.module.ts +++ b/libs/fabric/lib/components/calendar/calendar.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; import { Calendar } from 'office-ui-fabric-react/lib/Calendar'; -import { noop } from 'angular-react-toolkit/utils/noop'; +import { noop } from 'angular-react-toolkit'; import { FabCalendarComponent } from './calendar.component'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index c7fda45e..2cc4bcee 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -21,9 +21,7 @@ import { import { ICommandBarItemProps, ICommandBarProps } from 'office-ui-fabric-react/lib/CommandBar'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { Subscription } from 'rxjs'; -import { OnChanges, TypedChanges } from 'angular-react-toolkit/declarations/angular/typed-changes'; -import omit from 'angular-react-toolkit/utils/omit'; -import { mergeItemChanges } from 'angular-react-toolkit/core/declarative/item-changed'; +import { OnChanges, TypedChanges, omit, mergeItemChanges } from 'angular-react-toolkit'; import { CommandBarItemChangedPayload, CommandBarItemDirective } from './directives/command-bar-item.directives'; import { diff --git a/libs/fabric/lib/components/command-bar/command-bar.module.ts b/libs/fabric/lib/components/command-bar/command-bar.module.ts index c6c32346..cb0a8cb6 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.module.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as OverflowSetCss from 'office-ui-fabric-react/lib-amd/components/OverflowSet/OverflowSet.scss'; import { CommandBar } from 'office-ui-fabric-react/lib/CommandBar'; -import { noop } from 'angular-react-toolkit/utils/noop'; +import { noop } from 'angular-react-toolkit'; // TODO: import { FabContextualMenuModule } from '../contextual-menu/contextual-menu.module'; diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts index fd433cc3..8f18be41 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ContentChild, Directive, Input, TemplateRef, ElementRef } from '@angular/core'; -import { ItemChangedPayload } from 'angular-react-toolkit/core/declarative/item-changed.payload'; +import { ItemChangedPayload } from 'angular-react-toolkit'; // TODO: import { ContextualMenuItemDirective } from '../../contextual-menu/directives/contextual-menu-item.directive'; diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts index 1252f1ce..6f4b6938 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts @@ -2,8 +2,7 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; -import { getDataAttributes } from 'angular-react-toolkit/utils/get-data-attributes'; +import { ChangeableItemsDirective, getDataAttributes } from 'angular-react-toolkit'; import { ICommandBarItemOptions } from '../command-bar.component'; import { CommandBarItemDirective } from './command-bar-item.directives'; diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index d4113302..80d3fe91 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -16,11 +16,7 @@ import { } from '@angular/core'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { KnownKeys, InputRendererOptions } from '@angular-react/core'; -import { OnChanges } from 'angular-react-toolkit/declarations/angular/typed-changes'; -import { ItemChangedPayload } from 'angular-react-toolkit/core/declarative/item-changed.payload'; -import { ChangeableItemsHelper, IChangeableItemsContainer } from 'angular-react-toolkit/core/shared/changeable-helper'; -import { ChangeableItemDirective } from 'angular-react-toolkit/core/shared/changeable-item.directive'; -import { getDataAttributes } from 'angular-react-toolkit/utils/get-data-attributes'; +import { OnChanges, ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective, getDataAttributes } from 'angular-react-toolkit'; export type ContextualMenuItemChangedPayload = ItemChangedPayload< IContextualMenuItemOptions['key'], diff --git a/libs/fabric/lib/components/date-picker/date-picker.module.ts b/libs/fabric/lib/components/date-picker/date-picker.module.ts index 3002a235..667741a0 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.module.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { DatePicker } from 'office-ui-fabric-react/lib/DatePicker'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { noop } from 'angular-react-toolkit/utils/noop'; +import { noop } from 'angular-react-toolkit'; import { FabDatePickerComponent } from './date-picker.component'; // Dummy action to force CalendarCss to load and not be tree-shaken away. diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index 462fb3bd..d33c614f 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -31,10 +31,7 @@ import { } from 'office-ui-fabric-react/lib/DetailsList'; import { IListProps } from 'office-ui-fabric-react/lib/List'; import { Subscription } from 'rxjs'; -import { OnChanges, TypedChanges } from 'angular-react-toolkit/declarations/angular/typed-changes'; -import { omit } from 'angular-react-toolkit/utils/omit'; -import { mergeItemChanges } from 'angular-react-toolkit/core/declarative/item-changed'; -import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; +import { OnChanges, TypedChanges, omit, mergeItemChanges, ChangeableItemsDirective } from 'angular-react-toolkit'; import { IDetailsListColumnOptions } from './directives/details-list-column.directive'; import { DetailsListColumnsDirective } from './directives/details-list-columns.directive'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts index 310b49a9..8205e80c 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts @@ -4,7 +4,7 @@ import { AfterContentInit, ContentChild, Directive, EventEmitter, Input, Output, TemplateRef } from '@angular/core'; import { InputRendererOptions, KnownKeys } from '@angular-react/core'; import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; -import { ChangeableItemDirective } from 'angular-react-toolkit/core/shared/changeable-item.directive'; +import { ChangeableItemDirective } from 'angular-react-toolkit'; /** * Wrapper directive for rendering a custom column to a DetailsListColumn diff --git a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts index 73d26b1f..00ea614a 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts @@ -3,7 +3,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; -import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; +import { ChangeableItemsDirective } from 'angular-react-toolkit'; import { DetailsListColumnDirective, IDetailsListColumnOptions } from './details-list-column.directive'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts index d98100db..108f585c 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts @@ -3,7 +3,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { IGroup } from 'office-ui-fabric-react/lib/DetailsList'; -import { ChangeableItemsDirective } from 'angular-react-toolkit/core/shared/changeable-items.directive'; +import { ChangeableItemsDirective } from 'angular-react-toolkit'; // TODO: import { GroupItemDirective } from '../../group/directives/group-item.directive'; diff --git a/libs/fabric/lib/components/group/directives/group-item.directive.ts b/libs/fabric/lib/components/group/directives/group-item.directive.ts index da25d2ed..8c4eccdc 100644 --- a/libs/fabric/lib/components/group/directives/group-item.directive.ts +++ b/libs/fabric/lib/components/group/directives/group-item.directive.ts @@ -12,9 +12,7 @@ import { QueryList, } from '@angular/core'; import { IGroup } from 'office-ui-fabric-react/lib/GroupedList'; -import { ItemChangedPayload } from 'angular-react-toolkit/core/declarative/item-changed'; -import { ChangeableItemsHelper, IChangeableItemsContainer } from 'angular-react-toolkit/core/shared/changeable-helper'; -import { ChangeableItemDirective } from 'angular-react-toolkit/core/shared/changeable-item.directive'; +import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from 'angular-react-toolkit'; @Directive({ selector: 'fab-group-item' }) export class GroupItemDirective extends ChangeableItemDirective diff --git a/libs/fabric/lib/components/hover-card/hover-card.component.ts b/libs/fabric/lib/components/hover-card/hover-card.component.ts index 4cf4c1ac..74dc3fa2 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.component.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { IExpandingCardProps, IHoverCardProps, IPlainCardProps } from 'office-ui-fabric-react/lib/HoverCard'; -import { omit } from 'angular-react-toolkit/utils/omit'; +import { omit } from 'angular-react-toolkit'; @Component({ selector: 'fab-hover-card', diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts index b61a8027..12568d3e 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts @@ -10,7 +10,7 @@ import { IBasePickerSuggestionsProps, IPickerItemProps, } from 'office-ui-fabric-react/lib/Pickers'; -import omit from 'angular-react-toolkit/utils/omit'; +import { omit } from 'angular-react-toolkit'; export abstract class FabBasePickerComponent> extends ReactWrapperComponent diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts index f6550a52..92e67095 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as BasePickerCss from 'office-ui-fabric-react/lib-amd/components/pickers/BasePicker.scss'; import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'; -import { noop } from 'angular-react-toolkit/utils/noop'; +import { noop } from 'angular-react-toolkit'; // Dummy action to force BasePickerCss to load and not be tree-shaken away. noop(BasePickerCss); diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts index 547e86d7..e897bdb2 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as PeoplePickerItemCss from 'office-ui-fabric-react/lib-amd/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss'; import { NormalPeoplePickerBase } from 'office-ui-fabric-react/lib/Pickers'; -import { noop } from 'angular-react-toolkit/utils/noop'; +import { noop } from 'angular-react-toolkit'; import { FabBasePickerModule } from '../base-picker/base-picker.module'; import { FabPeoplePickerComponent } from './people-picker.component'; diff --git a/libs/fabric/lib/components/search-box/search-box.component.ts b/libs/fabric/lib/components/search-box/search-box.component.ts index e5c60168..b076f287 100644 --- a/libs/fabric/lib/components/search-box/search-box.component.ts +++ b/libs/fabric/lib/components/search-box/search-box.component.ts @@ -16,7 +16,7 @@ import { } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { ISearchBoxProps } from 'office-ui-fabric-react/lib/SearchBox'; -import omit from 'angular-react-toolkit/utils/omit'; +import { omit } from 'angular-react-toolkit'; @Component({ selector: 'fab-search-box', diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index d102265a..e8474ecd 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { ITooltipHostProps, ITooltipProps } from 'office-ui-fabric-react/lib/Tooltip'; -import { omit } from 'angular-react-toolkit/utils/omit'; +import { omit } from 'angular-react-toolkit'; @Component({ selector: 'fab-tooltip-host', diff --git a/libs/fabric/tsconfig-custom.json b/libs/fabric/tsconfig-custom.json index 9f129c72..f656dd34 100644 --- a/libs/fabric/tsconfig-custom.json +++ b/libs/fabric/tsconfig-custom.json @@ -24,7 +24,8 @@ "lib": ["dom", "es2017"], "paths": { "@angular-react/*": ["../../@angular-react/*"], - "angular-react-toolkit/*": ["../../angular-react-toolkit/*"] + "angular-react-toolkit/*": ["../../angular-react-toolkit/*"], + "angular-react-toolkit": ["../../angular-react-toolkit"] } }, "exclude": ["node_modules", "dist", "**/*.ngfactory.ts", "**/*.shim.ts", "**/*.spec.ts"], From eb3fd52f549705fe861eebd7649dde575152fff1 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 15:58:56 +0800 Subject: [PATCH 15/39] feat: add more single imported components --- libs/fabric/lib/components/button/base-button.component.ts | 5 ++--- libs/fabric/lib/components/button/ng-package.json | 5 +++++ libs/fabric/lib/components/calendar/public-api.ts | 1 + libs/fabric/lib/components/combo-box/public-api.ts | 2 ++ libs/fabric/lib/components/command-bar/command-bar.module.ts | 3 ++- .../command-bar/directives/command-bar-item.directives.ts | 3 ++- libs/fabric/lib/components/command-bar/ng-package.json | 5 +++++ libs/fabric/lib/components/command-bar/public-api.ts | 2 ++ .../details-list/directives/details-list-groups.directive.ts | 3 +-- libs/fabric/lib/components/details-list/public-api.ts | 3 +++ libs/fabric/lib/components/dropdown/public-api.ts | 2 ++ libs/fabric/lib/components/group/public-api.ts | 1 + 12 files changed, 28 insertions(+), 7 deletions(-) create mode 100644 libs/fabric/lib/components/button/ng-package.json create mode 100644 libs/fabric/lib/components/command-bar/ng-package.json diff --git a/libs/fabric/lib/components/button/base-button.component.ts b/libs/fabric/lib/components/button/base-button.component.ts index 825e0d15..698cfd74 100644 --- a/libs/fabric/lib/components/button/base-button.component.ts +++ b/libs/fabric/lib/components/button/base-button.component.ts @@ -21,9 +21,8 @@ import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { ChangeableItemsHelper, omit, mergeItemChanges, getDataAttributes } from 'angular-react-toolkit'; import { Subscription } from 'rxjs'; -// TODO: -import { ContextualMenuItemDirective, IContextualMenuItemOptions } from '../contextual-menu/public-api'; -import { CommandBarItemChangedPayload } from '../command-bar/directives/command-bar-item.directives'; +import { ContextualMenuItemDirective, IContextualMenuItemOptions } from '@angular-react/fabric/lib/components/contextual-menu'; +import { CommandBarItemChangedPayload } from '@angular-react/fabric/lib/components/command-bar'; export abstract class FabBaseButtonComponent extends ReactWrapperComponent implements OnInit, AfterContentInit, OnDestroy { diff --git a/libs/fabric/lib/components/button/ng-package.json b/libs/fabric/lib/components/button/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/button/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/calendar/public-api.ts b/libs/fabric/lib/components/calendar/public-api.ts index 8bc8c6fc..8523a541 100644 --- a/libs/fabric/lib/components/calendar/public-api.ts +++ b/libs/fabric/lib/components/calendar/public-api.ts @@ -3,3 +3,4 @@ export * from './calendar.component'; export * from './calendar.module'; +export * from './directives/calendar-strings-directive.component'; diff --git a/libs/fabric/lib/components/combo-box/public-api.ts b/libs/fabric/lib/components/combo-box/public-api.ts index e68c3d6f..9882d4d8 100644 --- a/libs/fabric/lib/components/combo-box/public-api.ts +++ b/libs/fabric/lib/components/combo-box/public-api.ts @@ -3,3 +3,5 @@ export * from './combo-box.component'; export * from './combo-box.module'; +export * from './directives/combo-box-option.directive'; +export * from './directives/combo-box-options.directive'; diff --git a/libs/fabric/lib/components/command-bar/command-bar.module.ts b/libs/fabric/lib/components/command-bar/command-bar.module.ts index cb0a8cb6..c06ef33c 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.module.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.module.ts @@ -9,7 +9,8 @@ import { CommandBar } from 'office-ui-fabric-react/lib/CommandBar'; import { noop } from 'angular-react-toolkit'; // TODO: -import { FabContextualMenuModule } from '../contextual-menu/contextual-menu.module'; +// import { FabContextualMenuModule } from '../contextual-menu/contextual-menu.module'; +import { FabContextualMenuModule } from '@angular-react/fabric/lib/components/contextual-menu'; import { FabCommandBarComponent } from './command-bar.component'; import { CommandBarItemDirective, diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts index 8f18be41..a15cbdab 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts @@ -5,7 +5,8 @@ import { ContentChild, Directive, Input, TemplateRef, ElementRef } from '@angula import { ItemChangedPayload } from 'angular-react-toolkit'; // TODO: -import { ContextualMenuItemDirective } from '../../contextual-menu/directives/contextual-menu-item.directive'; +// import { ContextualMenuItemDirective } from '../../contextual-menu/directives/contextual-menu-item.directive'; +import { ContextualMenuItemDirective } from '@angular-react/fabric/lib/components/contextual-menu' import { ICommandBarItemOptions, ICommandBarItemOptionsRenderContext, diff --git a/libs/fabric/lib/components/command-bar/ng-package.json b/libs/fabric/lib/components/command-bar/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/command-bar/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/command-bar/public-api.ts b/libs/fabric/lib/components/command-bar/public-api.ts index 3a59a454..60f744c9 100644 --- a/libs/fabric/lib/components/command-bar/public-api.ts +++ b/libs/fabric/lib/components/command-bar/public-api.ts @@ -3,3 +3,5 @@ export * from './command-bar.component'; export * from './command-bar.module'; +export * from './directives/command-bar-item.directives'; +export * from './directives/command-bar-items.directives'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts index 108f585c..7950eaf2 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts @@ -5,8 +5,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { IGroup } from 'office-ui-fabric-react/lib/DetailsList'; import { ChangeableItemsDirective } from 'angular-react-toolkit'; -// TODO: -import { GroupItemDirective } from '../../group/directives/group-item.directive'; +import { GroupItemDirective } from '@angular-react/fabric/lib/components/group'; /** * Wrapper directive for creating multiple DetailsList Groups diff --git a/libs/fabric/lib/components/details-list/public-api.ts b/libs/fabric/lib/components/details-list/public-api.ts index 1bb766ca..465266ea 100644 --- a/libs/fabric/lib/components/details-list/public-api.ts +++ b/libs/fabric/lib/components/details-list/public-api.ts @@ -3,3 +3,6 @@ export * from './details-list.component'; export * from './details-list.module'; +export * from './directives/details-list-column.directive'; +export * from './directives/details-list-columns.directive'; +export * from './directives/details-list-groups.directive'; diff --git a/libs/fabric/lib/components/dropdown/public-api.ts b/libs/fabric/lib/components/dropdown/public-api.ts index c45bf365..88125fed 100644 --- a/libs/fabric/lib/components/dropdown/public-api.ts +++ b/libs/fabric/lib/components/dropdown/public-api.ts @@ -3,3 +3,5 @@ export * from './dropdown.component'; export * from './dropdown.module'; +export * from './directives/dropdown-option.directive'; +export * from './directives/dropdown-options.directive'; diff --git a/libs/fabric/lib/components/group/public-api.ts b/libs/fabric/lib/components/group/public-api.ts index b798cd8a..c45f05d9 100644 --- a/libs/fabric/lib/components/group/public-api.ts +++ b/libs/fabric/lib/components/group/public-api.ts @@ -3,3 +3,4 @@ export * from './directives/group-item.directive'; export * from './group.module'; +export * from './directives/group-item.directive'; From e05283a87bd7b9b454cd596471cfd826b535d5bd Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 15:59:25 +0800 Subject: [PATCH 16/39] feat: enable tslint for self-imported components --- libs/fabric/lib/components/command-bar/command-bar.module.ts | 2 -- .../command-bar/directives/command-bar-item.directives.ts | 2 -- .../lib/components/details-list/details-list.module.ts | 3 +-- libs/fabric/lib/components/details-list/ng-package.json | 5 +++++ tsconfig.json | 2 -- 5 files changed, 6 insertions(+), 8 deletions(-) create mode 100644 libs/fabric/lib/components/details-list/ng-package.json diff --git a/libs/fabric/lib/components/command-bar/command-bar.module.ts b/libs/fabric/lib/components/command-bar/command-bar.module.ts index c06ef33c..8d51899b 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.module.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.module.ts @@ -8,8 +8,6 @@ import * as OverflowSetCss from 'office-ui-fabric-react/lib-amd/components/Overf import { CommandBar } from 'office-ui-fabric-react/lib/CommandBar'; import { noop } from 'angular-react-toolkit'; -// TODO: -// import { FabContextualMenuModule } from '../contextual-menu/contextual-menu.module'; import { FabContextualMenuModule } from '@angular-react/fabric/lib/components/contextual-menu'; import { FabCommandBarComponent } from './command-bar.component'; import { diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts index a15cbdab..5f4ecdda 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts @@ -4,8 +4,6 @@ import { ContentChild, Directive, Input, TemplateRef, ElementRef } from '@angular/core'; import { ItemChangedPayload } from 'angular-react-toolkit'; -// TODO: -// import { ContextualMenuItemDirective } from '../../contextual-menu/directives/contextual-menu-item.directive'; import { ContextualMenuItemDirective } from '@angular-react/fabric/lib/components/contextual-menu' import { ICommandBarItemOptions, diff --git a/libs/fabric/lib/components/details-list/details-list.module.ts b/libs/fabric/lib/components/details-list/details-list.module.ts index 36a5e127..a5ee7b36 100644 --- a/libs/fabric/lib/components/details-list/details-list.module.ts +++ b/libs/fabric/lib/components/details-list/details-list.module.ts @@ -6,8 +6,7 @@ import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { registerElement } from '@angular-react/core'; import { DetailsList } from 'office-ui-fabric-react/lib/DetailsList'; -// TODO: -import { FabGroupModule } from '../group/group.module'; +import { FabGroupModule } from '@angular-react/fabric/lib/components/group'; import { FabDetailsListComponent } from './details-list.component'; import { DetailsListColumnDirective, diff --git a/libs/fabric/lib/components/details-list/ng-package.json b/libs/fabric/lib/components/details-list/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/details-list/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/tsconfig.json b/tsconfig.json index f27c296a..02bd62b4 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -13,8 +13,6 @@ "jsx": "react", "skipLibCheck": true, "paths": { - "@angular-react/*": ["libs/*"], - "@angular-react/core": ["libs/core/src/index.ts"], "@angular-react/fabric": ["libs/fabric/public-api.ts"], "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"] } From 668c8c897fad53f85b2c4e81864c387b7b9f40dd Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 16:16:50 +0800 Subject: [PATCH 17/39] feat: enable self-import delcarations files --- .../lib/components/command-bar/command-bar.component.ts | 3 ++- .../directives/contextual-menu-item.directive.ts | 3 ++- libs/fabric/lib/components/core/shared/changeable-helper.ts | 2 +- .../lib/components/core/shared/changeable-item.directive.ts | 4 ++-- .../lib/components/core/shared/changeable-items.directive.ts | 2 +- .../lib/components/details-list/details-list.component.ts | 3 ++- .../angular/{typed-changes.d.ts => typed-changes.ts} | 0 libs/fabric/lib/declarations/ng-package.json | 5 +++++ libs/fabric/lib/declarations/public-api.ts | 1 + libs/fabric/public-api.ts | 1 + 10 files changed, 17 insertions(+), 7 deletions(-) rename libs/fabric/lib/declarations/angular/{typed-changes.d.ts => typed-changes.ts} (100%) create mode 100644 libs/fabric/lib/declarations/ng-package.json create mode 100644 libs/fabric/lib/declarations/public-api.ts diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index 2cc4bcee..171339f0 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -21,7 +21,8 @@ import { import { ICommandBarItemProps, ICommandBarProps } from 'office-ui-fabric-react/lib/CommandBar'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { Subscription } from 'rxjs'; -import { OnChanges, TypedChanges, omit, mergeItemChanges } from 'angular-react-toolkit'; +import { TypedChanges, omit, mergeItemChanges } from 'angular-react-toolkit'; +import { OnChanges } from '@angular-react/fabric/lib/declarations'; import { CommandBarItemChangedPayload, CommandBarItemDirective } from './directives/command-bar-item.directives'; import { diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index 80d3fe91..44d72fcb 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -16,7 +16,8 @@ import { } from '@angular/core'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { KnownKeys, InputRendererOptions } from '@angular-react/core'; -import { OnChanges, ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective, getDataAttributes } from 'angular-react-toolkit'; +import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective, getDataAttributes } from 'angular-react-toolkit'; +import { OnChanges } from '@angular-react/fabric/lib/declarations'; export type ContextualMenuItemChangedPayload = ItemChangedPayload< IContextualMenuItemOptions['key'], diff --git a/libs/fabric/lib/components/core/shared/changeable-helper.ts b/libs/fabric/lib/components/core/shared/changeable-helper.ts index d7726799..deb4c2b3 100644 --- a/libs/fabric/lib/components/core/shared/changeable-helper.ts +++ b/libs/fabric/lib/components/core/shared/changeable-helper.ts @@ -4,7 +4,7 @@ import { EventEmitter, QueryList } from '@angular/core'; import { Subscription } from 'rxjs'; -import { ItemChangedPayload, ItemChanges } from '../../core/declarative/item-changed.payload'; +import { ItemChangedPayload, ItemChanges } from '../declarative/item-changed.payload'; import { ChangeableItemDirective } from './changeable-item.directive'; /** diff --git a/libs/fabric/lib/components/core/shared/changeable-item.directive.ts b/libs/fabric/lib/components/core/shared/changeable-item.directive.ts index b38bdd88..a3ed5916 100644 --- a/libs/fabric/lib/components/core/shared/changeable-item.directive.ts +++ b/libs/fabric/lib/components/core/shared/changeable-item.directive.ts @@ -3,8 +3,8 @@ import { EventEmitter, Input, OnInit, Output } from '@angular/core'; -import { OnChanges } from '../../../declarations/angular/typed-changes'; -import { ItemChangedPayload, ItemChanges } from '../../core/declarative/item-changed.payload'; +import { OnChanges } from '@angular-react/fabric/lib/declarations';; +import { ItemChangedPayload, ItemChanges } from '../declarative/item-changed.payload'; import { ChangeableItemHelper } from './changeable-helper'; /** diff --git a/libs/fabric/lib/components/core/shared/changeable-items.directive.ts b/libs/fabric/lib/components/core/shared/changeable-items.directive.ts index 95ae7f7d..066d0128 100644 --- a/libs/fabric/lib/components/core/shared/changeable-items.directive.ts +++ b/libs/fabric/lib/components/core/shared/changeable-items.directive.ts @@ -3,7 +3,7 @@ import { AfterContentInit, ContentChildren, EventEmitter, OnDestroy, Output, QueryList } from '@angular/core'; -import { ItemChangedPayload } from '../../core/declarative/item-changed.payload'; +import { ItemChangedPayload } from '../declarative/item-changed.payload'; import { ChangeableItemsHelper, IChangeableItemsContainer } from './changeable-helper'; import { ChangeableItemDirective } from './changeable-item.directive'; diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index d33c614f..2c831527 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -31,7 +31,8 @@ import { } from 'office-ui-fabric-react/lib/DetailsList'; import { IListProps } from 'office-ui-fabric-react/lib/List'; import { Subscription } from 'rxjs'; -import { OnChanges, TypedChanges, omit, mergeItemChanges, ChangeableItemsDirective } from 'angular-react-toolkit'; +import { TypedChanges, omit, mergeItemChanges, ChangeableItemsDirective } from 'angular-react-toolkit'; +import { OnChanges } from '@angular-react/fabric/lib/declarations'; import { IDetailsListColumnOptions } from './directives/details-list-column.directive'; import { DetailsListColumnsDirective } from './directives/details-list-columns.directive'; diff --git a/libs/fabric/lib/declarations/angular/typed-changes.d.ts b/libs/fabric/lib/declarations/angular/typed-changes.ts similarity index 100% rename from libs/fabric/lib/declarations/angular/typed-changes.d.ts rename to libs/fabric/lib/declarations/angular/typed-changes.ts diff --git a/libs/fabric/lib/declarations/ng-package.json b/libs/fabric/lib/declarations/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/declarations/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/declarations/public-api.ts b/libs/fabric/lib/declarations/public-api.ts new file mode 100644 index 00000000..c4de4a42 --- /dev/null +++ b/libs/fabric/lib/declarations/public-api.ts @@ -0,0 +1 @@ +export * from './angular/typed-changes'; \ No newline at end of file diff --git a/libs/fabric/public-api.ts b/libs/fabric/public-api.ts index 04c5b6d3..0c95d630 100644 --- a/libs/fabric/public-api.ts +++ b/libs/fabric/public-api.ts @@ -43,3 +43,4 @@ export * from './lib/components/nav/public-api'; export * from './lib/components/pickers/public-api'; export * from './lib/components/progress-indicator/public-api'; +export * from './lib/declarations/public-api'; From 8944f4abf6929f155436150984fab34b4071d9be Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 16:43:50 +0800 Subject: [PATCH 18/39] feat: enable self-import lib/component/core files --- libs/fabric/lib/components/button/base-button.component.ts | 3 ++- .../lib/components/command-bar/command-bar.component.ts | 5 +++-- .../command-bar/directives/command-bar-item.directives.ts | 3 +-- .../command-bar/directives/command-bar-items.directives.ts | 3 ++- .../directives/contextual-menu-item.directive.ts | 3 ++- libs/fabric/lib/components/core/ng-package.json | 5 +++++ libs/fabric/lib/components/core/public-api.ts | 7 +++++++ .../lib/components/details-list/details-list.component.ts | 5 +++-- .../directives/details-list-column.directive.ts | 2 +- .../directives/details-list-columns.directive.ts | 2 +- .../directives/details-list-groups.directive.ts | 2 +- .../components/group/directives/group-item.directive.ts | 2 +- 12 files changed, 29 insertions(+), 13 deletions(-) create mode 100644 libs/fabric/lib/components/core/ng-package.json create mode 100644 libs/fabric/lib/components/core/public-api.ts diff --git a/libs/fabric/lib/components/button/base-button.component.ts b/libs/fabric/lib/components/button/base-button.component.ts index 698cfd74..43434df8 100644 --- a/libs/fabric/lib/components/button/base-button.component.ts +++ b/libs/fabric/lib/components/button/base-button.component.ts @@ -18,7 +18,8 @@ import { } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; -import { ChangeableItemsHelper, omit, mergeItemChanges, getDataAttributes } from 'angular-react-toolkit'; +import { ChangeableItemsHelper, mergeItemChanges } from '@angular-react/fabric/lib/components/core'; +import { omit, getDataAttributes } from 'angular-react-toolkit'; import { Subscription } from 'rxjs'; import { ContextualMenuItemDirective, IContextualMenuItemOptions } from '@angular-react/fabric/lib/components/contextual-menu'; diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index 171339f0..40ba49f1 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -21,8 +21,9 @@ import { import { ICommandBarItemProps, ICommandBarProps } from 'office-ui-fabric-react/lib/CommandBar'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { Subscription } from 'rxjs'; -import { TypedChanges, omit, mergeItemChanges } from 'angular-react-toolkit'; -import { OnChanges } from '@angular-react/fabric/lib/declarations'; +import { mergeItemChanges } from '@angular-react/fabric/lib/components/core'; +import { omit } from 'angular-react-toolkit'; +import { OnChanges, TypedChanges } from '@angular-react/fabric/lib/declarations'; import { CommandBarItemChangedPayload, CommandBarItemDirective } from './directives/command-bar-item.directives'; import { diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts index 5f4ecdda..e228bf6b 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-item.directives.ts @@ -2,8 +2,7 @@ // Licensed under the MIT License. import { ContentChild, Directive, Input, TemplateRef, ElementRef } from '@angular/core'; -import { ItemChangedPayload } from 'angular-react-toolkit'; - +import { ItemChangedPayload } from '@angular-react/fabric/lib/components/core'; import { ContextualMenuItemDirective } from '@angular-react/fabric/lib/components/contextual-menu' import { ICommandBarItemOptions, diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts index 6f4b6938..39508488 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts @@ -2,7 +2,8 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { ChangeableItemsDirective, getDataAttributes } from 'angular-react-toolkit'; +import { ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; +import { getDataAttributes } from 'angular-react-toolkit'; import { ICommandBarItemOptions } from '../command-bar.component'; import { CommandBarItemDirective } from './command-bar-item.directives'; diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index 44d72fcb..c3286708 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -16,7 +16,8 @@ import { } from '@angular/core'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { KnownKeys, InputRendererOptions } from '@angular-react/core'; -import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective, getDataAttributes } from 'angular-react-toolkit'; +import { getDataAttributes } from 'angular-react-toolkit'; +import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; import { OnChanges } from '@angular-react/fabric/lib/declarations'; export type ContextualMenuItemChangedPayload = ItemChangedPayload< diff --git a/libs/fabric/lib/components/core/ng-package.json b/libs/fabric/lib/components/core/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/core/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/core/public-api.ts b/libs/fabric/lib/components/core/public-api.ts new file mode 100644 index 00000000..99bfcf3a --- /dev/null +++ b/libs/fabric/lib/components/core/public-api.ts @@ -0,0 +1,7 @@ +export * from './declarative/item-changed'; +export * from './declarative/item-changed.helpers'; +export * from './declarative/item-changed.payload'; + +export * from './shared/changeable-helper'; +export * from './shared/changeable-item.directive'; +export * from './shared/changeable-items.directive'; diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index 2c831527..9fc3e012 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -31,8 +31,9 @@ import { } from 'office-ui-fabric-react/lib/DetailsList'; import { IListProps } from 'office-ui-fabric-react/lib/List'; import { Subscription } from 'rxjs'; -import { TypedChanges, omit, mergeItemChanges, ChangeableItemsDirective } from 'angular-react-toolkit'; -import { OnChanges } from '@angular-react/fabric/lib/declarations'; +import { omit } from 'angular-react-toolkit'; +import { mergeItemChanges, ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; +import { TypedChanges, OnChanges } from '@angular-react/fabric/lib/declarations'; import { IDetailsListColumnOptions } from './directives/details-list-column.directive'; import { DetailsListColumnsDirective } from './directives/details-list-columns.directive'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts index 8205e80c..70a264b3 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts @@ -4,7 +4,7 @@ import { AfterContentInit, ContentChild, Directive, EventEmitter, Input, Output, TemplateRef } from '@angular/core'; import { InputRendererOptions, KnownKeys } from '@angular-react/core'; import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; -import { ChangeableItemDirective } from 'angular-react-toolkit'; +import { ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; /** * Wrapper directive for rendering a custom column to a DetailsListColumn diff --git a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts index 00ea614a..e7a72342 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts @@ -3,7 +3,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; -import { ChangeableItemsDirective } from 'angular-react-toolkit'; +import { ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; import { DetailsListColumnDirective, IDetailsListColumnOptions } from './details-list-column.directive'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts index 7950eaf2..9184e42d 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts @@ -3,7 +3,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { IGroup } from 'office-ui-fabric-react/lib/DetailsList'; -import { ChangeableItemsDirective } from 'angular-react-toolkit'; +import { ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; import { GroupItemDirective } from '@angular-react/fabric/lib/components/group'; diff --git a/libs/fabric/lib/components/group/directives/group-item.directive.ts b/libs/fabric/lib/components/group/directives/group-item.directive.ts index 8c4eccdc..7517a6ac 100644 --- a/libs/fabric/lib/components/group/directives/group-item.directive.ts +++ b/libs/fabric/lib/components/group/directives/group-item.directive.ts @@ -12,7 +12,7 @@ import { QueryList, } from '@angular/core'; import { IGroup } from 'office-ui-fabric-react/lib/GroupedList'; -import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from 'angular-react-toolkit'; +import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; @Directive({ selector: 'fab-group-item' }) export class GroupItemDirective extends ChangeableItemDirective From e7100f45e589bc4bd857c3dd81e124f7fed8b82e Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 16:52:11 +0800 Subject: [PATCH 19/39] feat: enable self-import lib/utils files --- libs/fabric/lib/components/button/base-button.component.ts | 2 +- libs/fabric/lib/components/calendar/calendar.module.ts | 2 +- .../lib/components/command-bar/command-bar.component.ts | 2 +- libs/fabric/lib/components/command-bar/command-bar.module.ts | 2 +- .../command-bar/directives/command-bar-items.directives.ts | 2 +- .../directives/contextual-menu-item.directive.ts | 2 +- libs/fabric/lib/components/date-picker/date-picker.module.ts | 2 +- .../lib/components/details-list/details-list.component.ts | 2 +- .../fabric/lib/components/hover-card/hover-card.component.ts | 2 +- .../components/pickers/base-picker/base-picker.component.ts | 2 +- .../lib/components/pickers/base-picker/base-picker.module.ts | 2 +- .../components/pickers/people-picker/people-picker.module.ts | 2 +- .../fabric/lib/components/search-box/search-box.component.ts | 2 +- libs/fabric/lib/components/tooltip/tooltip-host.component.ts | 2 +- libs/fabric/lib/utils/ng-package.json | 5 +++++ libs/fabric/lib/utils/public-api.ts | 5 +++++ 16 files changed, 24 insertions(+), 14 deletions(-) create mode 100644 libs/fabric/lib/utils/ng-package.json create mode 100644 libs/fabric/lib/utils/public-api.ts diff --git a/libs/fabric/lib/components/button/base-button.component.ts b/libs/fabric/lib/components/button/base-button.component.ts index 43434df8..08ef4c0b 100644 --- a/libs/fabric/lib/components/button/base-button.component.ts +++ b/libs/fabric/lib/components/button/base-button.component.ts @@ -19,7 +19,7 @@ import { import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { ChangeableItemsHelper, mergeItemChanges } from '@angular-react/fabric/lib/components/core'; -import { omit, getDataAttributes } from 'angular-react-toolkit'; +import { omit, getDataAttributes } from '@angular-react/fabric/lib/utils'; import { Subscription } from 'rxjs'; import { ContextualMenuItemDirective, IContextualMenuItemOptions } from '@angular-react/fabric/lib/components/contextual-menu'; diff --git a/libs/fabric/lib/components/calendar/calendar.module.ts b/libs/fabric/lib/components/calendar/calendar.module.ts index 73aa352e..b56904c9 100644 --- a/libs/fabric/lib/components/calendar/calendar.module.ts +++ b/libs/fabric/lib/components/calendar/calendar.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; import { Calendar } from 'office-ui-fabric-react/lib/Calendar'; -import { noop } from 'angular-react-toolkit'; +import { noop } from '@angular-react/fabric/lib/utils'; import { FabCalendarComponent } from './calendar.component'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index 40ba49f1..dcb58a23 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -22,7 +22,7 @@ import { ICommandBarItemProps, ICommandBarProps } from 'office-ui-fabric-react/l import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { Subscription } from 'rxjs'; import { mergeItemChanges } from '@angular-react/fabric/lib/components/core'; -import { omit } from 'angular-react-toolkit'; +import { omit } from '@angular-react/fabric/lib/utils'; import { OnChanges, TypedChanges } from '@angular-react/fabric/lib/declarations'; import { CommandBarItemChangedPayload, CommandBarItemDirective } from './directives/command-bar-item.directives'; diff --git a/libs/fabric/lib/components/command-bar/command-bar.module.ts b/libs/fabric/lib/components/command-bar/command-bar.module.ts index 8d51899b..b7e6fecc 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.module.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as OverflowSetCss from 'office-ui-fabric-react/lib-amd/components/OverflowSet/OverflowSet.scss'; import { CommandBar } from 'office-ui-fabric-react/lib/CommandBar'; -import { noop } from 'angular-react-toolkit'; +import { noop } from '@angular-react/fabric/lib/utils'; import { FabContextualMenuModule } from '@angular-react/fabric/lib/components/contextual-menu'; import { FabCommandBarComponent } from './command-bar.component'; diff --git a/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts index 39508488..58eb3bbe 100644 --- a/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts +++ b/libs/fabric/lib/components/command-bar/directives/command-bar-items.directives.ts @@ -3,7 +3,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; -import { getDataAttributes } from 'angular-react-toolkit'; +import { getDataAttributes } from '@angular-react/fabric/lib/utils'; import { ICommandBarItemOptions } from '../command-bar.component'; import { CommandBarItemDirective } from './command-bar-item.directives'; diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index c3286708..4d990b76 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -16,7 +16,7 @@ import { } from '@angular/core'; import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; import { KnownKeys, InputRendererOptions } from '@angular-react/core'; -import { getDataAttributes } from 'angular-react-toolkit'; +import { getDataAttributes } from '@angular-react/fabric/lib/utils'; import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; import { OnChanges } from '@angular-react/fabric/lib/declarations'; diff --git a/libs/fabric/lib/components/date-picker/date-picker.module.ts b/libs/fabric/lib/components/date-picker/date-picker.module.ts index 667741a0..0f8ae8e4 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.module.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { DatePicker } from 'office-ui-fabric-react/lib/DatePicker'; import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { noop } from 'angular-react-toolkit'; +import { noop } from '@angular-react/fabric/lib/utils'; import { FabDatePickerComponent } from './date-picker.component'; // Dummy action to force CalendarCss to load and not be tree-shaken away. diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index 9fc3e012..34e7465f 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -31,7 +31,7 @@ import { } from 'office-ui-fabric-react/lib/DetailsList'; import { IListProps } from 'office-ui-fabric-react/lib/List'; import { Subscription } from 'rxjs'; -import { omit } from 'angular-react-toolkit'; +import { omit } from '@angular-react/fabric/lib/utils'; import { mergeItemChanges, ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; import { TypedChanges, OnChanges } from '@angular-react/fabric/lib/declarations'; diff --git a/libs/fabric/lib/components/hover-card/hover-card.component.ts b/libs/fabric/lib/components/hover-card/hover-card.component.ts index 74dc3fa2..45fcd386 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.component.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { IExpandingCardProps, IHoverCardProps, IPlainCardProps } from 'office-ui-fabric-react/lib/HoverCard'; -import { omit } from 'angular-react-toolkit'; +import { omit } from '@angular-react/fabric/lib/utils'; @Component({ selector: 'fab-hover-card', diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts index 12568d3e..c54d9c6a 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts @@ -10,7 +10,7 @@ import { IBasePickerSuggestionsProps, IPickerItemProps, } from 'office-ui-fabric-react/lib/Pickers'; -import { omit } from 'angular-react-toolkit'; +import { omit } from '@angular-react/fabric/lib/utils'; export abstract class FabBasePickerComponent> extends ReactWrapperComponent diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts index 92e67095..a64db73b 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as BasePickerCss from 'office-ui-fabric-react/lib-amd/components/pickers/BasePicker.scss'; import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'; -import { noop } from 'angular-react-toolkit'; +import { noop } from '@angular-react/fabric/lib/utils'; // Dummy action to force BasePickerCss to load and not be tree-shaken away. noop(BasePickerCss); diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts index e897bdb2..c2c9f025 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts @@ -6,7 +6,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import * as PeoplePickerItemCss from 'office-ui-fabric-react/lib-amd/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss'; import { NormalPeoplePickerBase } from 'office-ui-fabric-react/lib/Pickers'; -import { noop } from 'angular-react-toolkit'; +import { noop } from '@angular-react/fabric/lib/utils'; import { FabBasePickerModule } from '../base-picker/base-picker.module'; import { FabPeoplePickerComponent } from './people-picker.component'; diff --git a/libs/fabric/lib/components/search-box/search-box.component.ts b/libs/fabric/lib/components/search-box/search-box.component.ts index b076f287..f0169725 100644 --- a/libs/fabric/lib/components/search-box/search-box.component.ts +++ b/libs/fabric/lib/components/search-box/search-box.component.ts @@ -16,7 +16,7 @@ import { } from '@angular/core'; import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; import { ISearchBoxProps } from 'office-ui-fabric-react/lib/SearchBox'; -import { omit } from 'angular-react-toolkit'; +import { omit } from '@angular-react/fabric/lib/utils'; @Component({ selector: 'fab-search-box', diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index e8474ecd..a673c7a9 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -15,7 +15,7 @@ import { ViewChild, } from '@angular/core'; import { ITooltipHostProps, ITooltipProps } from 'office-ui-fabric-react/lib/Tooltip'; -import { omit } from 'angular-react-toolkit'; +import { omit } from '@angular-react/fabric/lib/utils'; @Component({ selector: 'fab-tooltip-host', diff --git a/libs/fabric/lib/utils/ng-package.json b/libs/fabric/lib/utils/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/utils/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/utils/public-api.ts b/libs/fabric/lib/utils/public-api.ts new file mode 100644 index 00000000..917adbab --- /dev/null +++ b/libs/fabric/lib/utils/public-api.ts @@ -0,0 +1,5 @@ +export * from './get-data-attributes'; +export * from './kebab-case'; +export * from './noop'; +export * from './omit'; +export * from './pick' \ No newline at end of file From 0560685fc5967f187a522e83fd37945178020f3d Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 30 Sep 2020 16:54:36 +0800 Subject: [PATCH 20/39] chore: remove angular-react-toolkit as dependency of @nagular-react/fabric --- libs/fabric/package.json | 6 ------ libs/fabric/tsconfig-custom.json | 4 +--- 2 files changed, 1 insertion(+), 9 deletions(-) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index bb839ed3..559c74e2 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -3,9 +3,6 @@ "name": "@angular-react/fabric", "version": "3.0.0", "ngPackage": { - "whitelistedNonPeerDependencies": [ - "angular-react-toolkit" - ], "lib": { "entryFile": "public-api.ts", "umdModuleIds": { @@ -45,9 +42,6 @@ "fabric" ], "private": false, - "dependencies": { - "angular-react-toolkit": "^1.0.0" - }, "peerDependencies": { "@angular-react/core": "^1.0.0", "@angular/common": "^8.0.2", diff --git a/libs/fabric/tsconfig-custom.json b/libs/fabric/tsconfig-custom.json index f656dd34..b32d7051 100644 --- a/libs/fabric/tsconfig-custom.json +++ b/libs/fabric/tsconfig-custom.json @@ -23,9 +23,7 @@ "importHelpers": true, "lib": ["dom", "es2017"], "paths": { - "@angular-react/*": ["../../@angular-react/*"], - "angular-react-toolkit/*": ["../../angular-react-toolkit/*"], - "angular-react-toolkit": ["../../angular-react-toolkit"] + "@angular-react/*": ["../../@angular-react/*"] } }, "exclude": ["node_modules", "dist", "**/*.ngfactory.ts", "**/*.shim.ts", "**/*.spec.ts"], From c43b231d137e0be281a6230894ebf26a27dfc9a2 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Sat, 10 Oct 2020 15:08:37 +0800 Subject: [PATCH 21/39] feat: add Rating Component --- .../lib/components/rating/ng-package.json | 5 ++ .../lib/components/rating/public-api.ts | 4 + .../lib/components/rating/rating.component.ts | 74 +++++++++++++++++++ .../lib/components/rating/rating.module.ts | 20 +++++ libs/fabric/public-api.ts | 1 + 5 files changed, 104 insertions(+) create mode 100644 libs/fabric/lib/components/rating/ng-package.json create mode 100644 libs/fabric/lib/components/rating/public-api.ts create mode 100644 libs/fabric/lib/components/rating/rating.component.ts create mode 100644 libs/fabric/lib/components/rating/rating.module.ts diff --git a/libs/fabric/lib/components/rating/ng-package.json b/libs/fabric/lib/components/rating/ng-package.json new file mode 100644 index 00000000..789c95e4 --- /dev/null +++ b/libs/fabric/lib/components/rating/ng-package.json @@ -0,0 +1,5 @@ +{ + "lib": { + "entryFile": "public-api.ts" + } +} diff --git a/libs/fabric/lib/components/rating/public-api.ts b/libs/fabric/lib/components/rating/public-api.ts new file mode 100644 index 00000000..13fdf182 --- /dev/null +++ b/libs/fabric/lib/components/rating/public-api.ts @@ -0,0 +1,4 @@ +import { expressionType } from '@angular/compiler/src/output/output_ast'; + +export * from './rating.component'; +export * from './rating.module'; diff --git a/libs/fabric/lib/components/rating/rating.component.ts b/libs/fabric/lib/components/rating/rating.component.ts new file mode 100644 index 00000000..bff03309 --- /dev/null +++ b/libs/fabric/lib/components/rating/rating.component.ts @@ -0,0 +1,74 @@ +import { InputRendererOptions, Omit, ReactWrapperComponent } from '@angular-react/core'; +import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, Output, Renderer2, ViewChild, EventEmitter } from '@angular/core'; +import { IRatingProps } from 'office-ui-fabric-react/lib/Rating'; + +@Component({ + selector: 'fab-rating', + exportAs: 'fabRating', + template: ` + + `, + styles: ['react-renderer'], +}) +export class FabRatingComponent extends ReactWrapperComponent { + @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; + + @Input() componentRef?: IRatingProps['componentRef']; + @Input() rating?: IRatingProps['rating']; + @Input() min?: IRatingProps['min']; + @Input() max?: IRatingProps['max']; + @Input() allowZeroStars?: IRatingProps['allowZeroStars']; + @Input() icon?: IRatingProps['icon']; + @Input() unselectedIcon?: IRatingProps['unselectedIcon']; + @Input() size?: IRatingProps['size']; + // @Input() onChanged?: IRatingProps['onChanged']; + @Input() ariaLabelFormat?: IRatingProps['ariaLabelFormat']; + @Input() ariaLabelId?: IRatingProps['ariaLabelId']; + @Input() readOnly?: IRatingProps['readOnly']; + @Input() getAriaLabel?: IRatingProps['getAriaLabel']; + @Input() styles?: IRatingProps['styles']; + @Input() theme?: IRatingProps['theme']; + + // tslint:disable-next-line: no-output-on-prefix + @Output() readonly onRatingChange = new EventEmitter<{ ev?: FocusEvent, rating?: number }>(); + // tslint:disable-next-line: no-output-on-prefix + @Output() readonly onRatingChanged = new EventEmitter<{ rating?: number }>(); + + constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, renderer: Renderer2, ngZone: NgZone) { + super(elementRef, changeDetectorRef, renderer, { ngZone }); + + this.onChange = this.onChange.bind(this); + this.onChanged = this.onChanged.bind(this); + } + + onChange(ev?: React.FocusEvent, rating?: number) { + this.onRatingChange.emit({ + ev: ev && ev.nativeEvent, + rating + }); + } + + onChanged(rating?: number) { + this.onRatingChanged.emit({ + rating + }) + } +} \ No newline at end of file diff --git a/libs/fabric/lib/components/rating/rating.module.ts b/libs/fabric/lib/components/rating/rating.module.ts new file mode 100644 index 00000000..cced623b --- /dev/null +++ b/libs/fabric/lib/components/rating/rating.module.ts @@ -0,0 +1,20 @@ + +import { registerElement } from '@angular-react/core'; +import { CommonModule } from '@angular/common'; +import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; +import { Rating } from 'office-ui-fabric-react/lib/Rating'; +import { FabRatingComponent } from './rating.component'; + +const components = [FabRatingComponent]; + +@NgModule({ + imports: [CommonModule], + declarations: components, + exports: components, + schemas: [NO_ERRORS_SCHEMA], +}) +export class FabRatingModule { + constructor() { + registerElement('Rating', () => Rating); + } +} \ No newline at end of file diff --git a/libs/fabric/public-api.ts b/libs/fabric/public-api.ts index 0c95d630..c59924db 100644 --- a/libs/fabric/public-api.ts +++ b/libs/fabric/public-api.ts @@ -42,5 +42,6 @@ export * from './lib/components/tooltip/public-api'; export * from './lib/components/nav/public-api'; export * from './lib/components/pickers/public-api'; export * from './lib/components/progress-indicator/public-api'; +export * from './lib/components/rating/public-api'; export * from './lib/declarations/public-api'; From f5e027e0b8aaf2308e00ce4373b0007297120b9e Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Sat, 10 Oct 2020 15:13:40 +0800 Subject: [PATCH 22/39] feat: add Rating Component sample --- apps/demo/src/app/app.component.html | 7 +++++++ apps/demo/src/app/app.component.ts | 8 ++++++++ apps/demo/src/app/app.module.ts | 6 ++++-- 3 files changed, 19 insertions(+), 2 deletions(-) diff --git a/apps/demo/src/app/app.component.html b/apps/demo/src/app/app.component.html index 8c3d665c..d616ac75 100644 --- a/apps/demo/src/app/app.component.html +++ b/apps/demo/src/app/app.component.html @@ -257,4 +257,11 @@

Getting up and running...

{{peoplePickerSelectedItems.length}} item(s) selected in the people picker
+ diff --git a/apps/demo/src/app/app.component.ts b/apps/demo/src/app/app.component.ts index a160c6ce..906c59b8 100644 --- a/apps/demo/src/app/app.component.ts +++ b/apps/demo/src/app/app.component.ts @@ -381,4 +381,12 @@ export class AppComponent { } fullScreenIcon = 'MiniExpand'; + + onRatingChange({ ev, rating }) { + console.log(ev, rating); + } + + onRatingChanged({ rating }) { + console.log(rating) + } } diff --git a/apps/demo/src/app/app.module.ts b/apps/demo/src/app/app.module.ts index fcacaa11..335b8ee7 100644 --- a/apps/demo/src/app/app.module.ts +++ b/apps/demo/src/app/app.module.ts @@ -36,7 +36,8 @@ import { FabTextFieldModule, FabPeoplePickerModule, FabTagPickerModule, - FabProgressIndicatorModule + FabProgressIndicatorModule, + FabRatingModule } from '@angular-react/fabric'; import { NgModule } from '@angular/core'; import { NxModule } from '@nrwl/nx'; @@ -84,7 +85,8 @@ import { CounterComponent } from './counter/counter.component'; FabTextFieldModule, FabPeoplePickerModule, FabTagPickerModule, - FabProgressIndicatorModule + FabProgressIndicatorModule, + FabRatingModule ], declarations: [AppComponent, CounterComponent], bootstrap: [AppComponent], From 6fcc47967c424a00b5cebea6c7cd17446e14c5c8 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 19 Nov 2020 15:07:30 +0800 Subject: [PATCH 23/39] feat: add RenderStar property for Rating.Component --- .../lib/components/rating/rating.component.ts | 16 ++++++++++++---- 1 file changed, 12 insertions(+), 4 deletions(-) diff --git a/libs/fabric/lib/components/rating/rating.component.ts b/libs/fabric/lib/components/rating/rating.component.ts index bff03309..c4fc9eb5 100644 --- a/libs/fabric/lib/components/rating/rating.component.ts +++ b/libs/fabric/lib/components/rating/rating.component.ts @@ -1,6 +1,6 @@ -import { InputRendererOptions, Omit, ReactWrapperComponent } from '@angular-react/core'; -import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, Output, Renderer2, ViewChild, EventEmitter } from '@angular/core'; -import { IRatingProps } from 'office-ui-fabric-react/lib/Rating'; +import { InputRendererOptions, passProp, ReactWrapperComponent } from '@angular-react/core'; +import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, Output, Renderer2, ViewChild, EventEmitter, OnInit } from '@angular/core'; +import { IRatingProps, IRatingStarProps } from 'office-ui-fabric-react/lib/Rating'; @Component({ selector: 'fab-rating', @@ -24,11 +24,12 @@ import { IRatingProps } from 'office-ui-fabric-react/lib/Rating'; [getAriaLabel]="getAriaLabel" [styles]="styles" [theme]="theme" + [RenderStar]="renderStar && onRenderStar" > `, styles: ['react-renderer'], }) -export class FabRatingComponent extends ReactWrapperComponent { +export class FabRatingComponent extends ReactWrapperComponent implements OnInit { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; @Input() componentRef?: IRatingProps['componentRef']; @@ -46,6 +47,9 @@ export class FabRatingComponent extends ReactWrapperComponent { @Input() getAriaLabel?: IRatingProps['getAriaLabel']; @Input() styles?: IRatingProps['styles']; @Input() theme?: IRatingProps['theme']; + @Input() renderStar?: InputRendererOptions; + + @passProp() onRenderStar: (props?: IRatingStarProps) => JSX.Element; // tslint:disable-next-line: no-output-on-prefix @Output() readonly onRatingChange = new EventEmitter<{ ev?: FocusEvent, rating?: number }>(); @@ -59,6 +63,10 @@ export class FabRatingComponent extends ReactWrapperComponent { this.onChanged = this.onChanged.bind(this); } + ngOnInit() { + this.onRenderStar = this.createRenderPropHandler(this.renderStar); + } + onChange(ev?: React.FocusEvent, rating?: number) { this.onRatingChange.emit({ ev: ev && ev.nativeEvent, From 11d402941d675bdf277cec73933e4c1e27da2359 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Mon, 7 Jun 2021 15:57:21 +0800 Subject: [PATCH 24/39] feat: init @fluentui/react --- apps/demo/src/app/app.component.html | 272 ++---------------- apps/demo/src/app/app.component.ts | 235 ++++++++++++++- .../lib/components/pivot/pivot.component.ts | 9 +- .../lib/components/pivot/pivot.module.ts | 2 +- .../lib/components/rating/rating.component.ts | 8 +- .../lib/components/rating/rating.module.ts | 2 +- package-lock.json | 8 + package.json | 2 + yarn.lock | 256 +++++++++++++++-- 9 files changed, 498 insertions(+), 296 deletions(-) diff --git a/apps/demo/src/app/app.component.html b/apps/demo/src/app/app.component.html index d616ac75..0bc6ba56 100644 --- a/apps/demo/src/app/app.component.html +++ b/apps/demo/src/app/app.component.html @@ -9,259 +9,21 @@

Getting up and running...

- - -
- - Lorem, ipsum dolor sit amet consectetur adipisicing elit. Autem laboriosam id ad mollitia optio saepe qui aliquid - facere, porro maiores voluptas, aliquam totam adipisci molestias illum dolorem accusamus. Quam, nisi. Lorem ipsum - dolor sit amet consectetur, adipisicing elit. Suscipit dolores architecto illo reprehenderit fugiat dolorum sapiente - modi placeat ex nostrum, illum esse iusto commodi neque corrupti labore nam voluptatum nisi? Lorem ipsum dolor sit, - amet consectetur adipisicing elit. Animi, impedit dolore aliquid voluptate debitis recusandae officiis qui - blanditiis soluta ea delectus culpa molestiae enim quo, quibusdam exercitationem magni nemo amet! - -
- - - - - - - - - - - - - -
------------------------------------------------------------
- -
------------------------------------------------------------
- -{{ textFieldValue }} - - - -
- -
Tab 1's content
 -
Tab 2's content
 -
Tab 3's content
 + + +
test {{fillPercentage}} {{starNum}}
+ + + +
+ + + + {{tab.label}} + + +
111
+ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Custom content for index {{ index }} - - - - - - - - - - - - - -
{{ selection.count || 0 }} item(s) selected
- - Marquee {{ marqueeEnabled === false ? 'Disabled' : 'Enabled' }} - - -
{{peoplePickerSelectedItems.length}} item(s) selected in the people picker
- - -
+
diff --git a/apps/demo/src/app/app.component.ts b/apps/demo/src/app/app.component.ts index 906c59b8..de562fd2 100644 --- a/apps/demo/src/app/app.component.ts +++ b/apps/demo/src/app/app.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ICalendarStrings, IContextualMenuProps, @@ -13,8 +13,27 @@ import { import { RenderPropOptions } from '@angular-react/core'; import { FabDropdownComponent } from '@angular-react/fabric'; import { FabPeoplePickerComponent } from '@angular-react/fabric/public-api'; +import { createListItems, createGroups, IExampleItem } from '@uifabric/example-data'; +import { IColumn, DetailsRow, IGroup } from 'office-ui-fabric-react/lib/DetailsList'; const suffix = ' cm'; +interface IKeyboardShortcutsTab { + label: string; + items: IKeyboardShortcutItem[]; + groups: IKeyboardShortcutsGroup[] +} + +interface IKeyboardShortcutItem { + action: string; + shortcut: string; +} + +interface IKeyboardShortcutsGroup extends IGroup { + name: string; + startIndex: number; + count: number; + level: number; +} @Component({ selector: 'app-root', @@ -35,6 +54,8 @@ export class AppComponent { dismissMenu: (ev?: any, dismissAll?: boolean) => void; }>; + @ViewChild('calloutTarget', { static: false }) calloutTarget: ElementRef; + onClickEventHandler(ev) { console.log('onClick', { ev }); } @@ -47,10 +68,14 @@ export class AppComponent { console.log(args); } - peoplePickerSelectedItems: any[] = [{text:"Default person"}]; - pickerSuggestions: IPersonaProps[] = [{text: "Bob Jones"},{text: "Steve Fred"}, {text: "Mary"}]; + // tslint:disable-next-line: member-ordering + peoplePickerSelectedItems: any[] = [{ text: "Default person" }]; + // tslint:disable-next-line: member-ordering + pickerSuggestions: IPersonaProps[] = [{ text: "Bob Jones" }, { text: "Steve Fred" }, { text: "Mary" }]; + // tslint:disable-next-line: member-ordering selectedItem?: IDropdownOption; + // tslint:disable-next-line: member-ordering options: FabDropdownComponent['options'] = [ { key: 'A', text: 'Option a' }, { key: 'B', text: 'Option b' }, @@ -62,12 +87,14 @@ export class AppComponent { { key: 'G', text: 'Option g' }, ]; + // tslint:disable-next-line: member-ordering textFieldValue = 'Hello'; marqueeEnabled: boolean; runDisabled: boolean; selection: ISelection; + // tslint:disable-next-line: member-ordering strings: ICalendarStrings = { months: [ 'January', @@ -94,6 +121,7 @@ export class AppComponent { weekNumberFormatString: 'Week number {0}', }; + // tslint:disable-next-line: member-ordering detailItems = [ { field1: 'f1content1', field2: 'f2content1' }, { field1: 'f1content2', field2: 'f2content2' }, @@ -102,6 +130,194 @@ export class AppComponent { { field2: 'f2content5' }, ]; + // tslint:disable-next-line: member-ordering + groupListItems = createListItems(3); + // tslint:disable-next-line: member-ordering + groupListGroups = createGroups(3, 3, 0, 3); + // tslint:disable-next-line: member-ordering + // columns = Object.keys(this.groupListItems[0]) + // .slice(0, 3) + // .map( + // (key: string): IColumn => ({ + // key: key, + // name: key, + // fieldName: key, + // minWidth: 300, + // }), + // ); + + // tslint:disable-next-line: member-ordering + public readonly columns: IColumn[] = [ + { + name: 'action', + fieldName: 'action', + isResizable: false, + key: 'action', + minWidth: 100 + }, + { + name: 'shortcut', + fieldName: 'shortcut', + isResizable: false, + key: 'shortcut', + minWidth: 100 + } + ]; + + // tslint:disable-next-line: member-ordering + private readonly _pipelineEditorShortcutItems: IKeyboardShortcutItem[] = [ + { + action: 'Select all', + shortcut: 'Ctrl+A' + }, + { + action: 'Cut', + shortcut: 'Ctrl+X' + }, + { + action: 'Copy', + shortcut: 'Ctrl+C' + }, + { + action: 'Paste', + shortcut: 'Ctrl+V' + }, + { + action: 'Delete', + shortcut: 'Delete' + }, + { + action: 'Zoom in', + shortcut: 'I' + }, + { + action: 'O', + shortcut: 'O' + }, + { + action: 'Zoom to fit', + shortcut: 'F' + }, + { + action: 'Hide nested activities', + shortcut: 'N' + } + ]; + + // tslint:disable-next-line: member-ordering + private readonly _pipelineEditorGroups: IKeyboardShortcutsGroup[] = [ + { + name: 'Basic', + startIndex: 0, + count: 5, + level: 0, + key: 'Basic' + }, + { + name: 'Canvas controls', + startIndex: 5, + count: 4, + level: 0, + key: 'canvas' + } + ]; + + // tslint:disable-next-line: member-ordering + private readonly _dataflowEditorShortcutItems: IKeyboardShortcutItem[] = [ + { + action: 'Select all', + shortcut: 'Ctrl+A' + }, + { + action: 'Delete', + shortcut: 'Delete' + }, + { + action: 'Zoom in', + shortcut: 'I' + }, + { + action: 'O', + shortcut: 'O' + }, + { + action: 'Zoom to fit', + shortcut: 'F' + } + ]; + + // tslint:disable-next-line: member-ordering + private readonly _dataflowEditorGroups: IKeyboardShortcutsGroup[] = [ + { + name: 'Basic', + startIndex: 0, + count: 2, + level: 0, + key: 'Basic' + }, + { + name: 'Canvas controls', + startIndex: 2, + count: 3, + level: 0, + key: 'canvas' + } + ]; + + // tslint:disable-next-line: member-ordering + public readonly tabs: IKeyboardShortcutsTab[] = [ + { + label: 'Pipeline_Editor', + items: this._pipelineEditorShortcutItems, + groups: this._pipelineEditorGroups + }, + { + label: 'Dataflow_Editor', + items: this._dataflowEditorShortcutItems, + groups: this._dataflowEditorGroups + }, + { + label: 'Pipeline_Editor', + items: this._pipelineEditorShortcutItems, + groups: this._pipelineEditorGroups + }, + { + label: 'Dataflow_Editor', + items: this._dataflowEditorShortcutItems, + groups: this._dataflowEditorGroups + }, + { + label: 'Pipeline_Editor', + items: this._pipelineEditorShortcutItems, + groups: this._pipelineEditorGroups + }, + { + label: 'Dataflow_Editor', + items: this._dataflowEditorShortcutItems, + groups: this._dataflowEditorGroups + }, { + label: 'Pipeline_Editor', + items: this._pipelineEditorShortcutItems, + groups: this._pipelineEditorGroups + }, + { + label: 'Dataflow_Editor', + items: this._dataflowEditorShortcutItems, + groups: this._dataflowEditorGroups + }, + { + label: 'Pipeline_Editor', + items: this._pipelineEditorShortcutItems, + groups: this._pipelineEditorGroups + }, + { + label: 'Dataflow_Editor', + items: this._dataflowEditorShortcutItems, + groups: this._dataflowEditorGroups + } + ]; + + onNewClicked() { console.log('New clicked'); } @@ -163,12 +379,12 @@ export class AppComponent { return String(value) + suffix; } - peoplePickerInputChanged(data: any){ + peoplePickerInputChanged(data: any) { const results = this.pickerSuggestions.filter(value => value.text.toLowerCase().indexOf(data.toLowerCase()) > -1); return new Promise((resolve, reject) => setTimeout(() => resolve(results), 250)); } - updatePeoplePickerSelectedItems(items){ + updatePeoplePickerSelectedItems(items) { this.peoplePickerSelectedItems = items.items; } @@ -194,6 +410,15 @@ export class AppComponent { this.peoplePickerInputChanged = this.peoplePickerInputChanged.bind(this); } + public showCallout = false; + + ngAfterViewInit() { + console.log(this.calloutTarget) + if (this.calloutTarget) { + this.showCallout = true; + } + } + customItemCount = 1; // FIXME: Allow declarative syntax too diff --git a/libs/fabric/lib/components/pivot/pivot.component.ts b/libs/fabric/lib/components/pivot/pivot.component.ts index 01395e23..72ef71de 100644 --- a/libs/fabric/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/lib/components/pivot/pivot.component.ts @@ -17,7 +17,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from 'office-ui-fabric-react/lib/Pivot'; +import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from '@fluentui/react/lib/Pivot'; import * as React from 'react'; @Component({ @@ -34,6 +34,7 @@ import * as React from 'react'; [itemCount]="itemCount" [itemIcon]="itemIcon" [keytipProps]="keytipProps" + [alwaysRender]="alwaysRender" [RenderItemLink]="renderItemLink && onRenderItemLink" > @@ -46,6 +47,7 @@ export class FabPivotItemComponent extends ReactWrapperComponent; @passProp() onRenderItemLink: (props?: IPivotItemProps, defaultRender?: JsxRenderFunc) => JSX.Element; @@ -81,10 +84,10 @@ export class FabPivotItemComponent extends ReactWrapperComponent { @Input() theme?: IPivotProps['theme']; @Input() className?: IPivotProps['className']; @Input() defaultSelectedKey?: IPivotProps['defaultSelectedKey']; - @Input() defaultSelectedIndex?: IPivotProps['defaultSelectedIndex']; @Input() selectedKey?: IPivotProps['selectedKey']; @Input() linkSize?: IPivotProps['linkSize']; @Input() linkFormat?: IPivotProps['linkFormat']; + @Input() overflowBehavior?: IPivotProps['overflowBehavior']; @Input() headersOnly?: IPivotProps['headersOnly']; @Input() getTabId?: IPivotProps['getTabId']; @Input() children?: QueryList; diff --git a/libs/fabric/lib/components/pivot/pivot.module.ts b/libs/fabric/lib/components/pivot/pivot.module.ts index 8ff2900d..1f9ddfd8 100644 --- a/libs/fabric/lib/components/pivot/pivot.module.ts +++ b/libs/fabric/lib/components/pivot/pivot.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Pivot, PivotItem } from 'office-ui-fabric-react/lib/Pivot'; +import { Pivot, PivotItem } from '@fluentui/react/lib/Pivot'; import { FabPivotComponent, FabPivotItemComponent } from './pivot.component'; const components = [FabPivotComponent, FabPivotItemComponent]; diff --git a/libs/fabric/lib/components/rating/rating.component.ts b/libs/fabric/lib/components/rating/rating.component.ts index c4fc9eb5..dc8c2a14 100644 --- a/libs/fabric/lib/components/rating/rating.component.ts +++ b/libs/fabric/lib/components/rating/rating.component.ts @@ -1,6 +1,6 @@ import { InputRendererOptions, passProp, ReactWrapperComponent } from '@angular-react/core'; import { ChangeDetectorRef, Component, ElementRef, Input, NgZone, Output, Renderer2, ViewChild, EventEmitter, OnInit } from '@angular/core'; -import { IRatingProps, IRatingStarProps } from 'office-ui-fabric-react/lib/Rating'; +import { IRatingProps, IRatingStarProps } from '@fluentui/react/lib/Rating'; @Component({ selector: 'fab-rating', @@ -10,16 +10,17 @@ import { IRatingProps, IRatingStarProps } from 'office-ui-fabric-react/lib/Ratin #reactNode [componentRef]="componentRef" [rating]="rating" + [defaultRating]="defaultRating" [min]="min" [max]="max" [allowZeroStars]="allowZeroStars" + [disabled]="disabled" [icon]="icon" [unselectedIcon]="unselectedIcon" [size]="size" [Change]="onChange" [Changed]="onChanged" [ariaLabelFormat]="ariaLabelFormat" - [ariaLabelId]="ariaLabelId" [readOnly]="readOnly" [getAriaLabel]="getAriaLabel" [styles]="styles" @@ -34,15 +35,16 @@ export class FabRatingComponent extends ReactWrapperComponent impl @Input() componentRef?: IRatingProps['componentRef']; @Input() rating?: IRatingProps['rating']; + @Input() defaultRating?: IRatingProps['defaultRating']; @Input() min?: IRatingProps['min']; @Input() max?: IRatingProps['max']; @Input() allowZeroStars?: IRatingProps['allowZeroStars']; + @Input() disabled?: IRatingProps['disabled']; @Input() icon?: IRatingProps['icon']; @Input() unselectedIcon?: IRatingProps['unselectedIcon']; @Input() size?: IRatingProps['size']; // @Input() onChanged?: IRatingProps['onChanged']; @Input() ariaLabelFormat?: IRatingProps['ariaLabelFormat']; - @Input() ariaLabelId?: IRatingProps['ariaLabelId']; @Input() readOnly?: IRatingProps['readOnly']; @Input() getAriaLabel?: IRatingProps['getAriaLabel']; @Input() styles?: IRatingProps['styles']; diff --git a/libs/fabric/lib/components/rating/rating.module.ts b/libs/fabric/lib/components/rating/rating.module.ts index cced623b..016942c2 100644 --- a/libs/fabric/lib/components/rating/rating.module.ts +++ b/libs/fabric/lib/components/rating/rating.module.ts @@ -2,7 +2,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Rating } from 'office-ui-fabric-react/lib/Rating'; +import { Rating } from '@fluentui/react/lib/Rating'; import { FabRatingComponent } from './rating.component'; const components = [FabRatingComponent]; diff --git a/package-lock.json b/package-lock.json index 4f7cbaad..be7eec45 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2383,6 +2383,14 @@ } } }, + "@uifabric/example-data": { + "version": "7.1.5", + "resolved": "https://registry.npmjs.org/@uifabric/example-data/-/example-data-7.1.5.tgz", + "integrity": "sha512-lbwhvK8DTdktsnzSS/5A1dnv0xSBAVHUOEjuowll0NR2rmUGOqCMvMprs8tRwGDqFuZjxM0PKoX5Oa4DnnDN+g==", + "requires": { + "tslib": "^1.10.0" + } + }, "@uifabric/foundation": { "version": "7.5.4", "resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.5.4.tgz", diff --git a/package.json b/package.json index e2133340..782b807a 100644 --- a/package.json +++ b/package.json @@ -67,10 +67,12 @@ "@angular/platform-browser": "~8.0.2", "@angular/platform-browser-dynamic": "~8.0.2", "@angular/router": "~8.0.2", + "@fluentui/react": "^8.17.0", "@ngrx/effects": "~8.0.1", "@ngrx/router-store": "~8.0.1", "@ngrx/store": "~8.0.1", "@ngrx/store-devtools": "~8.0.1", + "@uifabric/example-data": "^7.1.5", "core-js": "^2.5.4", "ngrx-store-freeze": "^0.2.4", "office-ui-fabric-react": "7.82.2", diff --git a/yarn.lock b/yarn.lock index 14f987c7..cebe284d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -343,6 +343,145 @@ lodash "^4.17.10" to-fast-properties "^2.0.0" +"@fluentui/date-time-utilities@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/date-time-utilities/-/date-time-utilities-8.1.1.tgz#97a18ad284841c34eba233ef8f27151eb8621b8a" + integrity sha512-mAgirydYtUzD/8i1KwHtZ8Ro56QG4MQfA09g+vdadotw8g/z5S994cSB+aKtQQx1IDMx8MSl2L2TqDTpYaTQyw== + dependencies: + "@fluentui/set-version" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/dom-utilities@^2.1.1": + version "2.1.1" + resolved "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.1.tgz#75fcbec9005dc325b77a0ea064e6777f0c3e89e7" + integrity sha512-3y7MdWzXp6wYEy2j3GMAx+epbpTdPQfoiASsDgBaT2axpCyQ0UlTfPdPOrSXiPUMgvUeXkYmgyLvsqpu/zEqHw== + dependencies: + "@fluentui/set-version" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/font-icons-mdl2@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.1.1.tgz#ef88950cef2af5e460464da91ec172a3421ca862" + integrity sha512-u448uer/0ai9pVYQcKjomNq+dRiF9iql1LlwrcpMYZ4YdTdj+WFD4IAr5L4BTZ++ccUR9WTIWVHyvDSnealxtA== + dependencies: + "@fluentui/set-version" "^8.1.1" + "@fluentui/style-utilities" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/foundation-legacy@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/foundation-legacy/-/foundation-legacy-8.1.1.tgz#6cff5a781b0bbebb6cc8bf4fefadae1cecf06bd3" + integrity sha512-I2EWq8K1QmD8+ktL0+znUEtLPExUYfiekWdYRGr/qrg691BObkUlZCfbnjPGVUYkzxRvD7ns/mR8v1BXMMZazQ== + dependencies: + "@fluentui/merge-styles" "^8.1.1" + "@fluentui/set-version" "^8.1.1" + "@fluentui/style-utilities" "^8.1.1" + "@fluentui/utilities" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/keyboard-key@^0.3.1": + version "0.3.1" + resolved "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.3.1.tgz#dabf29b4945360dc7c4934fc6df1558b8377c482" + integrity sha512-2Mf5fSvXLkD01AM2Sr7tEgz4HiB+HkYrBUpGzn7U7yOwKVzavgATRrI0xIaZkoWKUhjtcl/iY1YtOsMvyfJfBA== + dependencies: + tslib "^2.1.0" + +"@fluentui/merge-styles@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/merge-styles/-/merge-styles-8.1.1.tgz#2e42b9668a11d94b6cd298acde1d5110be9b0388" + integrity sha512-RwBx8QyN3AC0JeDz/mtLAcDr3xKCaeyF4YEeQ21isr1fZTgKQ5MPJ2LBJnT6Vbl0H041gtoLpJGnQczTd2CAmg== + dependencies: + "@fluentui/set-version" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/react-focus@^8.1.2": + version "8.1.2" + resolved "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-8.1.2.tgz#5c78249d52256a11bfb30845967163e340ead779" + integrity sha512-w+M4Ki+XKNlaFeYcwxs2gyH+RyHN2tmbzfSMPJ8k6VgWssOA2mAAKfV0tGHxRBRMJEeMrIRIzQ7axicEYA3MSA== + dependencies: + "@fluentui/keyboard-key" "^0.3.1" + "@fluentui/merge-styles" "^8.1.1" + "@fluentui/set-version" "^8.1.1" + "@fluentui/style-utilities" "^8.1.1" + "@fluentui/utilities" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/react-hooks@^8.2.1": + version "8.2.1" + resolved "https://registry.npmjs.org/@fluentui/react-hooks/-/react-hooks-8.2.1.tgz#44f0065b0f017b44bf54987c8c2f6746afd17373" + integrity sha512-6aZYA7cN3ahu3pyePojwfP+m+/PoYGkyO/tLQ1RlkbpRbbIXiIzKWV3pMezn3knU1XFcUSA29PJtlKbrmknLnw== + dependencies: + "@fluentui/react-window-provider" "^2.1.1" + "@fluentui/set-version" "^8.1.1" + "@fluentui/utilities" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/react-window-provider@^2.1.1": + version "2.1.1" + resolved "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.1.1.tgz#5cf50e3c9b0d7462a784d6e872f29a7387230253" + integrity sha512-Ue2okXG7eUInNnbmxAMkKY7reMlWwlmsY46Mlc9rsAWFHCvSo0wm0oRzFWtKXulnX1Dn+dtR1EhXhKhDktXfag== + dependencies: + "@fluentui/set-version" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/react@^8.17.0": + version "8.17.0" + resolved "https://registry.npmjs.org/@fluentui/react/-/react-8.17.0.tgz#afdc6acc04a46139dd01e2f74872939f1b30b1de" + integrity sha512-mPXgT/iXQTal2HMmmcHJq4gxBaoizQypWCGT42DA8iQ+ss0vd0KAGmokvClHgKDgk7qqK27xs08RT9ZeObeMsQ== + dependencies: + "@fluentui/date-time-utilities" "^8.1.1" + "@fluentui/font-icons-mdl2" "^8.1.1" + "@fluentui/foundation-legacy" "^8.1.1" + "@fluentui/merge-styles" "^8.1.1" + "@fluentui/react-focus" "^8.1.2" + "@fluentui/react-hooks" "^8.2.1" + "@fluentui/react-window-provider" "^2.1.1" + "@fluentui/set-version" "^8.1.1" + "@fluentui/style-utilities" "^8.1.1" + "@fluentui/theme" "^2.1.1" + "@fluentui/utilities" "^8.1.1" + "@microsoft/load-themed-styles" "^1.10.26" + tslib "^2.1.0" + +"@fluentui/set-version@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/set-version/-/set-version-8.1.1.tgz#d97f22dac9f7bc2855b36a26dcfcb52a2629921e" + integrity sha512-/3n4imK0qJxs7/c+wNRgq2KqezDWi1quwK6cSdaxuHHwi3VBG3mWLWZj9cejnByY80NvUhj0fNlpoq/cE3Pa6A== + dependencies: + tslib "^2.1.0" + +"@fluentui/style-utilities@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/style-utilities/-/style-utilities-8.1.1.tgz#ccd6f36690699661f08e1ec28bcb5d4a61450941" + integrity sha512-0Ca5ZmODiOlPPlMhgAVO57mLZtkG7/0PMZ/bEPvs6Brz37yuEenMyBlOdklyEM/qpZxPyjmDHZf0BwX573nA5g== + dependencies: + "@fluentui/merge-styles" "^8.1.1" + "@fluentui/set-version" "^8.1.1" + "@fluentui/theme" "^2.1.1" + "@fluentui/utilities" "^8.1.1" + "@microsoft/load-themed-styles" "^1.10.26" + tslib "^2.1.0" + +"@fluentui/theme@^2.1.1": + version "2.1.1" + resolved "https://registry.npmjs.org/@fluentui/theme/-/theme-2.1.1.tgz#32076ac0825ac72a663e217f9444492608112c63" + integrity sha512-OZyRsGIVnaxwn9Ns1Dy2p3b6p6umspVZ25inOGaB8oo+ruv6v+QxkawngpXzceUdhmZOSohw71AkQ2wlkDz/sw== + dependencies: + "@fluentui/merge-styles" "^8.1.1" + "@fluentui/set-version" "^8.1.1" + "@fluentui/utilities" "^8.1.1" + tslib "^2.1.0" + +"@fluentui/utilities@^8.1.1": + version "8.1.1" + resolved "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.1.tgz#4a3e2b1950b1b297b7f1e7104a7d81121045bbc7" + integrity sha512-RVIl6+YM8KbfUl0mYhDg9uRbfH/Czz+R8sQHBX4JIaNoMa7N6U0Uvp1fcGzBqB/Brv5lPC8usySrIf5kiQnfBg== + dependencies: + "@fluentui/dom-utilities" "^2.1.1" + "@fluentui/merge-styles" "^8.1.1" + "@fluentui/set-version" "^8.1.1" + tslib "^2.1.0" + "@microsoft/load-themed-styles@^1.10.26": version "1.10.55" resolved "https://registry.yarnpkg.com/@microsoft/load-themed-styles/-/load-themed-styles-1.10.55.tgz#f48b0112db8f409dc7cc37674587be59d3992ec4" @@ -373,11 +512,6 @@ resolved "https://registry.yarnpkg.com/@ngrx/store/-/store-8.0.1.tgz#5391498d50978ff1bfdbf4e5b04cb647677a5168" integrity sha512-B6HY8TCFZ4+bUfJAJatF42+F33Qboo7zKc+gxTi6eEioKvNqWkb22K4De5HV2j/l/blXvMOPMSO1Rf/sGqID0w== -"@ngtools/json-schema@^1.1.0": - version "1.1.0" - resolved "https://registry.npmjs.org/@ngtools/json-schema/-/json-schema-1.1.0.tgz#c3a0c544d62392acc2813a42c8a0dc6f58f86922" - integrity sha1-w6DFRNYjkqzCgTpCyKDcb1j4aSI= - "@ngtools/webpack@8.0.3": version "8.0.3" resolved "https://registry.yarnpkg.com/@ngtools/webpack/-/webpack-8.0.3.tgz#a54cfae0c0d3e64582a148368c475cbbc1ef2137" @@ -529,6 +663,11 @@ resolved "https://registry.npmjs.org/@types/css-to-style/-/css-to-style-1.2.0.tgz#42fdb8ec8aff4ed3a006e6870eb98f18106de16e" integrity sha512-dAp6ZjAA76WrPuqMuKuacMARvh8K6HYipvvmiS/5aJKxH54fkX/3xoiq08DZYdHpM9RXYnyj7zanROfWSJHYuA== +"@types/estree@*": + version "0.0.48" + resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.48.tgz#18dc8091b285df90db2f25aa7d906cfc394b7f74" + integrity sha512-LfZwXoGUDo0C3me81HXgkBg5CTQYb6xzEl+fNmbO4JdRiSKQ8A0GD1OBBvKAIsbCUgoyAty7m99GqqMQe784ew== + "@types/estree@0.0.39": version "0.0.39" resolved "https://registry.npmjs.org/@types/estree/-/estree-0.0.39.tgz#e177e699ee1b8c22d23174caaa7422644389509f" @@ -575,11 +714,6 @@ resolved "https://registry.npmjs.org/@types/node/-/node-10.12.9.tgz#a07bfa74331471e1dc22a47eb72026843f7b95c8" integrity sha512-eajkMXG812/w3w4a1OcBlaTwsFPO5F7fJ/amy+tieQxEMWBlbV1JGSjkFM+zkHNf81Cad+dfIRA+IBkvmvdAeA== -"@types/node@^12.0.8": - version "12.0.8" - resolved "https://registry.yarnpkg.com/@types/node/-/node-12.0.8.tgz#551466be11b2adc3f3d47156758f610bd9f6b1d8" - integrity sha512-b8bbUOTwzIY3V5vDTY1fIJ+ePKDUBqt2hC2woVGotdQQhG/2Sh62HOKHrT7ab+VerXAcPyAiTEipPu/FsreUtg== - "@types/node@^6.0.46": version "6.14.2" resolved "https://registry.npmjs.org/@types/node/-/node-6.14.2.tgz#40b3dbb1221c7d66802cbcc32fe3b85e54569c77" @@ -654,6 +788,13 @@ "@types/source-list-map" "*" source-map "^0.6.1" +"@uifabric/example-data@^7.1.5": + version "7.1.6" + resolved "https://registry.npmjs.org/@uifabric/example-data/-/example-data-7.1.6.tgz#f8d01c03dd7307f8c73443575745f47b2fe2b749" + integrity sha512-2YHj41pPahCIND99bbib1oydrHtRzh0BZuukJO4JHrE50YZfU8j4QrXkQhnDbXgI6qQfPFiPo/DyjqEHPdzFCg== + dependencies: + tslib "^1.10.0" + "@uifabric/foundation@^7.5.1": version "7.7.22" resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-7.7.22.tgz#acf0d8f3766da83c21977f35216eb9aa6872cef1" @@ -914,11 +1055,16 @@ acorn-dynamic-import@^4.0.0: resolved "https://registry.yarnpkg.com/acorn-dynamic-import/-/acorn-dynamic-import-4.0.0.tgz#482210140582a36b83c3e342e1cfebcaa9240948" integrity sha512-d3OEjQV4ROpoflsnUA8HozoIR504TFxNivYEUi6uwz0IYhBkTDXGuWlNdMtybRt3nqVx/L6XqMt0FxkXuWKZhw== -acorn@^6.0.5, acorn@^6.1.1: +acorn@^6.0.5: version "6.4.1" resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474" integrity sha512-ZVA9k326Nwrj3Cj9jlh3wGFutC2ZornPNARZwsNYqQYgN0EsV2d53w5RN/co65Ohn4sUAUtb1rSUAOD6XN9idA== +acorn@^7.1.0: + version "7.4.1" + resolved "https://registry.npmjs.org/acorn/-/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa" + integrity sha512-nQyp0o1/mNdbTO1PO6kHkwSrmgZ0MT/jCCpNiwbUjGoRN4dlBhqJtoQuCnEOKzgTVwg0ZWiCoQy6SxMebQVh8A== + adm-zip@^0.4.9: version "0.4.13" resolved "https://registry.npmjs.org/adm-zip/-/adm-zip-0.4.13.tgz#597e2f8cc3672151e1307d3e95cddbc75672314a" @@ -990,6 +1136,16 @@ ajv@^6.1.0, ajv@^6.5.5: json-schema-traverse "^0.4.1" uri-js "^4.2.2" +ajv@^6.10.2: + version "6.12.6" + resolved "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4" + integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== + dependencies: + fast-deep-equal "^3.1.1" + fast-json-stable-stringify "^2.0.0" + json-schema-traverse "^0.4.1" + uri-js "^4.2.2" + amdefine@>=0.0.4: version "1.0.1" resolved "https://registry.npmjs.org/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5" @@ -2140,11 +2296,21 @@ commander@^2.11.0, commander@^2.19.0: resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.0.tgz#d58bb2b5c1ee8f87b0d340027e9e94e222c5a422" integrity sha512-7j2y+40w61zy6YC2iRNpUe/NwhNyoXrYpHMrSunaMG64nRnaf96zO/KMQR4OyN/UnE5KLyEBnKHd4aG3rskjpQ== -commander@^2.12.0, commander@^2.12.1: +commander@^2.12.1: version "2.19.0" resolved "https://registry.npmjs.org/commander/-/commander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a" integrity sha512-6tvAOO+D6OENvRAh524Dh9jcfKTYDQAqvqezbCW82xj5X0pSrcpxtvRKHLG0yBY6SD7PSDrJaj+0AiOcKVd1Xg== +commander@^2.20.0: + version "2.20.3" + resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33" + integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ== + +commander@^3.0.0: + version "3.0.2" + resolved "https://registry.npmjs.org/commander/-/commander-3.0.2.tgz#6837c3fb677ad9933d1cfba42dd14d5117d6b39e" + integrity sha512-Gar0ASD4BDyKC4hl4DwHqDrmvjoxWKZigVnAbn5H1owvm4CxCPdb0HQDehwNYMJpla5+M2tPmPARzhtYuwpHow== + commondir@^1.0.1: version "1.0.1" resolved "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b" @@ -3274,6 +3440,11 @@ fast-deep-equal@^2.0.1: resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-2.0.1.tgz#7b05218ddf9667bf7f370bf7fdb2cb15fdd0aa49" integrity sha1-ewUhjd+WZ79/Nwv3/bLLFf3Qqkk= +fast-deep-equal@^3.1.1: + version "3.1.3" + resolved "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525" + integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q== + fast-json-stable-stringify@2.0.0, fast-json-stable-stringify@^2.0.0: version "2.0.0" resolved "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.0.0.tgz#d5142c0caee6b1189f87d3a76111064f86c8bbf2" @@ -5577,18 +5748,18 @@ next-tick@1: resolved "https://registry.npmjs.org/next-tick/-/next-tick-1.0.0.tgz#ca86d1fe8828169b0120208e3dc8424b9db8342c" integrity sha1-yobR/ogoFpsBICCOPchCS524NCw= -ng-packagr@^5.3.0: - version "5.3.0" - resolved "https://registry.yarnpkg.com/ng-packagr/-/ng-packagr-5.3.0.tgz#92434ca05ecbd1e01fe961a66c8a9a66b095f6fa" - integrity sha512-i+964lzZC7VVzatDCLDZndiXTog1XGozY7K1Bs78+uBF8O1YHNQP9wB9C5fR4uEaSKVhCWEBYekoS69flCugMA== +ng-packagr@5.7.1: + version "5.7.1" + resolved "https://registry.npmjs.org/ng-packagr/-/ng-packagr-5.7.1.tgz#8e082e38e7b6089296bf0491f2e5b29122f8e08d" + integrity sha512-NDAUcMtLyZnF3bP6JtC3ANpIQRclRDPilF7C0DsjQuIz1q0V3mT7f1PwV0jnRWy8iRpSZmJZr6AGl736gloHtQ== dependencies: - "@ngtools/json-schema" "^1.1.0" + ajv "^6.10.2" autoprefixer "^9.6.0" browserslist "^4.0.0" chalk "^2.3.1" chokidar "^3.0.0" clean-css "^4.1.11" - commander "^2.12.0" + commander "^3.0.0" fs-extra "^8.0.0" glob "^7.1.2" injection-js "^2.2.1" @@ -5598,8 +5769,8 @@ ng-packagr@^5.3.0: postcss "^7.0.0" postcss-url "^8.0.0" read-pkg-up "^5.0.0" - rimraf "^2.6.1" - rollup "^1.12.1" + rimraf "^3.0.0" + rollup "1.25.2" rollup-plugin-commonjs "^10.0.0" rollup-plugin-json "^4.0.0" rollup-plugin-node-resolve "^5.0.0" @@ -5607,7 +5778,7 @@ ng-packagr@^5.3.0: rxjs "^6.0.0" sass "^1.17.3" stylus "^0.54.5" - terser "^4.0.0" + terser "^4.1.2" update-notifier "^3.0.0" ngrx-store-freeze@^0.2.4: @@ -7131,6 +7302,13 @@ rimraf@^2.2.8, rimraf@^2.5.2, rimraf@^2.5.4, rimraf@^2.6.0, rimraf@^2.6.1, rimra dependencies: glob "^7.1.3" +rimraf@^3.0.0: + version "3.0.2" + resolved "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a" + integrity sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA== + dependencies: + glob "^7.1.3" + ripemd160@^2.0.0, ripemd160@^2.0.1: version "2.0.2" resolved "https://registry.npmjs.org/ripemd160/-/ripemd160-2.0.2.tgz#a1c1a6f624751577ba5d07914cbc92850585890c" @@ -7191,14 +7369,14 @@ rollup-pluginutils@^2.5.0, rollup-pluginutils@^2.7.0, rollup-pluginutils@^2.8.0: dependencies: estree-walker "^0.6.1" -rollup@^1.12.1: - version "1.15.6" - resolved "https://registry.yarnpkg.com/rollup/-/rollup-1.15.6.tgz#caf0ed28d2d78e3a59c1398e5a3695fb600a0ef0" - integrity sha512-s3Vn3QJQ5YVFfIG4nXoG9VdL1I37IZsft+4ZyeBhxE0df1kCFz9e+4bEAbR4mKH3pvBO9e9xjdxWPhhIp0r9ow== +rollup@1.25.2: + version "1.25.2" + resolved "https://registry.npmjs.org/rollup/-/rollup-1.25.2.tgz#739f508bd8f7ece52bb6c1fcda83466af82b7f6d" + integrity sha512-+7z6Wab/L45QCPcfpuTZKwKiB0tynj05s/+s2U3F2Bi7rOLPr9UcjUwO7/xpjlPNXA/hwnth6jBExFRGyf3tMg== dependencies: - "@types/estree" "0.0.39" - "@types/node" "^12.0.8" - acorn "^6.1.1" + "@types/estree" "*" + "@types/node" "*" + acorn "^7.1.0" run-async@^2.2.0: version "2.3.0" @@ -7731,6 +7909,14 @@ source-map-support@~0.4.0: dependencies: source-map "^0.5.6" +source-map-support@~0.5.12: + version "0.5.19" + resolved "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.19.tgz#a98b62f86dcaf4f67399648c085291ab9e8fed61" + integrity sha512-Wonm7zOCIJzBGQdB+thsPar0kYuCIzYvxZwlBa87yi/Mdjv7Tip2cyVbLj5o0cFPN4EVkuTwb3GDDyUx2DGnGw== + dependencies: + buffer-from "^1.0.0" + source-map "^0.6.0" + source-map-url@^0.4.0: version "0.4.0" resolved "https://registry.npmjs.org/source-map-url/-/source-map-url-0.4.0.tgz#3e935d7ddd73631b97659956d55128e87b5084a3" @@ -8175,6 +8361,15 @@ terser@^4.0.0: source-map "~0.6.1" source-map-support "~0.5.10" +terser@^4.1.2: + version "4.8.0" + resolved "https://registry.npmjs.org/terser/-/terser-4.8.0.tgz#63056343d7c70bb29f3af665865a46fe03a0df17" + integrity sha512-EAPipTNeWsb/3wLPeup1tVPaXfIaU68xMnVdPafIL1TV05OhASArYyIfFvnvJCNrR2NIOvDVNNTFRa+Re2MWyw== + dependencies: + commander "^2.20.0" + source-map "~0.6.1" + source-map-support "~0.5.12" + through2@^2.0.0, through2@^2.0.1: version "2.0.5" resolved "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd" @@ -8332,6 +8527,11 @@ tslib@^1.8.0, tslib@^1.8.1, tslib@^1.9.0: resolved "https://registry.npmjs.org/tslib/-/tslib-1.9.3.tgz#d7e4dd79245d85428c4d7e4822a79917954ca286" integrity sha512-4krF8scpejhaOgqzBEcGM7yDIEfi0/8+8zDRZhNZZ2kjmHJ4hv3zCbQWxoJGz1iw5U0Jl0nma13xzHXcncMavQ== +tslib@^2.1.0: + version "2.2.0" + resolved "https://registry.npmjs.org/tslib/-/tslib-2.2.0.tgz#fb2c475977e35e241311ede2693cee1ec6698f5c" + integrity sha512-gS9GVHRU+RGn5KQM2rllAlR3dU6m7AcpJKdtH8gFvQiC4Otgk98XnmMU+nZenHt/+VhnBPWwgrJsyrdcw6i23w== + tslint@~5.11.0: version "5.11.0" resolved "https://registry.npmjs.org/tslint/-/tslint-5.11.0.tgz#98f30c02eae3cde7006201e4c33cb08b48581eed" From 253a60351d61ffa808d7d9fe00e6403a78abe0ac Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 10 Jun 2021 14:09:35 +0800 Subject: [PATCH 25/39] feat: replace office-ui-fabric-react with @fluentui/react --- apps/demo/src/app/app.component.html | 75 ++++- apps/demo/src/app/app.component.ts | 15 +- apps/demo/src/app/app.module.ts | 2 +- .../component-docs/fabric/fabric.component.ts | 2 +- libs/core/package.json | 1 + .../breadcrumb/breadcrumb.component.ts | 4 +- .../breadcrumb/breadcrumb.module.ts | 2 +- .../button/base-button.component.ts | 4 +- .../lib/components/button/button.module.ts | 2 +- .../components/calendar/calendar.component.ts | 8 +- .../components/calendar/calendar.module.ts | 8 +- .../calendar-strings-directive.component.ts | 2 +- .../components/callout/callout.component.ts | 4 +- .../lib/components/callout/callout.module.ts | 2 +- .../callout/focus-trap-callout.component.ts | 4 +- .../components/checkbox/checkbox.component.ts | 4 +- .../components/checkbox/checkbox.module.ts | 2 +- .../choice-group/choice-group.component.ts | 2 +- .../choice-group/choice-group.module.ts | 2 +- .../combo-box/base-combo-box.component.ts | 3 +- .../combo-box/combo-box.component.ts | 1 - .../components/combo-box/combo-box.module.ts | 2 +- .../directives/combo-box-option.directive.ts | 2 +- .../directives/combo-box-options.directive.ts | 2 +- .../command-bar/command-bar.component.ts | 4 +- .../command-bar/command-bar.module.ts | 8 +- .../lib/components/command-bar/index.ts | 1 + .../contextual-menu-item.directive.ts | 2 +- .../lib/components/contextual-menu/index.ts | 1 + libs/fabric/lib/components/core/index.ts | 1 + .../date-picker/date-picker.component.ts | 2 +- .../date-picker/date-picker.module.ts | 8 +- .../details-list/details-list.component.ts | 4 +- .../details-list/details-list.module.ts | 2 +- .../details-list-column.directive.ts | 2 +- .../details-list-columns.directive.ts | 2 +- .../details-list-groups.directive.ts | 2 +- .../lib/components/dialog/dialog.component.ts | 2 +- .../lib/components/dialog/dialog.module.ts | 2 +- .../components/divider/divider.component.ts | 2 +- .../lib/components/divider/divider.module.ts | 2 +- .../directives/dropdown-option.directive.ts | 2 +- .../directives/dropdown-options.directive.ts | 2 +- .../components/dropdown/dropdown.component.ts | 6 +- .../components/dropdown/dropdown.module.ts | 2 +- .../lib/components/fabric/fabric.component.ts | 2 +- .../lib/components/fabric/fabric.module.ts | 2 +- .../group/directives/group-item.directive.ts | 2 +- .../grouped-list/grouped-list.component.ts | 4 +- .../grouped-list/grouped-list.module.ts | 2 +- .../hover-card/expanding-card.component.ts | 2 +- .../hover-card/hover-card.component.ts | 2 +- .../hover-card/hover-card.module.ts | 2 +- .../hover-card/plain-card.component.ts | 2 +- .../lib/components/icon/icon.component.ts | 2 +- .../fabric/lib/components/icon/icon.module.ts | 2 +- .../lib/components/image/image.component.ts | 2 +- .../lib/components/image/image.module.ts | 2 +- .../lib/components/link/link.component.ts | 2 +- .../fabric/lib/components/link/link.module.ts | 2 +- .../marquee-selection.component.ts | 2 +- .../marquee-selection.module.ts | 2 +- .../message-bar/message-bar.component.ts | 2 +- .../message-bar/message-bar.module.ts | 2 +- .../lib/components/modal/modal.component.ts | 6 +- .../lib/components/modal/modal.module.ts | 2 +- .../lib/components/nav/nav.component.ts | 2 +- libs/fabric/lib/components/nav/nav.module.ts | 2 +- .../lib/components/panel/panel.component.ts | 2 +- .../lib/components/panel/panel.module.ts | 2 +- .../components/persona/persona.component.ts | 4 +- .../lib/components/persona/persona.module.ts | 2 +- .../base-picker/base-picker.component.ts | 9 +- .../pickers/base-picker/base-picker.module.ts | 4 +- .../people-picker/people-picker.component.ts | 4 +- .../people-picker/people-picker.module.ts | 4 +- .../tag-picker/tag-picker.component.ts | 2 +- .../pickers/tag-picker/tag-picker.module.ts | 2 +- .../progress-indicator.component.ts | 2 +- .../progress-indicator.module.ts | 2 +- .../search-box/search-box.component.ts | 4 +- .../search-box/search-box.module.ts | 2 +- .../components/shimmer/shimmer.component.ts | 6 +- .../lib/components/shimmer/shimmer.module.ts | 2 +- .../lib/components/slider/slider.component.ts | 2 +- .../lib/components/slider/slider.module.ts | 2 +- .../spin-button/spin-button.component.ts | 4 +- .../spin-button/spin-button.module.ts | 2 +- .../components/spinner/spinner.component.ts | 2 +- .../lib/components/spinner/spinner.module.ts | 2 +- .../text-field/base-text-field.component.ts | 5 +- .../text-field/masked-text-field.component.ts | 7 +- .../text-field/text-field.module.ts | 2 +- .../lib/components/toggle/toggle.component.ts | 4 +- .../lib/components/toggle/toggle.module.ts | 2 +- .../tooltip/tooltip-host.component.ts | 2 +- .../lib/components/tooltip/tooltip.module.ts | 2 +- libs/fabric/lib/declarations/index.ts | 1 + libs/fabric/lib/utils/index.ts | 1 + libs/fabric/package.json | 1 + libs/fabric/public-api.ts | 13 +- libs/toolkit/package.json | 1 + package.json | 3 +- tsconfig.json | 1 + yarn.lock | 291 ++++++------------ 105 files changed, 310 insertions(+), 359 deletions(-) create mode 100644 libs/fabric/lib/components/command-bar/index.ts create mode 100644 libs/fabric/lib/components/contextual-menu/index.ts create mode 100644 libs/fabric/lib/components/core/index.ts create mode 100644 libs/fabric/lib/declarations/index.ts create mode 100644 libs/fabric/lib/utils/index.ts diff --git a/apps/demo/src/app/app.component.html b/apps/demo/src/app/app.component.html index 0bc6ba56..4d392104 100644 --- a/apps/demo/src/app/app.component.html +++ b/apps/demo/src/app/app.component.html @@ -9,21 +9,64 @@

Getting up and running...

- - -
test {{fillPercentage}} {{starNum}}
- - +
+ rating: + + +
test {{fillPercentage}} {{starNum}}
+ + +
+ +
+ pivot: +
+ + + + {{tab.label}} + + +
111
+ + +
+
+
+ breadcrumb: + +
+
+ button: + primary button + default button +
+
+ calendar: + +
+
+ callout: + +
+
+ checkbox: + +
+choice group: + +data picker: + + +divider: + -
- - - - {{tab.label}} - - -
111
- - +
+dropdown: + + +
+ combo-box: +
diff --git a/apps/demo/src/app/app.component.ts b/apps/demo/src/app/app.component.ts index de562fd2..e86c3c06 100644 --- a/apps/demo/src/app/app.component.ts +++ b/apps/demo/src/app/app.component.ts @@ -9,12 +9,12 @@ import { ICheckboxProps, IPersonaProps, IPeoplePickerProps, -} from 'office-ui-fabric-react'; +} from '@fluentui/react'; import { RenderPropOptions } from '@angular-react/core'; import { FabDropdownComponent } from '@angular-react/fabric'; import { FabPeoplePickerComponent } from '@angular-react/fabric/public-api'; import { createListItems, createGroups, IExampleItem } from '@uifabric/example-data'; -import { IColumn, DetailsRow, IGroup } from 'office-ui-fabric-react/lib/DetailsList'; +import { IColumn, DetailsRow, IGroup } from '@fluentui/react/lib/DetailsList'; const suffix = ' cm'; interface IKeyboardShortcutsTab { @@ -317,6 +317,17 @@ export class AppComponent { } ]; + public itemsWithHref = [ + // Normally each breadcrumb would have a unique href, but to make the navigation less disruptive + // in the example, it uses the breadcrumb page as the href for all the items + { text: 'Files', key: 'Files', href: '#/controls/web/breadcrumb' }, + { text: 'Folder 1', key: 'f1', href: '#/controls/web/breadcrumb' }, + { text: 'Folder 2', key: 'f2', href: '#/controls/web/breadcrumb' }, + { text: 'Folder 3', key: 'f3', href: '#/controls/web/breadcrumb' }, + { text: 'Folder 4 (non-clickable)', key: 'f4' }, + { text: 'Folder 5', key: 'f5', href: '#/controls/web/breadcrumb', isCurrentItem: true }, + ]; + onNewClicked() { console.log('New clicked'); diff --git a/apps/demo/src/app/app.module.ts b/apps/demo/src/app/app.module.ts index 335b8ee7..e09c5f04 100644 --- a/apps/demo/src/app/app.module.ts +++ b/apps/demo/src/app/app.module.ts @@ -41,7 +41,7 @@ import { } from '@angular-react/fabric'; import { NgModule } from '@angular/core'; import { NxModule } from '@nrwl/nx'; -import { initializeIcons } from 'office-ui-fabric-react/lib/Icons'; +import { initializeIcons } from '@fluentui/react/lib/Icons'; import { AppComponent } from './app.component'; import { CounterComponent } from './counter/counter.component'; diff --git a/apps/docs/src/app/containers/component-docs/fabric/fabric.component.ts b/apps/docs/src/app/containers/component-docs/fabric/fabric.component.ts index 6109e152..d8c6bd14 100644 --- a/apps/docs/src/app/containers/component-docs/fabric/fabric.component.ts +++ b/apps/docs/src/app/containers/component-docs/fabric/fabric.component.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IComboBoxOption, ICalendarStrings } from 'office-ui-fabric-react'; +import { IComboBoxOption, ICalendarStrings } from '@fluentui/react'; @Component({ selector: 'app-fabric', diff --git a/libs/core/package.json b/libs/core/package.json index 5a135e9b..57398bd8 100644 --- a/libs/core/package.json +++ b/libs/core/package.json @@ -48,6 +48,7 @@ "components" ], "private": false, + "sideEffects": false, "peerDependencies": { "@angular/compiler": "^8.0.2", "@angular/core": "^8.0.2", diff --git a/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts index 29819d2b..b3f7e46a 100644 --- a/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts +++ b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts @@ -12,7 +12,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IBreadcrumbItem, IBreadcrumbProps } from 'office-ui-fabric-react/lib/Breadcrumb'; +import { IBreadcrumbItem, IBreadcrumbProps } from '@fluentui/react/lib/Breadcrumb'; @Component({ selector: 'fab-breadcrumb', @@ -24,6 +24,7 @@ import { IBreadcrumbItem, IBreadcrumbProps } from 'office-ui-fabric-react/lib/Br [items]="items" [className]="className" [dividerAs]="dividerAs" + [overflowButtonAs]="overflowButtonAs" [maxDisplayedItems]="maxDisplayedItems" [ariaLabel]="ariaLabel" [overflowAriaLabel]="overflowAriaLabel" @@ -47,6 +48,7 @@ export class FabBreadcrumbComponent extends ReactWrapperComponent @@ -72,7 +69,6 @@ export class FabCalendarComponent extends ReactWrapperComponent @Input() value?: ICalendarProps['value']; @Input() firstDayOfWeek?: ICalendarProps['firstDayOfWeek']; @Input() dateRangeType?: ICalendarProps['dateRangeType']; - @Input() autoNavigateOnSelection?: ICalendarProps['autoNavigateOnSelection']; @Input() showGoToToday?: ICalendarProps['showGoToToday']; @Input() strings: ICalendarProps['strings']; @Input() highlightCurrentMonth?: ICalendarProps['highlightCurrentMonth']; @@ -86,10 +82,8 @@ export class FabCalendarComponent extends ReactWrapperComponent @Input() restrictedDates?: ICalendarProps['restrictedDates']; @Input() showSixWeeksByDefault?: ICalendarProps['showSixWeeksByDefault']; @Input() workWeekDays?: ICalendarProps['workWeekDays']; - @Input() selectDateOnClick?: ICalendarProps['selectDateOnClick']; @Input() showCloseButton?: ICalendarProps['showCloseButton']; @Input() allFocusable?: ICalendarProps['allFocusable']; - @Input() yearPickerHidden?: ICalendarProps['yearPickerHidden']; @Output() readonly onSelectDate = new EventEmitter<{ date: Date; selectedDateRangeArray?: Date[] }>(); @Output() readonly onDismiss = new EventEmitter(); diff --git a/libs/fabric/lib/components/calendar/calendar.module.ts b/libs/fabric/lib/components/calendar/calendar.module.ts index b56904c9..2f8db2c6 100644 --- a/libs/fabric/lib/components/calendar/calendar.module.ts +++ b/libs/fabric/lib/components/calendar/calendar.module.ts @@ -4,14 +4,14 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { Calendar } from 'office-ui-fabric-react/lib/Calendar'; -import { noop } from '@angular-react/fabric/lib/utils'; +// import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; +import { Calendar } from '@fluentui/react/lib/Calendar'; +// import { noop } from '@angular-react/fabric/lib/utils'; import { FabCalendarComponent } from './calendar.component'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; // Dummy action to force CalendarCss to load and not be tree-shaken away. -noop(CalendarCss); +// noop(CalendarCss); const declarations = [FabCalendarComponent, CalendarStringsDirective]; diff --git a/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts b/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts index e37dc8b6..aeac0a13 100644 --- a/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts +++ b/libs/fabric/lib/components/calendar/directives/calendar-strings-directive.component.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { Directive, Input } from '@angular/core'; -import { ICalendarStrings } from 'office-ui-fabric-react/lib/Calendar'; +import { ICalendarStrings } from '@fluentui/react/lib/Calendar'; /** * Wrapper directive for calendar strings diff --git a/libs/fabric/lib/components/callout/callout.component.ts b/libs/fabric/lib/components/callout/callout.component.ts index fd228161..3c06374b 100644 --- a/libs/fabric/lib/components/callout/callout.component.ts +++ b/libs/fabric/lib/components/callout/callout.component.ts @@ -13,8 +13,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ICalloutProps } from 'office-ui-fabric-react/lib/Callout'; -import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/positioning/positioning.types'; +import { ICalloutProps } from '@fluentui/react/lib/Callout'; +import { ICalloutPositionedInfo } from '@fluentui/react/lib/utilities/positioning/positioning.types'; @Component({ selector: 'fab-callout', diff --git a/libs/fabric/lib/components/callout/callout.module.ts b/libs/fabric/lib/components/callout/callout.module.ts index 1e6b1eb1..20864f0c 100644 --- a/libs/fabric/lib/components/callout/callout.module.ts +++ b/libs/fabric/lib/components/callout/callout.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Callout, FocusTrapCallout } from 'office-ui-fabric-react/lib/Callout'; +import { Callout, FocusTrapCallout } from '@fluentui/react/lib/Callout'; import { FabCalloutComponent } from './callout.component'; const components = [FabCalloutComponent]; diff --git a/libs/fabric/lib/components/callout/focus-trap-callout.component.ts b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts index c4134038..96cc3e41 100644 --- a/libs/fabric/lib/components/callout/focus-trap-callout.component.ts +++ b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts @@ -13,8 +13,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IFocusTrapCalloutProps } from 'office-ui-fabric-react/lib/Callout'; -import { ICalloutPositionedInfo } from 'office-ui-fabric-react/lib/utilities/positioning'; +import { IFocusTrapCalloutProps } from '@fluentui/react/lib/Callout'; +import { ICalloutPositionedInfo } from '@fluentui/react/lib/utilities/positioning'; @Component({ selector: 'fab-focus-trap-callout', diff --git a/libs/fabric/lib/components/checkbox/checkbox.component.ts b/libs/fabric/lib/components/checkbox/checkbox.component.ts index 84f223b2..cdb5c491 100644 --- a/libs/fabric/lib/components/checkbox/checkbox.component.ts +++ b/libs/fabric/lib/components/checkbox/checkbox.component.ts @@ -15,7 +15,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ICheckboxProps } from 'office-ui-fabric-react/lib/Checkbox'; +import { ICheckboxProps } from '@fluentui/react/lib/Checkbox'; import { FormEvent } from 'react'; @Component({ @@ -39,7 +39,6 @@ import { FormEvent } from 'react'; [ariaPositionInSet]="ariaPositionInSet" [ariaSetSize]="ariaSetSize" [checkmarkIconProps]="checkmarkIconProps" - [keytipProps]="keytipProps" [styles]="styles" [RenderLabel]="renderLabel && onRenderLabel" [Change]="onChangeHandler" @@ -67,7 +66,6 @@ export class FabCheckboxComponent extends ReactWrapperComponent @Input() ariaPositionInSet?: ICheckboxProps['ariaPositionInSet']; @Input() ariaSetSize?: ICheckboxProps['ariaSetSize']; @Input() checkmarkIconProps?: ICheckboxProps['checkmarkIconProps']; - @Input() keytipProps?: ICheckboxProps['keytipProps']; @Input() styles?: ICheckboxProps['styles']; @Input() renderLabel?: InputRendererOptions; diff --git a/libs/fabric/lib/components/checkbox/checkbox.module.ts b/libs/fabric/lib/components/checkbox/checkbox.module.ts index 9ca4ecf6..50875ce4 100644 --- a/libs/fabric/lib/components/checkbox/checkbox.module.ts +++ b/libs/fabric/lib/components/checkbox/checkbox.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Checkbox } from 'office-ui-fabric-react/lib/Checkbox'; +import { Checkbox } from '@fluentui/react/lib/Checkbox'; import { FabCheckboxComponent } from './checkbox.component'; const components = [FabCheckboxComponent]; diff --git a/libs/fabric/lib/components/choice-group/choice-group.component.ts b/libs/fabric/lib/components/choice-group/choice-group.component.ts index 2cec0ef1..59934521 100644 --- a/libs/fabric/lib/components/choice-group/choice-group.component.ts +++ b/libs/fabric/lib/components/choice-group/choice-group.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IChoiceGroupOption, IChoiceGroupProps } from 'office-ui-fabric-react/lib/ChoiceGroup'; +import { IChoiceGroupOption, IChoiceGroupProps } from '@fluentui/react/lib/ChoiceGroup'; @Component({ selector: 'fab-choice-group', diff --git a/libs/fabric/lib/components/choice-group/choice-group.module.ts b/libs/fabric/lib/components/choice-group/choice-group.module.ts index 5ed2911d..332c3666 100644 --- a/libs/fabric/lib/components/choice-group/choice-group.module.ts +++ b/libs/fabric/lib/components/choice-group/choice-group.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ChoiceGroup } from 'office-ui-fabric-react/lib/ChoiceGroup'; +import { ChoiceGroup } from '@fluentui/react/lib/ChoiceGroup'; import { FabChoiceGroupComponent } from './choice-group.component'; const components = [FabChoiceGroupComponent]; diff --git a/libs/fabric/lib/components/combo-box/base-combo-box.component.ts b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts index c84219d0..f6984f39 100644 --- a/libs/fabric/lib/components/combo-box/base-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts @@ -14,7 +14,7 @@ import { ContentChild, AfterContentInit, } from '@angular/core'; -import { IComboBox, IComboBoxOption, IComboBoxProps } from 'office-ui-fabric-react/lib/ComboBox'; +import { IComboBox, IComboBoxOption, IComboBoxProps } from '@fluentui/react/lib/ComboBox'; import { ComboBoxOptionDirective } from './directives/combo-box-option.directive'; import { ComboBoxOptionsDirective } from './directives/combo-box-options.directive'; @@ -39,7 +39,6 @@ export abstract class FabBaseComboBoxComponent extends ReactWrapperComponent IComboBoxOption[] | PromiseLike; diff --git a/libs/fabric/lib/components/combo-box/combo-box.component.ts b/libs/fabric/lib/components/combo-box/combo-box.component.ts index 052ec4d5..1a3292fe 100644 --- a/libs/fabric/lib/components/combo-box/combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/combo-box.component.ts @@ -36,7 +36,6 @@ import { FabBaseComboBoxComponent } from './base-combo-box.component'; [multiSelect]="multiSelect" [isButtonAriaHidden]="isButtonAriaHidden" [ariaDescribedBy]="ariaDescribedBy" - [keytipProps]="keytipProps" [persistMenu]="persistMenu" [shouldRestoreFocus]="shouldRestoreFocus" [RenderLowerContent]="renderLowerContent && onRenderLowerContent" diff --git a/libs/fabric/lib/components/combo-box/combo-box.module.ts b/libs/fabric/lib/components/combo-box/combo-box.module.ts index 2151121d..0307b296 100644 --- a/libs/fabric/lib/components/combo-box/combo-box.module.ts +++ b/libs/fabric/lib/components/combo-box/combo-box.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ComboBox, VirtualizedComboBox } from 'office-ui-fabric-react/lib/ComboBox'; +import { ComboBox, VirtualizedComboBox } from '@fluentui/react/lib/ComboBox'; import { FabComboBoxComponent } from './combo-box.component'; import { FabVirtualizedComboBoxComponent } from './virtualized-combo-box.component'; import { ComboBoxOptionDirective } from './directives/combo-box-option.directive'; diff --git a/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts b/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts index 2da089bb..2a800dbe 100644 --- a/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts +++ b/libs/fabric/lib/components/combo-box/directives/combo-box-option.directive.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { Directive, Input } from '@angular/core'; -import { IComboBoxOption } from 'office-ui-fabric-react/lib/ComboBox'; +import { IComboBoxOption } from '@fluentui/react/lib/ComboBox'; /** * Wrapper directive for creating a ComboBoxOption diff --git a/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts b/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts index f2ae0904..ab5510e9 100644 --- a/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts +++ b/libs/fabric/lib/components/combo-box/directives/combo-box-options.directive.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { IComboBoxOption } from 'office-ui-fabric-react/lib/ComboBox'; +import { IComboBoxOption } from '@fluentui/react/lib/ComboBox'; import { ComboBoxOptionDirective } from "./combo-box-option.directive"; diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index dcb58a23..15f60544 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -18,8 +18,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ICommandBarItemProps, ICommandBarProps } from 'office-ui-fabric-react/lib/CommandBar'; -import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; +import { ICommandBarItemProps, ICommandBarProps } from '@fluentui/react/lib/CommandBar'; +import { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu'; import { Subscription } from 'rxjs'; import { mergeItemChanges } from '@angular-react/fabric/lib/components/core'; import { omit } from '@angular-react/fabric/lib/utils'; diff --git a/libs/fabric/lib/components/command-bar/command-bar.module.ts b/libs/fabric/lib/components/command-bar/command-bar.module.ts index b7e6fecc..557055bb 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.module.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.module.ts @@ -4,9 +4,9 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import * as OverflowSetCss from 'office-ui-fabric-react/lib-amd/components/OverflowSet/OverflowSet.scss'; -import { CommandBar } from 'office-ui-fabric-react/lib/CommandBar'; -import { noop } from '@angular-react/fabric/lib/utils'; +// import * as OverflowSetCss from 'office-ui-fabric-react/lib-amd/components/OverflowSet/OverflowSet.scss'; +import { CommandBar } from '@fluentui/react/lib/CommandBar'; +// import { noop } from '@angular-react/fabric/lib/utils'; import { FabContextualMenuModule } from '@angular-react/fabric/lib/components/contextual-menu'; import { FabCommandBarComponent } from './command-bar.component'; @@ -22,7 +22,7 @@ import { } from './directives/command-bar-items.directives'; // Dummy action to force OverflowSetCss to load and not be tree-shaken away. -noop(OverflowSetCss); +// noop(OverflowSetCss); const components = [ FabCommandBarComponent, diff --git a/libs/fabric/lib/components/command-bar/index.ts b/libs/fabric/lib/components/command-bar/index.ts new file mode 100644 index 00000000..7e1a213e --- /dev/null +++ b/libs/fabric/lib/components/command-bar/index.ts @@ -0,0 +1 @@ +export * from './public-api'; diff --git a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts index 4d990b76..15c93ad9 100644 --- a/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts +++ b/libs/fabric/lib/components/contextual-menu/directives/contextual-menu-item.directive.ts @@ -14,7 +14,7 @@ import { TemplateRef, ElementRef, } from '@angular/core'; -import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu'; +import { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu'; import { KnownKeys, InputRendererOptions } from '@angular-react/core'; import { getDataAttributes } from '@angular-react/fabric/lib/utils'; import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; diff --git a/libs/fabric/lib/components/contextual-menu/index.ts b/libs/fabric/lib/components/contextual-menu/index.ts new file mode 100644 index 00000000..7e1a213e --- /dev/null +++ b/libs/fabric/lib/components/contextual-menu/index.ts @@ -0,0 +1 @@ +export * from './public-api'; diff --git a/libs/fabric/lib/components/core/index.ts b/libs/fabric/lib/components/core/index.ts new file mode 100644 index 00000000..7e1a213e --- /dev/null +++ b/libs/fabric/lib/components/core/index.ts @@ -0,0 +1 @@ +export * from './public-api'; diff --git a/libs/fabric/lib/components/date-picker/date-picker.component.ts b/libs/fabric/lib/components/date-picker/date-picker.component.ts index cc1083fb..f3848d15 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.component.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IDatePickerProps } from 'office-ui-fabric-react/lib/DatePicker'; +import { IDatePickerProps } from '@fluentui/react/lib/DatePicker'; @Component({ selector: 'fab-date-picker', diff --git a/libs/fabric/lib/components/date-picker/date-picker.module.ts b/libs/fabric/lib/components/date-picker/date-picker.module.ts index 0f8ae8e4..9b004cc7 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.module.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.module.ts @@ -4,13 +4,13 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { DatePicker } from 'office-ui-fabric-react/lib/DatePicker'; -import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; -import { noop } from '@angular-react/fabric/lib/utils'; +import { DatePicker } from '@fluentui/react/lib/DatePicker'; +// import * as CalendarCss from 'office-ui-fabric-react/lib-amd/components/Calendar/Calendar.scss'; +// import { noop } from '@angular-react/fabric/lib/utils'; import { FabDatePickerComponent } from './date-picker.component'; // Dummy action to force CalendarCss to load and not be tree-shaken away. -noop(CalendarCss); +// noop(CalendarCss); const components = [FabDatePickerComponent]; diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index 34e7465f..b684c181 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -28,8 +28,8 @@ import { IDetailsListProps, IDetailsRowProps, IGroup, -} from 'office-ui-fabric-react/lib/DetailsList'; -import { IListProps } from 'office-ui-fabric-react/lib/List'; +} from '@fluentui/react/lib/DetailsList'; +import { IListProps } from '@fluentui/react/lib/List'; import { Subscription } from 'rxjs'; import { omit } from '@angular-react/fabric/lib/utils'; import { mergeItemChanges, ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; diff --git a/libs/fabric/lib/components/details-list/details-list.module.ts b/libs/fabric/lib/components/details-list/details-list.module.ts index a5ee7b36..8de3f512 100644 --- a/libs/fabric/lib/components/details-list/details-list.module.ts +++ b/libs/fabric/lib/components/details-list/details-list.module.ts @@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { registerElement } from '@angular-react/core'; -import { DetailsList } from 'office-ui-fabric-react/lib/DetailsList'; +import { DetailsList } from '@fluentui/react/lib/DetailsList'; import { FabGroupModule } from '@angular-react/fabric/lib/components/group'; import { FabDetailsListComponent } from './details-list.component'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts index 70a264b3..54417fb0 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-column.directive.ts @@ -3,7 +3,7 @@ import { AfterContentInit, ContentChild, Directive, EventEmitter, Input, Output, TemplateRef } from '@angular/core'; import { InputRendererOptions, KnownKeys } from '@angular-react/core'; -import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; +import { IColumn } from '@fluentui/react/lib/DetailsList'; import { ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; /** diff --git a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts index e7a72342..54051eef 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-columns.directive.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { IColumn } from 'office-ui-fabric-react/lib/DetailsList'; +import { IColumn } from '@fluentui/react/lib/DetailsList'; import { ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; import { DetailsListColumnDirective, IDetailsListColumnOptions } from './details-list-column.directive'; diff --git a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts index 9184e42d..c98a1542 100644 --- a/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts +++ b/libs/fabric/lib/components/details-list/directives/details-list-groups.directive.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ContentChildren, Directive, QueryList } from '@angular/core'; -import { IGroup } from 'office-ui-fabric-react/lib/DetailsList'; +import { IGroup } from '@fluentui/react/lib/DetailsList'; import { ChangeableItemsDirective } from '@angular-react/fabric/lib/components/core'; import { GroupItemDirective } from '@angular-react/fabric/lib/components/group'; diff --git a/libs/fabric/lib/components/dialog/dialog.component.ts b/libs/fabric/lib/components/dialog/dialog.component.ts index 81c69465..06c5b8dd 100644 --- a/libs/fabric/lib/components/dialog/dialog.component.ts +++ b/libs/fabric/lib/components/dialog/dialog.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IDialogContentProps, IDialogFooterProps, IDialogProps } from 'office-ui-fabric-react/lib/Dialog'; +import { IDialogContentProps, IDialogFooterProps, IDialogProps } from '@fluentui/react/lib/Dialog'; @Component({ selector: 'fab-dialog', diff --git a/libs/fabric/lib/components/dialog/dialog.module.ts b/libs/fabric/lib/components/dialog/dialog.module.ts index c0609885..9360c355 100644 --- a/libs/fabric/lib/components/dialog/dialog.module.ts +++ b/libs/fabric/lib/components/dialog/dialog.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Dialog, DialogContent, DialogFooter } from 'office-ui-fabric-react/lib/Dialog'; +import { Dialog, DialogContent, DialogFooter } from '@fluentui/react/lib/Dialog'; import { FabDialogComponent, FabDialogContentComponent, FabDialogFooterComponent } from './dialog.component'; const components = [FabDialogComponent, FabDialogContentComponent, FabDialogFooterComponent]; diff --git a/libs/fabric/lib/components/divider/divider.component.ts b/libs/fabric/lib/components/divider/divider.component.ts index 7315b6c8..30974b91 100644 --- a/libs/fabric/lib/components/divider/divider.component.ts +++ b/libs/fabric/lib/components/divider/divider.component.ts @@ -11,7 +11,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IVerticalDividerProps } from 'office-ui-fabric-react/lib/Divider'; +import { IVerticalDividerProps } from '@fluentui/react/lib/Divider'; @Component({ selector: 'fab-vertical-divider', diff --git a/libs/fabric/lib/components/divider/divider.module.ts b/libs/fabric/lib/components/divider/divider.module.ts index 738de022..17f0fc5e 100644 --- a/libs/fabric/lib/components/divider/divider.module.ts +++ b/libs/fabric/lib/components/divider/divider.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { VerticalDivider } from 'office-ui-fabric-react/lib/Divider'; +import { VerticalDivider } from '@fluentui/react/lib/Divider'; import { FabDividerComponent } from './divider.component'; const components = [FabDividerComponent]; diff --git a/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts b/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts index 65e5ace5..532dd1a6 100644 --- a/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts +++ b/libs/fabric/lib/components/dropdown/directives/dropdown-option.directive.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { Directive, Input } from '@angular/core'; -import { IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown'; +import { IDropdownOption } from '@fluentui/react/lib/Dropdown'; /** * Wrapper directive for creating a DropdownOption diff --git a/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts b/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts index e47d9b32..885fe2ca 100644 --- a/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts +++ b/libs/fabric/lib/components/dropdown/directives/dropdown-options.directive.ts @@ -4,7 +4,7 @@ import { ContentChildren, Directive, QueryList } from '@angular/core'; import { DropdownOptionDirective } from './dropdown-option.directive'; -import { IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown'; +import { IDropdownOption } from '@fluentui/react/lib/Dropdown'; /** * Wrapper directive for creating multiple DropdownOptions diff --git a/libs/fabric/lib/components/dropdown/dropdown.component.ts b/libs/fabric/lib/components/dropdown/dropdown.component.ts index a1bc5c79..123e5e9e 100644 --- a/libs/fabric/lib/components/dropdown/dropdown.component.ts +++ b/libs/fabric/lib/components/dropdown/dropdown.component.ts @@ -16,8 +16,8 @@ import { ContentChild, AfterContentInit, } from '@angular/core'; -import { IDropdownProps, IDropdownOption, IDropdown } from 'office-ui-fabric-react/lib/Dropdown'; -import { ISelectableDroppableTextProps, ISelectableOption } from 'office-ui-fabric-react/lib/SelectableOption'; +import { IDropdownProps, IDropdownOption, IDropdown } from '@fluentui/react/lib/Dropdown'; +import { ISelectableDroppableTextProps, ISelectableOption } from '@fluentui/react/lib/SelectableOption'; import { DropdownOptionsDirective } from './directives/dropdown-options.directive'; @Component({ @@ -48,7 +48,6 @@ import { DropdownOptionsDirective } from './directives/dropdown-options.directiv [selectedKeys]="selectedKeys" [multiSelectDelimiter]="multiSelectDelimiter" [notifyOnReselect]="notifyOnReselect" - [keytipProps]="keytipProps" [theme]="theme" [styles]="styles" [RenderContainer]="renderContainer && onRenderContainer" @@ -93,7 +92,6 @@ export class FabDropdownComponent extends ReactWrapperComponent @Input() selectedKeys?: IDropdownProps['selectedKeys']; @Input() multiSelectDelimiter?: IDropdownProps['multiSelectDelimiter']; @Input() notifyOnReselect?: IDropdownProps['notifyOnReselect']; - @Input() keytipProps?: IDropdownProps['keytipProps']; @Input() theme?: IDropdownProps['theme']; @Input() styles?: IDropdownProps['styles']; diff --git a/libs/fabric/lib/components/dropdown/dropdown.module.ts b/libs/fabric/lib/components/dropdown/dropdown.module.ts index d062753c..0e2cd459 100644 --- a/libs/fabric/lib/components/dropdown/dropdown.module.ts +++ b/libs/fabric/lib/components/dropdown/dropdown.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Dropdown } from 'office-ui-fabric-react/lib/Dropdown'; +import { Dropdown } from '@fluentui/react/lib/Dropdown'; import { FabDropdownComponent } from './dropdown.component'; import { DropdownOptionDirective } from './directives/dropdown-option.directive'; import { DropdownOptionsDirective } from './directives/dropdown-options.directive'; diff --git a/libs/fabric/lib/components/fabric/fabric.component.ts b/libs/fabric/lib/components/fabric/fabric.component.ts index 7708ad43..84c7300f 100644 --- a/libs/fabric/lib/components/fabric/fabric.component.ts +++ b/libs/fabric/lib/components/fabric/fabric.component.ts @@ -11,7 +11,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IFabricProps } from 'office-ui-fabric-react/lib/Fabric'; +import { IFabricProps } from '@fluentui/react/lib/Fabric'; @Component({ selector: 'fab-fabric', diff --git a/libs/fabric/lib/components/fabric/fabric.module.ts b/libs/fabric/lib/components/fabric/fabric.module.ts index e2aa777f..0b545e36 100644 --- a/libs/fabric/lib/components/fabric/fabric.module.ts +++ b/libs/fabric/lib/components/fabric/fabric.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Fabric } from 'office-ui-fabric-react/lib/Fabric'; +import { Fabric } from '@fluentui/react/lib/Fabric'; import { FabFabricComponent } from './fabric.component'; const components = [FabFabricComponent]; diff --git a/libs/fabric/lib/components/group/directives/group-item.directive.ts b/libs/fabric/lib/components/group/directives/group-item.directive.ts index 7517a6ac..a8ea3068 100644 --- a/libs/fabric/lib/components/group/directives/group-item.directive.ts +++ b/libs/fabric/lib/components/group/directives/group-item.directive.ts @@ -11,7 +11,7 @@ import { Output, QueryList, } from '@angular/core'; -import { IGroup } from 'office-ui-fabric-react/lib/GroupedList'; +import { IGroup } from '@fluentui/react/lib/GroupedList'; import { ItemChangedPayload, ChangeableItemsHelper, IChangeableItemsContainer, ChangeableItemDirective } from '@angular-react/fabric/lib/components/core'; @Directive({ selector: 'fab-group-item' }) diff --git a/libs/fabric/lib/components/grouped-list/grouped-list.component.ts b/libs/fabric/lib/components/grouped-list/grouped-list.component.ts index 7c5ee2cb..3eaaef90 100644 --- a/libs/fabric/lib/components/grouped-list/grouped-list.component.ts +++ b/libs/fabric/lib/components/grouped-list/grouped-list.component.ts @@ -15,8 +15,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IGroup, IGroupedListProps, IGroupRenderProps } from 'office-ui-fabric-react/lib/GroupedList'; -import { IListProps } from 'office-ui-fabric-react/lib/List'; +import { IGroup, IGroupedListProps, IGroupRenderProps } from '@fluentui/react/lib/GroupedList'; +import { IListProps } from '@fluentui/react/lib/List'; @Component({ selector: 'fab-grouped-list', diff --git a/libs/fabric/lib/components/grouped-list/grouped-list.module.ts b/libs/fabric/lib/components/grouped-list/grouped-list.module.ts index 12d76171..452b0de1 100644 --- a/libs/fabric/lib/components/grouped-list/grouped-list.module.ts +++ b/libs/fabric/lib/components/grouped-list/grouped-list.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { GroupedList } from 'office-ui-fabric-react/lib/GroupedList'; +import { GroupedList } from '@fluentui/react/lib/GroupedList'; import { FabGroupedListComponent } from './grouped-list.component'; const components = [FabGroupedListComponent]; diff --git a/libs/fabric/lib/components/hover-card/expanding-card.component.ts b/libs/fabric/lib/components/hover-card/expanding-card.component.ts index 6f873ea9..d3f680c0 100644 --- a/libs/fabric/lib/components/hover-card/expanding-card.component.ts +++ b/libs/fabric/lib/components/hover-card/expanding-card.component.ts @@ -15,7 +15,7 @@ import { Renderer2, NgZone, } from '@angular/core'; -import { IExpandingCardProps } from 'office-ui-fabric-react/lib/HoverCard'; +import { IExpandingCardProps } from '@fluentui/react/lib/HoverCard'; @Component({ selector: 'fab-expanding-card', diff --git a/libs/fabric/lib/components/hover-card/hover-card.component.ts b/libs/fabric/lib/components/hover-card/hover-card.component.ts index 45fcd386..890f5432 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.component.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.component.ts @@ -14,7 +14,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IExpandingCardProps, IHoverCardProps, IPlainCardProps } from 'office-ui-fabric-react/lib/HoverCard'; +import { IExpandingCardProps, IHoverCardProps, IPlainCardProps } from '@fluentui/react/lib/HoverCard'; import { omit } from '@angular-react/fabric/lib/utils'; @Component({ diff --git a/libs/fabric/lib/components/hover-card/hover-card.module.ts b/libs/fabric/lib/components/hover-card/hover-card.module.ts index 784ba730..3ff7fb95 100644 --- a/libs/fabric/lib/components/hover-card/hover-card.module.ts +++ b/libs/fabric/lib/components/hover-card/hover-card.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ExpandingCard, HoverCard, PlainCard } from 'office-ui-fabric-react/lib/HoverCard'; +import { ExpandingCard, HoverCard, PlainCard } from '@fluentui/react/lib/HoverCard'; import { FabHoverCardComponent } from './hover-card.component'; import { FabExpandingCardComponent } from './expanding-card.component'; import { FabPlainCardComponent } from './plain-card.component'; diff --git a/libs/fabric/lib/components/hover-card/plain-card.component.ts b/libs/fabric/lib/components/hover-card/plain-card.component.ts index 59f98f20..f931a296 100644 --- a/libs/fabric/lib/components/hover-card/plain-card.component.ts +++ b/libs/fabric/lib/components/hover-card/plain-card.component.ts @@ -15,7 +15,7 @@ import { Renderer2, NgZone, } from '@angular/core'; -import { IPlainCardProps } from 'office-ui-fabric-react/lib/HoverCard'; +import { IPlainCardProps } from '@fluentui/react/lib/HoverCard'; @Component({ selector: 'fab-plain-card', diff --git a/libs/fabric/lib/components/icon/icon.component.ts b/libs/fabric/lib/components/icon/icon.component.ts index f80a5b2f..0a72ddff 100644 --- a/libs/fabric/lib/components/icon/icon.component.ts +++ b/libs/fabric/lib/components/icon/icon.component.ts @@ -11,7 +11,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IIconProps } from 'office-ui-fabric-react/lib/Icon'; +import { IIconProps } from '@fluentui/react/lib/Icon'; @Component({ selector: 'fab-icon', diff --git a/libs/fabric/lib/components/icon/icon.module.ts b/libs/fabric/lib/components/icon/icon.module.ts index 8aa571f0..a78caf91 100644 --- a/libs/fabric/lib/components/icon/icon.module.ts +++ b/libs/fabric/lib/components/icon/icon.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Icon } from 'office-ui-fabric-react/lib/Icon'; +import { Icon } from '@fluentui/react/lib/Icon'; import { FabIconComponent } from './icon.component'; const components = [FabIconComponent]; diff --git a/libs/fabric/lib/components/image/image.component.ts b/libs/fabric/lib/components/image/image.component.ts index 422dad0b..b9ce73c8 100644 --- a/libs/fabric/lib/components/image/image.component.ts +++ b/libs/fabric/lib/components/image/image.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IImageProps, ImageLoadState } from 'office-ui-fabric-react/lib/Image'; +import { IImageProps, ImageLoadState } from '@fluentui/react/lib/Image'; @Component({ selector: 'fab-image', diff --git a/libs/fabric/lib/components/image/image.module.ts b/libs/fabric/lib/components/image/image.module.ts index 999c8412..5ce6ea5d 100644 --- a/libs/fabric/lib/components/image/image.module.ts +++ b/libs/fabric/lib/components/image/image.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Image } from 'office-ui-fabric-react/lib/Image'; +import { Image } from '@fluentui/react/lib/Image'; import { FabImageComponent } from './image.component'; const components = [FabImageComponent]; diff --git a/libs/fabric/lib/components/link/link.component.ts b/libs/fabric/lib/components/link/link.component.ts index bc4bb6da..30b96311 100644 --- a/libs/fabric/lib/components/link/link.component.ts +++ b/libs/fabric/lib/components/link/link.component.ts @@ -11,7 +11,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ILinkProps, Link } from 'office-ui-fabric-react/lib/Link'; +import { ILinkProps, Link } from '@fluentui/react/lib/Link'; @Component({ selector: 'fab-link', diff --git a/libs/fabric/lib/components/link/link.module.ts b/libs/fabric/lib/components/link/link.module.ts index 3f820c27..04ed54fa 100644 --- a/libs/fabric/lib/components/link/link.module.ts +++ b/libs/fabric/lib/components/link/link.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Link } from 'office-ui-fabric-react/lib/Link'; +import { Link } from '@fluentui/react/lib/Link'; import { FabLinkComponent } from './link.component'; const components = [FabLinkComponent]; diff --git a/libs/fabric/lib/components/marquee-selection/marquee-selection.component.ts b/libs/fabric/lib/components/marquee-selection/marquee-selection.component.ts index edbff6a4..5e9b9d80 100644 --- a/libs/fabric/lib/components/marquee-selection/marquee-selection.component.ts +++ b/libs/fabric/lib/components/marquee-selection/marquee-selection.component.ts @@ -12,7 +12,7 @@ import { ViewChild, } from '@angular/core'; import { ReactWrapperComponent } from '@angular-react/core'; -import { IMarqueeSelectionProps } from 'office-ui-fabric-react/lib/MarqueeSelection'; +import { IMarqueeSelectionProps } from '@fluentui/react/lib/MarqueeSelection'; @Component({ selector: 'fab-marquee-selection', diff --git a/libs/fabric/lib/components/marquee-selection/marquee-selection.module.ts b/libs/fabric/lib/components/marquee-selection/marquee-selection.module.ts index 00656fe8..a177081b 100644 --- a/libs/fabric/lib/components/marquee-selection/marquee-selection.module.ts +++ b/libs/fabric/lib/components/marquee-selection/marquee-selection.module.ts @@ -4,7 +4,7 @@ import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; import { registerElement } from '@angular-react/core'; -import { MarqueeSelection } from 'office-ui-fabric-react/lib/MarqueeSelection'; +import { MarqueeSelection } from '@fluentui/react/lib/MarqueeSelection'; import { FabMarqueeSelectionComponent } from './marquee-selection.component'; diff --git a/libs/fabric/lib/components/message-bar/message-bar.component.ts b/libs/fabric/lib/components/message-bar/message-bar.component.ts index d40757f8..96280358 100644 --- a/libs/fabric/lib/components/message-bar/message-bar.component.ts +++ b/libs/fabric/lib/components/message-bar/message-bar.component.ts @@ -15,7 +15,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IMessageBarProps } from 'office-ui-fabric-react/lib/MessageBar'; +import { IMessageBarProps } from '@fluentui/react/lib/MessageBar'; @Component({ selector: 'fab-message-bar', diff --git a/libs/fabric/lib/components/message-bar/message-bar.module.ts b/libs/fabric/lib/components/message-bar/message-bar.module.ts index a0be2971..04a03a45 100644 --- a/libs/fabric/lib/components/message-bar/message-bar.module.ts +++ b/libs/fabric/lib/components/message-bar/message-bar.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { MessageBar } from 'office-ui-fabric-react/lib/MessageBar'; +import { MessageBar } from '@fluentui/react/lib/MessageBar'; import { FabMessageBarComponent } from './message-bar.component'; const components = [FabMessageBarComponent]; diff --git a/libs/fabric/lib/components/modal/modal.component.ts b/libs/fabric/lib/components/modal/modal.component.ts index 005855d4..3e8af55b 100644 --- a/libs/fabric/lib/components/modal/modal.component.ts +++ b/libs/fabric/lib/components/modal/modal.component.ts @@ -13,9 +13,9 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IAccessiblePopupProps } from 'office-ui-fabric-react/lib/common/IAccessiblePopupProps'; -import { IModalProps } from 'office-ui-fabric-react/lib/Modal'; -import { IWithResponsiveModeState } from 'office-ui-fabric-react/lib/utilities/decorators/withResponsiveMode'; +import { IAccessiblePopupProps } from '@fluentui/react/lib/common/IAccessiblePopupProps'; +import { IModalProps } from '@fluentui/react/lib/Modal'; +import { IWithResponsiveModeState } from '@fluentui/react/lib/utilities/decorators/withResponsiveMode'; @Component({ selector: 'fab-modal', diff --git a/libs/fabric/lib/components/modal/modal.module.ts b/libs/fabric/lib/components/modal/modal.module.ts index 0b72b18f..cf3cf441 100644 --- a/libs/fabric/lib/components/modal/modal.module.ts +++ b/libs/fabric/lib/components/modal/modal.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Modal } from 'office-ui-fabric-react/lib/Modal'; +import { Modal } from '@fluentui/react/lib/Modal'; import { FabModalComponent } from './modal.component'; const components = [FabModalComponent]; diff --git a/libs/fabric/lib/components/nav/nav.component.ts b/libs/fabric/lib/components/nav/nav.component.ts index 4450180d..cc62ed60 100644 --- a/libs/fabric/lib/components/nav/nav.component.ts +++ b/libs/fabric/lib/components/nav/nav.component.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { ReactWrapperComponent } from '@angular-react/core'; -import { INavProps, INavLink, INav } from 'office-ui-fabric-react/lib/Nav'; +import { INavProps, INavLink, INav } from '@fluentui/react/lib/Nav'; import { Component, ChangeDetectionStrategy, diff --git a/libs/fabric/lib/components/nav/nav.module.ts b/libs/fabric/lib/components/nav/nav.module.ts index 3c2dc5d8..c3f2f5e1 100644 --- a/libs/fabric/lib/components/nav/nav.module.ts +++ b/libs/fabric/lib/components/nav/nav.module.ts @@ -2,7 +2,7 @@ // Licensed under the MIT License. import { registerElement } from "@angular-react/core"; -import { Nav } from "office-ui-fabric-react/lib/Nav"; +import { Nav } from "@fluentui/react/lib/Nav"; import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; import { CommonModule } from "@angular/common"; import { FabNavComponent } from "./nav.component"; diff --git a/libs/fabric/lib/components/panel/panel.component.ts b/libs/fabric/lib/components/panel/panel.component.ts index 86375cd2..dc85d9f5 100644 --- a/libs/fabric/lib/components/panel/panel.component.ts +++ b/libs/fabric/lib/components/panel/panel.component.ts @@ -15,7 +15,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IPanelHeaderRenderer, IPanelProps } from 'office-ui-fabric-react/lib/Panel'; +import { IPanelHeaderRenderer, IPanelProps } from '@fluentui/react/lib/Panel'; @Component({ selector: 'fab-panel', diff --git a/libs/fabric/lib/components/panel/panel.module.ts b/libs/fabric/lib/components/panel/panel.module.ts index 37578084..f89a1e66 100644 --- a/libs/fabric/lib/components/panel/panel.module.ts +++ b/libs/fabric/lib/components/panel/panel.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Panel } from 'office-ui-fabric-react/lib/Panel'; +import { Panel } from '@fluentui/react/lib/Panel'; import { FabPanelComponent } from './panel.component'; const components = [FabPanelComponent]; diff --git a/libs/fabric/lib/components/persona/persona.component.ts b/libs/fabric/lib/components/persona/persona.component.ts index f960935d..6f250059 100644 --- a/libs/fabric/lib/components/persona/persona.component.ts +++ b/libs/fabric/lib/components/persona/persona.component.ts @@ -15,8 +15,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ImageLoadState } from 'office-ui-fabric-react/lib/components/Image/Image.types'; -import { IPersonaCoinProps, IPersonaProps, IPersonaSharedProps } from 'office-ui-fabric-react/lib/Persona'; +import { ImageLoadState } from '@fluentui/react/lib/components/Image/Image.types'; +import { IPersonaCoinProps, IPersonaProps, IPersonaSharedProps } from '@fluentui/react/lib/Persona'; export abstract class FabPersonaBaseComponent extends ReactWrapperComponent implements OnInit { diff --git a/libs/fabric/lib/components/persona/persona.module.ts b/libs/fabric/lib/components/persona/persona.module.ts index e909fbfd..16ef88b8 100644 --- a/libs/fabric/lib/components/persona/persona.module.ts +++ b/libs/fabric/lib/components/persona/persona.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Persona, PersonaCoin } from 'office-ui-fabric-react/lib/Persona'; +import { Persona, PersonaCoin } from '@fluentui/react/lib/Persona'; import { FabPersonaCoinComponent, FabPersonaComponent } from './persona.component'; const components = [FabPersonaComponent, FabPersonaCoinComponent]; diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts index c54d9c6a..6c3e1854 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.component.ts @@ -3,13 +3,12 @@ import { InputRendererOptions, JsxRenderFunc, Omit, ReactWrapperComponent } from '@angular-react/core'; import { ChangeDetectorRef, ElementRef, EventEmitter, Input, NgZone, OnInit, Output, Renderer2 } from '@angular/core'; -import { IPersonaProps } from 'office-ui-fabric-react/lib/Persona'; +import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { - BaseAutoFill, IBasePickerProps, IBasePickerSuggestionsProps, IPickerItemProps, -} from 'office-ui-fabric-react/lib/Pickers'; +} from '@fluentui/react/lib/Pickers'; import { omit } from '@angular-react/fabric/lib/utils'; export abstract class FabBasePickerComponent> @@ -88,11 +87,11 @@ export abstract class FabBasePickerComponent) { + onFocusHandler(event: React.FocusEvent) { this.onFocus.emit(event.nativeEvent); } - onBlurHandler(event: React.FocusEvent) { + onBlurHandler(event: React.FocusEvent) { this.onBlur.emit(event.nativeEvent); } diff --git a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts index a64db73b..ed8a354d 100644 --- a/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts +++ b/libs/fabric/lib/components/pickers/base-picker/base-picker.module.ts @@ -4,8 +4,8 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import * as BasePickerCss from 'office-ui-fabric-react/lib-amd/components/pickers/BasePicker.scss'; -import { BasePicker } from 'office-ui-fabric-react/lib/Pickers'; +import * as BasePickerCss from '@fluentui/react/lib-amd/components/pickers/BasePicker.scss'; +import { BasePicker } from '@fluentui/react/lib/Pickers'; import { noop } from '@angular-react/fabric/lib/utils'; // Dummy action to force BasePickerCss to load and not be tree-shaken away. diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts index 0cd37853..7d9e8d35 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts @@ -13,8 +13,8 @@ import { EventEmitter, } from '@angular/core'; import { FabBasePickerComponent } from '../base-picker/base-picker.component'; - import { IPeoplePickerProps, BaseAutoFill } from 'office-ui-fabric-react/lib/Pickers'; - import { IPersonaProps } from 'office-ui-fabric-react/lib/Persona'; + import { IPeoplePickerProps } from '@fluentui/react/lib/Pickers'; + import { IPersonaProps } from '@fluentui/react/lib/Persona'; @Component({ selector: 'fab-people-picker', diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts index c2c9f025..e88bf938 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.module.ts @@ -4,8 +4,8 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import * as PeoplePickerItemCss from 'office-ui-fabric-react/lib-amd/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss'; -import { NormalPeoplePickerBase } from 'office-ui-fabric-react/lib/Pickers'; +import * as PeoplePickerItemCss from '@fluentui/react/lib-amd/components/pickers/PeoplePicker/PeoplePickerItems/PickerItemsDefault.scss'; +import { NormalPeoplePickerBase } from '@fluentui/react/lib/Pickers'; import { noop } from '@angular-react/fabric/lib/utils'; import { FabBasePickerModule } from '../base-picker/base-picker.module'; import { FabPeoplePickerComponent } from './people-picker.component'; diff --git a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts index 2d54c9cd..da530a42 100644 --- a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts +++ b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts @@ -10,7 +10,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ITag, ITagPickerProps } from 'office-ui-fabric-react/lib/Pickers'; +import { ITag, ITagPickerProps } from '@fluentui/react/lib/Pickers'; import { FabBasePickerComponent } from '../base-picker/base-picker.component'; @Component({ diff --git a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.module.ts b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.module.ts index 2f795823..dba41ce8 100644 --- a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.module.ts +++ b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { TagPicker } from 'office-ui-fabric-react'; +import { TagPicker } from '@fluentui/react'; import { FabBasePickerModule } from '../base-picker/base-picker.module'; import { FabTagPickerComponent } from './tag-picker.component'; diff --git a/libs/fabric/lib/components/progress-indicator/progress-indicator.component.ts b/libs/fabric/lib/components/progress-indicator/progress-indicator.component.ts index 630851bb..f85dd757 100644 --- a/libs/fabric/lib/components/progress-indicator/progress-indicator.component.ts +++ b/libs/fabric/lib/components/progress-indicator/progress-indicator.component.ts @@ -12,7 +12,7 @@ import { ViewChild, OnInit, } from '@angular/core'; -import { IProgressIndicatorProps } from 'office-ui-fabric-react/lib/ProgressIndicator'; +import { IProgressIndicatorProps } from '@fluentui/react/lib/ProgressIndicator'; @Component({ selector: 'fab-progress-indicator', diff --git a/libs/fabric/lib/components/progress-indicator/progress-indicator.module.ts b/libs/fabric/lib/components/progress-indicator/progress-indicator.module.ts index c5f3b2dd..f7360ca4 100644 --- a/libs/fabric/lib/components/progress-indicator/progress-indicator.module.ts +++ b/libs/fabric/lib/components/progress-indicator/progress-indicator.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { ProgressIndicator } from 'office-ui-fabric-react/lib/ProgressIndicator'; +import { ProgressIndicator } from '@fluentui/react/lib/ProgressIndicator'; import { FabProgressIndicatorComponent } from './progress-indicator.component'; const components = [FabProgressIndicatorComponent]; diff --git a/libs/fabric/lib/components/search-box/search-box.component.ts b/libs/fabric/lib/components/search-box/search-box.component.ts index f0169725..d1a5119e 100644 --- a/libs/fabric/lib/components/search-box/search-box.component.ts +++ b/libs/fabric/lib/components/search-box/search-box.component.ts @@ -14,8 +14,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IButtonProps } from 'office-ui-fabric-react/lib/Button'; -import { ISearchBoxProps } from 'office-ui-fabric-react/lib/SearchBox'; +import { IButtonProps } from '@fluentui/react/lib/Button'; +import { ISearchBoxProps } from '@fluentui/react/lib/SearchBox'; import { omit } from '@angular-react/fabric/lib/utils'; @Component({ diff --git a/libs/fabric/lib/components/search-box/search-box.module.ts b/libs/fabric/lib/components/search-box/search-box.module.ts index 07047264..4e8328bd 100644 --- a/libs/fabric/lib/components/search-box/search-box.module.ts +++ b/libs/fabric/lib/components/search-box/search-box.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { SearchBox } from 'office-ui-fabric-react/lib/SearchBox'; +import { SearchBox } from '@fluentui/react/lib/SearchBox'; import { FabSearchBoxComponent } from './search-box.component'; const components = [FabSearchBoxComponent]; diff --git a/libs/fabric/lib/components/shimmer/shimmer.component.ts b/libs/fabric/lib/components/shimmer/shimmer.component.ts index dae1e1c2..0f2f0984 100644 --- a/libs/fabric/lib/components/shimmer/shimmer.component.ts +++ b/libs/fabric/lib/components/shimmer/shimmer.component.ts @@ -12,8 +12,8 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IShimmerElementsGroupProps } from 'office-ui-fabric-react/lib/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types'; -import { IShimmerProps } from 'office-ui-fabric-react/lib/Shimmer'; +import { IShimmerElementsGroupProps } from '@fluentui/react/lib/components/Shimmer/ShimmerElementsGroup/ShimmerElementsGroup.types'; +import { IShimmerProps } from '@fluentui/react/lib/Shimmer'; @Component({ selector: 'fab-shimmer', @@ -21,7 +21,6 @@ import { IShimmerProps } from 'office-ui-fabric-react/lib/Shimmer'; template: ` { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; - @Input() componentRef?: IShimmerProps['componentRef']; @Input() width?: IShimmerProps['width']; @Input() isDataLoaded?: IShimmerProps['isDataLoaded']; @Input() shimmerElements?: IShimmerProps['shimmerElements']; diff --git a/libs/fabric/lib/components/shimmer/shimmer.module.ts b/libs/fabric/lib/components/shimmer/shimmer.module.ts index 965c89f6..dc29fbc3 100644 --- a/libs/fabric/lib/components/shimmer/shimmer.module.ts +++ b/libs/fabric/lib/components/shimmer/shimmer.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Shimmer, ShimmerElementsGroup } from 'office-ui-fabric-react/lib/Shimmer'; +import { Shimmer, ShimmerElementsGroup } from '@fluentui/react/lib/Shimmer'; import { FabShimmerComponent, FabShimmerElementsGroupComponent } from './shimmer.component'; const components = [FabShimmerComponent, FabShimmerElementsGroupComponent]; diff --git a/libs/fabric/lib/components/slider/slider.component.ts b/libs/fabric/lib/components/slider/slider.component.ts index cb2cce51..6e9c6edc 100644 --- a/libs/fabric/lib/components/slider/slider.component.ts +++ b/libs/fabric/lib/components/slider/slider.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ISliderProps } from 'office-ui-fabric-react/lib/Slider'; +import { ISliderProps } from '@fluentui/react/lib/Slider'; @Component({ selector: 'fab-slider', diff --git a/libs/fabric/lib/components/slider/slider.module.ts b/libs/fabric/lib/components/slider/slider.module.ts index b9b88da5..99583420 100644 --- a/libs/fabric/lib/components/slider/slider.module.ts +++ b/libs/fabric/lib/components/slider/slider.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Slider } from 'office-ui-fabric-react/lib/Slider'; +import { Slider } from '@fluentui/react/lib/Slider'; import { FabSliderComponent } from './slider.component'; const components = [FabSliderComponent]; diff --git a/libs/fabric/lib/components/spin-button/spin-button.component.ts b/libs/fabric/lib/components/spin-button/spin-button.component.ts index 7a57062a..bf4bffed 100644 --- a/libs/fabric/lib/components/spin-button/spin-button.component.ts +++ b/libs/fabric/lib/components/spin-button/spin-button.component.ts @@ -13,7 +13,7 @@ import { EventEmitter, Output, } from '@angular/core'; -import { ISpinButtonProps } from 'office-ui-fabric-react/lib/SpinButton'; +import { ISpinButtonProps } from '@fluentui/react/lib/SpinButton'; @Component({ selector: 'fab-spin-button', @@ -38,7 +38,6 @@ import { ISpinButtonProps } from 'office-ui-fabric-react/lib/SpinButton'; [incrementButtonIcon]="incrementButtonIcon" [decrementButtonIcon]="decrementButtonIcon" [styles]="styles" - [getClassNames]="getClassNames" [upArrowButtonStyles]="upArrowButtonStyles" [downArrowButtonStyles]="downArrowButtonStyles" [theme]="theme" @@ -81,7 +80,6 @@ export class FabSpinButtonComponent extends ReactWrapperComponent implements OnInit { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; @@ -55,9 +55,6 @@ export class FabBaseTextFieldComponent extends ReactWrapperComponent; diff --git a/libs/fabric/lib/components/text-field/masked-text-field.component.ts b/libs/fabric/lib/components/text-field/masked-text-field.component.ts index 2156b4c8..fdd080e6 100644 --- a/libs/fabric/lib/components/text-field/masked-text-field.component.ts +++ b/libs/fabric/lib/components/text-field/masked-text-field.component.ts @@ -1,8 +1,9 @@ // Copyright (c) Microsoft Corporation. All rights reserved. // Licensed under the MIT License. -import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Renderer2, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, Renderer2, ViewChild } from '@angular/core'; import { FabBaseTextFieldComponent } from './base-text-field.component'; +import { IMaskedTextFieldProps } from '@fluentui/react/lib/TextField'; @Component({ selector: 'fab-masked-text-field', @@ -70,6 +71,10 @@ import { FabBaseTextFieldComponent } from './base-text-field.component'; export class FabMaskedTextFieldComponent extends FabBaseTextFieldComponent { @ViewChild('reactNode', { static: true }) protected reactNodeRef: ElementRef; + @Input() mask?: IMaskedTextFieldProps['mask']; + @Input() maskChar?: IMaskedTextFieldProps['maskChar']; + @Input() maskFormat?: IMaskedTextFieldProps['maskFormat']; + constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, renderer: Renderer2) { super(elementRef, changeDetectorRef, renderer); } diff --git a/libs/fabric/lib/components/text-field/text-field.module.ts b/libs/fabric/lib/components/text-field/text-field.module.ts index 49b8a82e..859f657a 100644 --- a/libs/fabric/lib/components/text-field/text-field.module.ts +++ b/libs/fabric/lib/components/text-field/text-field.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { TextField, MaskedTextField } from 'office-ui-fabric-react/lib/TextField'; +import { TextField, MaskedTextField } from '@fluentui/react/lib/TextField'; import { FabTextFieldComponent } from './text-field.component'; import { FabMaskedTextFieldComponent } from './masked-text-field.component'; diff --git a/libs/fabric/lib/components/toggle/toggle.component.ts b/libs/fabric/lib/components/toggle/toggle.component.ts index ee28bda3..38f75735 100644 --- a/libs/fabric/lib/components/toggle/toggle.component.ts +++ b/libs/fabric/lib/components/toggle/toggle.component.ts @@ -13,7 +13,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { IToggleProps } from 'office-ui-fabric-react/lib/Toggle'; +import { IToggleProps } from '@fluentui/react/lib/Toggle'; @Component({ selector: 'fab-toggle', @@ -32,7 +32,6 @@ import { IToggleProps } from 'office-ui-fabric-react/lib/Toggle'; [inlineLabel]="inlineLabel" [theme]="theme" [styles]="styles" - [keytipProps]="keytipProps" [Change]="onChangeHandler" > @@ -61,7 +60,6 @@ export class FabToggleComponent extends ReactWrapperComponent { @Input() inlineLabel?: IToggleProps['inlineLabel']; @Input() theme?: IToggleProps['theme']; @Input() styles?: IToggleProps['styles']; - @Input() keytipProps?: IToggleProps['keytipProps']; @Output() readonly onChange = new EventEmitter<{ event: MouseEvent; checked?: boolean }>(); diff --git a/libs/fabric/lib/components/toggle/toggle.module.ts b/libs/fabric/lib/components/toggle/toggle.module.ts index 9796c5e7..ec22291c 100644 --- a/libs/fabric/lib/components/toggle/toggle.module.ts +++ b/libs/fabric/lib/components/toggle/toggle.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { Toggle } from 'office-ui-fabric-react/lib/Toggle'; +import { Toggle } from '@fluentui/react/lib/Toggle'; import { FabToggleComponent } from './toggle.component'; const components = [FabToggleComponent]; diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index a673c7a9..b352b68f 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -14,7 +14,7 @@ import { Renderer2, ViewChild, } from '@angular/core'; -import { ITooltipHostProps, ITooltipProps } from 'office-ui-fabric-react/lib/Tooltip'; +import { ITooltipHostProps, ITooltipProps } from '@fluentui/react/lib/Tooltip'; import { omit } from '@angular-react/fabric/lib/utils'; @Component({ diff --git a/libs/fabric/lib/components/tooltip/tooltip.module.ts b/libs/fabric/lib/components/tooltip/tooltip.module.ts index b86da0ad..15486ee3 100644 --- a/libs/fabric/lib/components/tooltip/tooltip.module.ts +++ b/libs/fabric/lib/components/tooltip/tooltip.module.ts @@ -4,7 +4,7 @@ import { registerElement } from '@angular-react/core'; import { CommonModule } from '@angular/common'; import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core'; -import { TooltipHost } from 'office-ui-fabric-react/lib/Tooltip'; +import { TooltipHost } from '@fluentui/react/lib/Tooltip'; import { FabTooltipHostComponent } from './tooltip-host.component'; const components = [FabTooltipHostComponent]; diff --git a/libs/fabric/lib/declarations/index.ts b/libs/fabric/lib/declarations/index.ts new file mode 100644 index 00000000..7e1a213e --- /dev/null +++ b/libs/fabric/lib/declarations/index.ts @@ -0,0 +1 @@ +export * from './public-api'; diff --git a/libs/fabric/lib/utils/index.ts b/libs/fabric/lib/utils/index.ts new file mode 100644 index 00000000..7e1a213e --- /dev/null +++ b/libs/fabric/lib/utils/index.ts @@ -0,0 +1 @@ +export * from './public-api'; diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 559c74e2..91649662 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -42,6 +42,7 @@ "fabric" ], "private": false, + "sideEffects": false, "peerDependencies": { "@angular-react/core": "^1.0.0", "@angular/common": "^8.0.2", diff --git a/libs/fabric/public-api.ts b/libs/fabric/public-api.ts index c59924db..a6d615c0 100644 --- a/libs/fabric/public-api.ts +++ b/libs/fabric/public-api.ts @@ -1,9 +1,6 @@ // Copyright (c) Microsoft Corporation. All rights reserved. // Licensed under the MIT License. -// Copyright (c) Microsoft Corporation. All rights reserved. -// Licensed under the MIT License. - export * from './lib/components/breadcrumb/public-api'; export * from './lib/components/button/public-api'; export * from './lib/components/calendar/public-api'; @@ -13,6 +10,7 @@ export * from './lib/components/choice-group/public-api'; export * from './lib/components/combo-box/public-api'; export * from './lib/components/command-bar/public-api'; export * from './lib/components/contextual-menu/public-api'; +export * from './lib/components/core/public-api'; export * from './lib/components/date-picker/public-api'; export * from './lib/components/details-list/public-api'; export * from './lib/components/dialog/public-api'; @@ -28,9 +26,13 @@ export * from './lib/components/link/public-api'; export * from './lib/components/marquee-selection/public-api'; export * from './lib/components/message-bar/public-api'; export * from './lib/components/modal/public-api'; +export * from './lib/components/nav/public-api'; export * from './lib/components/panel/public-api'; export * from './lib/components/persona/public-api'; +export * from './lib/components/pickers/public-api'; export * from './lib/components/pivot/public-api'; +export * from './lib/components/progress-indicator/public-api'; +export * from './lib/components/rating/public-api'; export * from './lib/components/search-box/public-api'; export * from './lib/components/shimmer/public-api'; export * from './lib/components/slider/public-api'; @@ -39,9 +41,6 @@ export * from './lib/components/spinner/public-api'; export * from './lib/components/text-field/public-api'; export * from './lib/components/toggle/public-api'; export * from './lib/components/tooltip/public-api'; -export * from './lib/components/nav/public-api'; -export * from './lib/components/pickers/public-api'; -export * from './lib/components/progress-indicator/public-api'; -export * from './lib/components/rating/public-api'; export * from './lib/declarations/public-api'; +export * from './lib/utils/public-api'; diff --git a/libs/toolkit/package.json b/libs/toolkit/package.json index f2f0c6e7..f12fb114 100644 --- a/libs/toolkit/package.json +++ b/libs/toolkit/package.json @@ -32,6 +32,7 @@ "fabric" ], "private": false, + "sideEffects": false, "peerDependencies": { "@angular-react/core": "^1.0.0", "@angular/common": "^8.0.2", diff --git a/package.json b/package.json index 782b807a..b2a6105c 100644 --- a/package.json +++ b/package.json @@ -67,7 +67,7 @@ "@angular/platform-browser": "~8.0.2", "@angular/platform-browser-dynamic": "~8.0.2", "@angular/router": "~8.0.2", - "@fluentui/react": "^8.17.0", + "@fluentui/react": "^8.17.3", "@ngrx/effects": "~8.0.1", "@ngrx/router-store": "~8.0.1", "@ngrx/store": "~8.0.1", @@ -75,7 +75,6 @@ "@uifabric/example-data": "^7.1.5", "core-js": "^2.5.4", "ngrx-store-freeze": "^0.2.4", - "office-ui-fabric-react": "7.82.2", "react": "~16.8.6", "react-dom": "~16.8.6", "rxjs": "6.5.2", diff --git a/tsconfig.json b/tsconfig.json index 02bd62b4..cb4211c2 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -13,6 +13,7 @@ "jsx": "react", "skipLibCheck": true, "paths": { + "@angular-react/core": ["libs/core/src/index.ts"], "@angular-react/fabric": ["libs/fabric/public-api.ts"], "@angular-react/semantic-ui": ["libs/semantic-ui/src/index.ts"] } diff --git a/yarn.lock b/yarn.lock index cebe284d..e6aeb9c2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -343,143 +343,143 @@ lodash "^4.17.10" to-fast-properties "^2.0.0" -"@fluentui/date-time-utilities@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/date-time-utilities/-/date-time-utilities-8.1.1.tgz#97a18ad284841c34eba233ef8f27151eb8621b8a" - integrity sha512-mAgirydYtUzD/8i1KwHtZ8Ro56QG4MQfA09g+vdadotw8g/z5S994cSB+aKtQQx1IDMx8MSl2L2TqDTpYaTQyw== +"@fluentui/date-time-utilities@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/date-time-utilities/-/date-time-utilities-8.1.2.tgz#60969597d859afdf6a115594172beebd95c6f17b" + integrity sha1-YJaVl9hZr99qEVWUFyvuvZXG8Xs= dependencies: - "@fluentui/set-version" "^8.1.1" + "@fluentui/set-version" "^8.1.2" tslib "^2.1.0" -"@fluentui/dom-utilities@^2.1.1": - version "2.1.1" - resolved "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.1.tgz#75fcbec9005dc325b77a0ea064e6777f0c3e89e7" - integrity sha512-3y7MdWzXp6wYEy2j3GMAx+epbpTdPQfoiASsDgBaT2axpCyQ0UlTfPdPOrSXiPUMgvUeXkYmgyLvsqpu/zEqHw== +"@fluentui/dom-utilities@^2.1.2": + version "2.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/dom-utilities/-/dom-utilities-2.1.2.tgz#55d94770ef5bc1ac9d21171ff4d59fb26459a380" + integrity sha1-VdlHcO9bwaydIRcf9NWfsmRZo4A= dependencies: - "@fluentui/set-version" "^8.1.1" + "@fluentui/set-version" "^8.1.2" tslib "^2.1.0" -"@fluentui/font-icons-mdl2@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.1.1.tgz#ef88950cef2af5e460464da91ec172a3421ca862" - integrity sha512-u448uer/0ai9pVYQcKjomNq+dRiF9iql1LlwrcpMYZ4YdTdj+WFD4IAr5L4BTZ++ccUR9WTIWVHyvDSnealxtA== +"@fluentui/font-icons-mdl2@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.1.2.tgz#7f90f724315c7b1691d106137164042e09584ef2" + integrity sha1-f5D3JDFcexaR0QYTcWQELglYTvI= dependencies: - "@fluentui/set-version" "^8.1.1" - "@fluentui/style-utilities" "^8.1.1" + "@fluentui/set-version" "^8.1.2" + "@fluentui/style-utilities" "^8.1.2" tslib "^2.1.0" -"@fluentui/foundation-legacy@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/foundation-legacy/-/foundation-legacy-8.1.1.tgz#6cff5a781b0bbebb6cc8bf4fefadae1cecf06bd3" - integrity sha512-I2EWq8K1QmD8+ktL0+znUEtLPExUYfiekWdYRGr/qrg691BObkUlZCfbnjPGVUYkzxRvD7ns/mR8v1BXMMZazQ== +"@fluentui/foundation-legacy@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/foundation-legacy/-/foundation-legacy-8.1.2.tgz#8cf96914f7ede10da503e4abf909aa868edde513" + integrity sha1-jPlpFPft4Q2lA+Sr+Qmqho7d5RM= dependencies: - "@fluentui/merge-styles" "^8.1.1" - "@fluentui/set-version" "^8.1.1" - "@fluentui/style-utilities" "^8.1.1" - "@fluentui/utilities" "^8.1.1" + "@fluentui/merge-styles" "^8.1.2" + "@fluentui/set-version" "^8.1.2" + "@fluentui/style-utilities" "^8.1.2" + "@fluentui/utilities" "^8.1.2" tslib "^2.1.0" -"@fluentui/keyboard-key@^0.3.1": - version "0.3.1" - resolved "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.3.1.tgz#dabf29b4945360dc7c4934fc6df1558b8377c482" - integrity sha512-2Mf5fSvXLkD01AM2Sr7tEgz4HiB+HkYrBUpGzn7U7yOwKVzavgATRrI0xIaZkoWKUhjtcl/iY1YtOsMvyfJfBA== +"@fluentui/keyboard-key@^0.3.2": + version "0.3.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/keyboard-key/-/keyboard-key-0.3.2.tgz#6b9c267675322d1e3a552354c3ab0767e3ec1dd0" + integrity sha1-a5wmdnUyLR46VSNUw6sHZ+PsHdA= dependencies: tslib "^2.1.0" -"@fluentui/merge-styles@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/merge-styles/-/merge-styles-8.1.1.tgz#2e42b9668a11d94b6cd298acde1d5110be9b0388" - integrity sha512-RwBx8QyN3AC0JeDz/mtLAcDr3xKCaeyF4YEeQ21isr1fZTgKQ5MPJ2LBJnT6Vbl0H041gtoLpJGnQczTd2CAmg== +"@fluentui/merge-styles@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/merge-styles/-/merge-styles-8.1.2.tgz#4398737d92689f701d9e4974a61d2604991a8409" + integrity sha1-Q5hzfZJon3Adnkl0ph0mBJkahAk= dependencies: - "@fluentui/set-version" "^8.1.1" + "@fluentui/set-version" "^8.1.2" tslib "^2.1.0" -"@fluentui/react-focus@^8.1.2": - version "8.1.2" - resolved "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-8.1.2.tgz#5c78249d52256a11bfb30845967163e340ead779" - integrity sha512-w+M4Ki+XKNlaFeYcwxs2gyH+RyHN2tmbzfSMPJ8k6VgWssOA2mAAKfV0tGHxRBRMJEeMrIRIzQ7axicEYA3MSA== - dependencies: - "@fluentui/keyboard-key" "^0.3.1" - "@fluentui/merge-styles" "^8.1.1" - "@fluentui/set-version" "^8.1.1" - "@fluentui/style-utilities" "^8.1.1" - "@fluentui/utilities" "^8.1.1" +"@fluentui/react-focus@^8.1.3": + version "8.1.3" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/react-focus/-/react-focus-8.1.3.tgz#dee911142b6cb907c63aac173348c28b4426efeb" + integrity sha1-3ukRFCtsuQfGOqwXM0jCi0Qm7+s= + dependencies: + "@fluentui/keyboard-key" "^0.3.2" + "@fluentui/merge-styles" "^8.1.2" + "@fluentui/set-version" "^8.1.2" + "@fluentui/style-utilities" "^8.1.2" + "@fluentui/utilities" "^8.1.2" tslib "^2.1.0" -"@fluentui/react-hooks@^8.2.1": - version "8.2.1" - resolved "https://registry.npmjs.org/@fluentui/react-hooks/-/react-hooks-8.2.1.tgz#44f0065b0f017b44bf54987c8c2f6746afd17373" - integrity sha512-6aZYA7cN3ahu3pyePojwfP+m+/PoYGkyO/tLQ1RlkbpRbbIXiIzKWV3pMezn3knU1XFcUSA29PJtlKbrmknLnw== +"@fluentui/react-hooks@^8.2.2": + version "8.2.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/react-hooks/-/react-hooks-8.2.2.tgz#f8065e1af46a6c5307f3a4d6daeec4c2848bde0d" + integrity sha1-+AZeGvRqbFMH86TW2u7EwoSL3g0= dependencies: - "@fluentui/react-window-provider" "^2.1.1" - "@fluentui/set-version" "^8.1.1" - "@fluentui/utilities" "^8.1.1" + "@fluentui/react-window-provider" "^2.1.2" + "@fluentui/set-version" "^8.1.2" + "@fluentui/utilities" "^8.1.2" tslib "^2.1.0" -"@fluentui/react-window-provider@^2.1.1": - version "2.1.1" - resolved "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.1.1.tgz#5cf50e3c9b0d7462a784d6e872f29a7387230253" - integrity sha512-Ue2okXG7eUInNnbmxAMkKY7reMlWwlmsY46Mlc9rsAWFHCvSo0wm0oRzFWtKXulnX1Dn+dtR1EhXhKhDktXfag== +"@fluentui/react-window-provider@^2.1.2": + version "2.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/react-window-provider/-/react-window-provider-2.1.2.tgz#e6f3c3eb86368c9c0749fea967dffc32d403cb80" + integrity sha1-5vPD64Y2jJwHSf6pZ9/8MtQDy4A= dependencies: - "@fluentui/set-version" "^8.1.1" + "@fluentui/set-version" "^8.1.2" tslib "^2.1.0" -"@fluentui/react@^8.17.0": - version "8.17.0" - resolved "https://registry.npmjs.org/@fluentui/react/-/react-8.17.0.tgz#afdc6acc04a46139dd01e2f74872939f1b30b1de" - integrity sha512-mPXgT/iXQTal2HMmmcHJq4gxBaoizQypWCGT42DA8iQ+ss0vd0KAGmokvClHgKDgk7qqK27xs08RT9ZeObeMsQ== - dependencies: - "@fluentui/date-time-utilities" "^8.1.1" - "@fluentui/font-icons-mdl2" "^8.1.1" - "@fluentui/foundation-legacy" "^8.1.1" - "@fluentui/merge-styles" "^8.1.1" - "@fluentui/react-focus" "^8.1.2" - "@fluentui/react-hooks" "^8.2.1" - "@fluentui/react-window-provider" "^2.1.1" - "@fluentui/set-version" "^8.1.1" - "@fluentui/style-utilities" "^8.1.1" - "@fluentui/theme" "^2.1.1" - "@fluentui/utilities" "^8.1.1" +"@fluentui/react@^8.17.3": + version "8.17.3" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/react/-/react-8.17.3.tgz#446e4892af4c335befa6615ac8fa1e87425f0599" + integrity sha1-RG5Ikq9MM1vvpmFayPoeh0JfBZk= + dependencies: + "@fluentui/date-time-utilities" "^8.1.2" + "@fluentui/font-icons-mdl2" "^8.1.2" + "@fluentui/foundation-legacy" "^8.1.2" + "@fluentui/merge-styles" "^8.1.2" + "@fluentui/react-focus" "^8.1.3" + "@fluentui/react-hooks" "^8.2.2" + "@fluentui/react-window-provider" "^2.1.2" + "@fluentui/set-version" "^8.1.2" + "@fluentui/style-utilities" "^8.1.2" + "@fluentui/theme" "^2.1.2" + "@fluentui/utilities" "^8.1.2" "@microsoft/load-themed-styles" "^1.10.26" tslib "^2.1.0" -"@fluentui/set-version@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/set-version/-/set-version-8.1.1.tgz#d97f22dac9f7bc2855b36a26dcfcb52a2629921e" - integrity sha512-/3n4imK0qJxs7/c+wNRgq2KqezDWi1quwK6cSdaxuHHwi3VBG3mWLWZj9cejnByY80NvUhj0fNlpoq/cE3Pa6A== +"@fluentui/set-version@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/set-version/-/set-version-8.1.2.tgz#4a0e29f3e71dd44edbc85e92d4cee80fc2b23c61" + integrity sha1-Sg4p8+cd1E7byF6S1M7oD8KyPGE= dependencies: tslib "^2.1.0" -"@fluentui/style-utilities@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/style-utilities/-/style-utilities-8.1.1.tgz#ccd6f36690699661f08e1ec28bcb5d4a61450941" - integrity sha512-0Ca5ZmODiOlPPlMhgAVO57mLZtkG7/0PMZ/bEPvs6Brz37yuEenMyBlOdklyEM/qpZxPyjmDHZf0BwX573nA5g== +"@fluentui/style-utilities@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/style-utilities/-/style-utilities-8.1.2.tgz#ecbad534d90325a93b4ad8b2d279d5eccb252c2e" + integrity sha1-7LrVNNkDJak7Stiy0nnV7MslLC4= dependencies: - "@fluentui/merge-styles" "^8.1.1" - "@fluentui/set-version" "^8.1.1" - "@fluentui/theme" "^2.1.1" - "@fluentui/utilities" "^8.1.1" + "@fluentui/merge-styles" "^8.1.2" + "@fluentui/set-version" "^8.1.2" + "@fluentui/theme" "^2.1.2" + "@fluentui/utilities" "^8.1.2" "@microsoft/load-themed-styles" "^1.10.26" tslib "^2.1.0" -"@fluentui/theme@^2.1.1": - version "2.1.1" - resolved "https://registry.npmjs.org/@fluentui/theme/-/theme-2.1.1.tgz#32076ac0825ac72a663e217f9444492608112c63" - integrity sha512-OZyRsGIVnaxwn9Ns1Dy2p3b6p6umspVZ25inOGaB8oo+ruv6v+QxkawngpXzceUdhmZOSohw71AkQ2wlkDz/sw== +"@fluentui/theme@^2.1.2": + version "2.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/theme/-/theme-2.1.2.tgz#b25e43579f511622296cab61141fececb6bfe770" + integrity sha1-sl5DV59RFiIpbKthFB/s7La/53A= dependencies: - "@fluentui/merge-styles" "^8.1.1" - "@fluentui/set-version" "^8.1.1" - "@fluentui/utilities" "^8.1.1" + "@fluentui/merge-styles" "^8.1.2" + "@fluentui/set-version" "^8.1.2" + "@fluentui/utilities" "^8.1.2" tslib "^2.1.0" -"@fluentui/utilities@^8.1.1": - version "8.1.1" - resolved "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.1.1.tgz#4a3e2b1950b1b297b7f1e7104a7d81121045bbc7" - integrity sha512-RVIl6+YM8KbfUl0mYhDg9uRbfH/Czz+R8sQHBX4JIaNoMa7N6U0Uvp1fcGzBqB/Brv5lPC8usySrIf5kiQnfBg== +"@fluentui/utilities@^8.1.2": + version "8.1.2" + resolved "https://msazure.pkgs.visualstudio.com/_packaging/AzurePortal/npm/registry/@fluentui/utilities/-/utilities-8.1.2.tgz#b90315149b062d8e7fccaadc01c80d8e32afaa0f" + integrity sha1-uQMVFJsGLY5/zKrcAcgNjjKvqg8= dependencies: - "@fluentui/dom-utilities" "^2.1.1" - "@fluentui/merge-styles" "^8.1.1" - "@fluentui/set-version" "^8.1.1" + "@fluentui/dom-utilities" "^2.1.2" + "@fluentui/merge-styles" "^8.1.2" + "@fluentui/set-version" "^8.1.2" tslib "^2.1.0" "@microsoft/load-themed-styles@^1.10.26": @@ -795,71 +795,6 @@ dependencies: tslib "^1.10.0" -"@uifabric/foundation@^7.5.1": - version "7.7.22" - resolved "https://registry.yarnpkg.com/@uifabric/foundation/-/foundation-7.7.22.tgz#acf0d8f3766da83c21977f35216eb9aa6872cef1" - integrity sha512-vTWhNT0wz0VB5DagSCPWQ+7d8Yv7AYOGsvOgPzS6FzA3pxSLX6xmN00ica1gCCZBz4xZn4Yw7YjcyF8bDARqSw== - dependencies: - "@uifabric/merge-styles" "^7.14.1" - "@uifabric/set-version" "^7.0.13" - "@uifabric/styling" "^7.12.15" - "@uifabric/utilities" "^7.20.3" - tslib "^1.10.0" - -"@uifabric/icons@^7.3.0": - version "7.3.48" - resolved "https://registry.yarnpkg.com/@uifabric/icons/-/icons-7.3.48.tgz#c1c0ddb700eac7ed20d4d766fa6df880ed8a7eb2" - integrity sha512-DUhRluQrYAvvyElr5F/Gzkscl+gArgeEtLVJsjqXAsop8SAvJCEVCnSxVEZVDOOlsytEVVPpxiHGkaDow+26fg== - dependencies: - "@uifabric/set-version" "^7.0.13" - "@uifabric/styling" "^7.12.15" - tslib "^1.10.0" - -"@uifabric/merge-styles@^7.14.1", "@uifabric/merge-styles@^7.8.1": - version "7.14.1" - resolved "https://registry.yarnpkg.com/@uifabric/merge-styles/-/merge-styles-7.14.1.tgz#6e375b72909294b9e725dd19b8f7e3c76fe9bfe1" - integrity sha512-nKkk0o9XyVh8HL174ZSDqw3IUnN2qb+kO73vg/rwioKPEQyuPGoEfij8jrb+CGpcCGnMYi53IeB1tm8ySlNatg== - dependencies: - "@uifabric/set-version" "^7.0.13" - tslib "^1.10.0" - -"@uifabric/react-hooks@^7.0.1": - version "7.4.5" - resolved "https://registry.yarnpkg.com/@uifabric/react-hooks/-/react-hooks-7.4.5.tgz#7f6424a62d357c370f5b7c294c1755bc9239f3d5" - integrity sha512-OLEBII+7x4rlTWjQ6hvMWS+CuWRJgvEfCsUcFMu5D5teXTr0bZQThyW8oVvkqKsNmF2JdwwqT6dSwhwgarlFzA== - dependencies: - "@uifabric/set-version" "^7.0.13" - "@uifabric/utilities" "^7.20.3" - tslib "^1.10.0" - -"@uifabric/set-version@^7.0.13", "@uifabric/set-version@^7.0.2": - version "7.0.13" - resolved "https://registry.yarnpkg.com/@uifabric/set-version/-/set-version-7.0.13.tgz#7dcf017bb57fa1ebd3a63dc518014611507a42e4" - integrity sha512-SRsYaacvNykS9lRwKNJgrJuhPV4ytblthFNg0+Wi6+zvIf/w50k/nBlmXVetV5U9dAuX4njSkd+/3iOpgevkyw== - dependencies: - tslib "^1.10.0" - -"@uifabric/styling@^7.10.0", "@uifabric/styling@^7.12.15": - version "7.12.15" - resolved "https://registry.yarnpkg.com/@uifabric/styling/-/styling-7.12.15.tgz#599fdc0fde0b3c8af221dc2fd68052a41c42275f" - integrity sha512-mp/nRyE5Ig6a8BPEkXy/F8ckeQptQCm1SOQDPB1VT1PlknHoOXqqTVn2e1e2DGpWcpFIw4dbodqym3rgpUqkjA== - dependencies: - "@microsoft/load-themed-styles" "^1.10.26" - "@uifabric/merge-styles" "^7.14.1" - "@uifabric/set-version" "^7.0.13" - "@uifabric/utilities" "^7.20.3" - tslib "^1.10.0" - -"@uifabric/utilities@^7.11.1", "@uifabric/utilities@^7.20.3": - version "7.20.3" - resolved "https://registry.yarnpkg.com/@uifabric/utilities/-/utilities-7.20.3.tgz#b2a784ad1fd8f054429fda8880a28e5932e75c1e" - integrity sha512-Amg+qdnNKx0yxjoEFHanM2jTCYfCZAlHPDHcS+BCiSwzeQrEPhlOrtZVPJtagNVhXLFiC09uDsmE/BF6dHb+ww== - dependencies: - "@uifabric/merge-styles" "^7.14.1" - "@uifabric/set-version" "^7.0.13" - prop-types "^15.7.2" - tslib "^1.10.0" - "@webassemblyjs/ast@1.8.5": version "1.8.5" resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.8.5.tgz#51b1c5fe6576a34953bf4b253df9f0d490d9e359" @@ -5285,7 +5220,7 @@ loglevel@^1.6.1: resolved "https://registry.yarnpkg.com/loglevel/-/loglevel-1.6.3.tgz#77f2eb64be55a404c9fd04ad16d57c1d6d6b1280" integrity sha512-LoEDv5pgpvWgPF4kNYuIp0qqSJVWak/dML0RY74xlzMZiT9w77teNAwKYKWBTYjlokMirg+o3jBwp+vlLrcfAA== -loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1, loose-envify@^1.4.0: +loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.3.1: version "1.4.0" resolved "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf" integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q== @@ -6104,22 +6039,6 @@ obuf@^1.0.0, obuf@^1.1.2: resolved "https://registry.npmjs.org/obuf/-/obuf-1.1.2.tgz#09bea3343d41859ebd446292d11c9d4db619084e" integrity sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg== -office-ui-fabric-react@7.82.2: - version "7.82.2" - resolved "https://registry.yarnpkg.com/office-ui-fabric-react/-/office-ui-fabric-react-7.82.2.tgz#a72349abc4b839caae1a7a8e57020650d9381434" - integrity sha512-c0AFNidocQHWjm/xwAzJk5DbmVKEUbgj38G+/51SpOrzzhaVkkSQqMhrDvrqpzqAvfbZEgTYXz/7YtOWounm9Q== - dependencies: - "@microsoft/load-themed-styles" "^1.10.26" - "@uifabric/foundation" "^7.5.1" - "@uifabric/icons" "^7.3.0" - "@uifabric/merge-styles" "^7.8.1" - "@uifabric/react-hooks" "^7.0.1" - "@uifabric/set-version" "^7.0.2" - "@uifabric/styling" "^7.10.0" - "@uifabric/utilities" "^7.11.1" - prop-types "^15.5.10" - tslib "^1.7.1" - on-finished@~2.3.0: version "2.3.0" resolved "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz#20f1336481b083cd75337992a16971aa2d906947" @@ -6672,15 +6591,6 @@ promise@~7.0.1: dependencies: asap "~2.0.3" -prop-types@^15.5.10, prop-types@^15.7.2: - version "15.7.2" - resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5" - integrity sha512-8QQikdH7//R2vurIJSutZ1smHYTcLpRWEOlHnzcWHmBYrOGUysKwSsrC89BCiFj3CbrfJ/nXFdJepOVrY1GCHQ== - dependencies: - loose-envify "^1.4.0" - object-assign "^4.1.1" - react-is "^16.8.1" - prop-types@^15.6.2: version "15.6.2" resolved "https://registry.npmjs.org/prop-types/-/prop-types-15.6.2.tgz#05d5ca77b4453e985d60fc7ff8c859094a497102" @@ -6924,11 +6834,6 @@ react-dom@~16.8.6: prop-types "^15.6.2" scheduler "^0.13.6" -react-is@^16.8.1: - version "16.9.0" - resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.9.0.tgz#21ca9561399aad0ff1a7701c01683e8ca981edcb" - integrity sha512-tJBzzzIgnnRfEm046qRcURvwQnZVXmuCbscxUO5RWrGTXpon2d4c8mI0D8WE6ydVIm29JiLB6+RslkIvym9Rjw== - react@~16.8.6: version "16.8.6" resolved "https://registry.yarnpkg.com/react/-/react-16.8.6.tgz#ad6c3a9614fd3a4e9ef51117f54d888da01f2bbe" From 676a57ff9bb47567f7ff3d90d2bdc3d1747a6dcc Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Fri, 11 Jun 2021 11:15:00 +0800 Subject: [PATCH 26/39] chore: bump @angular-react/fabric to v3.1.0 --- libs/fabric/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 91649662..aedfc72d 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.0.0", + "version": "3.1.0", "ngPackage": { "lib": { "entryFile": "public-api.ts", From 5a64a0dc57666139faa401c48d889d0b0b4e60ea Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Fri, 11 Jun 2021 12:21:46 +0800 Subject: [PATCH 27/39] chore: set peerDependency --- libs/fabric/package.json | 4 ++-- libs/toolkit/package.json | 4 ++-- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index aedfc72d..1fb5b803 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -9,7 +9,7 @@ "react": "React", "react-dom": "ReactDOM", "@angular-react/core": "ɵa", - "office-ui-fabric-react": "Fabric" + "@fluentui/react": "Fabric" } }, "dest": "../../@angular-react/fabric" @@ -49,7 +49,7 @@ "@angular/core": "^8.0.2", "@angular/platform-browser-dynamic": "^8.0.2", "@angular/platform-browser": "^8.0.2", - "office-ui-fabric-react": "7.82.2", + "@fluentui/react": "^8.17.3", "react-dom": "~16.8.6", "react": "^16.8.6" } diff --git a/libs/toolkit/package.json b/libs/toolkit/package.json index f12fb114..882d7707 100644 --- a/libs/toolkit/package.json +++ b/libs/toolkit/package.json @@ -9,7 +9,7 @@ "react": "React", "react-dom": "ReactDOM", "@angular-react/core": "ɵa", - "office-ui-fabric-react": "Fabric" + "@fluentui/react": "Fabric" } }, "dest": "../../angular-react-toolkit" @@ -39,7 +39,7 @@ "@angular/core": "^8.0.2", "@angular/platform-browser-dynamic": "^8.0.2", "@angular/platform-browser": "^8.0.2", - "office-ui-fabric-react": "7.82.2", + "@fluentui/react": "^8.17.3", "react-dom": "~16.8.6", "react": "^16.8.6" } From f5558279c0f4cdf5ba02062c4fa24f203994ba70 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 8 Sep 2021 14:42:07 +0800 Subject: [PATCH 28/39] feat: add styled toolkit and release new versoin of angular-react-toolkit --- libs/toolkit/package.json | 2 +- libs/toolkit/plugins/styles-plugin.ts | 38 +++++++++++++++++++++++++++ libs/toolkit/public-api.ts | 4 ++- 3 files changed, 42 insertions(+), 2 deletions(-) create mode 100644 libs/toolkit/plugins/styles-plugin.ts diff --git a/libs/toolkit/package.json b/libs/toolkit/package.json index 882d7707..f51e5fa8 100644 --- a/libs/toolkit/package.json +++ b/libs/toolkit/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "angular-react-toolkit", - "version": "1.0.0", + "version": "1.1.1", "ngPackage": { "lib": { "entryFile": "public-api.ts", diff --git a/libs/toolkit/plugins/styles-plugin.ts b/libs/toolkit/plugins/styles-plugin.ts new file mode 100644 index 00000000..cfb2351e --- /dev/null +++ b/libs/toolkit/plugins/styles-plugin.ts @@ -0,0 +1,38 @@ +import { OnInit } from "@angular/core"; +import { IStyleFunctionOrObject } from "@fluentui/react"; + +const proxyHandlerMap = new Map void +}>() + +interface IConstructor { + new (...args: any[]): { + ngOnInit(): void + } +} +export function Styled() { + return function (constructor: any) { + class Wrapper extends constructor implements OnInit { + styles: IStyleFunctionOrObject; + ngOnInit() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgInit) { + handler.beforeNgInit.apply(this); + } + if (super.ngOnInit) { + super.ngOnInit(); + } + } + } + return Wrapper as any; + } +} + +export function proxyStyles( + fabComponentName: string, + handlers: { + beforeNgInit: (this: T) => void + } +) { + proxyHandlerMap.set(fabComponentName, handlers); +} diff --git a/libs/toolkit/public-api.ts b/libs/toolkit/public-api.ts index f2216002..5e4e7603 100644 --- a/libs/toolkit/public-api.ts +++ b/libs/toolkit/public-api.ts @@ -9,4 +9,6 @@ export * from './declarations/angular/typed-changes'; export * from './core/declarative/item-changed'; export * from './core/shared/changeable-helper'; export * from './core/shared/changeable-item.directive'; -export * from './core/shared/changeable-items.directive'; \ No newline at end of file +export * from './core/shared/changeable-items.directive'; + +export * from './plugins/styles-plugin'; \ No newline at end of file From e49607e5c83bd9f24f071835d65a70ee21b2aa84 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 8 Sep 2021 22:18:56 +0800 Subject: [PATCH 29/39] feat: add Styled decorator for all components --- .../breadcrumb/breadcrumb.component.ts | 2 + .../button/action-button.component.ts | 2 + .../button/command-bar-button.component.ts | 2 + .../button/compound-button.component.ts | 2 + .../button/default-button.component.ts | 2 + .../button/icon-button.component.ts | 2 + .../button/messagebar-button.component.ts | 2 + .../button/primary-button.component.ts | 2 + .../button/split-button.component.ts | 2 + .../components/calendar/calendar.component.ts | 2 + .../components/callout/callout.component.ts | 2 + .../callout/focus-trap-callout.component.ts | 2 + .../components/checkbox/checkbox.component.ts | 2 + .../choice-group/choice-group.component.ts | 2 + .../combo-box/combo-box.component.ts | 2 + .../virtualized-combo-box.component.ts | 2 + .../command-bar/command-bar.component.ts | 3 +- .../date-picker/date-picker.component.ts | 2 + .../details-list/details-list.component.ts | 2 + .../lib/components/dialog/dialog.component.ts | 4 ++ .../components/divider/divider.component.ts | 2 + .../components/dropdown/dropdown.component.ts | 2 + .../lib/components/fabric/fabric.component.ts | 2 + .../grouped-list/grouped-list.component.ts | 2 + .../hover-card/expanding-card.component.ts | 2 + .../hover-card/hover-card.component.ts | 3 +- .../hover-card/plain-card.component.ts | 2 + .../lib/components/icon/icon.component.ts | 2 + .../lib/components/image/image.component.ts | 2 + .../lib/components/link/link.component.ts | 2 + .../marquee-selection.component.ts | 2 + .../message-bar/message-bar.component.ts | 2 + .../lib/components/modal/modal.component.ts | 2 + .../lib/components/nav/nav.component.ts | 2 + .../lib/components/panel/panel.component.ts | 2 + .../components/persona/persona.component.ts | 3 ++ .../people-picker/people-picker.component.ts | 2 + .../tag-picker/tag-picker.component.ts | 2 + .../lib/components/pivot/pivot.component.ts | 3 ++ .../progress-indicator.component.ts | 2 + .../lib/components/rating/rating.component.ts | 2 + .../search-box/search-box.component.ts | 3 +- .../components/shimmer/shimmer.component.ts | 3 ++ .../lib/components/slider/slider.component.ts | 2 + .../spin-button/spin-button.component.ts | 2 + .../components/spinner/spinner.component.ts | 2 + .../text-field/masked-text-field.component.ts | 2 + .../text-field/text-field.component.ts | 2 + .../lib/components/toggle/toggle.component.ts | 2 + .../tooltip/tooltip-host.component.ts | 3 +- libs/fabric/lib/utils/public-api.ts | 3 +- libs/fabric/lib/utils/styles-plugin.ts | 38 +++++++++++++++++++ libs/fabric/package-lock.json | 21 ++++++++++ libs/fabric/package.json | 2 +- 54 files changed, 167 insertions(+), 6 deletions(-) create mode 100644 libs/fabric/lib/utils/styles-plugin.ts create mode 100644 libs/fabric/package-lock.json diff --git a/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts index b3f7e46a..b8e12c78 100644 --- a/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts +++ b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts @@ -13,7 +13,9 @@ import { ViewChild, } from '@angular/core'; import { IBreadcrumbItem, IBreadcrumbProps } from '@fluentui/react/lib/Breadcrumb'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-breadcrumb', exportAs: 'fabBreadcrumb', diff --git a/libs/fabric/lib/components/button/action-button.component.ts b/libs/fabric/lib/components/button/action-button.component.ts index 40380fb7..05fe1eda 100644 --- a/libs/fabric/lib/components/button/action-button.component.ts +++ b/libs/fabric/lib/components/button/action-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-action-button', exportAs: 'fabActionButton', diff --git a/libs/fabric/lib/components/button/command-bar-button.component.ts b/libs/fabric/lib/components/button/command-bar-button.component.ts index ef759bd5..f314f6a9 100644 --- a/libs/fabric/lib/components/button/command-bar-button.component.ts +++ b/libs/fabric/lib/components/button/command-bar-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-command-bar-button', exportAs: 'fabCommandBarButton', diff --git a/libs/fabric/lib/components/button/compound-button.component.ts b/libs/fabric/lib/components/button/compound-button.component.ts index f8ee22f5..6d3978b1 100644 --- a/libs/fabric/lib/components/button/compound-button.component.ts +++ b/libs/fabric/lib/components/button/compound-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-compound-button', exportAs: 'fabCompoundButton', diff --git a/libs/fabric/lib/components/button/default-button.component.ts b/libs/fabric/lib/components/button/default-button.component.ts index a6872be3..43b52607 100644 --- a/libs/fabric/lib/components/button/default-button.component.ts +++ b/libs/fabric/lib/components/button/default-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-default-button', exportAs: 'fabDefaultButton', diff --git a/libs/fabric/lib/components/button/icon-button.component.ts b/libs/fabric/lib/components/button/icon-button.component.ts index 714bef5a..27ca9c5c 100644 --- a/libs/fabric/lib/components/button/icon-button.component.ts +++ b/libs/fabric/lib/components/button/icon-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-icon-button', exportAs: 'fabIconButton', diff --git a/libs/fabric/lib/components/button/messagebar-button.component.ts b/libs/fabric/lib/components/button/messagebar-button.component.ts index 96ec882a..cf00b6ed 100644 --- a/libs/fabric/lib/components/button/messagebar-button.component.ts +++ b/libs/fabric/lib/components/button/messagebar-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-messagebar-button', exportAs: 'fabMessageBarButton', diff --git a/libs/fabric/lib/components/button/primary-button.component.ts b/libs/fabric/lib/components/button/primary-button.component.ts index 22fea639..29c50f8c 100644 --- a/libs/fabric/lib/components/button/primary-button.component.ts +++ b/libs/fabric/lib/components/button/primary-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-primary-button', exportAs: 'fabPrimaryButton', diff --git a/libs/fabric/lib/components/button/split-button.component.ts b/libs/fabric/lib/components/button/split-button.component.ts index f69ee197..757580e7 100644 --- a/libs/fabric/lib/components/button/split-button.component.ts +++ b/libs/fabric/lib/components/button/split-button.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseButtonComponent } from './base-button.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-split-button', exportAs: 'fabSplitButton', diff --git a/libs/fabric/lib/components/calendar/calendar.component.ts b/libs/fabric/lib/components/calendar/calendar.component.ts index 8cc72f03..644958de 100644 --- a/libs/fabric/lib/components/calendar/calendar.component.ts +++ b/libs/fabric/lib/components/calendar/calendar.component.ts @@ -17,7 +17,9 @@ import { } from '@angular/core'; import { ICalendarProps } from '@fluentui/react/lib/Calendar'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-calendar', exportAs: 'fabCalendar', diff --git a/libs/fabric/lib/components/callout/callout.component.ts b/libs/fabric/lib/components/callout/callout.component.ts index 3c06374b..554930b3 100644 --- a/libs/fabric/lib/components/callout/callout.component.ts +++ b/libs/fabric/lib/components/callout/callout.component.ts @@ -15,7 +15,9 @@ import { } from '@angular/core'; import { ICalloutProps } from '@fluentui/react/lib/Callout'; import { ICalloutPositionedInfo } from '@fluentui/react/lib/utilities/positioning/positioning.types'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-callout', exportAs: 'fabCallout', diff --git a/libs/fabric/lib/components/callout/focus-trap-callout.component.ts b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts index 96cc3e41..52f33f6b 100644 --- a/libs/fabric/lib/components/callout/focus-trap-callout.component.ts +++ b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts @@ -15,7 +15,9 @@ import { } from '@angular/core'; import { IFocusTrapCalloutProps } from '@fluentui/react/lib/Callout'; import { ICalloutPositionedInfo } from '@fluentui/react/lib/utilities/positioning'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-focus-trap-callout', exportAs: 'fabFocusTrapCallout', diff --git a/libs/fabric/lib/components/checkbox/checkbox.component.ts b/libs/fabric/lib/components/checkbox/checkbox.component.ts index cdb5c491..7422b10d 100644 --- a/libs/fabric/lib/components/checkbox/checkbox.component.ts +++ b/libs/fabric/lib/components/checkbox/checkbox.component.ts @@ -17,7 +17,9 @@ import { } from '@angular/core'; import { ICheckboxProps } from '@fluentui/react/lib/Checkbox'; import { FormEvent } from 'react'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-checkbox', exportAs: 'fabCheckbox', diff --git a/libs/fabric/lib/components/choice-group/choice-group.component.ts b/libs/fabric/lib/components/choice-group/choice-group.component.ts index 59934521..af70b73f 100644 --- a/libs/fabric/lib/components/choice-group/choice-group.component.ts +++ b/libs/fabric/lib/components/choice-group/choice-group.component.ts @@ -14,7 +14,9 @@ import { ViewChild, } from '@angular/core'; import { IChoiceGroupOption, IChoiceGroupProps } from '@fluentui/react/lib/ChoiceGroup'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-choice-group', exportAs: 'fabChoiceGroup', diff --git a/libs/fabric/lib/components/combo-box/combo-box.component.ts b/libs/fabric/lib/components/combo-box/combo-box.component.ts index 1a3292fe..1635b53a 100644 --- a/libs/fabric/lib/components/combo-box/combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/combo-box.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseComboBoxComponent } from './base-combo-box.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-combo-box', exportAs: 'fabComboBox', diff --git a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts index 14cee605..bfcd4cc2 100644 --- a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts @@ -11,7 +11,9 @@ import { ViewChild, } from '@angular/core'; import { FabBaseComboBoxComponent } from './base-combo-box.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-virtualized-combo-box', exportAs: 'fabVirtualizedComboBox', diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index 15f60544..d3689d04 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -22,7 +22,7 @@ import { ICommandBarItemProps, ICommandBarProps } from '@fluentui/react/lib/Comm import { IContextualMenuItem } from '@fluentui/react/lib/ContextualMenu'; import { Subscription } from 'rxjs'; import { mergeItemChanges } from '@angular-react/fabric/lib/components/core'; -import { omit } from '@angular-react/fabric/lib/utils'; +import { omit, Styled } from '@angular-react/fabric/lib/utils'; import { OnChanges, TypedChanges } from '@angular-react/fabric/lib/declarations'; import { CommandBarItemChangedPayload, CommandBarItemDirective } from './directives/command-bar-item.directives'; @@ -33,6 +33,7 @@ import { CommandBarOverflowItemsDirective, } from './directives/command-bar-items.directives'; +@Styled() @Component({ selector: 'fab-command-bar', exportAs: 'fabCommandBar', diff --git a/libs/fabric/lib/components/date-picker/date-picker.component.ts b/libs/fabric/lib/components/date-picker/date-picker.component.ts index f3848d15..5759d549 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.component.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.component.ts @@ -14,7 +14,9 @@ import { ViewChild, } from '@angular/core'; import { IDatePickerProps } from '@fluentui/react/lib/DatePicker'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-date-picker', exportAs: 'fabDatePicker', diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index b684c181..f0be5a18 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -38,7 +38,9 @@ import { TypedChanges, OnChanges } from '@angular-react/fabric/lib/declarations' import { IDetailsListColumnOptions } from './directives/details-list-column.directive'; import { DetailsListColumnsDirective } from './directives/details-list-columns.directive'; import { DetailsListGroupsDirective } from './directives/details-list-groups.directive'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-details-list', exportAs: 'fabDetailsList', diff --git a/libs/fabric/lib/components/dialog/dialog.component.ts b/libs/fabric/lib/components/dialog/dialog.component.ts index 06c5b8dd..9017f67f 100644 --- a/libs/fabric/lib/components/dialog/dialog.component.ts +++ b/libs/fabric/lib/components/dialog/dialog.component.ts @@ -14,7 +14,9 @@ import { ViewChild, } from '@angular/core'; import { IDialogContentProps, IDialogFooterProps, IDialogProps } from '@fluentui/react/lib/Dialog'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-dialog', exportAs: 'fabDialog', @@ -77,6 +79,7 @@ export class FabDialogComponent extends ReactWrapperComponent { } } +@Styled() @Component({ selector: 'fab-dialog-footer', exportAs: 'fabDialogFooter', @@ -101,6 +104,7 @@ export class FabDialogFooterComponent extends ReactWrapperComponent extends ReactWrapperComponent implements OnInit { @@ -59,6 +60,7 @@ export abstract class FabPersonaBaseComponent } } +@Styled() @Component({ selector: 'fab-persona-coin', exportAs: 'fabPersonaCoin', diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts index 7d9e8d35..f21e4e57 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts @@ -15,7 +15,9 @@ import { import { FabBasePickerComponent } from '../base-picker/base-picker.component'; import { IPeoplePickerProps } from '@fluentui/react/lib/Pickers'; import { IPersonaProps } from '@fluentui/react/lib/Persona'; + import { Styled } from '@angular-react/fabric/lib/utils'; + @Styled() @Component({ selector: 'fab-people-picker', exportAs: 'fabPeoplePicker', diff --git a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts index da530a42..ff7a1fa3 100644 --- a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts +++ b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts @@ -12,7 +12,9 @@ import { } from '@angular/core'; import { ITag, ITagPickerProps } from '@fluentui/react/lib/Pickers'; import { FabBasePickerComponent } from '../base-picker/base-picker.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-tag-picker', exportAs: 'fabTagPicker', diff --git a/libs/fabric/lib/components/pivot/pivot.component.ts b/libs/fabric/lib/components/pivot/pivot.component.ts index 72ef71de..b4b845ad 100644 --- a/libs/fabric/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/lib/components/pivot/pivot.component.ts @@ -19,7 +19,9 @@ import { } from '@angular/core'; import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from '@fluentui/react/lib/Pivot'; import * as React from 'react'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-pivot-item', exportAs: 'fabPivotItem', @@ -70,6 +72,7 @@ export class FabPivotItemComponent extends ReactWrapperComponent { } } +@Styled() @Component({ selector: 'fab-shimmer-elements-group', exportAs: 'fabShimmerElementsGroup', diff --git a/libs/fabric/lib/components/slider/slider.component.ts b/libs/fabric/lib/components/slider/slider.component.ts index 6e9c6edc..1a157102 100644 --- a/libs/fabric/lib/components/slider/slider.component.ts +++ b/libs/fabric/lib/components/slider/slider.component.ts @@ -14,7 +14,9 @@ import { ViewChild, } from '@angular/core'; import { ISliderProps } from '@fluentui/react/lib/Slider'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-slider', exportAs: 'fabSlider', diff --git a/libs/fabric/lib/components/spin-button/spin-button.component.ts b/libs/fabric/lib/components/spin-button/spin-button.component.ts index bf4bffed..daa9d622 100644 --- a/libs/fabric/lib/components/spin-button/spin-button.component.ts +++ b/libs/fabric/lib/components/spin-button/spin-button.component.ts @@ -14,7 +14,9 @@ import { Output, } from '@angular/core'; import { ISpinButtonProps } from '@fluentui/react/lib/SpinButton'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-spin-button', exportAs: 'fabSpinButton', diff --git a/libs/fabric/lib/components/spinner/spinner.component.ts b/libs/fabric/lib/components/spinner/spinner.component.ts index d13f9180..3db057b5 100644 --- a/libs/fabric/lib/components/spinner/spinner.component.ts +++ b/libs/fabric/lib/components/spinner/spinner.component.ts @@ -12,7 +12,9 @@ import { ViewChild, } from '@angular/core'; import { ISpinnerProps } from '@fluentui/react/lib/Spinner'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-spinner', exportAs: 'fabSpinner', diff --git a/libs/fabric/lib/components/text-field/masked-text-field.component.ts b/libs/fabric/lib/components/text-field/masked-text-field.component.ts index fdd080e6..cef2d805 100644 --- a/libs/fabric/lib/components/text-field/masked-text-field.component.ts +++ b/libs/fabric/lib/components/text-field/masked-text-field.component.ts @@ -4,7 +4,9 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Input, Renderer2, ViewChild } from '@angular/core'; import { FabBaseTextFieldComponent } from './base-text-field.component'; import { IMaskedTextFieldProps } from '@fluentui/react/lib/TextField'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-masked-text-field', exportAs: 'fabMaskedTextField', diff --git a/libs/fabric/lib/components/text-field/text-field.component.ts b/libs/fabric/lib/components/text-field/text-field.component.ts index 51d698cd..bd8f4075 100644 --- a/libs/fabric/lib/components/text-field/text-field.component.ts +++ b/libs/fabric/lib/components/text-field/text-field.component.ts @@ -3,7 +3,9 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Renderer2, ViewChild } from '@angular/core'; import { FabBaseTextFieldComponent } from './base-text-field.component'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-text-field', exportAs: 'fabTextField', diff --git a/libs/fabric/lib/components/toggle/toggle.component.ts b/libs/fabric/lib/components/toggle/toggle.component.ts index 38f75735..cc11d822 100644 --- a/libs/fabric/lib/components/toggle/toggle.component.ts +++ b/libs/fabric/lib/components/toggle/toggle.component.ts @@ -14,7 +14,9 @@ import { ViewChild, } from '@angular/core'; import { IToggleProps } from '@fluentui/react/lib/Toggle'; +import { Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-toggle', exportAs: 'fabToggle', diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index b352b68f..5a5e5d70 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -15,8 +15,9 @@ import { ViewChild, } from '@angular/core'; import { ITooltipHostProps, ITooltipProps } from '@fluentui/react/lib/Tooltip'; -import { omit } from '@angular-react/fabric/lib/utils'; +import { omit, Styled } from '@angular-react/fabric/lib/utils'; +@Styled() @Component({ selector: 'fab-tooltip-host', exportAs: 'fabTooltipHost', diff --git a/libs/fabric/lib/utils/public-api.ts b/libs/fabric/lib/utils/public-api.ts index 917adbab..f4d634a2 100644 --- a/libs/fabric/lib/utils/public-api.ts +++ b/libs/fabric/lib/utils/public-api.ts @@ -2,4 +2,5 @@ export * from './get-data-attributes'; export * from './kebab-case'; export * from './noop'; export * from './omit'; -export * from './pick' \ No newline at end of file +export * from './pick' +export * from './styles-plugin'; \ No newline at end of file diff --git a/libs/fabric/lib/utils/styles-plugin.ts b/libs/fabric/lib/utils/styles-plugin.ts new file mode 100644 index 00000000..cfb2351e --- /dev/null +++ b/libs/fabric/lib/utils/styles-plugin.ts @@ -0,0 +1,38 @@ +import { OnInit } from "@angular/core"; +import { IStyleFunctionOrObject } from "@fluentui/react"; + +const proxyHandlerMap = new Map void +}>() + +interface IConstructor { + new (...args: any[]): { + ngOnInit(): void + } +} +export function Styled() { + return function (constructor: any) { + class Wrapper extends constructor implements OnInit { + styles: IStyleFunctionOrObject; + ngOnInit() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgInit) { + handler.beforeNgInit.apply(this); + } + if (super.ngOnInit) { + super.ngOnInit(); + } + } + } + return Wrapper as any; + } +} + +export function proxyStyles( + fabComponentName: string, + handlers: { + beforeNgInit: (this: T) => void + } +) { + proxyHandlerMap.set(fabComponentName, handlers); +} diff --git a/libs/fabric/package-lock.json b/libs/fabric/package-lock.json new file mode 100644 index 00000000..845facbd --- /dev/null +++ b/libs/fabric/package-lock.json @@ -0,0 +1,21 @@ +{ + "name": "@angular-react/fabric", + "version": "3.2.0", + "lockfileVersion": 1, + "requires": true, + "dependencies": { + "angular-react-toolkit": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/angular-react-toolkit/-/angular-react-toolkit-1.1.1.tgz", + "integrity": "sha512-doJCw2B1SmzKPQNNqLOPbTjaLZmYUrMzAwj0arwcTtbe4xObRI8cmw4JOcNbs8JVmkk/gPStERSmifJ/Q4bleA==", + "requires": { + "tslib": "^1.9.0" + } + }, + "tslib": { + "version": "1.14.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.14.1.tgz", + "integrity": "sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==" + } + } +} diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 1fb5b803..904ce064 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.1.0", + "version": "3.2.0", "ngPackage": { "lib": { "entryFile": "public-api.ts", From e26fbcfa0cc673f2d24f52df285c56ec5874a9fe Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 9 Sep 2021 00:03:26 +0800 Subject: [PATCH 30/39] fix: seperate utils entry --- libs/fabric/public-api.ts | 3 --- 1 file changed, 3 deletions(-) diff --git a/libs/fabric/public-api.ts b/libs/fabric/public-api.ts index a6d615c0..cf30c108 100644 --- a/libs/fabric/public-api.ts +++ b/libs/fabric/public-api.ts @@ -41,6 +41,3 @@ export * from './lib/components/spinner/public-api'; export * from './lib/components/text-field/public-api'; export * from './lib/components/toggle/public-api'; export * from './lib/components/tooltip/public-api'; - -export * from './lib/declarations/public-api'; -export * from './lib/utils/public-api'; From 1c06b412fb9c1b6f4e3acae0de16b67df24c9c69 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 9 Sep 2021 15:58:28 +0800 Subject: [PATCH 31/39] feat: add more proxy handlers --- libs/fabric/lib/utils/styles-plugin.ts | 99 ++++++++++++++++++++++++-- libs/fabric/package.json | 2 +- 2 files changed, 93 insertions(+), 8 deletions(-) diff --git a/libs/fabric/lib/utils/styles-plugin.ts b/libs/fabric/lib/utils/styles-plugin.ts index cfb2351e..9fe2f8cf 100644 --- a/libs/fabric/lib/utils/styles-plugin.ts +++ b/libs/fabric/lib/utils/styles-plugin.ts @@ -1,18 +1,33 @@ -import { OnInit } from "@angular/core"; +import { OnInit, OnChanges, OnDestroy, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, DoCheck } from "@angular/core"; import { IStyleFunctionOrObject } from "@fluentui/react"; +import { TypedChanges } from '@angular-react/fabric/lib/declarations'; const proxyHandlerMap = new Map void + beforeNgInit?: () => void + beforeNgChanges?: (changes: TypedChanges) => void + beforeNgDestroy?: () => void + beforeNgDoCheck?: () => void + beforeNgAfterContentInit?: () => void + beforeNgAfterContentChecked?: () => void + beforeNgAfterViewInit?: () => void + beforeNgAfterViewChecked?: () => void }>() interface IConstructor { new (...args: any[]): { - ngOnInit(): void + ngOnInit?(): void + ngOnChanges?(changes: TypedChanges): void + ngOnDestroy?(): void + ngDoCheck?(): void + ngAfterContentInit?(): void + ngAfterContentChecked?(): void + ngAfterViewInit?(): void + ngAfterViewChecked?(): void } } export function Styled() { - return function (constructor: any) { - class Wrapper extends constructor implements OnInit { + return function (constructor: T) { + class Wrapper extends constructor implements OnInit, OnChanges, OnDestroy, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, DoCheck { styles: IStyleFunctionOrObject; ngOnInit() { const handler = proxyHandlerMap.get(constructor.name); @@ -23,15 +38,85 @@ export function Styled() { super.ngOnInit(); } } + ngOnChanges(changes: TypedChanges) { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgChanges) { + handler.beforeNgChanges.apply(this, [changes]); + } + if (super.ngOnChanges) { + super.ngOnChanges(changes); + } + } + ngOnDestroy() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgDestroy) { + handler.beforeNgDestroy.apply(this); + } + if (super.ngOnDestroy) { + super.ngOnDestroy(); + } + } + ngDoCheck() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgDoCheck) { + handler.beforeNgDoCheck.apply(this); + } + if (super.ngDoCheck) { + super.ngDoCheck(); + } + } + ngAfterContentInit() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgAfterContentInit) { + handler.beforeNgAfterContentInit.apply(this); + } + if (super.ngAfterContentInit) { + super.ngAfterContentInit(); + } + } + ngAfterContentChecked() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgAfterContentChecked) { + handler.beforeNgAfterContentChecked.apply(this); + } + if (super.ngAfterContentChecked) { + super.ngAfterContentChecked(); + } + } + ngAfterViewInit() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgAfterViewInit) { + handler.beforeNgAfterViewInit.apply(this); + } + if (super.ngAfterViewInit) { + super.ngAfterViewInit(); + } + } + ngAfterViewChecked() { + const handler = proxyHandlerMap.get(constructor.name); + if (handler && handler.beforeNgAfterViewChecked) { + handler.beforeNgAfterViewChecked.apply(this); + } + if (super.ngAfterViewChecked) { + super.ngAfterViewChecked(); + } + } } return Wrapper as any; } } -export function proxyStyles( +export function proxy( fabComponentName: string, handlers: { - beforeNgInit: (this: T) => void + beforeNgInit?: (this: T) => void + beforeNgChanges?: (this: T, changes: TypedChanges) => void + beforeNgDestroy?: (this: T) => void + beforeNgDoCheck?: (this: T) => void + beforeNgAfterContentInit?: (this: T) => void + beforeNgAfterContentChecked?: (this: T) => void + beforeNgAfterViewInit?: (this: T) => void + beforeNgAfterViewChecked?: (this: T) => void } ) { proxyHandlerMap.set(fabComponentName, handlers); diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 904ce064..273c9fb9 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.2.0", + "version": "3.2.1", "ngPackage": { "lib": { "entryFile": "public-api.ts", From 8eca409a59f541aaa79dfa65293306d332077047 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 23 Sep 2021 19:14:54 +0800 Subject: [PATCH 32/39] fix: set componentName of @styled --- .../breadcrumb/breadcrumb.component.ts | 2 +- .../button/action-button.component.ts | 2 +- .../button/command-bar-button.component.ts | 2 +- .../button/compound-button.component.ts | 2 +- .../button/default-button.component.ts | 2 +- .../components/button/icon-button.component.ts | 2 +- .../button/messagebar-button.component.ts | 2 +- .../button/primary-button.component.ts | 2 +- .../button/split-button.component.ts | 2 +- .../components/calendar/calendar.component.ts | 2 +- .../components/callout/callout.component.ts | 2 +- .../callout/focus-trap-callout.component.ts | 2 +- .../components/checkbox/checkbox.component.ts | 2 +- .../choice-group/choice-group.component.ts | 2 +- .../combo-box/combo-box.component.ts | 2 +- .../virtualized-combo-box.component.ts | 2 +- .../command-bar/command-bar.component.ts | 2 +- .../date-picker/date-picker.component.ts | 2 +- .../details-list/details-list.component.ts | 2 +- .../lib/components/dialog/dialog.component.ts | 6 +++--- .../components/divider/divider.component.ts | 2 +- .../components/dropdown/dropdown.component.ts | 2 +- .../lib/components/fabric/fabric.component.ts | 2 +- .../grouped-list/grouped-list.component.ts | 2 +- .../hover-card/expanding-card.component.ts | 2 +- .../hover-card/hover-card.component.ts | 2 +- .../hover-card/plain-card.component.ts | 2 +- .../lib/components/icon/icon.component.ts | 2 +- .../lib/components/image/image.component.ts | 2 +- .../lib/components/link/link.component.ts | 2 +- .../marquee-selection.component.ts | 2 +- .../message-bar/message-bar.component.ts | 2 +- .../lib/components/modal/modal.component.ts | 2 +- .../fabric/lib/components/nav/nav.component.ts | 2 +- .../lib/components/panel/panel.component.ts | 2 +- .../components/persona/persona.component.ts | 4 ++-- .../people-picker/people-picker.component.ts | 2 +- .../pickers/tag-picker/tag-picker.component.ts | 2 +- .../lib/components/pivot/pivot.component.ts | 4 ++-- .../progress-indicator.component.ts | 2 +- .../lib/components/rating/rating.component.ts | 2 +- .../search-box/search-box.component.ts | 2 +- .../components/shimmer/shimmer.component.ts | 4 ++-- .../lib/components/slider/slider.component.ts | 2 +- .../spin-button/spin-button.component.ts | 2 +- .../components/spinner/spinner.component.ts | 2 +- .../text-field/masked-text-field.component.ts | 2 +- .../text-field/text-field.component.ts | 2 +- .../lib/components/toggle/toggle.component.ts | 2 +- .../tooltip/tooltip-host.component.ts | 2 +- libs/fabric/lib/utils/styles-plugin.ts | 18 +++++++++--------- 51 files changed, 64 insertions(+), 64 deletions(-) diff --git a/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts index b8e12c78..7ed476ef 100644 --- a/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts +++ b/libs/fabric/lib/components/breadcrumb/breadcrumb.component.ts @@ -15,7 +15,7 @@ import { import { IBreadcrumbItem, IBreadcrumbProps } from '@fluentui/react/lib/Breadcrumb'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabBreadcrumbComponent') @Component({ selector: 'fab-breadcrumb', exportAs: 'fabBreadcrumb', diff --git a/libs/fabric/lib/components/button/action-button.component.ts b/libs/fabric/lib/components/button/action-button.component.ts index 05fe1eda..1bcba156 100644 --- a/libs/fabric/lib/components/button/action-button.component.ts +++ b/libs/fabric/lib/components/button/action-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabActionButtonComponent') @Component({ selector: 'fab-action-button', exportAs: 'fabActionButton', diff --git a/libs/fabric/lib/components/button/command-bar-button.component.ts b/libs/fabric/lib/components/button/command-bar-button.component.ts index f314f6a9..02ed7fa7 100644 --- a/libs/fabric/lib/components/button/command-bar-button.component.ts +++ b/libs/fabric/lib/components/button/command-bar-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabCommandBarButtonComponent') @Component({ selector: 'fab-command-bar-button', exportAs: 'fabCommandBarButton', diff --git a/libs/fabric/lib/components/button/compound-button.component.ts b/libs/fabric/lib/components/button/compound-button.component.ts index 6d3978b1..5148998b 100644 --- a/libs/fabric/lib/components/button/compound-button.component.ts +++ b/libs/fabric/lib/components/button/compound-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabCompoundButtonComponent') @Component({ selector: 'fab-compound-button', exportAs: 'fabCompoundButton', diff --git a/libs/fabric/lib/components/button/default-button.component.ts b/libs/fabric/lib/components/button/default-button.component.ts index 43b52607..83311189 100644 --- a/libs/fabric/lib/components/button/default-button.component.ts +++ b/libs/fabric/lib/components/button/default-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabDefaultButtonComponent') @Component({ selector: 'fab-default-button', exportAs: 'fabDefaultButton', diff --git a/libs/fabric/lib/components/button/icon-button.component.ts b/libs/fabric/lib/components/button/icon-button.component.ts index 27ca9c5c..23d942a0 100644 --- a/libs/fabric/lib/components/button/icon-button.component.ts +++ b/libs/fabric/lib/components/button/icon-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabIconButtonComponent') @Component({ selector: 'fab-icon-button', exportAs: 'fabIconButton', diff --git a/libs/fabric/lib/components/button/messagebar-button.component.ts b/libs/fabric/lib/components/button/messagebar-button.component.ts index cf00b6ed..19fceb65 100644 --- a/libs/fabric/lib/components/button/messagebar-button.component.ts +++ b/libs/fabric/lib/components/button/messagebar-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabMessageBarButtonComponent') @Component({ selector: 'fab-messagebar-button', exportAs: 'fabMessageBarButton', diff --git a/libs/fabric/lib/components/button/primary-button.component.ts b/libs/fabric/lib/components/button/primary-button.component.ts index 29c50f8c..1c567689 100644 --- a/libs/fabric/lib/components/button/primary-button.component.ts +++ b/libs/fabric/lib/components/button/primary-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabPrimaryButtonComponent') @Component({ selector: 'fab-primary-button', exportAs: 'fabPrimaryButton', diff --git a/libs/fabric/lib/components/button/split-button.component.ts b/libs/fabric/lib/components/button/split-button.component.ts index 757580e7..1b841254 100644 --- a/libs/fabric/lib/components/button/split-button.component.ts +++ b/libs/fabric/lib/components/button/split-button.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseButtonComponent } from './base-button.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabSplitButtonComponent') @Component({ selector: 'fab-split-button', exportAs: 'fabSplitButton', diff --git a/libs/fabric/lib/components/calendar/calendar.component.ts b/libs/fabric/lib/components/calendar/calendar.component.ts index 644958de..db633828 100644 --- a/libs/fabric/lib/components/calendar/calendar.component.ts +++ b/libs/fabric/lib/components/calendar/calendar.component.ts @@ -19,7 +19,7 @@ import { ICalendarProps } from '@fluentui/react/lib/Calendar'; import { CalendarStringsDirective } from './directives/calendar-strings-directive.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabCalendarComponent') @Component({ selector: 'fab-calendar', exportAs: 'fabCalendar', diff --git a/libs/fabric/lib/components/callout/callout.component.ts b/libs/fabric/lib/components/callout/callout.component.ts index 554930b3..4c5b242e 100644 --- a/libs/fabric/lib/components/callout/callout.component.ts +++ b/libs/fabric/lib/components/callout/callout.component.ts @@ -17,7 +17,7 @@ import { ICalloutProps } from '@fluentui/react/lib/Callout'; import { ICalloutPositionedInfo } from '@fluentui/react/lib/utilities/positioning/positioning.types'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabCalloutComponent') @Component({ selector: 'fab-callout', exportAs: 'fabCallout', diff --git a/libs/fabric/lib/components/callout/focus-trap-callout.component.ts b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts index 52f33f6b..fa754e73 100644 --- a/libs/fabric/lib/components/callout/focus-trap-callout.component.ts +++ b/libs/fabric/lib/components/callout/focus-trap-callout.component.ts @@ -17,7 +17,7 @@ import { IFocusTrapCalloutProps } from '@fluentui/react/lib/Callout'; import { ICalloutPositionedInfo } from '@fluentui/react/lib/utilities/positioning'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabFocusTrapCalloutComponent') @Component({ selector: 'fab-focus-trap-callout', exportAs: 'fabFocusTrapCallout', diff --git a/libs/fabric/lib/components/checkbox/checkbox.component.ts b/libs/fabric/lib/components/checkbox/checkbox.component.ts index 7422b10d..db96a1b4 100644 --- a/libs/fabric/lib/components/checkbox/checkbox.component.ts +++ b/libs/fabric/lib/components/checkbox/checkbox.component.ts @@ -19,7 +19,7 @@ import { ICheckboxProps } from '@fluentui/react/lib/Checkbox'; import { FormEvent } from 'react'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabCheckboxComponent') @Component({ selector: 'fab-checkbox', exportAs: 'fabCheckbox', diff --git a/libs/fabric/lib/components/choice-group/choice-group.component.ts b/libs/fabric/lib/components/choice-group/choice-group.component.ts index af70b73f..ed8afcbf 100644 --- a/libs/fabric/lib/components/choice-group/choice-group.component.ts +++ b/libs/fabric/lib/components/choice-group/choice-group.component.ts @@ -16,7 +16,7 @@ import { import { IChoiceGroupOption, IChoiceGroupProps } from '@fluentui/react/lib/ChoiceGroup'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabChoiceGroupComponent') @Component({ selector: 'fab-choice-group', exportAs: 'fabChoiceGroup', diff --git a/libs/fabric/lib/components/combo-box/combo-box.component.ts b/libs/fabric/lib/components/combo-box/combo-box.component.ts index 1635b53a..12cf9c3a 100644 --- a/libs/fabric/lib/components/combo-box/combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/combo-box.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseComboBoxComponent } from './base-combo-box.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabComboBoxComponent') @Component({ selector: 'fab-combo-box', exportAs: 'fabComboBox', diff --git a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts index bfcd4cc2..78b61bde 100644 --- a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts @@ -13,7 +13,7 @@ import { import { FabBaseComboBoxComponent } from './base-combo-box.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabVirtualizedComboBoxComponent') @Component({ selector: 'fab-virtualized-combo-box', exportAs: 'fabVirtualizedComboBox', diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index d3689d04..717e6573 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -33,7 +33,7 @@ import { CommandBarOverflowItemsDirective, } from './directives/command-bar-items.directives'; -@Styled() +@Styled('FabCommandBarComponent') @Component({ selector: 'fab-command-bar', exportAs: 'fabCommandBar', diff --git a/libs/fabric/lib/components/date-picker/date-picker.component.ts b/libs/fabric/lib/components/date-picker/date-picker.component.ts index 5759d549..6f000231 100644 --- a/libs/fabric/lib/components/date-picker/date-picker.component.ts +++ b/libs/fabric/lib/components/date-picker/date-picker.component.ts @@ -16,7 +16,7 @@ import { import { IDatePickerProps } from '@fluentui/react/lib/DatePicker'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabDatePickerComponent') @Component({ selector: 'fab-date-picker', exportAs: 'fabDatePicker', diff --git a/libs/fabric/lib/components/details-list/details-list.component.ts b/libs/fabric/lib/components/details-list/details-list.component.ts index f0be5a18..ce710138 100644 --- a/libs/fabric/lib/components/details-list/details-list.component.ts +++ b/libs/fabric/lib/components/details-list/details-list.component.ts @@ -40,7 +40,7 @@ import { DetailsListColumnsDirective } from './directives/details-list-columns.d import { DetailsListGroupsDirective } from './directives/details-list-groups.directive'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabDetailsListComponent') @Component({ selector: 'fab-details-list', exportAs: 'fabDetailsList', diff --git a/libs/fabric/lib/components/dialog/dialog.component.ts b/libs/fabric/lib/components/dialog/dialog.component.ts index 9017f67f..0a001568 100644 --- a/libs/fabric/lib/components/dialog/dialog.component.ts +++ b/libs/fabric/lib/components/dialog/dialog.component.ts @@ -16,7 +16,7 @@ import { import { IDialogContentProps, IDialogFooterProps, IDialogProps } from '@fluentui/react/lib/Dialog'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabDialogComponent') @Component({ selector: 'fab-dialog', exportAs: 'fabDialog', @@ -79,7 +79,7 @@ export class FabDialogComponent extends ReactWrapperComponent { } } -@Styled() +@Styled('FabDialogFooterComponent') @Component({ selector: 'fab-dialog-footer', exportAs: 'fabDialogFooter', @@ -104,7 +104,7 @@ export class FabDialogFooterComponent extends ReactWrapperComponent } } -@Styled() +@Styled('FabPersonaCoinComponent') @Component({ selector: 'fab-persona-coin', exportAs: 'fabPersonaCoin', diff --git a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts index f21e4e57..f0194264 100644 --- a/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts +++ b/libs/fabric/lib/components/pickers/people-picker/people-picker.component.ts @@ -17,7 +17,7 @@ import { import { IPersonaProps } from '@fluentui/react/lib/Persona'; import { Styled } from '@angular-react/fabric/lib/utils'; - @Styled() + @Styled('FabPeoplePickerComponent') @Component({ selector: 'fab-people-picker', exportAs: 'fabPeoplePicker', diff --git a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts index ff7a1fa3..53343f85 100644 --- a/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts +++ b/libs/fabric/lib/components/pickers/tag-picker/tag-picker.component.ts @@ -14,7 +14,7 @@ import { ITag, ITagPickerProps } from '@fluentui/react/lib/Pickers'; import { FabBasePickerComponent } from '../base-picker/base-picker.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabTagPickerComponent') @Component({ selector: 'fab-tag-picker', exportAs: 'fabTagPicker', diff --git a/libs/fabric/lib/components/pivot/pivot.component.ts b/libs/fabric/lib/components/pivot/pivot.component.ts index b4b845ad..7949a652 100644 --- a/libs/fabric/lib/components/pivot/pivot.component.ts +++ b/libs/fabric/lib/components/pivot/pivot.component.ts @@ -21,7 +21,7 @@ import { IPivotItemProps, IPivotProps, Pivot, PivotItem } from '@fluentui/react/ import * as React from 'react'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabPivotItemComponent') @Component({ selector: 'fab-pivot-item', exportAs: 'fabPivotItem', @@ -72,7 +72,7 @@ export class FabPivotItemComponent extends ReactWrapperComponent { } } -@Styled() +@Styled('FabShimmerElementsGroupComponent') @Component({ selector: 'fab-shimmer-elements-group', exportAs: 'fabShimmerElementsGroup', diff --git a/libs/fabric/lib/components/slider/slider.component.ts b/libs/fabric/lib/components/slider/slider.component.ts index 1a157102..e5a7aaff 100644 --- a/libs/fabric/lib/components/slider/slider.component.ts +++ b/libs/fabric/lib/components/slider/slider.component.ts @@ -16,7 +16,7 @@ import { import { ISliderProps } from '@fluentui/react/lib/Slider'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabSliderComponent') @Component({ selector: 'fab-slider', exportAs: 'fabSlider', diff --git a/libs/fabric/lib/components/spin-button/spin-button.component.ts b/libs/fabric/lib/components/spin-button/spin-button.component.ts index daa9d622..fd1ba996 100644 --- a/libs/fabric/lib/components/spin-button/spin-button.component.ts +++ b/libs/fabric/lib/components/spin-button/spin-button.component.ts @@ -16,7 +16,7 @@ import { import { ISpinButtonProps } from '@fluentui/react/lib/SpinButton'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabSpinButtonComponent') @Component({ selector: 'fab-spin-button', exportAs: 'fabSpinButton', diff --git a/libs/fabric/lib/components/spinner/spinner.component.ts b/libs/fabric/lib/components/spinner/spinner.component.ts index 3db057b5..70aaedb2 100644 --- a/libs/fabric/lib/components/spinner/spinner.component.ts +++ b/libs/fabric/lib/components/spinner/spinner.component.ts @@ -14,7 +14,7 @@ import { import { ISpinnerProps } from '@fluentui/react/lib/Spinner'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabSpinnerComponent') @Component({ selector: 'fab-spinner', exportAs: 'fabSpinner', diff --git a/libs/fabric/lib/components/text-field/masked-text-field.component.ts b/libs/fabric/lib/components/text-field/masked-text-field.component.ts index cef2d805..5c889456 100644 --- a/libs/fabric/lib/components/text-field/masked-text-field.component.ts +++ b/libs/fabric/lib/components/text-field/masked-text-field.component.ts @@ -6,7 +6,7 @@ import { FabBaseTextFieldComponent } from './base-text-field.component'; import { IMaskedTextFieldProps } from '@fluentui/react/lib/TextField'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabMaskedTextFieldComponent') @Component({ selector: 'fab-masked-text-field', exportAs: 'fabMaskedTextField', diff --git a/libs/fabric/lib/components/text-field/text-field.component.ts b/libs/fabric/lib/components/text-field/text-field.component.ts index bd8f4075..4de9d53d 100644 --- a/libs/fabric/lib/components/text-field/text-field.component.ts +++ b/libs/fabric/lib/components/text-field/text-field.component.ts @@ -5,7 +5,7 @@ import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, Rend import { FabBaseTextFieldComponent } from './base-text-field.component'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabTextFieldComponent') @Component({ selector: 'fab-text-field', exportAs: 'fabTextField', diff --git a/libs/fabric/lib/components/toggle/toggle.component.ts b/libs/fabric/lib/components/toggle/toggle.component.ts index cc11d822..136b72bc 100644 --- a/libs/fabric/lib/components/toggle/toggle.component.ts +++ b/libs/fabric/lib/components/toggle/toggle.component.ts @@ -16,7 +16,7 @@ import { import { IToggleProps } from '@fluentui/react/lib/Toggle'; import { Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabToggleComponent') @Component({ selector: 'fab-toggle', exportAs: 'fabToggle', diff --git a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts index 5a5e5d70..e9873d39 100644 --- a/libs/fabric/lib/components/tooltip/tooltip-host.component.ts +++ b/libs/fabric/lib/components/tooltip/tooltip-host.component.ts @@ -17,7 +17,7 @@ import { import { ITooltipHostProps, ITooltipProps } from '@fluentui/react/lib/Tooltip'; import { omit, Styled } from '@angular-react/fabric/lib/utils'; -@Styled() +@Styled('FabTooltipHostComponent') @Component({ selector: 'fab-tooltip-host', exportAs: 'fabTooltipHost', diff --git a/libs/fabric/lib/utils/styles-plugin.ts b/libs/fabric/lib/utils/styles-plugin.ts index 9fe2f8cf..ee15c314 100644 --- a/libs/fabric/lib/utils/styles-plugin.ts +++ b/libs/fabric/lib/utils/styles-plugin.ts @@ -25,12 +25,12 @@ interface IConstructor { ngAfterViewChecked?(): void } } -export function Styled() { +export function Styled(componentName: string) { return function (constructor: T) { class Wrapper extends constructor implements OnInit, OnChanges, OnDestroy, AfterContentInit, AfterContentChecked, AfterViewInit, AfterViewChecked, DoCheck { styles: IStyleFunctionOrObject; ngOnInit() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgInit) { handler.beforeNgInit.apply(this); } @@ -39,7 +39,7 @@ export function Styled() { } } ngOnChanges(changes: TypedChanges) { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgChanges) { handler.beforeNgChanges.apply(this, [changes]); } @@ -48,7 +48,7 @@ export function Styled() { } } ngOnDestroy() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgDestroy) { handler.beforeNgDestroy.apply(this); } @@ -57,7 +57,7 @@ export function Styled() { } } ngDoCheck() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgDoCheck) { handler.beforeNgDoCheck.apply(this); } @@ -66,7 +66,7 @@ export function Styled() { } } ngAfterContentInit() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgAfterContentInit) { handler.beforeNgAfterContentInit.apply(this); } @@ -75,7 +75,7 @@ export function Styled() { } } ngAfterContentChecked() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgAfterContentChecked) { handler.beforeNgAfterContentChecked.apply(this); } @@ -84,7 +84,7 @@ export function Styled() { } } ngAfterViewInit() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgAfterViewInit) { handler.beforeNgAfterViewInit.apply(this); } @@ -93,7 +93,7 @@ export function Styled() { } } ngAfterViewChecked() { - const handler = proxyHandlerMap.get(constructor.name); + const handler = proxyHandlerMap.get(componentName); if (handler && handler.beforeNgAfterViewChecked) { handler.beforeNgAfterViewChecked.apply(this); } From ffeafdb28ea5323cbdf06f0c20e65f193ac50b1a Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Thu, 23 Sep 2021 19:15:48 +0800 Subject: [PATCH 33/39] chore: bump @angular-react/fabric to 3.2.2 --- libs/fabric/package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 273c9fb9..6f3c3a08 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.2.1", + "version": "3.2.2", "ngPackage": { "lib": { "entryFile": "public-api.ts", From c881dbf41a44499e44f65cfae2cf1c7d42294987 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Sat, 9 Oct 2021 11:13:52 +0800 Subject: [PATCH 34/39] feat: add nginit for fab-command-bar --- .../lib/components/command-bar/command-bar.component.ts | 5 ++++- libs/fabric/package.json | 2 +- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/libs/fabric/lib/components/command-bar/command-bar.component.ts b/libs/fabric/lib/components/command-bar/command-bar.component.ts index 717e6573..239efedd 100644 --- a/libs/fabric/lib/components/command-bar/command-bar.component.ts +++ b/libs/fabric/lib/components/command-bar/command-bar.component.ts @@ -13,6 +13,7 @@ import { Input, NgZone, OnDestroy, + OnInit, Output, QueryList, Renderer2, @@ -63,7 +64,7 @@ import { changeDetection: ChangeDetectionStrategy.OnPush, }) export class FabCommandBarComponent extends ReactWrapperComponent - implements OnChanges, AfterContentInit, OnDestroy { + implements OnInit, OnChanges, AfterContentInit, OnDestroy { @ContentChild(CommandBarItemsDirective, { static: true }) readonly itemsDirective?: CommandBarItemsDirective; @ContentChild(CommandBarFarItemsDirective, { static: true }) readonly farItemsDirective?: CommandBarFarItemsDirective; @ContentChild(CommandBarOverflowItemsDirective, { static: true }) readonly overflowItemsDirective?: CommandBarOverflowItemsDirective; @@ -102,6 +103,8 @@ export class FabCommandBarComponent extends ReactWrapperComponent) { if ( changes['items'] && diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 6f3c3a08..4a36c596 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.2.2", + "version": "3.2.3", "ngPackage": { "lib": { "entryFile": "public-api.ts", From 3c4b0dca5d49183fd340b3d998c97d46aef9b428 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Mon, 15 Nov 2021 15:40:57 +0800 Subject: [PATCH 35/39] feat: add essential props for combo-box --- .../lib/components/combo-box/base-combo-box.component.ts | 3 +++ libs/fabric/lib/components/combo-box/combo-box.component.ts | 3 +++ .../components/combo-box/virtualized-combo-box.component.ts | 3 +++ libs/fabric/package.json | 2 +- 4 files changed, 10 insertions(+), 1 deletion(-) diff --git a/libs/fabric/lib/components/combo-box/base-combo-box.component.ts b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts index f6984f39..5c01920f 100644 --- a/libs/fabric/lib/components/combo-box/base-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts @@ -22,6 +22,9 @@ export abstract class FabBaseComboBoxComponent extends ReactWrapperComponent Date: Mon, 15 Nov 2021 17:03:10 +0800 Subject: [PATCH 36/39] fix: props of FabVirtualizedComboBoxComponent --- .../lib/components/combo-box/virtualized-combo-box.component.ts | 1 - libs/fabric/package.json | 2 +- 2 files changed, 1 insertion(+), 2 deletions(-) diff --git a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts index 7f526979..fdf88284 100644 --- a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts @@ -41,7 +41,6 @@ import { Styled } from '@angular-react/fabric/lib/utils'; [multiSelect]="multiSelect" [isButtonAriaHidden]="isButtonAriaHidden" [ariaDescribedBy]="ariaDescribedBy" - [keytipProps]="keytipProps" [persistMenu]="persistMenu" [shouldRestoreFocus]="shouldRestoreFocus" [RenderLowerContent]="renderLowerContent && onRenderLowerContent" diff --git a/libs/fabric/package.json b/libs/fabric/package.json index 23e9ae08..fc369da6 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.2.4", + "version": "3.2.5", "ngPackage": { "lib": { "entryFile": "public-api.ts", From 4951978f0ce99561a4b2d0e2b5061a87a915ba07 Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Mon, 22 Nov 2021 19:37:59 +0800 Subject: [PATCH 37/39] fix: update selectedKey of combo-box --- .../combo-box/base-combo-box.component.ts | 15 ++++++++++++++- .../components/combo-box/combo-box.component.ts | 2 +- .../combo-box/virtualized-combo-box.component.ts | 2 +- libs/fabric/package.json | 2 +- 4 files changed, 17 insertions(+), 4 deletions(-) diff --git a/libs/fabric/lib/components/combo-box/base-combo-box.component.ts b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts index 5c01920f..35767d73 100644 --- a/libs/fabric/lib/components/combo-box/base-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/base-combo-box.component.ts @@ -17,14 +17,16 @@ import { import { IComboBox, IComboBoxOption, IComboBoxProps } from '@fluentui/react/lib/ComboBox'; import { ComboBoxOptionDirective } from './directives/combo-box-option.directive'; import { ComboBoxOptionsDirective } from './directives/combo-box-options.directive'; +import { OnChanges, TypedChanges } from '@angular-react/fabric/lib/declarations'; export abstract class FabBaseComboBoxComponent extends ReactWrapperComponent - implements OnInit, AfterContentInit { + implements OnInit, OnChanges, AfterContentInit { @Input() componentRef?: IComboBoxProps['componentRef']; @Input() label?: IComboBoxProps['label']; @Input() defaultSelectedKey?: IComboBoxProps['defaultSelectedKey']; @Input() selectedKey?: IComboBoxProps['selectedKey']; + _selectedKey?: IComboBoxProps['selectedKey']; @Input() options: IComboBoxProps['options']; @Input() allowFreeform?: IComboBoxProps['allowFreeform']; @Input() autoComplete?: IComboBoxProps['autoComplete']; @@ -94,6 +96,17 @@ export abstract class FabBaseComboBoxComponent extends ReactWrapperComponent) { + if ( + changes['selectedKey'] && + changes['selectedKey'].previousValue !== changes['selectedKey'].currentValue && + changes['selectedKey'].currentValue + ) { + const currentValue = changes['selectedKey'].currentValue; + this._selectedKey = currentValue; + } + } + onItemClickHandler(event: React.FormEvent, option?: IComboBoxOption, index?: number) { this.onItemClick.emit({ event: event.nativeEvent, diff --git a/libs/fabric/lib/components/combo-box/combo-box.component.ts b/libs/fabric/lib/components/combo-box/combo-box.component.ts index 75c72a8d..85f1433c 100644 --- a/libs/fabric/lib/components/combo-box/combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/combo-box.component.ts @@ -23,7 +23,7 @@ import { Styled } from '@angular-react/fabric/lib/utils'; [componentRef]="componentRef" [label]="label" [defaultSelectedKey]="defaultSelectedKey" - [selectedKey]="selectedKey" + [selectedKey]="_selectedKey" [options]="options" [allowFreeform]="allowFreeform" [autoComplete]="autoComplete" diff --git a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts index fdf88284..2681f44e 100644 --- a/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts +++ b/libs/fabric/lib/components/combo-box/virtualized-combo-box.component.ts @@ -23,7 +23,7 @@ import { Styled } from '@angular-react/fabric/lib/utils'; [componentRef]="componentRef" [label]="label" [defaultSelectedKey]="defaultSelectedKey" - [selectedKey]="selectedKey" + [selectedKey]="_selectedKey" [options]="options" [allowFreeform]="allowFreeform" [autoComplete]="autoComplete" diff --git a/libs/fabric/package.json b/libs/fabric/package.json index fc369da6..9c740b22 100644 --- a/libs/fabric/package.json +++ b/libs/fabric/package.json @@ -1,7 +1,7 @@ { "$schema": "../../node_modules/ng-packagr/package.schema.json", "name": "@angular-react/fabric", - "version": "3.2.5", + "version": "3.2.6", "ngPackage": { "lib": { "entryFile": "public-api.ts", From 35db6652ea58d6ee2e2ab556e6f96e900696278b Mon Sep 17 00:00:00 2001 From: Yan Qiu Date: Wed, 15 Dec 2021 14:03:27 +0800 Subject: [PATCH 38/39] chore: lock dependencies version --- package-lock.json | 389 ++++++++++++++++++++++++++++++---------------- package.json | 9 +- 2 files changed, 259 insertions(+), 139 deletions(-) diff --git a/package-lock.json b/package-lock.json index be7eec45..7478a199 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1574,6 +1574,257 @@ } } }, + "@fluentui/date-time-utilities": { + "version": "8.2.3", + "resolved": "https://registry.npmjs.org/@fluentui/date-time-utilities/-/date-time-utilities-8.2.3.tgz", + "integrity": "sha512-lbXaKXpeWymzGk3YNwT3hUPfUSnYO3x6wS2Rj3ySzDY6OkMLOBBV6UVa2uRVRXCio5GcJyMo9Wtgv77gmHl2fQ==", + "requires": { + "@fluentui/set-version": "^8.1.5", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/dom-utilities": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@fluentui/dom-utilities/-/dom-utilities-2.1.5.tgz", + "integrity": "sha512-OLDYV5ZGIiK/JXx/DFFib4vSa7PELvznbdAujDcX2wjt3V3Lt2N5ucv59JsVxk5LlwXjasUHJI2NZadagmnM6A==", + "requires": { + "@fluentui/set-version": "^8.1.5", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/font-icons-mdl2": { + "version": "8.1.4", + "resolved": "https://registry.npmjs.org/@fluentui/font-icons-mdl2/-/font-icons-mdl2-8.1.4.tgz", + "integrity": "sha512-v0NRk+W2qJQtBsH9hqYNG5Xnic8C1kfB0I+OTGasFYPvxdd0APcWw2vajrlE49ijgVjXS0AByCgF6mu8LiYlHg==", + "requires": { + "@fluentui/set-version": "^8.1.2", + "@fluentui/style-utilities": "^8.1.4", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/foundation-legacy": { + "version": "8.1.4", + "resolved": "https://registry.npmjs.org/@fluentui/foundation-legacy/-/foundation-legacy-8.1.4.tgz", + "integrity": "sha512-Kd+XpHsv3UEnDTwEnUm93Au+QGpYZ5x/VuQsv8K1sDM+gjb3BDohuwR6MWgzgCMJiVW0NMlbS4I2OpUZa6k5eg==", + "requires": { + "@fluentui/merge-styles": "^8.1.2", + "@fluentui/set-version": "^8.1.2", + "@fluentui/style-utilities": "^8.1.4", + "@fluentui/utilities": "^8.2.0", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/keyboard-key": { + "version": "0.3.5", + "resolved": "https://registry.npmjs.org/@fluentui/keyboard-key/-/keyboard-key-0.3.5.tgz", + "integrity": "sha512-qPNPnRtkC92b8Zjx3mJ6+vRX+pdmbDYcXP8zXb2NJ/briAQXYmyqdjJLUl2riVBcAC4H3cL6dTKLR9VAyqhdYQ==", + "requires": { + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/merge-styles": { + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/@fluentui/merge-styles/-/merge-styles-8.2.2.tgz", + "integrity": "sha512-sZNwhGyceLBnV/lZyXVJEyEITU97pmNdVvziEcWl6uiWQ6AfNT3NoEw/JQCOIjofP5EL6FFv6lCOo8mktvR1hg==", + "requires": { + "@fluentui/set-version": "^8.1.5", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/react": { + "version": "8.22.2", + "resolved": "https://registry.npmjs.org/@fluentui/react/-/react-8.22.2.tgz", + "integrity": "sha512-0XnRdA5QtNvNe6/ioFDd2yMnDre5WrY8YYdLwqFjmz+vvhNUysnXV9GOLQANmUcezzQptM8C0DYG18C3nKjbbA==", + "requires": { + "@fluentui/date-time-utilities": "^8.2.0", + "@fluentui/font-icons-mdl2": "^8.1.4", + "@fluentui/foundation-legacy": "^8.1.4", + "@fluentui/merge-styles": "^8.1.2", + "@fluentui/react-focus": "^8.1.5", + "@fluentui/react-hooks": "^8.2.3", + "@fluentui/react-window-provider": "^2.1.2", + "@fluentui/set-version": "^8.1.2", + "@fluentui/style-utilities": "^8.1.4", + "@fluentui/theme": "^2.1.3", + "@fluentui/utilities": "^8.2.0", + "@microsoft/load-themed-styles": "^1.10.26", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/react-focus": { + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/@fluentui/react-focus/-/react-focus-8.1.5.tgz", + "integrity": "sha512-zvHwta+lRmw2kYRif0Zz6+skmfxUzagd15iMlUPRIVAcsj+rxOkoE7g8NlhXym7HsgMiKRAYJM0CdfMauCnkvQ==", + "requires": { + "@fluentui/keyboard-key": "^0.3.2", + "@fluentui/merge-styles": "^8.1.2", + "@fluentui/set-version": "^8.1.2", + "@fluentui/style-utilities": "^8.1.4", + "@fluentui/utilities": "^8.2.0", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/react-hooks": { + "version": "8.2.3", + "resolved": "https://registry.npmjs.org/@fluentui/react-hooks/-/react-hooks-8.2.3.tgz", + "integrity": "sha512-JqQNLIc0WOwwMZ3rAnBkcy0oHZD83Bi1hs7qpvwGUW1OrL3QoJqEnmiKPowxWb8NUeKEP51cBfGi+/7aqbDZAg==", + "requires": { + "@fluentui/react-window-provider": "^2.1.2", + "@fluentui/set-version": "^8.1.2", + "@fluentui/utilities": "^8.2.0", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/react-window-provider": { + "version": "2.1.5", + "resolved": "https://registry.npmjs.org/@fluentui/react-window-provider/-/react-window-provider-2.1.5.tgz", + "integrity": "sha512-jJduYVHpHNpHuPO/s8wYGmBDLRepgzEiK/206M4JIeY/b+l6YADyUqSBVxT5PENGiyziaz8/bRo8gqVZCyexJg==", + "requires": { + "@fluentui/set-version": "^8.1.5", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/set-version": { + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/@fluentui/set-version/-/set-version-8.1.5.tgz", + "integrity": "sha512-AfaycaduWd/aErqEmrAUWpr2gpZrkaSe6D9noXhtVH3JlreRuFM78Ji1oE4f8cpWxSA/K5qb7BT6x4z4I2Bs+A==", + "requires": { + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/style-utilities": { + "version": "8.1.4", + "resolved": "https://registry.npmjs.org/@fluentui/style-utilities/-/style-utilities-8.1.4.tgz", + "integrity": "sha512-tR/ntfobJvuCtLyi7jpEbsq67iTaBNq/lpq+tYuvIqI8Gl90L9a8g8344ADP4+9/i3TKsrAZgnV9vze66ybHOw==", + "requires": { + "@fluentui/merge-styles": "^8.1.2", + "@fluentui/set-version": "^8.1.2", + "@fluentui/theme": "^2.1.3", + "@fluentui/utilities": "^8.2.0", + "@microsoft/load-themed-styles": "^1.10.26", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/theme": { + "version": "2.1.3", + "resolved": "https://registry.npmjs.org/@fluentui/theme/-/theme-2.1.3.tgz", + "integrity": "sha512-o/So4091GtwtEkxujd6QT9M8kuLOde0Z7by/zLNQBU00wX3PeBxM4mpSLmnz2vt5CN5IT7OWhRRsiyve/7hLAg==", + "requires": { + "@fluentui/merge-styles": "^8.1.2", + "@fluentui/set-version": "^8.1.2", + "@fluentui/utilities": "^8.2.0", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, + "@fluentui/utilities": { + "version": "8.2.0", + "resolved": "https://registry.npmjs.org/@fluentui/utilities/-/utilities-8.2.0.tgz", + "integrity": "sha512-kq8xyFHkWUbzzbkGLuDACEhH+K5oqM/wEU9+zRuM/qI2bIS1B6Cr0ruq7FHxVrtAnMhvXKzM8DPn0W8uf775qQ==", + "requires": { + "@fluentui/dom-utilities": "^2.1.2", + "@fluentui/merge-styles": "^8.1.2", + "@fluentui/set-version": "^8.1.2", + "tslib": "^2.1.0" + }, + "dependencies": { + "tslib": { + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.1.tgz", + "integrity": "sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==" + } + } + }, "@microsoft/load-themed-styles": { "version": "1.10.37", "resolved": "https://registry.npmjs.org/@microsoft/load-themed-styles/-/load-themed-styles-1.10.37.tgz", @@ -2391,127 +2642,6 @@ "tslib": "^1.10.0" } }, - "@uifabric/foundation": { - "version": "7.5.4", - "resolved": "https://registry.npmjs.org/@uifabric/foundation/-/foundation-7.5.4.tgz", - "integrity": "sha512-aMFlFepvd6Sh9Q+l+ZjyC6LZJYTPGCTzlqezHdZM97b9s/cx1KkOT7EYjq/TIc4UHZDlsiYmd1ogIHc0/obasw==", - "requires": { - "@uifabric/merge-styles": "^7.8.4", - "@uifabric/set-version": "^7.0.3", - "@uifabric/styling": "^7.10.3", - "@uifabric/utilities": "^7.11.4", - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, - "@uifabric/icons": { - "version": "7.3.3", - "resolved": "https://registry.npmjs.org/@uifabric/icons/-/icons-7.3.3.tgz", - "integrity": "sha512-4SUg2VyNPNP8/Xs+x7ZY4xiEJytrmATWtISmS1EVRTFYrTjeFmbIxzSGZsm1ISgcM5xSdu9a2Ih2ps7SreX0Ug==", - "requires": { - "@uifabric/set-version": "^7.0.3", - "@uifabric/styling": "^7.10.3", - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, - "@uifabric/merge-styles": { - "version": "7.8.4", - "resolved": "https://registry.npmjs.org/@uifabric/merge-styles/-/merge-styles-7.8.4.tgz", - "integrity": "sha512-tW4vjrsjWmg1GN1ulssFvdy1I98PA2iJgdHHI4YMKdRZh5aYyFwUt9n3uNq3hJCG8hHmTYOSajakN/0Tr2UeIg==", - "requires": { - "@uifabric/set-version": "^7.0.3", - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, - "@uifabric/react-hooks": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/@uifabric/react-hooks/-/react-hooks-7.0.4.tgz", - "integrity": "sha512-nvxCdCpWJToJyFQTuv5cP8ZBKGUOeLhuOOwVrzMz6KZaTjpLlnzvRZA53V1xc8GHJT6FjvnPFC32HIInlnzh0Q==", - "requires": { - "@uifabric/set-version": "^7.0.3", - "@uifabric/utilities": "^7.11.4", - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, - "@uifabric/set-version": { - "version": "7.0.3", - "resolved": "https://registry.npmjs.org/@uifabric/set-version/-/set-version-7.0.3.tgz", - "integrity": "sha512-03A68Fyfx3y75dUW9rjQ2fZv/9zmGgMeovVLAQa0wc/oVjQ++eVDlAEK0AjfgnOaujYmhk79lXbYAuW3n+YUXw==", - "requires": { - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, - "@uifabric/styling": { - "version": "7.10.3", - "resolved": "https://registry.npmjs.org/@uifabric/styling/-/styling-7.10.3.tgz", - "integrity": "sha512-fdWRLig4haMGkKGl3r3CCicAbdGAR1tl/6k4xTBN65pz1e8OaxKA5QoVdOOoxBorvaSGGJFbV+N8LKzU5y3GoQ==", - "requires": { - "@microsoft/load-themed-styles": "^1.10.26", - "@uifabric/merge-styles": "^7.8.4", - "@uifabric/set-version": "^7.0.3", - "@uifabric/utilities": "^7.11.4", - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, - "@uifabric/utilities": { - "version": "7.11.4", - "resolved": "https://registry.npmjs.org/@uifabric/utilities/-/utilities-7.11.4.tgz", - "integrity": "sha512-B3Tiwma0yD/fQFIkyc+jNXwCgOtSvXlm1OGPC/mRoGczuXQH6o9mydaS7C8PjoetELgYQCZYm7Q7oup+thfSVg==", - "requires": { - "@uifabric/merge-styles": "^7.8.4", - "@uifabric/set-version": "^7.0.3", - "prop-types": "^15.5.10", - "tslib": "^1.10.0" - }, - "dependencies": { - "tslib": { - "version": "1.10.0", - "resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz", - "integrity": "sha512-qOebF53frne81cf0S9B41ByenJ3/IuH8yJKngAX35CmiZySA0khhkovshKK+jGCaMnVomla7gVlIcc3EvKPbTQ==" - } - } - }, "@webassemblyjs/ast": { "version": "1.8.5", "resolved": "https://registry.npmjs.org/@webassemblyjs/ast/-/ast-1.8.5.tgz", @@ -9707,23 +9837,6 @@ "integrity": "sha512-PX1wu0AmAdPqOL1mWhqmlOd8kOIZQwGZw6rh7uby9fTc5lhaOWFLX3I6R1hrF9k3zUY40e6igsLGkDXK92LJNg==", "dev": true }, - "office-ui-fabric-react": { - "version": "7.82.2", - "resolved": "https://registry.npmjs.org/office-ui-fabric-react/-/office-ui-fabric-react-7.82.2.tgz", - "integrity": "sha512-c0AFNidocQHWjm/xwAzJk5DbmVKEUbgj38G+/51SpOrzzhaVkkSQqMhrDvrqpzqAvfbZEgTYXz/7YtOWounm9Q==", - "requires": { - "@microsoft/load-themed-styles": "^1.10.26", - "@uifabric/foundation": "^7.5.1", - "@uifabric/icons": "^7.3.0", - "@uifabric/merge-styles": "^7.8.1", - "@uifabric/react-hooks": "^7.0.1", - "@uifabric/set-version": "^7.0.2", - "@uifabric/styling": "^7.10.0", - "@uifabric/utilities": "^7.11.1", - "prop-types": "^15.5.10", - "tslib": "^1.7.1" - } - }, "on-finished": { "version": "2.3.0", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.3.0.tgz", diff --git a/package.json b/package.json index b2a6105c..93993555 100644 --- a/package.json +++ b/package.json @@ -67,7 +67,14 @@ "@angular/platform-browser": "~8.0.2", "@angular/platform-browser-dynamic": "~8.0.2", "@angular/router": "~8.0.2", - "@fluentui/react": "^8.17.3", + "@fluentui/font-icons-mdl2": "8.1.4", + "@fluentui/foundation-legacy": "8.1.4", + "@fluentui/react": "8.22.2", + "@fluentui/react-focus": "8.1.5", + "@fluentui/react-hooks": "8.2.3", + "@fluentui/style-utilities": "8.1.4", + "@fluentui/theme": "2.1.3", + "@fluentui/utilities": "8.2.0", "@ngrx/effects": "~8.0.1", "@ngrx/router-store": "~8.0.1", "@ngrx/store": "~8.0.1", From 99b7dbe760791f1542adb6fd12a61a2969228a19 Mon Sep 17 00:00:00 2001 From: ZhiliangLiu Date: Tue, 25 Oct 2022 16:32:27 +0800 Subject: [PATCH 39/39] Update README.md --- README.md | 1 + 1 file changed, 1 insertion(+) diff --git a/README.md b/README.md index 48b1839e..156b8b4d 100644 --- a/README.md +++ b/README.md @@ -18,6 +18,7 @@ Use of Angular-React allows consuming any React elements, but specifically Offic The light-weight Angular component wrappers that expose the Fabric React component API through common Angular components (including both imperative AND declarative syntax in many cases). +`angular-react@3` is for `Angular@8` ### Quick links