@milaboratories/uikit 2.2.6 → 2.2.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.6",
+  "version": "2.2.8",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -32,8 +32,8 @@
     "vue-tsc": "^2.1.6",
     "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",
+    "@milaboratories/helpers": "^1.6.6"
   },
   "scripts": {
     "dev": "vite",

package/src/components/PlLogView/PlLogView.vue

@@ -16,6 +16,7 @@ import type { AnyLogHandle, Platforma, ValueOrErrors } from '@platforma-sdk/mode
 import { useLogHandle } from './useLogHandle';
 import { useLabelNotch } from '@/utils/useLabelNotch';
 import DoubleContour from '@/utils/DoubleContour.vue';
+import { PlTooltip } from '../PlTooltip';
 
 const getOutputError = <T,>(o?: ValueOrErrors<T>) => {
   if (o && o.ok === false) {
@@ -70,9 +71,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 +116,12 @@ 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" />
+    <div class="pl-log-view__copy">
+      <PlTooltip :close-delay="800" position="top">
+        <PlMaskIcon24 title="Copy content" :name="iconName" @click="onClickCopy" />
+        <template #tooltip>{{ copyActive ? 'copied' : 'copy' }}</template>
+      </PlTooltip>
+    </div>
     <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/components/PlLogView/pl-log-view.scss

@@ -46,11 +46,16 @@
     position: absolute;
     top: 12px;
     right: 12px;
-    background-color: var(--ic-02);
     cursor: pointer;
 
+    .mask-24 {
+      background-color: var(--ic-02);
+    }
+
     &:hover {
-      background-color: var(--txt-01);
+      .mask-24 {
+        background-color: var(--txt-01);
+      }
     }
   }
 

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';