@milaboratories/uikit 2.2.6 → 2.2.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.6",
+  "version": "2.2.7",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -33,7 +33,7 @@
     "yarpm": "^1.2.0",
     "svgo": "^3.3.2",
     "@milaboratories/helpers": "^1.6.6",
-    "@platforma-sdk/model": "^1.10.2"
+    "@platforma-sdk/model": "^1.10.12"
   },
   "scripts": {
     "dev": "vite",

package/src/components/PlLogView/PlLogView.vue

@@ -70,9 +70,18 @@ const computedError = computed(() => logState.value?.error ?? props.error ?? get
 
 const computedValue = computed(() => logState.value?.lines ?? props.value ?? okOptional(props.output));
 
+const copyActive = ref(false);
+
 useLabelNotch(root);
 
+const iconName = computed(() => (copyActive.value ? 'clipboard-copied' : 'clipboard'));
+
 const onClickCopy = () => {
+  copyActive.value = true;
+  setTimeout(() => {
+    copyActive.value = false;
+  }, 1200);
+
   if (computedValue.value && typeof computedValue.value === 'string') {
     navigator.clipboard.writeText(computedValue.value);
   }
@@ -106,7 +115,7 @@ const onContentScroll = (ev: Event) => {
   <div ref="root" class="pl-log-view" :class="{ 'has-error': computedError }">
     <label v-if="label"> {{ label }} </label>
     <DoubleContour class="pl-log-view__contour" />
-    <PlMaskIcon24 title="Copy content" class="pl-log-view__copy" name="clipboard" @click="onClickCopy" />
+    <PlMaskIcon24 title="Copy content" class="pl-log-view__copy" :name="iconName" @click="onClickCopy" />
     <div v-if="computedError" class="pl-log-view__error">{{ computedError }}</div>
     <div v-else ref="contentRef" class="pl-log-view__content" @scroll="onContentScroll">{{ computedValue }}</div>
   </div>

package/src/index.ts

@@ -48,7 +48,6 @@ export * from './components/PlTabs';
 export * from './components/PlFileDialog';
 export * from './components/PlFileInput';
 export * from './components/PlNotificationAlert';
-export * from './components/PlCopyData';
 
 export * from './components/PlMaskIcon16';
 export * from './components/PlMaskIcon24';

package/dist/src/components/PlCopyData/PlCopyData.vue.d.ts

@@ -1,6 +0,0 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    copy: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onCopy?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/src/components/PlCopyData/index.d.ts

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

package/src/components/PlCopyData/PlCopyData.vue

@@ -1,20 +0,0 @@
-<script setup lang="ts">
-import { computed, ref } from 'vue';
-
-/**
- * @TODO nicolaygiman ask me!!!
- */
-
-const emit = defineEmits(['copy']);
-const isActive = ref(false);
-const icon = computed(() => (isActive.value ? 'mask-clipboard-copied' : 'mask-clipboard'));
-
-function copyData() {
-  isActive.value = true;
-  setTimeout(() => (isActive.value = false), 700);
-  emit('copy');
-}
-</script>
-<template>
-  <div :class="icon" class="mask-24" @click="copyData" />
-</template>

package/src/components/PlCopyData/index.ts

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