@milaboratories/uikit 2.2.51 → 2.2.53

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.51",
+  "version": "2.2.53",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",

package/src/components/PlFileDialog/Remote.vue

@@ -132,9 +132,11 @@ const selectFile = (ev: MouseEvent, file: FileDialogItem) => {
 
   ev.preventDefault();
 
+  const items = visibleItems.value;
+
   if (file.canBeSelected) {
     if (!props.multi) {
-      data.items.forEach((f) => (f.selected = false));
+      items.forEach((f) => (f.selected = false));
     }
 
     file.selected = !file.selected;
@@ -144,7 +146,7 @@ const selectFile = (ev: MouseEvent, file: FileDialogItem) => {
     }
 
     if (!ctrlOrMetaKey && !shiftKey) {
-      data.items.forEach((f) => {
+      items.forEach((f) => {
         if (f.id !== file.id) {
           f.selected = false;
         }
@@ -152,7 +154,7 @@ const selectFile = (ev: MouseEvent, file: FileDialogItem) => {
     }
 
     if (shiftKey && lastSelected !== undefined) {
-      data.items.forEach((f) => {
+      items.forEach((f) => {
         if (between(f.id, lastSelected, file.id)) {
           f.selected = true;
         }
@@ -170,7 +172,7 @@ const changeAll = (selected: boolean) => {
     return;
   }
 
-  data.items
+  visibleItems.value
     .filter((f) => f.canBeSelected)
     .forEach((file) => {
       file.selected = selected;

package/src/components/PlSplash/PlSplash.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+import style from './pl-splash.module.scss';
+import { PlLoaderCircular } from '@/components/PlLoaderCircular';
+
+withDefaults(defineProps<{
+  /**
+   * Optional string that sets size for PlLoaderCircular.
+   */
+  size?: '16' | '24' | '48' | string;
+  /**
+   * Optional string that sets text that will be shown below the PlLoaderCircular.
+   */
+  text?: string;
+
+}>(), { size: '48', text: 'Loading' });
+</script>
+
+<template>
+  <div :class="style.container">
+    <PlLoaderCircular :size="size" />
+    <h3 :class="style.text">{{ text }}</h3>
+  </div>
+</template>

package/src/components/PlSplash/index.ts

@@ -0,0 +1 @@
+export { default as PlSplash } from './PlSplash.vue';

package/src/components/PlSplash/pl-splash.module.scss

@@ -0,0 +1,9 @@
+.container {
+  display: flex;
+  flex-direction: column;
+}
+
+.text {
+    margin-top: 24px;
+    color: var(--txt-mask);
+  }

package/src/index.ts

@@ -51,6 +51,7 @@ export * from './components/PlSectionSeparator';
 export * from './components/PlAccordion';
 export * from './components/PlStatusTag';
 export * from './components/PlLoaderCircular';
+export * from './components/PlSplash';
 export * from './components/PlProgressCell';
 
 export * from './components/PlFileDialog';