@datagrok/eda 1.1.19 → 1.1.21

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@datagrok/eda",
   "friendlyName": "EDA",
-  "version": "1.1.19",
+  "version": "1.1.21",
   "description": "Exploratory Data Analysis Tools",
   "dependencies": {
-    "@datagrok-libraries/math": "^1.1.2",
-    "@datagrok-libraries/ml": "^6.6.1",
+    "@datagrok-libraries/math": "^1.1.3",
+    "@datagrok-libraries/ml": "^6.6.4",
     "@datagrok-libraries/tutorials": "^1.3.6",
     "@datagrok-libraries/utils": "^4.1.44",
     "@keckelt/tsne": "^1.0.2",
@@ -30,7 +30,9 @@
     "ts-loader": "latest",
     "typescript": "latest",
     "webpack": "latest",
-    "webpack-cli": "latest"
+    "webpack-cli": "latest",
+    "css-loader": "latest",
+    "style-loader": "latest"
   },
   "scripts": {
     "link-all": "npm link datagrok-api @datagrok-libraries/utils @datagrok-libraries/tutorials",

package/src/package.ts

@@ -140,17 +140,38 @@ export function stringPreprocessingFunction(col: DG.Column, _metric: string) {
 //name: Multi Column Dimensionality Reduction
 export async function reduceDimensionality(): Promise<void> {
   const editor = new MultiColumnDimReductionEditor();
-  ui.dialog('Dimensionality reduction').add(editor.getEditor()).onOK(async () => {
-    const params = editor.getParams();
-    if (params.columns.length === 0)
-      return;
-    await multiColReduceDimensionality(params.table, params.columns, params.methodName as DimReductionMethods,
+  const dialog = ui.dialog('Dimensionality reduction')
+    .add(editor.getEditor())
+    .onOK(async () => {
+      const params = editor.getParams();
+      if (params.columns.length === 0)
+        return;
+      await multiColReduceDimensionality(params.table, params.columns, params.methodName as DimReductionMethods,
       params.distanceMetrics as KnownMetrics[],
       params.weights, params.preprocessingFunctions, params.aggreaggregationMethod as DistanceAggregationMethods,
       !!params.plotEmbeddings, !!params.clusterEmbeddings, params.options, {
         fastRowCount: 10000,
       }, params.postProcessingFunction, params.postProcessingFunctionArgs);
-  }).show();
+    }).show();
+  const validate = () => {
+    const cols = editor.columnsInput.value;
+    const okButton = dialog.getButton('OK');
+    if (!okButton)
+      return;
+    const isDisabled = !cols || cols.length === 0;
+    if (isDisabled)
+      okButton.classList.add('disabled');
+    else
+      okButton.classList.remove('disabled');
+  };
+  editor.onColumnsChanged.subscribe(() => {
+    try {
+      validate();
+    } catch (e) {
+      console.error(e);
+    }
+  });
+  validate();
 }
 
 //name: GetMCLEditor

package/webpack.config.js

@@ -14,6 +14,10 @@ module.exports = {
     rules: [
       {test: /\.js$/, enforce: 'pre', use: ['source-map-loader'], exclude: /node_modules/},
       {test: /\.ts(x?)$/, use: 'ts-loader', exclude: /node_modules/},
+      {
+        test: /\.css$/i,
+        use: ['style-loader', 'css-loader'],
+      },
     ],
   },
   devtool: 'inline-source-map',