@naptics/vue-collection 0.0.4 → 0.0.6

package/i18n/index.js

@@ -6,7 +6,7 @@ let provider = undefined;
  * @param newProvider
  */
 export function registerTranslationProvider(newProvider) {
-  provider = newProvider;
+    provider = newProvider;
 }
 /**
  * Translates the specified key with the according message.
@@ -15,7 +15,7 @@ export function registerTranslationProvider(newProvider) {
  * @returns the translated message.
  */
 export function trsl(key, params) {
-  return provider?.trsl(key, params) ?? key;
+    return provider?.trsl(key, params) ?? key;
 }
 /**
  * Translates the specified key using pluralization.
@@ -27,5 +27,5 @@ export function trsl(key, params) {
  * @see trsl
  */
 export function trslc(key, count, params) {
-  return provider?.trslc(key, count, params) ?? key;
-}
+    return provider?.trslc(key, count, params) ?? key;
+}

package/index.d.ts

@@ -1,66 +1,2 @@
-import NAlert from './components/NAlert';
-export { NAlert };
-import NBadge from './components/NBadge';
-export { NBadge };
-import NBreadcrumb from './components/NBreadcrub';
-export { NBreadcrumb };
-import NButton from './components/NButton';
-export { NButton };
-import NCheckbox from './components/NCheckbox';
-export { NCheckbox };
-import NCheckboxLabel from './components/NCheckboxLabel';
-export { NCheckboxLabel };
-import NCrudModal from './components/NCrudModal';
-export { NCrudModal };
-import NDialog from './components/NDialog';
-export { NDialog };
-import NDropdown from './components/NDropdown';
-export { NDropdown };
-import NDropzone from './components/NDropzone';
-export { NDropzone };
-import NForm from './components/NForm';
-export { NForm };
-import NFormModal from './components/NFormModal';
-export { NFormModal };
-import NIconButton from './components/NIconButton';
-export { NIconButton };
-import NInput from './components/NInput';
-export { NInput };
-import NInputPhone from './components/NInputPhone';
-export { NInputPhone };
-import NInputSelect from './components/NInputSelect';
-export { NInputSelect };
-import NInputSuggestion from './components/NInputSuggestion';
-export { NInputSuggestion };
-import NLink from './components/NLink';
-export { NLink };
-import NList from './components/NList';
-export { NList };
-import NLoadingIndicator from './components/NLoadingIndicator';
-export { NLoadingIndicator };
-import NModal from './components/NModal';
-export { NModal };
-import NPagination from './components/NPagination';
-export { NPagination };
-import NSearchbar from './components/NSearchbar';
-export { NSearchbar };
-import NSearchbarList from './components/NSearchbarList';
-export { NSearchbarList };
-import NSelect from './components/NSelect';
-export { NSelect };
-import NSuggestionList from './components/NSuggestionList';
-export { NSuggestionList };
-import NTable from './components/NTable';
-export { NTable };
-import NTableAction from './components/NTableAction';
-export { NTableAction };
-import NTextArea from './components/NTextArea';
-export { NTextArea };
-import NTooltip from './components/NTooltip';
-export { NTooltip };
-import NValInput from './components/NValInput';
-export { NValInput };
-import { type ValidatedForm, createValidatedForm } from './components/ValidatedForm';
-export { ValidatedForm, createValidatedForm };
 import { createComponent, createView, createProps } from './utils/component';
 export { createComponent, createView, createProps };

package/index.js

@@ -1,67 +1,2 @@
-// All components are directly available via the entry point
-import NAlert from './components/NAlert';
-export { NAlert };
-import NBadge from './components/NBadge';
-export { NBadge };
-import NBreadcrumb from './components/NBreadcrub';
-export { NBreadcrumb };
-import NButton from './components/NButton';
-export { NButton };
-import NCheckbox from './components/NCheckbox';
-export { NCheckbox };
-import NCheckboxLabel from './components/NCheckboxLabel';
-export { NCheckboxLabel };
-import NCrudModal from './components/NCrudModal';
-export { NCrudModal };
-import NDialog from './components/NDialog';
-export { NDialog };
-import NDropdown from './components/NDropdown';
-export { NDropdown };
-import NDropzone from './components/NDropzone';
-export { NDropzone };
-import NForm from './components/NForm';
-export { NForm };
-import NFormModal from './components/NFormModal';
-export { NFormModal };
-import NIconButton from './components/NIconButton';
-export { NIconButton };
-import NInput from './components/NInput';
-export { NInput };
-import NInputPhone from './components/NInputPhone';
-export { NInputPhone };
-import NInputSelect from './components/NInputSelect';
-export { NInputSelect };
-import NInputSuggestion from './components/NInputSuggestion';
-export { NInputSuggestion };
-import NLink from './components/NLink';
-export { NLink };
-import NList from './components/NList';
-export { NList };
-import NLoadingIndicator from './components/NLoadingIndicator';
-export { NLoadingIndicator };
-import NModal from './components/NModal';
-export { NModal };
-import NPagination from './components/NPagination';
-export { NPagination };
-import NSearchbar from './components/NSearchbar';
-export { NSearchbar };
-import NSearchbarList from './components/NSearchbarList';
-export { NSearchbarList };
-import NSelect from './components/NSelect';
-export { NSelect };
-import NSuggestionList from './components/NSuggestionList';
-export { NSuggestionList };
-import NTable from './components/NTable';
-export { NTable };
-import NTableAction from './components/NTableAction';
-export { NTableAction };
-import NTextArea from './components/NTextArea';
-export { NTextArea };
-import NTooltip from './components/NTooltip';
-export { NTooltip };
-import NValInput from './components/NValInput';
-export { NValInput };
-import { createValidatedForm } from './components/ValidatedForm';
-export { createValidatedForm };
 import { createComponent, createView, createProps } from './utils/component';
-export { createComponent, createView, createProps };
+export { createComponent, createView, createProps };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@naptics/vue-collection",
-    "version": "0.0.4",
+    "version": "0.0.6",
     "main": "./index.js",
     "repository": {
         "type": "git",

package/utils/breakpoints.js

@@ -1,10 +1,10 @@
 import { computed, ref } from 'vue';
 export const breakpoints = {
-  sm: 640,
-  md: 768,
-  lg: 1024,
-  xl: 1280,
-  '2xl': 1536
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    '2xl': 1536,
 };
 export const bodyWidth = ref(document.body.clientWidth);
 /**
@@ -12,26 +12,26 @@ export const bodyWidth = ref(document.body.clientWidth);
  * It sets a `window.onresize` listener.
  */
 export function addDocumentResizeEventListener() {
-  window.onresize = () => {
-    bodyWidth.value = document.body.clientWidth;
-  };
+    window.onresize = () => {
+        bodyWidth.value = document.body.clientWidth;
+    };
 }
 export function isWidthBreakpoint(breakpoint) {
-  switch (breakpoint) {
-    case 'sm':
-      return isWidthSm;
-    case 'md':
-      return isWidthMd;
-    case 'lg':
-      return isWidthLg;
-    case 'xl':
-      return isWidthXl;
-    case '2xl':
-      return isWidth2xl;
-  }
+    switch (breakpoint) {
+        case 'sm':
+            return isWidthSm;
+        case 'md':
+            return isWidthMd;
+        case 'lg':
+            return isWidthLg;
+        case 'xl':
+            return isWidthXl;
+        case '2xl':
+            return isWidth2xl;
+    }
 }
 export const isWidth2xl = computed(() => bodyWidth.value > breakpoints['2xl']);
 export const isWidthXl = computed(() => bodyWidth.value > breakpoints.xl);
 export const isWidthLg = computed(() => bodyWidth.value > breakpoints.lg);
 export const isWidthMd = computed(() => bodyWidth.value > breakpoints.md);
-export const isWidthSm = computed(() => bodyWidth.value > breakpoints.sm);
+export const isWidthSm = computed(() => bodyWidth.value > breakpoints.sm);

package/utils/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, reactive, toRef } from 'vue';
+import { defineComponent, reactive, toRef, } from 'vue';
 /**
  * Components should be created using this helper function.
  * It only takes three arguments, the name and the props of the component and the setup function.
@@ -10,12 +10,7 @@ import { defineComponent, reactive, toRef } from 'vue';
  * @returns the created vue-component.
  */
 export function createComponent(name, props, setup) {
-  return defineComponent({
-    name,
-    props,
-    emits: [],
-    setup
-  });
+    return defineComponent({ name, props, emits: [], setup });
 }
 /**
  * Views should be created using this helper function. Views are special components, which don't have props.
@@ -26,11 +21,7 @@ export function createComponent(name, props, setup) {
  * @returns the created vue-component.
  */
 export function createView(name, setup) {
-  return defineComponent({
-    name,
-    emits: [],
-    setup: (props, context) => setup(context)
-  });
+    return defineComponent({ name, emits: [], setup: (props, context) => setup(context) });
 }
 /**
  * If props are specified outside of the {@link createComponent}
@@ -40,7 +31,7 @@ export function createView(name, setup) {
  * @returns the created props, with correct typing.
  */
 export function createProps(props) {
-  return props;
+    return props;
 }
 /**
  * Extracts props from another prop object and returns a reactive object with the specified props.
@@ -53,7 +44,8 @@ export function createProps(props) {
  * console.log(childProps) // { title: 'hi' }
  */
 export function extractProps(props, ...keys) {
-  const partial = {};
-  for (const key of keys) partial[key] = toRef(props, key);
-  return reactive(partial);
-}
+    const partial = {};
+    for (const key of keys)
+        partial[key] = toRef(props, key);
+    return reactive(partial);
+}

package/utils/deferred.js

@@ -3,15 +3,15 @@
  * @returns promise, resolve and reject
  */
 export function deferred() {
-  let resolve;
-  let reject;
-  const promise = new Promise((_resolve, _reject) => {
-    resolve = _resolve;
-    reject = _reject;
-  });
-  return {
-    promise,
-    resolve,
-    reject
-  };
-}
+    let resolve;
+    let reject;
+    const promise = new Promise((_resolve, _reject) => {
+        resolve = _resolve;
+        reject = _reject;
+    });
+    return {
+        promise,
+        resolve,
+        reject,
+    };
+}

package/utils/identifiable.js

@@ -6,8 +6,11 @@ import { markReadonly } from './utils';
  * @returns The first item with the specified `id` or `undefined` if none exists.
  */
 function find(array, id) {
-  const filtered = array.filter(item => item.id === id);
-  if (filtered.length > 0) return filtered[0];else return undefined;
+    const filtered = array.filter(item => item.id === id);
+    if (filtered.length > 0)
+        return filtered[0];
+    else
+        return undefined;
 }
 /**
  * Checks if the given array contains an item with the `id`.
@@ -16,11 +19,11 @@ function find(array, id) {
  * @returns `true` if there is at least one item in the array with the given `id`.
  */
 function contains(array, id) {
-  return find(array, id) !== undefined;
+    return find(array, id) !== undefined;
 }
 function insertSingle(baseArray, insertItem) {
-  const index = baseArray.findIndex(item => item.id === insertItem.id);
-  index === -1 ? baseArray.push(insertItem) : baseArray.splice(index, 1, insertItem);
+    const index = baseArray.findIndex(item => item.id === insertItem.id);
+    index === -1 ? baseArray.push(insertItem) : baseArray.splice(index, 1, insertItem);
 }
 /**
  * Inserts the items into the given array, replacing items with the same `id`.
@@ -31,8 +34,8 @@ function insertSingle(baseArray, insertItem) {
  * @returns The reference to the same array, which was passed.
  */
 function insert(array, ...insertItems) {
-  insertItems.forEach(item => insertSingle(array, item));
-  return array;
+    insertItems.forEach(item => insertSingle(array, item));
+    return array;
 }
 /**
  * Removes all items with the specified `ids` from the given array.
@@ -41,14 +44,17 @@ function insert(array, ...insertItems) {
  * @returns The reference to the same array, which was passed.
  */
 function remove(array, ...ids) {
-  ids.forEach(id => {
-    let noMatches = false;
-    while (!noMatches) {
-      const index = array.findIndex(item => item.id === id);
-      if (index != -1) array.splice(index, 1);else noMatches = true;
-    }
-  });
-  return array;
+    ids.forEach(id => {
+        let noMatches = false;
+        while (!noMatches) {
+            const index = array.findIndex(item => item.id === id);
+            if (index != -1)
+                array.splice(index, 1);
+            else
+                noMatches = true;
+        }
+    });
+    return array;
 }
 /**
  * Compares the two arrays and checks if they both have
@@ -58,19 +64,15 @@ function remove(array, ...ids) {
  * @returns `true` if the arrays contain item with the same `ids` in the same order.
  */
 function areSameArrays(first, second) {
-  if (first.length != second.length) return false;
-  for (let i = 0; i < first.length; i++) {
-    if (first[i]?.id !== second[i]?.id) return false;
-  }
-  return true;
+    if (first.length != second.length)
+        return false;
+    for (let i = 0; i < first.length; i++) {
+        if (first[i]?.id !== second[i]?.id)
+            return false;
+    }
+    return true;
 }
 /**
  * This object contains utility functions to deal with {@link Identifiable} objects.
  */
-export const Id = markReadonly({
-  find,
-  contains,
-  insert,
-  remove,
-  areSameArrays
-});
+export const Id = markReadonly({ find, contains, insert, remove, areSameArrays });

package/utils/stringMaxLength.js

@@ -5,7 +5,10 @@
  * @see maxLengthSplitCenter
  */
 export function maxLength(input, maxLength) {
-  if (input && input.length > maxLength) return `${input.substring(0, maxLength - 3).trim()}...`;else return input || '';
+    if (input && input.length > maxLength)
+        return `${input.substring(0, maxLength - 3).trim()}...`;
+    else
+        return input || '';
 }
 /**
  * Returns a shortened string with '...' in the center of the string if it is longer than the given `maxLength`.
@@ -14,10 +17,12 @@ export function maxLength(input, maxLength) {
  * @see maxLength
  */
 export function maxLengthSplitCenter(input, maxLength) {
-  if (input && input.length > maxLength) {
-    const chars = maxLength - 3;
-    const charsAtStart = Math.ceil(chars / 2);
-    const charsAtEnd = Math.floor(chars / 2);
-    return `${input.substring(0, charsAtStart).trim()}...${input.substring(input.length - charsAtEnd).trim()}`;
-  } else return input || '';
-}
+    if (input && input.length > maxLength) {
+        const chars = maxLength - 3;
+        const charsAtStart = Math.ceil(chars / 2);
+        const charsAtEnd = Math.floor(chars / 2);
+        return `${input.substring(0, charsAtStart).trim()}...${input.substring(input.length - charsAtEnd).trim()}`;
+    }
+    else
+        return input || '';
+}

package/utils/tailwind.js

@@ -1 +1 @@
-export {};
+export {};

package/utils/utils.js

@@ -1,12 +1,12 @@
 export function markReadonly(object) {
-  return object;
+    return object;
 }
 let currentId = 1;
 /**
  * Generates and returns a non random but unique id.
  */
 export function uniqueId() {
-  return currentId++;
+    return currentId++;
 }
 /**
  * Determines if a value is not null or undefined.
@@ -14,7 +14,7 @@ export function uniqueId() {
  * @returns `true` if the value is anything but `null` or `undefined`.
  */
 export function notNullish(value) {
-  return value !== null && value !== undefined;
+    return value !== null && value !== undefined;
 }
 /**
  * Determines if a value is null or undefined.
@@ -22,5 +22,5 @@ export function notNullish(value) {
  * @returns `true` if the value is `null` or `undefined`.
  */
 export function isNullish(value) {
-  return value === null || value === undefined;
-}
+    return value === null || value === undefined;
+}