@milaboratories/uikit 2.2.46 → 2.2.48

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@milaboratories/uikit",
-  "version": "2.2.46",
+  "version": "2.2.48",
   "type": "module",
   "main": "dist/pl-uikit.umd.js",
   "module": "dist/pl-uikit.js",
@@ -35,8 +35,8 @@
     "svgo": "^3.3.2",
     "@types/d3": "^7.4.3",
     "@milaboratories/eslint-config": "^1.0.1",
-    "@platforma-sdk/model": "^1.21.20",
-    "@milaboratories/helpers": "^1.6.11"
+    "@milaboratories/helpers": "^1.6.11",
+    "@platforma-sdk/model": "^1.21.20"
   },
   "scripts": {
     "dev": "vite",

package/src/components/LongText.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed, ref } from 'vue';
-import { debounce, notEmpty } from '../helpers/utils';
+import { debounce, notEmpty } from '@milaboratories/helpers';
 
 const hasElementEllipsis = ref(false);
 

package/src/components/PlDialogModal/PlDialogModal.vue

@@ -7,8 +7,9 @@ export default {
 <script lang="ts" setup>
 import { useEventListener } from '@/composition/useEventListener';
 import './pl-dialog-modal.scss';
-import { ref, useAttrs, useSlots } from 'vue';
+import { computed, ref, useSlots } from 'vue';
 import PlCloseModalBtn from '@/utils/PlCloseModalBtn.vue';
+import type { Size } from '@/types';
 
 const slots = useSlots();
 
@@ -56,6 +57,10 @@ const props = withDefaults(
      * If `true`, the modal window closes when clicking outside the modal area (default: `true`)
      */
     closeOnOutsideClick?: boolean;
+    /**
+     * Predefined size (standard small | medium | large). Takes precedence over (min|max)(width|height) properties. Not defined by default.
+     */
+    size?: Size | undefined;
   }>(),
   {
     width: '448px',
@@ -65,12 +70,44 @@ const props = withDefaults(
     closable: true,
     noContentGutters: false,
     actionsHasTopBorder: true,
+    size: undefined,
   },
 );
 
 const modal = ref<HTMLElement>();
 
-const $attrs = useAttrs();
+const style = computed(() => {
+  const { width, height, minHeight, maxHeight, size } = props;
+
+  if (size === 'small') {
+    return {
+      width: '448px',
+      height: '440px',
+      minHeight: 'auto',
+      maxHeight: 'auto',
+    };
+  }
+
+  if (size === 'medium') {
+    return {
+      width: '720px',
+      height: '720px',
+      minHeight: 'auto',
+      maxHeight: 'auto',
+    };
+  }
+
+  if (size === 'large') {
+    return {
+      width: '1080px',
+      height: '880px',
+      minHeight: 'auto',
+      maxHeight: 'auto',
+    };
+  }
+
+  return { width, height, minHeight, maxHeight };
+});
 
 function onClickShadow(ev: Event) {
   if (modal.value && props.closeOnOutsideClick && document.contains(ev.target as Node) && !modal.value.contains(ev.target as Node)) {
@@ -94,7 +131,7 @@ useEventListener(document.body, 'keyup', (ev) => {
           ref="modal"
           class="pl-dialog-modal"
           :class="{ 'has-title': slots.title, 'has-content': slots.default }"
-          :style="{ width, height, minHeight, maxHeight }"
+          :style="style"
         >
           <PlCloseModalBtn v-if="closable" class="close-modal-btn" @click.stop="emit('update:modelValue', false)" />
           <div v-if="slots.title" class="pl-dialog-modal__title">

package/src/components/PlDropdownMulti/PlDropdownMulti.vue

@@ -73,6 +73,7 @@ const props = withDefaults(
     placeholder: '...',
     required: false,
     disabled: false,
+    options: undefined,
   },
 );
 

package/src/components/PlDropdownMultiRef/PlDropdownMultiRef.vue

@@ -53,6 +53,7 @@ const props = withDefaults(
     placeholder: '...',
     required: false,
     disabled: false,
+    options: undefined,
   },
 );
 

package/src/composition/useLocalStorage.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
 import { ref, watch } from 'vue';
-import { notEmpty } from '@/helpers/utils';
+import { notEmpty } from '@milaboratories/helpers';
 
 const $store = new Map<string, Ref<string | null>>();
 

package/src/helpers/utils.ts

@@ -4,14 +4,6 @@ export function call<R>(f: () => R): R {
   return f();
 }
 
-export function notEmpty<T>(v: T | null | undefined, message: string): T {
-  if (v === null || v === undefined) {
-    throw Error(message);
-  }
-
-  return v;
-}
-
 export function requestTick<P>(cb: (...args: P[]) => void) {
   let tick = false;
 
@@ -108,17 +100,6 @@ export function animateInfinite(options: { getFraction: (dt: number) => number;
 /* eslint-disable @typescript-eslint/no-explicit-any */
 type AnyFunction = (...args: any[]) => any;
 
-export function debounce<F extends AnyFunction>(func: F, delay: number) {
-  let timerId = -1;
-  return (...args: Parameters<F>) => {
-    if (timerId !== -1) {
-      clearTimeout(timerId);
-      timerId = -1;
-    }
-    timerId = window.setTimeout(() => func(...args), delay);
-  };
-}
-
 export function throttle<F extends AnyFunction>(callback: F, ms: number, trailing = true): (...args: Parameters<F>) => void {
   let t = 0,
     call: AnyFunction | null;
@@ -142,6 +123,10 @@ export function listToOptions<T>(list: T[] | readonly T[]): ListOption<T>[] {
 }
 
 export function normalizeListOptions<V = unknown>(options: Readonly<ListOption<V>[]>) {
+  if (!Array.isArray(options)) {
+    throw Error('Invalid component options: ' + String(options));
+  }
+
   return options.map((it) => ({
     label: 'label' in it ? it.label : it.text,
     value: it.value,

package/vite.config.ts

@@ -40,8 +40,8 @@ export default defineConfig({
     },
   },
   build: {
-    sourcemap: process.env.DEV_SOURCE_MAP === '1',
-    emptyOutDir: false,
+    sourcemap: true,
+    emptyOutDir: true,
     lib: {
       // Could also be a dictionary or array of multiple entry points
       entry: [resolve(__dirname, 'src/index.ts')],