synapse-react-client 2.1.22 → 3.0.1

package/dist/utils/hooks/SynapseAPI/useGetQueryResultBundle.js

@@ -1,11 +1,77 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInfiniteQueryResultBundle = void 0;
+var tslib_1 = require("tslib");
 var react_query_1 = require("react-query");
 var __1 = require("../..");
+var SynapseConstants_1 = require("../../SynapseConstants");
 var SynapseContext_1 = require("../../SynapseContext");
 function useGetQueryResultBundle(queryBundleRequest, options) {
     var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
-    return (0, react_query_1.useQuery)(['queryResultBundle', accessToken, queryBundleRequest], function () { return __1.SynapseClient.getQueryTableResults(queryBundleRequest, accessToken); }, options);
+    return (0, react_query_1.useQuery)(['queryResultBundle', queryBundleRequest], function () { return __1.SynapseClient.getQueryTableResults(queryBundleRequest, accessToken); }, options);
 }
 exports.default = useGetQueryResultBundle;
+function useInfiniteQueryResultBundle(queryBundleRequest, options) {
+    var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
+    return (0, react_query_1.useInfiniteQuery)(['queryResultBundle', queryBundleRequest, 'infinite'], function (context) {
+        var offset = context.pageParam ? parseInt(context.pageParam) : 0;
+        return __1.SynapseClient.getQueryTableAsyncJobResults((0, tslib_1.__assign)((0, tslib_1.__assign)({}, queryBundleRequest), { query: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, queryBundleRequest.query), { offset: offset }), 
+            /**
+             * If we're on the first page, send the original partMask.
+             * Otherwise, just ask for the queryResults (if they're in the original partMask), as it's the only part that changes between pages.
+             *
+             * We'll merge the "aggregation" parts and the pages of queryResults in the `select` function.
+             */
+            partMask: offset !== 0
+                ? queryBundleRequest.partMask & SynapseConstants_1.BUNDLE_MASK_QUERY_RESULTS
+                : queryBundleRequest.partMask }), accessToken);
+    }, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, options), { select: function (data) {
+            /**
+             * Since we we only fetch queryResults on 2nd and subsequent pages, we add to all pages the aggregate parts
+             * that we only fetched on the first page.
+             */
+            var firstPage = data === null || data === void 0 ? void 0 : data.pages[0];
+            if (firstPage.responseBody) {
+                for (var i = 0; i < data.pages.length; i++) {
+                    var page = data.pages[i];
+                    if (page.responseBody != null) {
+                        data.pages[i].responseBody = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, firstPage.responseBody), { 
+                            // queryResult changes on each page.
+                            queryResult: page.responseBody.queryResult });
+                    }
+                }
+            }
+            return data;
+        }, getPreviousPageParam: function (firstPage) {
+            var _a;
+            if (firstPage.jobState !== 'COMPLETE') {
+                return undefined;
+            }
+            var request = firstPage.requestBody;
+            if (request.query.offset == null || request.query.offset === 0) {
+                return undefined;
+            }
+            var pageSize = (_a = request.query.limit) !== null && _a !== void 0 ? _a : SynapseConstants_1.DEFAULT_PAGE_SIZE;
+            return Math.max(request.query.offset - pageSize, 0);
+        }, getNextPageParam: function (page, allPages) {
+            var _a, _b, _c, _d;
+            if (page.jobState !== 'COMPLETE') {
+                return undefined;
+            }
+            var request = page.requestBody;
+            var pageSize = (_a = request.query.limit) !== null && _a !== void 0 ? _a : SynapseConstants_1.DEFAULT_PAGE_SIZE;
+            var totalQueryResultCount = (_b = allPages[0].responseBody) === null || _b === void 0 ? void 0 : _b.queryCount;
+            if (totalQueryResultCount != null) {
+                // We know the total number of results. See if our offset + pageSize is >= the total
+                if (((_c = request.query.offset) !== null && _c !== void 0 ? _c : 0) + pageSize >= totalQueryResultCount) {
+                    return undefined;
+                }
+            }
+            return page.responseBody.queryResult.queryResults.rows.length ===
+                pageSize
+                ? ((_d = request.query.offset) !== null && _d !== void 0 ? _d : 0) + pageSize
+                : undefined;
+        } }));
+}
+exports.useInfiniteQueryResultBundle = useInfiniteQueryResultBundle;
 //# sourceMappingURL=useGetQueryResultBundle.js.map

package/dist/utils/hooks/SynapseAPI/useGetQueryResultBundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetQueryResultBundle.js","sourceRoot":"","sources":["../../../../src/lib/utils/hooks/SynapseAPI/useGetQueryResultBundle.ts"],"names":[],"mappings":";;AAAA,2CAAuD;AACvD,2BAAqC;AAErC,uDAAwD;AAGxD,SAAwB,uBAAuB,CAC7C,kBAAsC,EACtC,OAIC;IAEO,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IAE3C,OAAO,IAAA,sBAAQ,EACb,CAAC,mBAAmB,EAAE,WAAW,EAAE,kBAAkB,CAAC,EACtD,cAAM,OAAA,iBAAa,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EAAnE,CAAmE,EACzE,OAAO,CACR,CAAA;AACH,CAAC;AAfD,0CAeC"}
+{"version":3,"file":"useGetQueryResultBundle.js","sourceRoot":"","sources":["../../../../src/lib/utils/hooks/SynapseAPI/useGetQueryResultBundle.ts"],"names":[],"mappings":"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"}

package/dist/utils/synapseTypes/Entity/Entity.js.map

@@ -1 +1 @@
-{"version":3,"file":"Entity.js","sourceRoot":"","sources":["../../../../src/lib/utils/synapseTypes/Entity/Entity.ts"],"names":[],"mappings":";;;AAmGA;;;;;;GAMG;AACU,QAAA,cAAc,GAAG;IAC5B,MAAM;IACN,aAAa;IACb,IAAI;IACJ,MAAM;IACN,WAAW;IACX,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,UAAU;IACV,cAAc;IACd,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,SAAS;IACT,kBAAkB;IAClB,gBAAgB;IAChB,WAAW;IACX,cAAc;IACd,MAAM;IACN,OAAO;IACP,OAAO;IACP,aAAa;CACd,CAAA"}
+{"version":3,"file":"Entity.js","sourceRoot":"","sources":["../../../../src/lib/utils/synapseTypes/Entity/Entity.ts"],"names":[],"mappings":";;;AAoGA;;;;;;GAMG;AACU,QAAA,cAAc,GAAG;IAC5B,MAAM;IACN,aAAa;IACb,IAAI;IACJ,MAAM;IACN,WAAW;IACX,YAAY;IACZ,WAAW;IACX,YAAY;IACZ,UAAU;IACV,cAAc;IACd,eAAe;IACf,cAAc;IACd,gBAAgB;IAChB,iBAAiB;IACjB,kBAAkB;IAClB,kBAAkB;IAClB,WAAW;IACX,UAAU;IACV,SAAS;IACT,kBAAkB;IAClB,gBAAgB;IAChB,WAAW;IACX,cAAc;IACd,MAAM;IACN,OAAO;IACP,OAAO;IACP,aAAa;CACd,CAAA"}

package/dist/utils/synapseTypes/Table/AsynchronousJobStatus.d.ts

@@ -1,8 +1,9 @@
-export declare type AsynchronousJobStatus = {
-    jobState: any;
+export declare type AsynchJobState = 'PROCESSING' | 'FAILED' | 'COMPLETE';
+export declare type AsynchronousJobStatus<TRequest, TResponse> = {
+    jobState: AsynchJobState;
     jobCanceling: boolean;
-    requestBody: any;
-    responseBody: any;
+    requestBody: TRequest;
+    responseBody?: TResponse;
     etag: string;
     jobId: string;
     startedByUserId: number;

package/dist/utils/synapseTypes/Table/EntityView.d.ts

@@ -1,4 +1,12 @@
 import { View } from './View';
+export declare const ENTITY_VIEW_TYPE_MASK_FILE = 1;
+export declare const ENTITY_VIEW_TYPE_MASK_PROJECT = 2;
+export declare const ENTITY_VIEW_TYPE_MASK_TABLE = 4;
+export declare const ENTITY_VIEW_TYPE_MASK_FOLDER = 8;
+export declare const ENTITY_VIEW_TYPE_MASK_VIEW = 16;
+export declare const ENTITY_VIEW_TYPE_MASK_DOCKER = 32;
+export declare const ENTITY_VIEW_TYPE_MASK_SUBMISSIONVIEW = 64;
+export declare const ENTITY_VIEW_TYPE_MASK_DATASET = 128;
 export declare type ENTITY_VIEW_CONCRETE_TYPE = 'org.sagebionetworks.repo.model.table.EntityView';
 export interface EntityView extends View {
     concreteType: ENTITY_VIEW_CONCRETE_TYPE;

package/dist/utils/synapseTypes/Table/EntityView.js

@@ -1,3 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ENTITY_VIEW_TYPE_MASK_DATASET = exports.ENTITY_VIEW_TYPE_MASK_SUBMISSIONVIEW = exports.ENTITY_VIEW_TYPE_MASK_DOCKER = exports.ENTITY_VIEW_TYPE_MASK_VIEW = exports.ENTITY_VIEW_TYPE_MASK_FOLDER = exports.ENTITY_VIEW_TYPE_MASK_TABLE = exports.ENTITY_VIEW_TYPE_MASK_PROJECT = exports.ENTITY_VIEW_TYPE_MASK_FILE = void 0;
+exports.ENTITY_VIEW_TYPE_MASK_FILE = 0x01;
+exports.ENTITY_VIEW_TYPE_MASK_PROJECT = 0x02;
+exports.ENTITY_VIEW_TYPE_MASK_TABLE = 0x04;
+exports.ENTITY_VIEW_TYPE_MASK_FOLDER = 0x08;
+exports.ENTITY_VIEW_TYPE_MASK_VIEW = 0x10;
+exports.ENTITY_VIEW_TYPE_MASK_DOCKER = 0x20;
+exports.ENTITY_VIEW_TYPE_MASK_SUBMISSIONVIEW = 0x40;
+exports.ENTITY_VIEW_TYPE_MASK_DATASET = 0x80;
 //# sourceMappingURL=EntityView.js.map

package/dist/utils/synapseTypes/Table/EntityView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityView.js","sourceRoot":"","sources":["../../../../src/lib/utils/synapseTypes/Table/EntityView.ts"],"names":[],"mappings":""}
+{"version":3,"file":"EntityView.js","sourceRoot":"","sources":["../../../../src/lib/utils/synapseTypes/Table/EntityView.ts"],"names":[],"mappings":";;;AAEa,QAAA,0BAA0B,GAAG,IAAI,CAAA;AACjC,QAAA,6BAA6B,GAAG,IAAI,CAAA;AACpC,QAAA,2BAA2B,GAAG,IAAI,CAAA;AAClC,QAAA,4BAA4B,GAAG,IAAI,CAAA;AACnC,QAAA,0BAA0B,GAAG,IAAI,CAAA;AACjC,QAAA,4BAA4B,GAAG,IAAI,CAAA;AACnC,QAAA,oCAAoC,GAAG,IAAI,CAAA;AAC3C,QAAA,6BAA6B,GAAG,IAAI,CAAA"}

package/dist/utils/synapseTypes/Table/FacetColumnRequest.d.ts

@@ -1,7 +1,7 @@
 export declare type FacetColumnValuesRequest = {
     concreteType?: string;
     columnName?: string;
-    facetValues?: any;
+    facetValues?: string[];
 };
 export declare type FacetColumnRangeRequest = {
     concreteType?: string;

package/dist/utils/synapseTypes/Table/FacetColumnResult.d.ts

@@ -1,21 +1,21 @@
-export interface FacetColumnResultValues extends FacetColumnResult {
+export declare type FacetColumnResultValues = {
+    concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnResultValues';
+    columnName: string;
+    facetType: 'enumeration';
     facetValues: FacetColumnResultValueCount[];
-}
+};
 export declare type FacetColumnResultValueCount = {
     value: string;
     count: number;
     isSelected: boolean;
 };
-export interface FacetColumnResultRange extends FacetColumnResult {
-    concreteType: string;
+export declare type FacetColumnResultRange = {
+    concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnResultRange';
+    facetType: 'range';
     columnName: string;
     columnMin: string;
     columnMax: string;
     selectedMin?: string;
     selectedMax?: string;
-}
-export interface FacetColumnResult {
-    concreteType: string;
-    columnName: string;
-    facetType: 'enumeration' | 'range';
-}
+};
+export declare type FacetColumnResult = FacetColumnResultValues | FacetColumnResultRange;

package/dist/utils/synapseTypes/Table/QueryResultBundle.d.ts

@@ -12,4 +12,5 @@ export interface QueryResultBundle {
     columnModels?: ColumnModel[];
     facets?: FacetColumnResult[];
     sumFileSizes?: SumFileSizes;
+    lastUpdatedOn?: string;
 }

package/dist/utils/types/Writable.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Makes the properties of a type writable i.e. removes the `readonly` type property.
+ *
+ * Sourced from https://stackoverflow.com/a/43001581
+ */
+export declare type Writable<T> = {
+    -readonly [P in keyof T]: T[P];
+};

package/dist/utils/{synapseTypes/DownloadListV2/DownloadListQueryResponse.js → types/Writable.js}

@@ -1,3 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=DownloadListQueryResponse.js.map
+//# sourceMappingURL=Writable.js.map

package/dist/utils/types/Writable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Writable.js","sourceRoot":"","sources":["../../../src/lib/utils/types/Writable.ts"],"names":[],"mappings":""}

package/dist/utils/typography/Typography.styles.d.ts

@@ -1,2 +1,2 @@
-declare const useTypographyStyle: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "body1" | "body2" | "headline1" | "headline2" | "headline3" | "breadcrumb1" | "breadcrumb2" | "smallText1" | "smallText2" | "smallLink" | "buttonLink" | "hintText" | "sectionTitle" | "subsectionHeader">;
+declare const useTypographyStyle: (props?: any) => import("@material-ui/styles").ClassNameMap<"label" | "headline1" | "headline2" | "headline3" | "body1" | "body2" | "breadcrumb1" | "breadcrumb2" | "smallText1" | "smallText2" | "smallLink" | "buttonLink" | "hintText" | "sectionTitle" | "subsectionHeader">;
 export default useTypographyStyle;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-react-client",
-  "version": "2.1.22",
+  "version": "3.0.1",
   "private": false,
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",
@@ -15,6 +15,7 @@
     "url": "https://github.com/Sage-Bionetworks/Synapse-React-Client"
   },
   "dependencies": {
+    "@apidevtools/json-schema-ref-parser": "^9.0.9",
     "@brainhubeu/react-carousel": "1.19.26",
     "@fortawesome/fontawesome-free": "^5.13.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.4",
@@ -25,7 +26,7 @@
     "@material-ui/icons": "^4.11.2",
     "@material-ui/lab": "^4.0.0-alpha.57",
     "@popperjs/core": "^2.10.2",
-    "@rjsf/core": "^3.0.0",
+    "@rjsf/core": "^4.0.1",
     "@sage-bionetworks/react-base-table": "^1.12.3",
     "@sage-bionetworks/rjsf-core": "^3.1.4",
     "@types/ua-parser-js": "^0.7.36",
@@ -37,10 +38,9 @@
     "gh-pages": "^2.0.0",
     "immutable": "4.0.0-rc.15",
     "json-rules-engine": "^4.0.0",
-    "json-schema-ref-parser": "^7.1.1",
     "katex": "0.11.1",
     "lodash-es": ">=4.17.14",
-    "markdown-it": "^11.0.0",
+    "markdown-it": "^12.3.2",
     "markdown-it-br": "^1.0.0",
     "markdown-it-center-text": "^1.0.4",
     "markdown-it-container": "^2.0.0",
@@ -55,15 +55,15 @@
     "markdown-it-synapse-table": "^1.0.6",
     "moment": "^2.24.0",
     "moment-timezone": "^0.5.32",
-    "plotly.js-basic-dist": "^1.54.7",
+    "plotly.js-basic-dist": "^2.11.1",
     "pluralize": "^8.0.0",
     "raf": "^3.4.1",
-    "react": "16.13.1",
-    "react-app-polyfill": "^1.0.1",
+    "react": "16.14.0",
+    "react-app-polyfill": "^3.0.0",
     "react-bootstrap": "^1.5.2",
     "react-compound-slider": "^2.5.0",
     "react-datetime": "^3.0.4",
-    "react-dom": "16.13.1",
+    "react-dom": "16.14.0",
     "react-error-boundary": "^3.1.1",
     "react-hot-toast": "^2.1.0",
     "react-intersection-observer": "^8.31.0",
@@ -74,19 +74,22 @@
     "react-popper": "^2.2.5",
     "react-query": "3.33.1",
     "react-reflex": "^4.0.0",
+    "react-router": "5.2.1",
     "react-router-dom": "5.3.0",
-    "react-scripts": "^4.0.3",
     "react-select": "^4.3.1",
     "react-sizeme": "^2.6.12",
     "react-switch": "^5.0.1",
-    "react-test-renderer": "16.13.1",
+    "react-test-renderer": "16.14.0",
     "react-tooltip": "^4.2.21",
-    "react-transition-group": "2.6.0",
+    "react-transition-group": "4.4.2",
+    "react-virtualized-auto-sizer": "^1.0.6",
+    "react-vtree": "3.0.0-beta.3",
+    "react-window": "^1.8.6",
     "regenerator-runtime": "^0.13.2",
     "rss-parser": "^3.7.2",
-    "sanitize-html": "^2.3.2",
+    "sanitize-html": "^2.7.0",
     "sass": "^1.30.0",
-    "shortid": "^2.2.14",
+    "shortid": "^2.2.16",
     "spark-md5": "^3.0.0",
     "sql-parser": "^0.5.0",
     "tslib": "^2.3.1",
@@ -106,6 +109,7 @@
     "@babel/preset-typescript": "^7.14.5",
     "@babel/runtime": "^7.14.6",
     "@babel/types": "^7.14.5",
+    "@craco/craco": "^6.4.3",
     "@fal-works/esbuild-plugin-global-externals": "^2.1.2",
     "@sage-bionetworks/esbuild-plugin-svgr": "^0.0.4",
     "@testing-library/dom": "^8.1.0",
@@ -116,32 +120,36 @@
     "@types/brainhubeu__react-carousel": "1.15.0",
     "@types/enzyme": "^3.10.8",
     "@types/enzyme-adapter-react-16": "^1.0.5",
-    "@types/jest": "^24.9.0",
-    "@types/jest-when": "^2.7.2",
+    "@types/jest": "^27.4.1",
+    "@types/jest-when": "^3.5.0",
     "@types/jquery": "^3.5.14",
     "@types/katex": "^0.10.2",
     "@types/lodash-es": "4.17.3",
     "@types/markdown-it": "^12.0.1",
     "@types/node": "^14.14.31",
-    "@types/plotly.js": "^1.54.16",
+    "@types/plotly.js": "^1.54.20",
     "@types/plotly.js-basic-dist": "^1.54.0",
     "@types/pluralize": "^0.0.29",
-    "@types/react": "16.9.34",
+    "@types/react": "^16.14.23",
     "@types/react-addons-css-transition-group": "^15.0.5",
-    "@types/react-dom": "^16.9.6",
+    "@types/react-dom": "^16.9.14",
     "@types/react-mailchimp-subscribe": "^2.0.2",
     "@types/react-measure": "^2.0.4",
     "@types/react-plotly.js": "^2.2.4",
     "@types/react-router-dom": "4.3.5",
     "@types/react-select": "^4.0.17",
     "@types/react-transition-group": "^2.0.16",
+    "@types/react-virtualized-auto-sizer": "^1.0.1",
+    "@types/react-window": "^1.8.5",
     "@types/sanitize-html": "^2.3.2",
     "@types/shortid": "^0.0.29",
     "@types/sinon": "^7.0.2",
     "@types/spark-md5": "^3.0.1",
     "@types/xml2js": "^0.4.4",
-    "@typescript-eslint/eslint-plugin": "^4.28.3",
-    "@typescript-eslint/parser": "^4.28.3",
+    "@typescript-eslint/eslint-plugin": "^5.13.0",
+    "@typescript-eslint/parser": "^5.13.0",
+    "browserify-fs": "^1.0.0",
+    "buffer": "^6.0.3",
     "core-js": "^3.1.4",
     "enzyme": "^3.11.0",
     "enzyme-adapter-react-16": "^1.15.2",
@@ -149,21 +157,28 @@
     "esbuild-plugin-globals": "^0.1.1",
     "esbuild-plugin-node-polyfills": "^1.0.2",
     "esbuild-sass-plugin": "^1.8.0",
-    "eslint-plugin-jest": "^24.3.6",
-    "eslint-plugin-jest-dom": "^3.6.5",
+    "eslint-plugin-jest": "^26.1.1",
+    "eslint-plugin-jest-dom": "^4.0.1",
     "eslint-plugin-react": "latest",
-    "eslint-plugin-react-hooks": "^2.5.0",
-    "eslint-plugin-testing-library": "^3.10.2",
+    "eslint-plugin-react-hooks": "^4.3.0",
+    "eslint-plugin-testing-library": "^5.0.6",
+    "https-browserify": "^1.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest-mock-promise": "^1.1.10",
-    "jest-when": "^3.2.1",
-    "msw": "^0.29.0",
+    "jest-when": "^3.5.1",
+    "msw": "^0.38.2",
     "npm": "^6.9.0",
     "npm-run-all": "^4.1.3",
+    "path-browserify": "^1.0.1",
+    "postcss-normalize": "^10.0.1",
     "prettier": "^2.1.2",
+    "process": "^0.11.10",
+    "react-scripts": "^5.0.0",
     "react-select-event": "^5.3.0",
-    "react-styleguidist": "^11.1.2",
+    "react-styleguidist": "^11.2.0",
     "sinon": "^7.2.2",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
     "timers-browserify": "^2.0.12",
     "typescript": "4.4.3",
     "yarn": "^1.22.17"
@@ -183,13 +198,13 @@
     "deploy": "gh-pages -d styleguide && gh-pages -d styleguide -o upstream",
     "deploy:origin": "yarn install && yarn run predeploy && gh-pages -d styleguide && gh-pages -d styleguide -o origin",
     "watch:css": "yarn run build:css && sass src --watch --load-path=node_modules",
-    "start-js": "react-scripts start",
+    "start-js": "craco start",
     "start": "npm-run-all -p watch:css serve:docs",
     "start-deprecated-demo": "npm-run-all -p watch:css start-js",
-    "test": "react-scripts test --transformIgnorePatterns \"node_modules/(?!(lodash-es|jest*)/)\" , --env=jsdom --setupFilesAfterEnv ./src/setupTests.js --resetMocks false",
+    "test": "craco test --transformIgnorePatterns \"node_modules/(?!(lodash-es|jest*)/)\" , --env=jsdom --setupFilesAfterEnv ./src/setupTests.js --resetMocks false",
     "test:coverage": "yarn test --coverage",
     "test:noPrompt": "CI=true yarn test",
-    "eject": "react-scripts eject",
+    "eject": "craco eject",
     "type-check": "tsc --noEmit",
     "type-check:watch": "yarn run type-check --watch",
     "build": "yarn run build:css && yarn run build:js && yarn run build:copy-assets && yarn build:esbuild",
@@ -197,21 +212,18 @@
     "build:js": "tsc --p tsconfig.build.json",
     "build:copy-assets": "cd src/lib && find . -name '*.scss' -o -name '*.css' -o -name '*.svg' | cpio -pdm ../../dist/",
     "build:esbuild": "node esbuild.config.mjs && cp -r src/umd dist/",
-    "serve:docs": "DISABLE_ESLINT_PLUGIN=true FAST_REFRESH=false npx styleguidist server --open",
-    "build:docs": "yarn run build:css && DISABLE_ESLINT_PLUGIN=true FAST_REFRESH=false npx styleguidist build",
+    "serve:docs": "npx styleguidist server --open",
+    "build:docs": "yarn run build:css && npx styleguidist build",
     "link-src": "yarn link && cd ./node_modules/react && yarn link && cd ../react-router && yarn link && cd ../react-router-dom && yarn link && cd ../../",
     "unlink-src": "yarn unlink && cd ./node_modules/react && yarn unlink && cd ../react-router && yarn unlink && cd ../react-router-dom && yarn unlink && cd ../../"
   },
   "resolutions": {
-    "fstream": "1.0.12",
     "js-yaml": "3.13.1",
     "minimatch": "3.0.4",
-    "mem": "^4.0.0",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "@types/react": "16.9.34",
-    "**/@typescript-eslint/eslint-plugin": "^4.28.3",
-    "**/@typescript-eslint/parser": "^4.28.3"
+    "react": "16.14.0",
+    "react-dom": "16.14.0",
+    "@types/react": "^16.14.23",
+    "@types/webpack": "^5.28.0"
   },
   "browser": {
     "timers": "timers-browserify"

package/dist/containers/Facets.d.ts

@@ -1,43 +0,0 @@
-import * as React from 'react';
-import { FacetColumnResultValues } from '../utils/synapseTypes/';
-import { FacetSelection, QueryWrapperChildProps } from './QueryWrapper';
-export declare const SELECT_SINGLE_FACET = "SELECT_SINGLE_FACET";
-declare type CheckboxGroupProps = {
-    isAllFilterSelected: boolean;
-    rgbIndex: number;
-    facetColumnResult: FacetColumnResultValues;
-    applyChanges: (ref: React.RefObject<HTMLSpanElement>, facetValue: string, selector: string, index: number) => (_event: React.MouseEvent<HTMLSpanElement>) => void;
-    showAllFacets: boolean;
-    lastFacetSelection: FacetSelection;
-    isLoading: boolean;
-};
-export declare const FACET_SELECTED_CLASS = "FACET_SELECTED_CLASS";
-export declare const FACET_NOT_SELECTED_CLASS = "FACET_NOT_SELECTED_CLASS";
-/**
- * Checkbox group represents one column's set of checkbox filters
- *
- * @class CheckboxGroup
- * @extends {React.Component}
- */
-declare const CheckboxGroup: React.FunctionComponent<CheckboxGroupProps>;
-declare type FacetsState = {
-    showAllFacets: boolean;
-};
-declare class Facets extends React.Component<QueryWrapperChildProps, FacetsState> {
-    constructor(props: QueryWrapperChildProps);
-    /**
-     * Display the view of the facets
-     *
-     * @returns
-     * @memberof Facets
-     */
-    showFacetFilter(): JSX.Element;
-    /**
-     * Handle checkbox click event
-     */
-    applyChanges: (ref: React.RefObject<HTMLSpanElement>, facetValue: string, selector: string, index: number) => (event: React.MouseEvent<HTMLSpanElement>) => void;
-    showAllFacets(event: React.MouseEvent<HTMLAnchorElement, MouseEvent>): void;
-    showButtons(curFacetsLength: number, ref: React.RefObject<HTMLDivElement>): JSX.Element;
-    render(): JSX.Element;
-}
-export { Facets, CheckboxGroup };