@platforma-sdk/ui-vue 1.17.0 → 1.17.2

package/eslint.config.mjs

@@ -0,0 +1,4 @@
+import { vue } from '@milaboratories/eslint-config';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [...vue];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@platforma-sdk/ui-vue",
-  "version": "1.17.0",
+  "version": "1.17.2",
   "type": "module",
   "main": "dist/lib.umd.cjs",
   "module": "dist/lib.js",
@@ -37,21 +37,16 @@
     "@ag-grid-community/theming": "^32.3.3",
     "@ag-grid-enterprise/side-bar": "^32.3.3",
     "@ag-grid-enterprise/column-tool-panel": "^32.3.3",
-    "@milaboratories/uikit": "^2.2.26",
-    "@platforma-sdk/model": "^1.17.0"
+    "@platforma-sdk/model": "^1.17.0",
+    "@milaboratories/uikit": "^2.2.27"
   },
   "devDependencies": {
     "@faker-js/faker": "^9.2.0",
     "@types/lodash": "^4.17.13",
     "@types/node": "~20.16.15",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@vitejs/plugin-vue": "^5.2.1",
     "@vueuse/core": "^12.0.0",
     "canonicalize": "^2.0.0",
-    "eslint": "^8.57.1",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-vue": "^9.31.0",
     "happy-dom": "^15.11.7",
     "lodash": "^4.17.21",
     "sass": "~1.81.0",
@@ -63,7 +58,8 @@
     "yarpm": "^1.2.0",
     "semver": "^7.6.3",
     "@types/semver": "^7.5.8",
-    "@milaboratories/helpers": "^1.6.8"
+    "@milaboratories/helpers": "^1.6.9",
+    "@milaboratories/eslint-config": "^1.0.0"
   },
   "scripts": {
     "test": "vitest run --passWithNoTests",
@@ -72,7 +68,7 @@
     "watch": "vite build --watch",
     "type-check": "vue-tsc --noEmit --project ./tsconfig.json",
     "preview": "vite preview",
-    "lint": "eslint . --ext js,ts,vue",
+    "lint": "eslint .",
     "check": "yarpm type-check && yarpm lint && yarpm test",
     "do-pack": "rm -f *.tgz && pnpm pack && mv *.tgz package.tgz"
   }

package/src/assets/block.scss

@@ -47,6 +47,7 @@
     height: 4px;
     background-color: transparent;
     position: absolute;
+    z-index: 1; // @TODO
     top: 0;
     right: 0;
     left: 0;

package/src/components/BlockLayout.vue

@@ -13,7 +13,7 @@ const sdk = useSdkPlugin();
 const parsePathname = (href: `/${string}`) => {
   try {
     return new URL(href, 'http://dummy').pathname as `/${string}`;
-  } catch (err) {
+  } catch (_cause) {
     console.error('Invalid href', href);
     return undefined;
   }

package/src/components/PlAgDataTable/PlAgDataTable.vue

@@ -96,8 +96,8 @@ const gridState = computed({
   },
   set: (gridState) => {
     // do not apply driver sorting for client side rendering
-    const sorting =
-      settings.value?.sourceType !== 'ptable' || gridOptions.value.rowModelType === 'clientSide' ? undefined : makeSorting(gridState.sort);
+    const sorting
+      = settings.value?.sourceType !== 'ptable' || gridOptions.value.rowModelType === 'clientSide' ? undefined : makeSorting(gridState.sort);
 
     const oldState = tableState.value;
     tableState.value = {
@@ -317,8 +317,8 @@ watch(
     if (!lodash.isEqual(options.columnDefs, oldOptions.columnDefs) && options.columnDefs) {
       const isColDef = (def: ColDef | ColGroupDef): def is ColDef => !('children' in def);
       const colDefs = options.columnDefs?.filter(isColDef) ?? [];
-      const columns =
-        colDefs
+      const columns
+        = colDefs
           .map((def) => def.colId)
           .filter((colId) => colId !== undefined)
           .filter((colId) => colId !== PlAgDataTableRowNumberColId)

package/src/components/PlAgDataTable/PlAgOverlayLoading.vue

@@ -9,11 +9,11 @@ defineProps<{
 <template>
   <div class="grid-overlay-container">
     <template v-if="params.notReady">
-      <div class="grid-icon-cat-in-bag"></div>
+      <div class="grid-icon-cat-in-bag"/>
       <span class="text-subtitle-m">No datasource</span>
     </template>
     <template v-else>
-      <div class="mask-24 mask-loading grid-mask-loading"></div>
+      <div class="mask-24 mask-loading grid-mask-loading"/>
       <span class="text-subtitle-m">Loading</span>
     </template>
   </div>

package/src/components/PlAgDataTable/PlAgOverlayNoRows.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="grid-overlay-container">
-    <div class="grid-icon-sad-cat"></div>
+    <div class="grid-icon-sad-cat" />
     <span class="text-subtitle-m">Empty</span>
   </div>
 </template>

package/src/components/PlAgDataTable/sources/file-source.ts

@@ -2,15 +2,15 @@ import type { ColDef, IDatasource } from '@ag-grid-community/core';
 import type { BlobDriver, LocalBlobHandleAndSize, RemoteBlobHandleAndSize } from '@platforma-sdk/model';
 
 export async function updateXsvGridOptions(
-  blobDriver: BlobDriver,
-  file: LocalBlobHandleAndSize | RemoteBlobHandleAndSize,
+  _blobDriver: BlobDriver,
+  _file: LocalBlobHandleAndSize | RemoteBlobHandleAndSize,
 ): Promise<{
-  columnDefs: ColDef[];
-  datasource: IDatasource;
-}> {
-  blobDriver;
-  file;
-  //blobDriver.getContent(file.handle!)
+    columnDefs: ColDef[];
+    datasource: IDatasource;
+  }> {
+  // blobDriver;
+  // file;
+  // blobDriver.getContent(file.handle!)
   // return {
   //   datasource,
   //   columnDefs,

package/src/components/PlAgDataTable/sources/row-number.ts

@@ -26,9 +26,9 @@ export function makeRowNumberColDef(): ColDef {
     suppressSizeToFit: true,
     suppressAutoSize: true,
     cellStyle: {
-      color: 'var(--txt-03)',
+      'color': 'var(--txt-03)',
       'background-color': 'var(--bg-base-light)',
-      overflow: 'visible !important',
+      'overflow': 'visible !important',
       'text-align': 'center',
     },
     sortable: false,
@@ -93,9 +93,9 @@ export function autoSizeRowNumberColumn(gridApi: GridApi) {
   });
   gridApi.addEventListener('columnResized', (event) => {
     if (
-      event.finished &&
-      event.source === 'autosizeColumns' &&
-      event.columns?.some((column) => column.isVisible() && column.getColId() === PlAgDataTableRowNumberColId)
+      event.finished
+      && event.source === 'autosizeColumns'
+      && event.columns?.some((column) => column.isVisible() && column.getColId() === PlAgDataTableRowNumberColId)
     ) {
       adjustRowNumberColumnWidth(gridApi, cellFake, true);
     }

package/src/components/PlAgDataTable/sources/table-source-heterogeneous.ts

@@ -77,11 +77,11 @@ export function updatePFrameGridOptionsHeterogeneousAxes(
   fields: number[],
   indices: number[],
 ): {
-  columnDefs: ColDef[];
-  serverSideDatasource?: IServerSideDatasource;
-  rowModelType: RowModelType;
-  rowData?: unknown[];
-} {
+    columnDefs: ColDef[];
+    serverSideDatasource?: IServerSideDatasource;
+    rowModelType: RowModelType;
+    rowData?: unknown[];
+  } {
   if (hColumns.length > 1) {
     throw Error('hColumns.length > 1 is not supported');
   }

package/src/components/PlAgDataTable/sources/table-source.ts

@@ -160,11 +160,11 @@ export async function updatePFrameGridOptions(
   sheets: PlDataTableSheet[],
   hiddenColIds?: string[],
 ): Promise<{
-  columnDefs: ColDef[];
-  serverSideDatasource?: IServerSideDatasource;
-  rowModelType: RowModelType;
-  rowData?: unknown[];
-}> {
+    columnDefs: ColDef[];
+    serverSideDatasource?: IServerSideDatasource;
+    rowModelType: RowModelType;
+    rowData?: unknown[];
+  }> {
   const specs = await pfDriver.getSpec(pt);
 
   let numberOfAxes = specs.findIndex((s) => s.type === 'column');
@@ -177,11 +177,11 @@ export async function updatePFrameGridOptions(
         !lodash.some(
           sheets,
           (sheet) =>
-            lodash.isEqual(getAxisId(sheet.axis), specs[i].id) ||
-            (specs[i].type === 'column' &&
-              specs[i].spec.name === 'pl7.app/label' &&
-              specs[i].spec.axesSpec.length === 1 &&
-              lodash.isEqual(getAxisId(sheet.axis), getAxisId(specs[i].spec.axesSpec[0]))),
+            lodash.isEqual(getAxisId(sheet.axis), specs[i].id)
+            || (specs[i].type === 'column'
+              && specs[i].spec.name === 'pl7.app/label'
+              && specs[i].spec.axesSpec.length === 1
+              && lodash.isEqual(getAxisId(sheet.axis), getAxisId(specs[i].spec.axesSpec[0]))),
         ),
     )
     .sort((a, b) => {

package/src/components/PlAgDataTable/types.ts

@@ -11,18 +11,18 @@ import type {
 /** Data table settings */
 export type PlDataTableSettings =
   | {
-      /** The type of the source to feed the data into the table */
-      sourceType: 'ptable';
-      /** PTable handle output */
-      pTable?: PTableHandle;
-      /** Sheets that we want to show in our table */
-      sheets?: PlDataTableSheet[];
-    }
+    /** The type of the source to feed the data into the table */
+    sourceType: 'ptable';
+    /** PTable handle output */
+    pTable?: PTableHandle;
+    /** Sheets that we want to show in our table */
+    sheets?: PlDataTableSheet[];
+  }
   | {
-      /** The type of the source to feed the data into the table */
-      sourceType: 'xsv';
-      xsvFile?: LocalBlobHandleAndSize | RemoteBlobHandleAndSize;
-    };
+    /** The type of the source to feed the data into the table */
+    sourceType: 'xsv';
+    xsvFile?: LocalBlobHandleAndSize | RemoteBlobHandleAndSize;
+  };
 
 /** PlTableFilters restriction entry */
 export type PlTableFiltersRestriction = {

package/src/components/PlAgDataTableToolsPanel/PlAgDataTableToolsPanel.vue

@@ -10,6 +10,6 @@ import { PlAgDataTableToolsPanelId } from './PlAgDataTableToolsPanelId';
 
 <template>
   <div :id="PlAgDataTableToolsPanelId" class="d-flex gap-6">
-    <slot></slot>
+    <slot/>
   </div>
 </template>

package/src/components/PlAgTextAndButtonCell/PlAgTextAndButtonCell.vue

@@ -49,7 +49,7 @@ function triggerRowDoubleClick() {
 
     gridApi.dispatchEvent(event);
   } else {
-    props.params.onClick && props.params.onClick(props.params);
+    props.params.onClick?.(props.params);
   }
 }
 </script>

package/src/components/PlTableFilters/PlTableFilterEntry.vue

@@ -25,11 +25,11 @@ const { column, options } = toRefs(props);
     <template
       v-if="
         entry.filter.type === 'number_equals' ||
-        entry.filter.type === 'number_notEquals' ||
-        entry.filter.type === 'number_lessThan' ||
-        entry.filter.type === 'number_lessThanOrEqualTo' ||
-        entry.filter.type === 'number_greaterThan' ||
-        entry.filter.type === 'number_greaterThanOrEqualTo'
+          entry.filter.type === 'number_notEquals' ||
+          entry.filter.type === 'number_lessThan' ||
+          entry.filter.type === 'number_lessThanOrEqualTo' ||
+          entry.filter.type === 'number_greaterThan' ||
+          entry.filter.type === 'number_greaterThanOrEqualTo'
       "
     >
       <PlTextField
@@ -58,9 +58,9 @@ const { column, options } = toRefs(props);
     <template
       v-if="
         entry.filter.type === 'string_equals' ||
-        entry.filter.type === 'string_notEquals' ||
-        entry.filter.type === 'string_contains' ||
-        entry.filter.type === 'string_doesNotContain'
+          entry.filter.type === 'string_notEquals' ||
+          entry.filter.type === 'string_contains' ||
+          entry.filter.type === 'string_doesNotContain'
       "
     >
       <PlTextField

package/src/components/PlTableFilters/PlTableFilters.vue

@@ -65,7 +65,7 @@ const defaultsMap = computed<Record<PlTableFilterColumnId, PlTableFiltersStateEn
 });
 
 /* State upgrader */ (() => {
-  let state = model.value.state;
+  const state = model.value.state;
   if (typeof state === 'object' && !Array.isArray(state)) {
     model.value.state = Object.entries(state as unknown as Record<PlTableFilterColumnId, PlTableFilter>).map(([id, filter]) => ({
       columnId: id,

package/src/components/PlTableFilters/filters_logic.ts

@@ -230,10 +230,10 @@ export function makeWildcardOptions(column: PTableColumnSpec, reference: string)
 }
 
 export function makePredicate(column: PTableColumnSpec, filter: PlTableFilter): SingleValuePredicateV2 {
-  const alphabetic =
-    semver.gt(getRawPlatformaInstance().sdkInfo.sdkVersion, '1.14.0') &&
-    (column.type === 'column' ? column.spec.valueType : column.spec.type) === 'String' &&
-    (column.spec.domain?.['pl7.app/alphabet'] ?? column.spec.annotations?.['pl7.app/alphabet']) !== undefined;
+  const alphabetic
+    = semver.gt(getRawPlatformaInstance().sdkInfo.sdkVersion, '1.14.0')
+    && (column.type === 'column' ? column.spec.valueType : column.spec.type) === 'String'
+    && (column.spec.domain?.['pl7.app/alphabet'] ?? column.spec.annotations?.['pl7.app/alphabet']) !== undefined;
   const type = filter.type;
   switch (type) {
     case 'isNotNA':

package/src/defineApp.ts

@@ -8,7 +8,6 @@ import { activateAgGrid } from './aggrid';
 
 const pluginKey = Symbol('sdk-vue');
 
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function useSdkPlugin(): SdkPlugin {
   return inject(pluginKey)!;
 }

package/src/types.static-test.ts

@@ -63,7 +63,7 @@ type _UiState = {
 type _App1 = BaseApp<_Args, _Outputs, _UiState, '/'>;
 type _App2 = TestApp<Platforma<_Args, _Outputs, _UiState, '/'>>;
 
-const local = () => {
+const _local = () => {
   const counter = computed(() => 1);
   const label = computed(() => 'aaaa');
 
@@ -79,7 +79,7 @@ const local = () => {
   };
 };
 
-type ExtApp = App<1, BlockOutputsBase, unknown, '/', ReturnType<typeof local>>;
+type ExtApp = App<1, BlockOutputsBase, unknown, '/', ReturnType<typeof _local>>;
 
 type _UpdateArgsParams = Parameters<Parameters<_App1['updateArgs']>[0]>[0];
 

package/src/types.ts

@@ -106,13 +106,13 @@ export type UnwrapOutputs<Outputs extends BlockOutputsBase, K extends keyof Outp
 // Draft
 export type ModelResult<T, E = unknown> =
   | {
-      ok: true;
-      model: T;
-    }
+    ok: true;
+    model: T;
+  }
   | {
-      ok: false;
-      error: E;
-    };
+    ok: false;
+    error: E;
+  };
 
 export type OutputValues<Outputs extends BlockOutputsBase> = {
   [P in keyof Outputs]?: UnwrapValueOrError<Outputs[P]>;
@@ -127,13 +127,13 @@ export type OutputErrors<Outputs extends BlockOutputsBase> = {
  */
 export type OptionalResult<T> =
   | {
-      errors?: undefined;
-      value?: T; // I make this optional (wip)
-    }
+    errors?: undefined;
+    value?: T; // I make this optional (wip)
+  }
   | {
-      value?: undefined;
-      errors: string[];
-    };
+    value?: undefined;
+    errors: string[];
+  };
 
 // Static tests
 

package/src/urls.ts

@@ -3,7 +3,7 @@ import type { ParseQuery } from './types';
 export const parsePathname = (href: `/${string}`) => {
   try {
     return new URL(href, 'http://dummy').pathname as `/${string}`;
-  } catch (err) {
+  } catch (_err) {
     console.error('Invalid href', href);
     return undefined;
   }

package/.eslintignore

@@ -1,2 +0,0 @@
-/dist
-/node_modules

package/.eslintrc.json

@@ -1,56 +0,0 @@
-{
-  "root": true,
-  "globals": {
-    "platforma": true,
-    "process": true
-  },
-  "env": {
-    "es2021": true,
-    "node": false,
-    "browser": true
-  },
-  "extends": [
-    "eslint:recommended",
-    /** @see https://github.com/typescript-eslint/typescript-eslint/tree/master/packages/eslint-plugin#recommended-configs */
-    "plugin:@typescript-eslint/recommended",
-    "plugin:vue/vue3-recommended",
-    "plugin:prettier/recommended"
-  ],
-  "parser": "vue-eslint-parser",
-  "parserOptions": {
-    "ecmaVersion": 12,
-    "sourceType": "module",
-    "parser": "@typescript-eslint/parser"
-  },
-  "plugins": ["@typescript-eslint"],
-  "ignorePatterns": ["node_modules/**", "**/dist/**"],
-  "rules": {
-    "@typescript-eslint/no-var-requires": "off",
-    "@typescript-eslint/consistent-type-imports": "error",
-    "vue/multi-word-component-names": "off",
-    "vue/component-name-in-template-casing": "warn",
-    "vue/no-undef-components": "error",
-    "@typescript-eslint/no-explicit-any": "error",
-
-    /**
-     * Having a semicolon helps the optimizer interpret your code correctly.
-     * This avoids rare errors in optimized code.
-     * @see https://twitter.com/alex_kozack/status/1364210394328408066
-     */
-    "semi": ["warn", "always"],
-
-    /**
-     * Just for beauty
-     */
-    "quotes": ["warn", "single"],
-
-    "@typescript-eslint/no-unused-vars": [
-      "warn",
-      {
-        "argsIgnorePattern": "^_",
-        "varsIgnorePattern": "^_",
-        "caughtErrorsIgnorePattern": "^_"
-      }
-    ]
-  }
-}