@milaboratories/uikit 2.2.61 → 2.2.63

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.61",
+  "version": "2.2.63",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -35,7 +35,7 @@
     "svgo": "^3.3.2",
     "@types/d3": "^7.4.3",
     "@milaboratories/helpers": "^1.6.11",
-    "@platforma-sdk/model": "^1.26.0",
+    "@platforma-sdk/model": "^1.27.10",
     "@milaboratories/eslint-config": "^1.0.4"
   },
   "scripts": {

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -99,14 +99,16 @@ const placeholderRef = computed(() => {
   return props.modelValue.length > 0 ? '' : props.placeholder;
 });
 
+const normalizedOptionsRef = computed(() => normalizeListOptions(props.options ?? []));
+
 const selectedOptionsRef = computed(() => {
-  return normalizeListOptions(props.options ?? []).filter((opt) => deepIncludes(selectedValuesRef.value, opt.value));
+  return selectedValuesRef.value.map((v) => normalizedOptionsRef.value.find((opt) => deepEqual(opt.value, v))).filter((v) => v !== undefined);
 });
 
 const filteredOptionsRef = computed(() => {
   const selectedValues = unref(selectedValuesRef);
 
-  const options = normalizeListOptions(props.options ?? []);
+  const options = unref(normalizedOptionsRef);
 
   return (
     data.search

package/src/components/PlFileDialog/Local.vue

@@ -3,7 +3,7 @@ import style from './pl-file-dialog.module.scss';
 import type { ImportedFiles } from '@/types';
 import { PlIcon24 } from '../PlIcon24';
 import { computed, reactive } from 'vue';
-import type { OpenDialogFilter } from '@platforma-sdk/model';
+import { getRawPlatformaInstance, type OpenDialogFilter } from '@platforma-sdk/model';
 import { normalizeExtensions } from './utils';
 
 const props = defineProps<{
@@ -19,10 +19,10 @@ const data = reactive({
 const label = computed(() => (props.multi ? 'Drag & Drop files here or click to add' : 'Drag & Drop file here or click to add'));
 
 const onDrop = async (ev: DragEvent) => {
-  const fileToImportHandle = window.platforma?.lsDriver?.fileToImportHandle;
+  const fileToImportHandle = getRawPlatformaInstance()?.lsDriver?.fileToImportHandle;
 
   if (!fileToImportHandle) {
-    return console.error('API platforma.lsDriver.fileToImportHandle is not available');
+    return console.error('API getPlatformaRawInstance().lsDriver.fileToImportHandle is not available');
   }
 
   const extensions = normalizeExtensions(props.extensions);
@@ -54,7 +54,7 @@ const openNativeDialog = async () => {
     : [];
 
   if (props.multi) {
-    window.platforma?.lsDriver
+    getRawPlatformaInstance()?.lsDriver
       .showOpenMultipleFilesDialog({
         title: 'Select files to import',
         filters,
@@ -68,7 +68,7 @@ const openNativeDialog = async () => {
       })
       .catch((err) => (data.error = err));
   } else {
-    window.platforma?.lsDriver
+    getRawPlatformaInstance()?.lsDriver
       .showOpenSingleFileDialog({
         title: 'Select file to import',
         filters,

package/src/components/PlFileDialog/Remote.vue

@@ -2,7 +2,7 @@
 import { useEventListener } from '@/composition/useEventListener';
 import type { ImportedFiles } from '@/types';
 import { between, notEmpty, tapIf } from '@milaboratories/helpers';
-import type { StorageHandle } from '@platforma-sdk/model';
+import { getRawPlatformaInstance, type StorageHandle } from '@platforma-sdk/model';
 import { computed, onMounted, reactive, toRef, watch } from 'vue';
 import { PlDropdown } from '../PlDropdown';
 import { PlIcon16 } from '../PlIcon16';
@@ -58,7 +58,7 @@ const lookup = computed(() => {
 });
 
 const query = (storageHandle: StorageHandle, dirPath: string) => {
-  if (!window.platforma) {
+  if (!getRawPlatformaInstance()) {
     return;
   }
 
@@ -68,7 +68,7 @@ const query = (storageHandle: StorageHandle, dirPath: string) => {
 
   data.currentLoadingPath = dirPath;
 
-  window.platforma.lsDriver
+  getRawPlatformaInstance().lsDriver
     .listFiles(storageHandle, dirPath)
     .then((res) => {
       if (dirPath !== data.dirPath) {
@@ -186,11 +186,11 @@ const deselectAll = () => changeAll(false);
 const loadAvailableStorages = () => {
   resetData();
   deselectAll();
-  if (!window.platforma) {
+  if (!getRawPlatformaInstance()) {
     console.warn('platforma API is not found');
     return;
   }
-  window.platforma.lsDriver
+  getRawPlatformaInstance().lsDriver
     .getStorageList()
     .then((storageEntries) => {
       // local storage is always returned by the ML, so we need to remove it from remote dialog manually

package/src/components/PlLogView/PlLogView.vue

@@ -31,6 +31,10 @@ const props = defineProps<{
    * String contents
    */
   value?: string;
+  /**
+   * The content to copy (Note: it takes precedence over value property)
+   */
+  valueToCopy?: string;
   /**
    * AnyLogHandle
    */
@@ -85,8 +89,15 @@ const onClickCopy = () => {
     copyActive.value = false;
   }, 1200);
 
-  if (computedValue.value && typeof computedValue.value === 'string') {
-    navigator.clipboard.writeText(computedValue.value);
+  let toCopy: string | undefined = undefined;
+  if (props.valueToCopy) {
+    toCopy = props.valueToCopy;
+  } else if (computedValue.value && typeof computedValue.value === 'string') {
+    toCopy = computedValue.value;
+  }
+
+  if (toCopy !== undefined) {
+    navigator.clipboard.writeText(toCopy);
   }
 };
 

package/src/components/PlLogView/useLogHandle.ts

@@ -1,6 +1,6 @@
 import { reactive, type Reactive, ref, watch } from 'vue';
 import { useTimeoutPoll, whenever } from '@vueuse/core';
-import type { AnyLogHandle, Platforma } from '@platforma-sdk/model';
+import { getRawPlatformaInstance, type AnyLogHandle, type Platforma } from '@platforma-sdk/model';
 
 type LogState = {
   logHandle: AnyLogHandle;
@@ -32,7 +32,7 @@ export function useLogHandle(
 
     if (currentLogState === undefined) return;
 
-    const platforma = props.mockPlatforma ?? window.platforma;
+    const platforma = props.mockPlatforma ?? getRawPlatformaInstance();
 
     if (!platforma) {
       console.warn('Platforma API is not available');

package/src/components/PlTextField/PlTextField.vue

@@ -1,5 +1,7 @@
 <script lang="ts">
-/** Component for one-line string data manipulation */
+/**
+ * Component for one-line string data manipulation
+ */
 export default {
   name: 'PlTextField',
 };