synapse-react-client 2.0.56 → 2.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/containers/DirectDownload.d.ts +1 -0
- package/dist/containers/DirectDownload.js +11 -4
- package/dist/containers/DirectDownload.js.map +1 -1
- package/dist/containers/EntityBadgeIcons.d.ts +3 -2
- package/dist/containers/EntityBadgeIcons.js +12 -12
- package/dist/containers/EntityBadgeIcons.js.map +1 -1
- package/dist/containers/ExperimentalMode.js.map +1 -1
- package/dist/containers/FluidModal.d.ts +23 -0
- package/dist/containers/FluidModal.js +36 -0
- package/dist/containers/FluidModal.js.map +1 -0
- package/dist/containers/IconSvg.js +6 -0
- package/dist/containers/IconSvg.js.map +1 -1
- package/dist/containers/PlotlyWrapper.d.ts +2 -0
- package/dist/containers/PlotlyWrapper.js +5 -7
- package/dist/containers/PlotlyWrapper.js.map +1 -1
- package/dist/containers/QueryCount.d.ts +0 -1
- package/dist/containers/QueryCount.js +2 -5
- package/dist/containers/QueryCount.js.map +1 -1
- package/dist/containers/download_list_v2/AvailableForDownloadTable.d.ts +5 -1
- package/dist/containers/download_list_v2/AvailableForDownloadTable.js +4 -3
- package/dist/containers/download_list_v2/AvailableForDownloadTable.js.map +1 -1
- package/dist/containers/download_list_v2/CreatePackageV2.js +4 -17
- package/dist/containers/download_list_v2/CreatePackageV2.js.map +1 -1
- package/dist/containers/download_list_v2/DownloadCartPage.js +49 -9
- package/dist/containers/download_list_v2/DownloadCartPage.js.map +1 -1
- package/dist/containers/download_list_v2/DownloadDetails.js +15 -12
- package/dist/containers/download_list_v2/DownloadDetails.js.map +1 -1
- package/dist/containers/download_list_v2/DownloadListActionsRequired.js +1 -1
- package/dist/containers/download_list_v2/DownloadListActionsRequired.js.map +1 -1
- package/dist/containers/download_list_v2/DownloadListTable.js +44 -26
- package/dist/containers/download_list_v2/DownloadListTable.js.map +1 -1
- package/dist/containers/download_list_v2/MeetAccessRequirementCard.d.ts +1 -1
- package/dist/containers/download_list_v2/MeetAccessRequirementCard.js +4 -4
- package/dist/containers/download_list_v2/MeetAccessRequirementCard.js.map +1 -1
- package/dist/containers/download_list_v2/RequestDownloadCard.js +4 -5
- package/dist/containers/download_list_v2/RequestDownloadCard.js.map +1 -1
- package/dist/containers/entity_finder/EntityFinderModal.d.ts +14 -0
- package/dist/containers/entity_finder/EntityFinderModal.js +24 -0
- package/dist/containers/entity_finder/EntityFinderModal.js.map +1 -0
- package/dist/containers/entity_finder/details/view/DetailsView.d.ts +2 -0
- package/dist/containers/entity_finder/details/view/DetailsView.js +14 -12
- package/dist/containers/entity_finder/details/view/DetailsView.js.map +1 -1
- package/dist/containers/entity_finder/details/view/DetailsViewTableRenderers.d.ts +60 -13
- package/dist/containers/entity_finder/details/view/DetailsViewTableRenderers.js +137 -13
- package/dist/containers/entity_finder/details/view/DetailsViewTableRenderers.js.map +1 -1
- package/dist/containers/home_page/goals/Goals.Desktop.js +1 -1
- package/dist/containers/home_page/goals/Goals.Desktop.js.map +1 -1
- package/dist/containers/home_page/goals/Goals.Mobile.js +1 -1
- package/dist/containers/home_page/goals/Goals.Mobile.js.map +1 -1
- package/dist/containers/query_wrapper_plot_nav/QueryWrapperPlotNav.d.ts +1 -0
- package/dist/containers/query_wrapper_plot_nav/QueryWrapperPlotNav.js +2 -2
- package/dist/containers/query_wrapper_plot_nav/QueryWrapperPlotNav.js.map +1 -1
- package/dist/containers/table/StandaloneQueryWrapper.js +2 -2
- package/dist/containers/table/StandaloneQueryWrapper.js.map +1 -1
- package/dist/containers/table/TopLevelControls.d.ts +1 -0
- package/dist/containers/table/TopLevelControls.js +6 -4
- package/dist/containers/table/TopLevelControls.js.map +1 -1
- package/dist/containers/table/datasets/DatasetItemsEditor.d.ts +13 -0
- package/dist/containers/table/datasets/DatasetItemsEditor.js +264 -0
- package/dist/containers/table/datasets/DatasetItemsEditor.js.map +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/rollup.index.d.ts +3 -1
- package/dist/rollup.index.js +3 -1
- package/dist/rollup.index.js.map +1 -1
- package/dist/style/abstracts/_mixins.scss +41 -1
- package/dist/style/abstracts/_variables.scss +3 -3
- package/dist/style/base/_core.scss +7 -6
- package/dist/style/bootstrap4_backports/_overrides.scss +6 -1
- package/dist/style/components/_all.scss +3 -2
- package/dist/style/components/_dataset-editor.scss +75 -0
- package/dist/style/components/_download-cart-page.scss +17 -0
- package/dist/style/components/_download-list-v2.scss +52 -10
- package/dist/style/components/_fluid-modal.scss +42 -0
- package/dist/style/components/_popover.scss +1 -0
- package/dist/style/main.css +565 -30
- package/dist/umd/synapse-react-client.production.min.js +15 -15
- package/dist/umd/synapse-react-client.production.styles.css +565 -30
- package/dist/utils/functions/TooltipUtils.d.ts +7 -0
- package/dist/utils/functions/TooltipUtils.js +16 -0
- package/dist/utils/functions/TooltipUtils.js.map +1 -0
- package/dist/utils/hooks/SynapseAPI/useEntity.d.ts +1 -0
- package/dist/utils/hooks/SynapseAPI/useEntity.js +25 -1
- package/dist/utils/hooks/SynapseAPI/useEntity.js.map +1 -1
- package/dist/utils/hooks/useSet.d.ts +14 -0
- package/dist/utils/hooks/useSet.js +42 -0
- package/dist/utils/hooks/useSet.js.map +1 -0
- package/dist/utils/hooks/useTraceUpdate.d.ts +1 -0
- package/dist/utils/hooks/useTraceUpdate.js +22 -0
- package/dist/utils/hooks/useTraceUpdate.js.map +1 -0
- package/package.json +1 -1
|
@@ -35,10 +35,10 @@ var controls = [
|
|
|
35
35
|
},
|
|
36
36
|
];
|
|
37
37
|
var TopLevelControls = function (props) {
|
|
38
|
-
var name = props.name, sql = props.sql, updateParentState = props.updateParentState, topLevelControlsState = props.topLevelControlsState, data = props.data, _a = props.showColumnSelection, showColumnSelection = _a === void 0 ? false : _a, isColumnSelected = props.isColumnSelected, _b = props.hideDownload, hideDownload = _b === void 0 ? false : _b, _c = props.hideVisualizationsControl, hideVisualizationsControl = _c === void 0 ? false : _c, _d = props.hideFacetFilterControl, hideFacetFilterControl = _d === void 0 ? false : _d, selectedRowIndices = props.selectedRowIndices, customControls = props.customControls, executeQueryRequest = props.executeQueryRequest, getLastQueryRequest = props.getLastQueryRequest, facetAliases = props.facetAliases;
|
|
38
|
+
var name = props.name, sql = props.sql, updateParentState = props.updateParentState, topLevelControlsState = props.topLevelControlsState, data = props.data, _a = props.showColumnSelection, showColumnSelection = _a === void 0 ? false : _a, isColumnSelected = props.isColumnSelected, _b = props.hideDownload, hideDownload = _b === void 0 ? false : _b, _c = props.hideVisualizationsControl, hideVisualizationsControl = _c === void 0 ? false : _c, _d = props.hideFacetFilterControl, hideFacetFilterControl = _d === void 0 ? false : _d, _e = props.hideQueryCount, hideQueryCount = _e === void 0 ? false : _e, selectedRowIndices = props.selectedRowIndices, customControls = props.customControls, executeQueryRequest = props.executeQueryRequest, getLastQueryRequest = props.getLastQueryRequest, facetAliases = props.facetAliases;
|
|
39
39
|
var accessToken = (0, SynapseContext_1.useSynapseContext)().accessToken;
|
|
40
40
|
var entityId = (0, sqlFunctions_1.parseEntityIdFromSqlStatement)(sql);
|
|
41
|
-
var
|
|
41
|
+
var _f = (0, react_1.useState)(false), isFileView = _f[0], setIsFileView = _f[1];
|
|
42
42
|
var setControlState = function (control) {
|
|
43
43
|
var _a;
|
|
44
44
|
var updatedTopLevelControlsState = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, topLevelControlsState), (_a = {}, _a[control] = !topLevelControlsState[control], _a));
|
|
@@ -91,8 +91,10 @@ var TopLevelControls = function (props) {
|
|
|
91
91
|
? QueryWrapper_1.QUERY_FILTERS_EXPANDED_CSS
|
|
92
92
|
: QueryWrapper_1.QUERY_FILTERS_COLLAPSED_CSS), "data-testid": 'TopLevelControls' },
|
|
93
93
|
react_1.default.createElement("h3", null,
|
|
94
|
-
react_1.default.createElement("div", { className: "TopLevelControls__querycount" },
|
|
95
|
-
|
|
94
|
+
react_1.default.createElement("div", { className: "TopLevelControls__querycount" }, name && react_1.default.createElement(Typography_1.default, { variant: 'sectionTitle', role: 'heading' },
|
|
95
|
+
name,
|
|
96
|
+
" ",
|
|
97
|
+
(!hideQueryCount && react_1.default.createElement(QueryCount_1.default, { sql: sql, parens: true })))),
|
|
96
98
|
react_1.default.createElement("div", { className: "TopLevelControls__actions" },
|
|
97
99
|
customControls &&
|
|
98
100
|
customControls.map(function (customControl) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TopLevelControls.js","sourceRoot":"","sources":["../../../src/lib/containers/table/TopLevelControls.tsx"],"names":[],"mappings":";;;AAAA,0DAAkD;AAClD,0EAAsC;AAEtC,gDAKwB;AACxB,8FAA0D;AAC1D,+DAA6D;AAC7D,qCAA2C;AAC3C,oEAAkE;AAClE,uCAAqC;AAErC,yCAA6C;AAC7C,mEAAkF;AAClF,6DAA8D;
|
|
1
|
+
{"version":3,"file":"TopLevelControls.js","sourceRoot":"","sources":["../../../src/lib/containers/table/TopLevelControls.tsx"],"names":[],"mappings":";;;AAAA,0DAAkD;AAClD,0EAAsC;AAEtC,gDAKwB;AACxB,8FAA0D;AAC1D,+DAA6D;AAC7D,qCAA2C;AAC3C,oEAAkE;AAClE,uCAAqC;AAErC,yCAA6C;AAC7C,mEAAkF;AAClF,6DAA8D;AAiC9D,IAAM,QAAQ,GAAc;IAC1B;QACE,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,eAAe;QACpB,WAAW,EAAE,wBAAwB;KACtC;IACD;QACE,IAAI,EAAE,OAAO;QACb,GAAG,EAAE,wBAAwB;QAC7B,WAAW,EAAE,4BAA4B;KAC1C;IACD;QACE,IAAI,EAAE,QAAQ;QACd,GAAG,EAAE,iBAAiB;QACtB,WAAW,EAAE,qBAAqB;KACnC;IACD;QACE,IAAI,EAAE,UAAU;QAChB,GAAG,EAAE,0BAA0B;QAC/B,WAAW,EAAE,2BAA2B;KACzC;CACF,CAAA;AAED,IAAM,gBAAgB,GAAG,UACvB,KAAqD;IAGnD,IAAA,IAAI,GAgBF,KAAK,KAhBH,EACJ,GAAG,GAeD,KAAK,IAfJ,EACH,iBAAiB,GAcf,KAAK,kBAdU,EACjB,qBAAqB,GAanB,KAAK,sBAbc,EACrB,IAAI,GAYF,KAAK,KAZH,EACJ,KAWE,KAAK,oBAXoB,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,gBAAgB,GAUd,KAAK,iBAVS,EAChB,KASE,KAAK,aATa,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,KAQE,KAAK,0BAR0B,EAAjC,yBAAyB,mBAAG,KAAK,KAAA,EACjC,KAOE,KAAK,uBAPuB,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,KAME,KAAK,eANe,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,kBAAkB,GAKhB,KAAK,mBALW,EAClB,cAAc,GAIZ,KAAK,eAJO,EACd,mBAAmB,GAGjB,KAAK,oBAHY,EACnB,mBAAmB,GAEjB,KAAK,oBAFY,EACnB,YAAY,GACV,KAAK,aADK,CACL;IACD,IAAA,WAAW,GAAK,IAAA,kCAAiB,GAAE,YAAxB,CAAwB;IAC3C,IAAM,QAAQ,GAAG,IAAA,4CAA6B,EAAC,GAAG,CAAC,CAAA;IAC7C,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,eAAe,GAAG,UAAC,OAAoC;;QAC3D,IAAM,4BAA4B,mDAC7B,qBAAsB,gBACxB,OAAO,IAAG,CAAC,qBAAsB,CAAC,OAAO,CAAC,MAC5C,CAAA;QACD,IAAI,OAAO,KAAK,eAAe,EAAE;YAC/B,4BAA4B,CAAC,wBAAwB,GAAG,KAAK,CAAA;SAC9D;QACD,IAAI,OAAO,KAAK,0BAA0B,EAAE;YAC1C,4BAA4B,CAAC,aAAa,GAAG,KAAK,CAAA;SACnD;QACD,iBAAkB,CAAC;YACjB,qBAAqB,EAAE,4BAA4B;SACpD,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,IAAA,iBAAS,EAAC;QACR,IAAM,aAAa,GAAG;;;;4BACD,qBAAM,qBAAa,CAAC,SAAS,CAAC,WAAW,EAAE,QAAQ,CAAC,EAAA;;wBAAjE,UAAU,GAAG,SAAoD;wBACvE,aAAa,CAAC,UAAU,CAAC,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAA;;;;aAC9D,CAAA;QACD,aAAa,EAAE,CAAA;IACjB,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAA;IAE3B,IAAM,OAAO,GAAG;QACd,mBAAoB,CAAC,mBAAoB,EAAE,CAAC,CAAA;IAC9C,CAAC,CAAA;IACD;;;;;OAKG;IACH,IAAM,qBAAqB,GAAG,UAAC,UAAkB;QAC/C,IAAI,oBAAoB,GAAG,IAAA,qBAAS,EAAC,gBAAiB,CAAC,CAAA;QACvD,IAAI,oBAAoB,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;YAC7C,oBAAoB,GAAG,oBAAoB,CAAC,MAAM,CAChD,UAAA,EAAE,IAAI,OAAA,EAAE,KAAK,UAAU,EAAjB,CAAiB,CACxB,CAAA;SACF;aAAM;YACL,oBAAoB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;SACtC;QACD,iBAAkB,CAAC,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,CAAC,CAAA;IAChE,CAAC,CAAA;IACD,IAAM,eAAe,GAAG,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,eAAe,CAAA;IAC9D,OAAO,CACL,uCACE,SAAS,EAAE,uBACT,eAAe;YACb,CAAC,CAAC,yCAA0B;YAC5B,CAAC,CAAC,0CAA2B,CAC/B,iBACU,kBAAkB;QAE9B;YACE,uCAAK,SAAS,EAAC,8BAA8B,IAC1C,IAAI,IAAI,8BAAC,oBAAU,IAAC,OAAO,EAAC,cAAc,EAAC,IAAI,EAAC,SAAS;gBACvD,IAAI;;gBAAG,CAAC,CAAC,cAAc,IAAI,8BAAC,oBAAU,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,GAAI,CAAC,CACxD,CACT;YACN,uCAAK,SAAS,EAAC,2BAA2B;gBACvC,cAAc;oBACb,cAAc,CAAC,GAAG,CAAC,UAAA,aAAa;wBAC9B,OAAO,CACL,0CACE,GAAG,EAAE,aAAa,CAAC,UAAU,EAC7B,SAAS,EAAE,oEAAkE,aAAa,CAAC,UAAY,EACvG,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAC7B,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE;gCACP,OAAA,aAAa,CAAC,OAAO,CAAC,EAAE,IAAI,MAAA,EAAE,kBAAkB,oBAAA,EAAE,OAAO,SAAA,EAAE,CAAC;4BAA5D,CAA4D;4BAG7D,aAAa,CAAC,IAAI;;4BAClB,aAAa,CAAC,UAAU,CAClB,CACV,CAAA;oBACH,CAAC,CAAC;gBACH,QAAQ,CAAC,GAAG,CAAC,UAAA,OAAO;oBACX,IAAA,GAAG,GAAwB,OAAO,IAA/B,EAAE,IAAI,GAAkB,OAAO,KAAzB,EAAE,WAAW,GAAK,OAAO,YAAZ,CAAY;oBAC1C,IACE,CAAC,GAAG,KAAK,0BAA0B,IAAI,YAAY,CAAC;wBACpD,CAAC,GAAG,KAAK,wBAAwB,IAAI,yBAAyB,CAAC;wBAC/D,CAAC,GAAG,KAAK,iBAAiB,IAAI,sBAAsB,CAAC,EACrD;wBACA,8DAA8D;wBAC9D,OAAO,6DAAK,CAAA;qBACb;yBAAM,IAAI,GAAG,KAAK,0BAA0B,EAAE;wBAC7C,OAAO,CACL,8BAAC,2BAAe,IACd,SAAS,EAAE,IAAI,EACf,eAAe,EAAE,cAAM,OAAA,eAAe,CAAC,GAAG,CAAC,EAApB,CAAoB,EAC3C,iBAAiB,EAAE,IAAI,EACvB,kBAAkB,EAAE,mBAAoB,EAAE,EAC1C,UAAU,EAAE,UAAU,IAAI,CAAC,YAAY,GACvC,CACH,CAAA;qBACF;oBACD,OAAO,CACL,8BAAC,uCAAkB,IACjB,YAAY,EAAE,GAAG,EACjB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,cAAM,OAAA,eAAe,CAAC,GAAG,CAAC,EAApB,CAAoB,EACtC,SAAS,EAAE,IAAI,EACf,IAAI,EAAE,IAAI,GACV,CACH,CAAA;gBACH,CAAC,CAAC;gBACD,mBAAmB,IAAI,CACtB,8BAAC,iCAAe,IACd,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAiB,EACnC,qBAAqB,EAAE,qBAAqB,EAC5C,SAAS,EAAE,IAAI,EACf,YAAY,EAAE,YAAY,GAC1B,CACH,CACG,CACH,CACD,CACP,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DatasetItem } from '../../../utils/synapseTypes';
|
|
3
|
+
declare type DatasetItemsEditorProps = {
|
|
4
|
+
entityId: string;
|
|
5
|
+
onSave?: () => void;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
};
|
|
8
|
+
export declare type DatasetItemsEditorTableData = DatasetItem & {
|
|
9
|
+
isSelected: boolean;
|
|
10
|
+
setSelected: (value: boolean) => void;
|
|
11
|
+
};
|
|
12
|
+
export declare function DatasetItemsEditor(props: DatasetItemsEditorProps): JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,264 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.DatasetItemsEditor = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var lab_1 = require("@material-ui/lab");
|
|
6
|
+
var react_base_table_1 = (0, tslib_1.__importDefault)(require("@sage-bionetworks/react-base-table"));
|
|
7
|
+
var react_1 = (0, tslib_1.__importStar)(require("react"));
|
|
8
|
+
var react_bootstrap_1 = require("react-bootstrap");
|
|
9
|
+
var react_tooltip_1 = (0, tslib_1.__importDefault)(require("react-tooltip"));
|
|
10
|
+
var SkeletonTable_1 = require("../../../assets/skeletons/SkeletonTable");
|
|
11
|
+
var TooltipUtils_1 = require("../../../utils/functions/TooltipUtils");
|
|
12
|
+
var useEntity_1 = require("../../../utils/hooks/SynapseAPI/useEntity");
|
|
13
|
+
var useSet_1 = require("../../../utils/hooks/useSet");
|
|
14
|
+
var useTraceUpdate_1 = (0, tslib_1.__importDefault)(require("../../../utils/hooks/useTraceUpdate"));
|
|
15
|
+
var synapseTypes_1 = require("../../../utils/synapseTypes");
|
|
16
|
+
var Typography_1 = (0, tslib_1.__importDefault)(require("../../../utils/typography/Typography"));
|
|
17
|
+
var EntityBadgeIcons_1 = require("../../EntityBadgeIcons");
|
|
18
|
+
var DetailsViewTableRenderers_1 = require("../../entity_finder/details/view/DetailsViewTableRenderers");
|
|
19
|
+
var EntityFinderModal_1 = require("../../entity_finder/EntityFinderModal");
|
|
20
|
+
var TreeView_1 = require("../../entity_finder/tree/TreeView");
|
|
21
|
+
var IconSvg_1 = (0, tslib_1.__importDefault)(require("../../IconSvg"));
|
|
22
|
+
var WarningModal_1 = (0, tslib_1.__importDefault)(require("../../synapse_form_wrapper/WarningModal"));
|
|
23
|
+
var ToastMessage_1 = require("../../ToastMessage");
|
|
24
|
+
var Checkbox_1 = require("../../widgets/Checkbox");
|
|
25
|
+
var DATASET_MAX_ITEM_LIMIT = 20000;
|
|
26
|
+
var ROW_HEIGHT = 42;
|
|
27
|
+
var TABLE_HEIGHT = 350;
|
|
28
|
+
function DatasetItemsEditor(props) {
|
|
29
|
+
var entityId = props.entityId, onSave = props.onSave, onClose = props.onClose;
|
|
30
|
+
var _a = (0, react_1.useState)(false), showEntityFinder = _a[0], setShowEntityFinder = _a[1];
|
|
31
|
+
var _b = (0, react_1.useState)(false), showWarningModal = _b[0], setShowWarningModal = _b[1];
|
|
32
|
+
// Disable updating the entity after the initial fetch because we don't want to replace edits that the user makes.
|
|
33
|
+
var _c = (0, react_1.useState)(), datasetToUpdate = _c[0], _setDatasetToUpdate = _c[1];
|
|
34
|
+
var setDatasetToUpdate = function (dataset) {
|
|
35
|
+
setHasChangedSinceLastSave(true);
|
|
36
|
+
_setDatasetToUpdate(dataset);
|
|
37
|
+
};
|
|
38
|
+
var _d = (0, react_1.useState)(false), hasChangedSinceLastSave = _d[0], setHasChangedSinceLastSave = _d[1];
|
|
39
|
+
var _e = (0, useSet_1.useSet)(), selectedIds = _e.set, addSelectedId = _e.add, removeSelectedId = _e.remove, clearSelectedIds = _e.clear;
|
|
40
|
+
var allItemsAreSelected = !!(datasetToUpdate && datasetToUpdate.items.length === selectedIds.size);
|
|
41
|
+
var refetch = (0, useEntity_1.useGetEntity)(entityId, undefined, {
|
|
42
|
+
enabled: !datasetToUpdate,
|
|
43
|
+
onSuccess: function (dataset) {
|
|
44
|
+
setDatasetToUpdate(dataset);
|
|
45
|
+
setHasChangedSinceLastSave(false);
|
|
46
|
+
},
|
|
47
|
+
}).refetch;
|
|
48
|
+
var mutation = (0, useEntity_1.useUpdateEntity)({
|
|
49
|
+
onSuccess: function () {
|
|
50
|
+
(0, ToastMessage_1.displayToast)('Create a Version of this Dataset to freeze it in its current state', 'success', { title: 'Dataset Saved' });
|
|
51
|
+
if (onSave) {
|
|
52
|
+
onSave();
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
onError: function (error) {
|
|
56
|
+
if (error.status === 412) {
|
|
57
|
+
(0, ToastMessage_1.displayToast)('Re-retrieve the dataset to get the latest changes. Your current changes will be lost.', 'warning', {
|
|
58
|
+
title: 'Dataset Updated since Last Fetched',
|
|
59
|
+
primaryButtonText: 'Retrieve Dataset',
|
|
60
|
+
onPrimaryButtonClick: refetch,
|
|
61
|
+
});
|
|
62
|
+
}
|
|
63
|
+
else {
|
|
64
|
+
(0, ToastMessage_1.displayToast)(error.reason, 'danger', {
|
|
65
|
+
title: 'An Error Occurred',
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
});
|
|
70
|
+
var tableData = datasetToUpdate === null || datasetToUpdate === void 0 ? void 0 : datasetToUpdate.items.map(function (item) {
|
|
71
|
+
return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, item), { isSelected: selectedIds.has(item.entityId), setSelected: function (value) {
|
|
72
|
+
return value
|
|
73
|
+
? addSelectedId(item.entityId)
|
|
74
|
+
: removeSelectedId(item.entityId);
|
|
75
|
+
} });
|
|
76
|
+
});
|
|
77
|
+
function addItemsToDataset(newItems) {
|
|
78
|
+
setDatasetToUpdate(function (datasetToUpdate) {
|
|
79
|
+
if (datasetToUpdate) {
|
|
80
|
+
var existingItems = datasetToUpdate.items.filter(function (item) { return !newItems.find(function (newItem) { return newItem.targetId === item.entityId; }); });
|
|
81
|
+
if (existingItems.length < datasetToUpdate.items.length) {
|
|
82
|
+
(0, ToastMessage_1.displayToast)('Files were added that were already in the dataset. The versions of those files might have been updated.', 'info');
|
|
83
|
+
}
|
|
84
|
+
var items = (0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([], existingItems, true), newItems.map(function (item) { return ({
|
|
85
|
+
entityId: item.targetId,
|
|
86
|
+
versionNumber: item.targetVersionNumber,
|
|
87
|
+
}); }), true);
|
|
88
|
+
return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, datasetToUpdate), { items: items });
|
|
89
|
+
}
|
|
90
|
+
else {
|
|
91
|
+
console.warn('Cannot add items to the Dataset because is undefined. The Dataset may not have been fetched yet.');
|
|
92
|
+
return datasetToUpdate;
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
clearSelectedIds();
|
|
96
|
+
}
|
|
97
|
+
function removeSelectedItemsFromDataset() {
|
|
98
|
+
setDatasetToUpdate(function (dataset) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, dataset), { items: dataset.items.filter(function (datasetItem) { return !selectedIds.has(datasetItem.entityId); }) })); });
|
|
99
|
+
clearSelectedIds();
|
|
100
|
+
}
|
|
101
|
+
function changeVersionOnItem(entityId, newVersion) {
|
|
102
|
+
setDatasetToUpdate(function (dataset) { return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, dataset), { items: dataset.items.map(function (datasetItem) {
|
|
103
|
+
return datasetItem.entityId === entityId
|
|
104
|
+
? { entityId: entityId, versionNumber: newVersion }
|
|
105
|
+
: datasetItem;
|
|
106
|
+
}) })); });
|
|
107
|
+
}
|
|
108
|
+
var DatasetItemVersionRenderer = function (props) {
|
|
109
|
+
return (react_1.default.createElement(DetailsViewTableRenderers_1.DatasetEditorVersionRenderer, (0, tslib_1.__assign)({}, props, { toggleSelection: function (datasetItem) {
|
|
110
|
+
changeVersionOnItem(datasetItem.entityId, datasetItem.versionNumber);
|
|
111
|
+
} })));
|
|
112
|
+
};
|
|
113
|
+
var SelectAllCheckboxRenderer = function (props) {
|
|
114
|
+
var datasetToUpdate = props.datasetToUpdate, clearSelectedIds = props.clearSelectedIds, addSelectedId = props.addSelectedId;
|
|
115
|
+
(0, useTraceUpdate_1.default)(props);
|
|
116
|
+
var isChecked = allItemsAreSelected;
|
|
117
|
+
return datasetToUpdate ? (react_1.default.createElement("div", { "data-testid": "Select All", style: { cursor: 'pointer' }, onClick: function () {
|
|
118
|
+
if (isChecked) {
|
|
119
|
+
clearSelectedIds();
|
|
120
|
+
}
|
|
121
|
+
else {
|
|
122
|
+
addSelectedId.apply(void 0, datasetToUpdate.items.map(function (item) { return item.entityId; }));
|
|
123
|
+
}
|
|
124
|
+
} },
|
|
125
|
+
react_1.default.createElement(Checkbox_1.Checkbox, { label: "", className: "SRC-pointer-events-none", checked: isChecked, disabled: datasetToUpdate.items.length === 0, onChange: function () {
|
|
126
|
+
// no-op
|
|
127
|
+
} }))) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
128
|
+
};
|
|
129
|
+
var renderedSelectAllCheckbox = datasetToUpdate ? (react_1.default.createElement(SelectAllCheckboxRenderer, { datasetToUpdate: datasetToUpdate, selectedIds: selectedIds, clearSelectedIds: clearSelectedIds, addSelectedId: addSelectedId, allItemsAreSelected: allItemsAreSelected })) : (react_1.default.createElement(react_1.default.Fragment, null));
|
|
130
|
+
var defaultColumns = [
|
|
131
|
+
{
|
|
132
|
+
key: 'errorState',
|
|
133
|
+
width: 30,
|
|
134
|
+
cellRenderer: DetailsViewTableRenderers_1.EntityErrorRenderer,
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
key: 'isSelected',
|
|
138
|
+
width: 40,
|
|
139
|
+
dataKey: 'isSelected',
|
|
140
|
+
headerRenderer: renderedSelectAllCheckbox,
|
|
141
|
+
cellRenderer: DetailsViewTableRenderers_1.CheckboxRenderer,
|
|
142
|
+
},
|
|
143
|
+
{
|
|
144
|
+
key: 'name',
|
|
145
|
+
width: 350,
|
|
146
|
+
dataKey: 'entityId',
|
|
147
|
+
title: 'Name',
|
|
148
|
+
resizable: true,
|
|
149
|
+
cellRenderer: DetailsViewTableRenderers_1.EntityNameRenderer,
|
|
150
|
+
},
|
|
151
|
+
{
|
|
152
|
+
key: 'status',
|
|
153
|
+
width: 80,
|
|
154
|
+
dataKey: 'entityId',
|
|
155
|
+
resizable: true,
|
|
156
|
+
cellRenderer: DetailsViewTableRenderers_1.BadgeIconsRenderer,
|
|
157
|
+
},
|
|
158
|
+
{
|
|
159
|
+
key: 'id',
|
|
160
|
+
width: 140,
|
|
161
|
+
title: 'ID',
|
|
162
|
+
dataKey: 'entityId',
|
|
163
|
+
resizable: true,
|
|
164
|
+
},
|
|
165
|
+
{
|
|
166
|
+
key: 'version',
|
|
167
|
+
width: 150,
|
|
168
|
+
title: 'Version',
|
|
169
|
+
dataKey: 'entityId',
|
|
170
|
+
cellRenderer: DatasetItemVersionRenderer,
|
|
171
|
+
},
|
|
172
|
+
{
|
|
173
|
+
key: 'createdOn',
|
|
174
|
+
width: 200,
|
|
175
|
+
title: 'Created On',
|
|
176
|
+
dataKey: 'entityId',
|
|
177
|
+
resizable: true,
|
|
178
|
+
cellRenderer: DetailsViewTableRenderers_1.CreatedOnRenderer,
|
|
179
|
+
},
|
|
180
|
+
{
|
|
181
|
+
key: 'modifiedOn',
|
|
182
|
+
width: 200,
|
|
183
|
+
title: 'Modified On',
|
|
184
|
+
dataKey: 'entityId',
|
|
185
|
+
resizable: true,
|
|
186
|
+
cellRenderer: DetailsViewTableRenderers_1.ModifiedOnRenderer,
|
|
187
|
+
},
|
|
188
|
+
{
|
|
189
|
+
key: 'modifiedBy',
|
|
190
|
+
width: 250,
|
|
191
|
+
title: 'Modified By',
|
|
192
|
+
dataKey: 'entityId',
|
|
193
|
+
resizable: true,
|
|
194
|
+
cellRenderer: DetailsViewTableRenderers_1.ModifiedByRenderer,
|
|
195
|
+
},
|
|
196
|
+
{
|
|
197
|
+
key: 'projectId',
|
|
198
|
+
width: 300,
|
|
199
|
+
title: 'Project',
|
|
200
|
+
dataKey: 'entityId',
|
|
201
|
+
resizable: true,
|
|
202
|
+
cellRenderer: DetailsViewTableRenderers_1.ProjectRenderer,
|
|
203
|
+
},
|
|
204
|
+
];
|
|
205
|
+
function NoItemsPlaceholder() {
|
|
206
|
+
return (react_1.default.createElement("div", { className: "NoItemsPlaceholder" },
|
|
207
|
+
react_1.default.createElement(Typography_1.default, { variant: 'headline3' }, "No items in this Dataset"),
|
|
208
|
+
react_1.default.createElement(react_bootstrap_1.Button, { className: "AddItemsButton", variant: "outline", onClick: function () { return setShowEntityFinder(true); } },
|
|
209
|
+
react_1.default.createElement(IconSvg_1.default, { options: { icon: 'addCircleTwoTone' } }),
|
|
210
|
+
react_1.default.createElement("span", null, "Add Items"))));
|
|
211
|
+
}
|
|
212
|
+
return (react_1.default.createElement("div", { className: "DatasetEditor bootstrap-4-backport" },
|
|
213
|
+
react_1.default.createElement(EntityFinderModal_1.EntityFinderModal, { configuration: {
|
|
214
|
+
selectMultiple: true,
|
|
215
|
+
initialScope: TreeView_1.FinderScope.ALL_PROJECTS,
|
|
216
|
+
initialContainer: null,
|
|
217
|
+
selectableTypes: [synapseTypes_1.EntityType.FILE],
|
|
218
|
+
mustSelectVersionNumber: true,
|
|
219
|
+
}, show: showEntityFinder, onClose: function () {
|
|
220
|
+
setShowEntityFinder(false);
|
|
221
|
+
}, title: "Add Files to Dataset", confirmButtonCopy: "Add Files", onConfirm: function (items) {
|
|
222
|
+
addItemsToDataset(items);
|
|
223
|
+
setShowEntityFinder(false);
|
|
224
|
+
}, onCancel: function () { return setShowEntityFinder(false); } }),
|
|
225
|
+
react_1.default.createElement(WarningModal_1.default, { title: "Unsaved Changes", modalBody: "Any unsaved changes will be lost. Are you sure you want to close the editor?", confirmButtonText: "OK", onConfirm: function () {
|
|
226
|
+
if (onClose) {
|
|
227
|
+
onClose();
|
|
228
|
+
}
|
|
229
|
+
}, show: showWarningModal, onConfirmCallbackArgs: [], onCancel: function () { return setShowWarningModal(false); } }),
|
|
230
|
+
react_1.default.createElement("div", { className: "DatasetEditorTopBottomPanel" },
|
|
231
|
+
react_1.default.createElement("div", { className: "ItemCount" }, datasetToUpdate ? (react_1.default.createElement(Typography_1.default, { variant: "headline3" },
|
|
232
|
+
datasetToUpdate.items.length === 0
|
|
233
|
+
? 'No'
|
|
234
|
+
: datasetToUpdate.items.length.toLocaleString(),
|
|
235
|
+
' ',
|
|
236
|
+
"File",
|
|
237
|
+
datasetToUpdate.items.length !== 1 && 's')) : (react_1.default.createElement(lab_1.Skeleton, { variant: "rect", width: 200 }))),
|
|
238
|
+
react_1.default.createElement(react_bootstrap_1.Button, { variant: "outline", disabled: selectedIds.size === DATASET_MAX_ITEM_LIMIT, onClick: function () { return setShowEntityFinder(true); } }, "Add Items"),
|
|
239
|
+
react_1.default.createElement(react_bootstrap_1.Button, { disabled: selectedIds.size === 0, variant: "outline", onClick: removeSelectedItemsFromDataset }, "Remove Items")),
|
|
240
|
+
react_1.default.createElement("div", { className: "DatasetEditorTableContainer" },
|
|
241
|
+
datasetToUpdate ? (datasetToUpdate.items.length === 0 ? (react_1.default.createElement(NoItemsPlaceholder, null)) : (react_1.default.createElement(react_base_table_1.default, { classPrefix: "DatasetEditorTable", data: tableData, height: TABLE_HEIGHT, width: defaultColumns.reduce(function (totalWidth, column) {
|
|
242
|
+
return totalWidth + column.width;
|
|
243
|
+
}, 0), rowHeight: ROW_HEIGHT, overscanRowCount: 5, columns: defaultColumns, rowClassName: 'DatasetEditorRow', rowProps: function (_a) {
|
|
244
|
+
var rowData = _a.rowData;
|
|
245
|
+
return {
|
|
246
|
+
'aria-selected': rowData.isSelected,
|
|
247
|
+
};
|
|
248
|
+
}, headerCellProps: {
|
|
249
|
+
role: 'columnheader',
|
|
250
|
+
}, onRowsRendered: TooltipUtils_1.rebuildTooltip, onScroll: TooltipUtils_1.rebuildTooltip }))) : (react_1.default.createElement(SkeletonTable_1.SkeletonTable, { className: "DatasetItemsEditorSkeleton", numRows: 8, numCols: 6, rowHeight: ROW_HEIGHT + "px" })),
|
|
251
|
+
react_1.default.createElement(react_tooltip_1.default, { id: EntityBadgeIcons_1.ENTITY_BADGE_ICONS_TOOLTIP_ID, className: "EntityBadgeTooltip", delayShow: 100, place: 'right', effect: 'solid' })),
|
|
252
|
+
react_1.default.createElement("div", { className: "DatasetEditorTopBottomPanel" },
|
|
253
|
+
react_1.default.createElement(react_bootstrap_1.Button, { variant: 'outline', onClick: function () {
|
|
254
|
+
if (hasChangedSinceLastSave) {
|
|
255
|
+
setShowWarningModal(true);
|
|
256
|
+
}
|
|
257
|
+
else if (onClose) {
|
|
258
|
+
onClose();
|
|
259
|
+
}
|
|
260
|
+
} }, "Cancel"),
|
|
261
|
+
react_1.default.createElement(react_bootstrap_1.Button, { disabled: !datasetToUpdate, variant: 'sds-primary', onClick: function () { return mutation.mutate(datasetToUpdate); } }, "Save"))));
|
|
262
|
+
}
|
|
263
|
+
exports.DatasetItemsEditor = DatasetItemsEditor;
|
|
264
|
+
//# sourceMappingURL=DatasetItemsEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatasetItemsEditor.js","sourceRoot":"","sources":["../../../../src/lib/containers/table/datasets/DatasetItemsEditor.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -73,7 +73,7 @@ declare const SynapseComponents: {
|
|
|
73
73
|
ProjectViewCarousel: import("react").FunctionComponent<import("./containers/home_page/project_view_carousel/ProjectViewCarousel").ProjectViewCarouselProps>;
|
|
74
74
|
EntityFinder: import("react").FunctionComponent<import("./containers/entity_finder/EntityFinder").EntityFinderProps>;
|
|
75
75
|
ExperimentalMode: import("react").FC<{}>;
|
|
76
|
-
EntityBadgeIcons:
|
|
76
|
+
EntityBadgeIcons: (props: import("./containers/EntityBadgeIcons").EntityBadgeIconsProps) => JSX.Element;
|
|
77
77
|
DownloadCartPage: import("react").FunctionComponent<import("./containers/download_list_v2/DownloadCartPage").DownloadCartPageProps>;
|
|
78
78
|
ShowDownloadV2: typeof ShowDownloadV2;
|
|
79
79
|
FullWidthAlert: typeof FullWidthAlert;
|
package/dist/rollup.index.d.ts
CHANGED
|
@@ -13,6 +13,7 @@ import FullWidthAlert from './containers/FullWidthAlert';
|
|
|
13
13
|
import UserProfileLinks from './containers/user_profile_links/UserProfileLinks';
|
|
14
14
|
import ProgrammaticOptions from './containers/table/table-top/ProgrammaticOptions';
|
|
15
15
|
import { useSynapseContext } from './utils/SynapseContext';
|
|
16
|
+
import { DatasetItemsEditor } from './containers/table/datasets/DatasetItemsEditor';
|
|
16
17
|
declare const SynapseContext: {
|
|
17
18
|
SynapseContextProvider: import("react").FunctionComponent<import("./utils/SynapseContext").SynapseContextProviderProps>;
|
|
18
19
|
SynapseContextConsumer: import("react").Consumer<import("./utils/SynapseContext").SynapseContextType | undefined>;
|
|
@@ -36,7 +37,7 @@ declare const SynapseComponents: {
|
|
|
36
37
|
SynapseHomepage: import("react").FunctionComponent<import("./containers/SynapseHomepage").SynapseHomepageProps>;
|
|
37
38
|
EntityFinder: import("react").FunctionComponent<import("./containers/entity_finder/EntityFinder").EntityFinderProps>;
|
|
38
39
|
ErrorPage: import("react").FunctionComponent<import("./containers/ErrorPage").ErrorPageProps>;
|
|
39
|
-
EntityBadgeIcons:
|
|
40
|
+
EntityBadgeIcons: (props: import("./containers/EntityBadgeIcons").EntityBadgeIconsProps) => JSX.Element;
|
|
40
41
|
DownloadCartPage: import("react").FunctionComponent<import("./containers/download_list_v2/DownloadCartPage").DownloadCartPageProps>;
|
|
41
42
|
ShowDownloadV2: typeof ShowDownloadV2;
|
|
42
43
|
DownloadConfirmation: import("react").FunctionComponent<import("./containers/download_list/DownloadConfirmation").DownloadConfirmationProps>;
|
|
@@ -58,5 +59,6 @@ declare const SynapseComponents: {
|
|
|
58
59
|
IconSvg: import("react").FunctionComponent<import("./containers/IconSvg").IconSvgProps>;
|
|
59
60
|
UserProfileLinks: typeof UserProfileLinks;
|
|
60
61
|
PlotlyWrapper: import("react").FC<import("./containers/PlotlyWrapper").PlotlyWrapperProps>;
|
|
62
|
+
DatasetItemsEditor: typeof DatasetItemsEditor;
|
|
61
63
|
};
|
|
62
64
|
export { SynapseComponents, SynapseConstants, SynapseClient, SynapseContext };
|
package/dist/rollup.index.js
CHANGED
|
@@ -39,6 +39,7 @@ var ToastMessage_1 = require("./containers/ToastMessage");
|
|
|
39
39
|
var PlotlyWrapper_1 = (0, tslib_1.__importDefault)(require("./containers/PlotlyWrapper"));
|
|
40
40
|
var IconSvg_1 = (0, tslib_1.__importDefault)(require("./containers/IconSvg"));
|
|
41
41
|
var SynapseContext_1 = require("./utils/SynapseContext");
|
|
42
|
+
var DatasetItemsEditor_1 = require("./containers/table/datasets/DatasetItemsEditor");
|
|
42
43
|
var SynapseContext = {
|
|
43
44
|
SynapseContextProvider: SynapseContext_1.SynapseContextProvider,
|
|
44
45
|
SynapseContextConsumer: SynapseContext_1.SynapseContextConsumer,
|
|
@@ -77,7 +78,8 @@ var SynapseComponents = {
|
|
|
77
78
|
displayToast: ToastMessage_1.displayToast,
|
|
78
79
|
IconSvg: IconSvg_1.default,
|
|
79
80
|
UserProfileLinks: UserProfileLinks_1.default,
|
|
80
|
-
PlotlyWrapper: PlotlyWrapper_1.default
|
|
81
|
+
PlotlyWrapper: PlotlyWrapper_1.default,
|
|
82
|
+
DatasetItemsEditor: DatasetItemsEditor_1.DatasetItemsEditor,
|
|
81
83
|
};
|
|
82
84
|
exports.SynapseComponents = SynapseComponents;
|
|
83
85
|
//# sourceMappingURL=rollup.index.js.map
|
package/dist/rollup.index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rollup.index.js","sourceRoot":"","sources":["../src/lib/rollup.index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AACpC,gFAA4C;AAC5C,0EAAsC;AACtC,kFAA8C;AAC9C,4FAAwD;AACxD,oFAAgD;AAChD,kFAA8C;AAC9C,gHAA4E;AAC5E,6BAA0B;AAC1B,kCAA0D;
|
|
1
|
+
{"version":3,"file":"rollup.index.js","sourceRoot":"","sources":["../src/lib/rollup.index.ts"],"names":[],"mappings":";;;;AAAA,uCAAoC;AACpC,gFAA4C;AAC5C,0EAAsC;AACtC,kFAA8C;AAC9C,4FAAwD;AACxD,oFAAgD;AAChD,kFAA8C;AAC9C,gHAA4E;AAC5E,6BAA0B;AAC1B,kCAA0D;AA0E9B,iGA1EnB,wBAAgB,OA0EmB;AAAE,8FA1EnB,qBAAa,OA0EmB;AAzE3D,gFAA8E;AAC9E,sFAAoF;AACpF,oEAAkE;AAClE,oGAAgE;AAChE,wFAAoD;AACpD,sIAAkG;AAClG,gEAA8D;AAC9D,kEAAgE;AAChE,mFAAiF;AACjF,0FAAsD;AACtD,4FAA0F;AAC1F,wEAAsE;AACtE,kFAA8C;AAC9C,kEAAgE;AAChE,6GAAyE;AACzE,4FAAwD;AACxD,wFAAsF;AACtF,mHAA+E;AAC/E,6GAA2G;AAC3G,wEAAsE;AACtE,sHAAkF;AAClF,0DAA+E;AAC/E,0FAAsD;AACtD,8EAA0C;AAC1C,yDAI+B;AAC/B,qFAAmF;AAEnF,IAAM,cAAc,GAAG;IACrB,sBAAsB,yCAAA;IACtB,sBAAsB,yCAAA;IACtB,iBAAiB,oCAAA;CAClB,CAAA;AAsC4D,wCAAc;AApC3E,IAAM,iBAAiB,GAAG;IACxB,KAAK,iBAAA;IACL,SAAS,qBAAA;IACT,UAAU,sBAAA;IACV,QAAQ,oBAAA;IACR,cAAc,0BAAA;IACd,SAAS,qBAAA;IACT,iBAAiB,6BAAA;IACjB,cAAc,iCAAA;IACd,oBAAoB,6CAAA;IACpB,eAAe,mCAAA;IACf,iBAAiB,uCAAA;IACjB,kBAAkB,8BAAA;IAClB,YAAY,wBAAA;IACZ,mBAAmB,+BAAA;IACnB,eAAe,mCAAA;IACf,YAAY,6BAAA;IACZ,SAAS,qBAAA;IACT,gBAAgB,qCAAA;IAChB,gBAAgB,qCAAA;IAChB,cAAc,0BAAA;IACd,oBAAoB,6CAAA;IACpB,cAAc,EAAE,wBAAc;IAC9B,4BAA4B,6DAAA;IAC5B,gBAAgB,qCAAA;IAChB,aAAa,yBAAA;IACb,WAAW,2BAAA;IACX,mBAAmB,+BAAA;IACnB,qBAAqB,sCAAA;IACrB,YAAY,6BAAA;IACZ,OAAO,mBAAA;IACP,gBAAgB,4BAAA;IAChB,aAAa,yBAAA;IACb,kBAAkB,yCAAA;CACnB,CAAA;AAEQ,8CAAiB"}
|
|
@@ -53,7 +53,8 @@
|
|
|
53
53
|
thead:first-child > tr:first-child > th {
|
|
54
54
|
padding: 10px 6px 5px 7px;
|
|
55
55
|
border: 1px solid #dddddf;
|
|
56
|
-
color:
|
|
56
|
+
background-color: map.get(SRC.$colors, 'gray-200');
|
|
57
|
+
color: map.get(SRC.$colors, 'gray-800');
|
|
57
58
|
span {
|
|
58
59
|
display: inline-block;
|
|
59
60
|
float: right;
|
|
@@ -64,6 +65,28 @@
|
|
|
64
65
|
}
|
|
65
66
|
}
|
|
66
67
|
|
|
68
|
+
@mixin sticky-column() {
|
|
69
|
+
border-collapse: separate;
|
|
70
|
+
.stickyColumn {
|
|
71
|
+
right: 0;
|
|
72
|
+
position: sticky;
|
|
73
|
+
z-index: 800;
|
|
74
|
+
}
|
|
75
|
+
// fix colors (icons, and set the cell background color to be opaque).
|
|
76
|
+
thead .stickyColumn {
|
|
77
|
+
text-align: center;
|
|
78
|
+
}
|
|
79
|
+
tbody tr > td.stickyColumn {
|
|
80
|
+
border-left: 1px solid map.get(SRC.$colors, 'gray-400');
|
|
81
|
+
}
|
|
82
|
+
tbody tr:nth-of-type(even) > .stickyColumn {
|
|
83
|
+
background-color: white;
|
|
84
|
+
}
|
|
85
|
+
tbody tr:nth-of-type(odd) > .stickyColumn {
|
|
86
|
+
background-color: #FBFBFC;
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
67
90
|
@mixin underline-tabs(
|
|
68
91
|
$active-color: SRC.$secondary-action-color,
|
|
69
92
|
$inactive-color: lightgray
|
|
@@ -108,6 +131,14 @@ $link-underline-color-default: adjust-color(
|
|
|
108
131
|
$lightness: 40%
|
|
109
132
|
) !default;
|
|
110
133
|
|
|
134
|
+
@mixin disabled() {
|
|
135
|
+
color: map.get(SRC.$colors, 'gray-600');
|
|
136
|
+
&:hover {
|
|
137
|
+
border-bottom: 1px solid $link-underline-color-default;
|
|
138
|
+
cursor: default;
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
|
|
111
142
|
// Core link styles across the portal main area.
|
|
112
143
|
@mixin highlightLink() {
|
|
113
144
|
color: SRC.$primary-action-color;
|
|
@@ -119,6 +150,9 @@ $link-underline-color-default: adjust-color(
|
|
|
119
150
|
border-bottom: 2px solid map.get(SRC.$primary-color-palette, 700);
|
|
120
151
|
margin-bottom: -1px;
|
|
121
152
|
}
|
|
153
|
+
&.disabled {
|
|
154
|
+
@include disabled;
|
|
155
|
+
}
|
|
122
156
|
}
|
|
123
157
|
|
|
124
158
|
@mixin normalLink() {
|
|
@@ -131,6 +165,9 @@ $link-underline-color-default: adjust-color(
|
|
|
131
165
|
border-bottom: 2px solid map.get(SRC.$primary-color-palette, 700);
|
|
132
166
|
margin-bottom: 0px;
|
|
133
167
|
}
|
|
168
|
+
&.disabled {
|
|
169
|
+
@include disabled;
|
|
170
|
+
}
|
|
134
171
|
}
|
|
135
172
|
|
|
136
173
|
@mixin ignoreLink() {
|
|
@@ -143,4 +180,7 @@ $link-underline-color-default: adjust-color(
|
|
|
143
180
|
border-bottom: unset;
|
|
144
181
|
margin-bottom: unset;
|
|
145
182
|
}
|
|
183
|
+
&.disabled {
|
|
184
|
+
@include disabled;
|
|
185
|
+
}
|
|
146
186
|
}
|
|
@@ -47,10 +47,10 @@ $bootstrap-4-danger-bg: #f2dede !default;
|
|
|
47
47
|
$bootstrap-4-danger-text-color: rgb(102, 102, 102) !default;
|
|
48
48
|
$space-unit: 2.1rem;
|
|
49
49
|
|
|
50
|
-
$green-affirmative:
|
|
51
|
-
$yellow-warning:
|
|
50
|
+
$green-affirmative: map.get($colors, 'success') !default;
|
|
51
|
+
$yellow-warning: map.get($colors, 'warning') !default;
|
|
52
52
|
$red-delete: $red-error2 !default;
|
|
53
|
-
$red-required:
|
|
53
|
+
$red-required: map.get($colors, 'error') !default;
|
|
54
54
|
|
|
55
55
|
$box-shadow-med: 0 1px 3px rgba(0, 0, 0, 0.5);
|
|
56
56
|
$box-shadow-soft: 0 3px 10px rgba(93, 105, 171, 0.1);
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
// from // from SWC.scss and core.scss
|
|
5
5
|
@use '../abstracts/variables' as SRC;
|
|
6
6
|
@use '../abstracts/mixins' as SRC_Mixins;
|
|
7
|
+
@use 'sass:map';
|
|
7
8
|
|
|
8
9
|
// Fix scrollbar not showing for some people when css set to scroll: auto
|
|
9
10
|
// Ref: https://stackoverflow.com/questions/7492062/css-overflow-scroll-always-show-vertical-scroll-bar
|
|
@@ -1057,22 +1058,22 @@ a.dropdown-item {
|
|
|
1057
1058
|
}
|
|
1058
1059
|
}
|
|
1059
1060
|
.SRC-success-color {
|
|
1060
|
-
color:
|
|
1061
|
+
color: map.get(SRC.$colors, 'success');
|
|
1061
1062
|
}
|
|
1062
1063
|
.SRC-success-color-bg {
|
|
1063
|
-
background-color:
|
|
1064
|
+
background-color: map.get(SRC.$colors, 'success');
|
|
1064
1065
|
}
|
|
1065
1066
|
.SRC-warning-color {
|
|
1066
|
-
color:
|
|
1067
|
+
color: map.get(SRC.$colors, 'warning');
|
|
1067
1068
|
}
|
|
1068
1069
|
.SRC-warning-color-bg {
|
|
1069
|
-
background-color:
|
|
1070
|
+
background-color: map.get(SRC.$colors, 'warning');
|
|
1070
1071
|
}
|
|
1071
1072
|
.SRC-danger-color {
|
|
1072
|
-
color:
|
|
1073
|
+
color: map.get(SRC.$colors, 'error');
|
|
1073
1074
|
}
|
|
1074
1075
|
.SRC-danger-color-bg {
|
|
1075
|
-
background-color:
|
|
1076
|
+
background-color: map.get(SRC.$colors, 'error');
|
|
1076
1077
|
}
|
|
1077
1078
|
|
|
1078
1079
|
// PORTALS-965: add a max-width to the bootstrap container-fluid class
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
@use '../abstracts/variables' as SRC;
|
|
2
|
+
@use 'sass:map';
|
|
2
3
|
|
|
3
4
|
//overrides to bootstrap 4 that are directly applied to Bootstrap 4 class names
|
|
4
5
|
.bootstrap-4-backport {
|
|
@@ -61,6 +62,11 @@
|
|
|
61
62
|
padding-bottom: 0.75rem;
|
|
62
63
|
}
|
|
63
64
|
}
|
|
65
|
+
|
|
66
|
+
//Tables
|
|
67
|
+
.table-striped tbody tr:nth-of-type(odd) {
|
|
68
|
+
background-color: map.get(SRC.$colors, 'gray-100');
|
|
69
|
+
}
|
|
64
70
|
}
|
|
65
71
|
|
|
66
72
|
// Popovers
|
|
@@ -81,7 +87,6 @@ html:not(#synapse\.org) {
|
|
|
81
87
|
.modal-content {
|
|
82
88
|
padding: 5px 30px;
|
|
83
89
|
.modal-header {
|
|
84
|
-
align-items: center;
|
|
85
90
|
padding: 10px 0px;
|
|
86
91
|
button.close {
|
|
87
92
|
font-size: 28px;
|
|
@@ -16,5 +16,6 @@
|
|
|
16
16
|
'./experimental-mode', './user-search-box', './entity-metadata',
|
|
17
17
|
'./download-cart-page', './global-alert', './annotations', 'plotlywrapper',
|
|
18
18
|
'./synapse-nav-drawer', './favorites-page', './skeletons', './toasts',
|
|
19
|
-
'./user-profile-links', './blocking-loader', './transition', './popover',
|
|
20
|
-
'./
|
|
19
|
+
'./user-profile-links', './blocking-loader', './transition', './popover',
|
|
20
|
+
'./featured-tool-card', './row_renderers/observation-card',
|
|
21
|
+
'./subsection-row-renderer', './dataset-editor', './fluid-modal';
|