vueless 0.0.2 → 0.0.4

package/library.vue-tailwind-3/t-textarea.js

@@ -1,84 +0,0 @@
-import { defineComponent, h } from "vue";
-import TextInput from "./base/TextInput";
-
-const TTextarea = {
-  name: "TTextarea",
-  mixins: [TextInput],
-  props: {
-    rows: {
-      type: String,
-      default: undefined,
-    },
-    cols: {
-      type: String,
-      default: undefined,
-    },
-    wrap: {
-      type: String,
-      default: "soft",
-    },
-    classes: {
-      type: [String, Array, Object],
-      default: `block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100
-        ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500
-        focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50
-        disabled:opacity-50 disabled:cursor-not-allowed`,
-    },
-  },
-  render() {
-    const renderFun = this.render;
-
-    return renderFun(h);
-  },
-  methods: {
-    getProps() {
-      return {
-        modelValue: this.localValue,
-      };
-    },
-
-    getAttributes() {
-      return {
-        id: this.id,
-        name: this.name,
-        disabled: this.disabled,
-        readonly: this.readonly,
-        autocomplete: this.autocomplete,
-        autofocus: this.autofocus,
-        required: this.required,
-        placeholder: this.placeholder,
-        pattern: this.pattern,
-        multiple: this.multiple,
-        minlength: this.minlength,
-        maxlength: this.maxlength,
-        wrap: this.wrap,
-        rows: this.rows,
-        cols: this.cols,
-      };
-    },
-
-    render(createElement) {
-      return createElement("textarea", {
-        class: this.componentClass,
-        ref: "input",
-        ...this.getProps(),
-        ...this.getAttributes(),
-
-        onInput: this.onInput,
-        onBlur: this.onBlur,
-      });
-    },
-
-    onInput(e) {
-      const target = e.target;
-
-      this.$emit("update:modelValue", target.value);
-    },
-
-    onBlur() {
-      this.$emit("blur");
-    },
-  },
-};
-
-export default defineComponent(TTextarea);

package/resolver.unplugin-vue-components/index.js

@@ -1,94 +0,0 @@
-/**
-  Custom vueless UI library resolver for "unplugin-vue-components" plugin.
-
-  When new components are added, please add related to them data into an object below with a format:
-  - key = component name;
-  - value = component folder;
-
-  Docs:
-  https://github.com/unplugin/unplugin-vue-components?tab=readme-ov-file#importing-from-ui-libraries
-*/
-export default function (componentName) {
-  const components = {
-    /* Buttons & Links */
-    UButton: "ui.button",
-    UButtonGroup: "ui.button-group",
-    UButtonGroupItem: "ui.button-group-item",
-    UButtonExpand: "ui.button-expand",
-    UButtonExpandItem: "ui.button-expand-item",
-    ULink: "ui.button-link",
-
-    /* Dropdowns */
-    UDropdownButton: "ui.dropdown-button",
-    UDropdownTag: "ui.dropdown-tag",
-    UDropdownLink: "ui.dropdown-link",
-    UDropdownItem: "ui.dropdown-item",
-
-    /* Form Inputs & Controls */
-    UInput: "ui.form-input",
-    UInputFile: "ui.form-input-file",
-    UInputMoney: "ui.form-input-money",
-    UInputSearch: "ui.form-input-search",
-    UInputNumber: "ui.form-input-number",
-    UInputRating: "ui.form-input-rating",
-    UTextarea: "ui.form-textarea",
-    USelect: "ui.form-select",
-    UMultiselect: "ui.form-select-multi",
-    UCheckbox: "ui.form-checkbox",
-    UCheckboxGroup: "ui.form-checkbox-group",
-    UCheckboxMultiState: "ui.form-checkbox-multi-state",
-    USwitch: "ui.form-switch",
-    URadio: "ui.form-radio",
-    URadioCard: "ui.form-radio-card",
-    URadioGroup: "ui.form-radio-group",
-    UDatePicker: "ui.form-date-picker",
-    UDatePickerRange: "ui.form-date-picker-range",
-
-    /* Text & Content */
-    UHeader: "ui.text-header",
-    UText: "ui.text-block",
-    UAlert: "ui.text-alert",
-    UMoney: "ui.text-money",
-    UFile: "ui.text-file",
-    UFiles: "ui.text-files",
-    UField: "ui.text-field",
-    UEmpty: "ui.text-empty",
-    UTag: "ui.text-tag",
-
-    /* Containers */
-    UDivider: "ui.container-divider",
-    URow: "ui.container-row",
-    UGroup: "ui.container-group",
-    UGroups: "ui.container-groups",
-    UAccordion: "ui.container-accordion",
-    UCard: "ui.container-card",
-    UModal: "ui.container-modal",
-    UModalConfirm: "ui.container-modal-confirm",
-    UPage: "ui.container-page",
-
-    /* Images and Icons */
-    UIcon: "ui.image-icon",
-    ULogo: "ui.image-logo",
-    UAvatar: "ui.image-avatar",
-
-    /* Data */
-    UTable: "ui.data-table",
-    UDataList: "ui.data-list",
-
-    /* Navigation */
-    UTab: "ui.navigation-tab",
-    UTabs: "ui.navigation-tabs",
-    UStepper: "ui.navigation-stepper",
-    UPagination: "ui.navigation-pagination",
-
-    /* Other */
-    UDot: "ui.other-dot",
-    ULoader: "ui.other-loader",
-  };
-
-  const componentFolder = components[componentName];
-
-  if (componentFolder) {
-    return { from: `vueless/${componentFolder}` };
-  }
-}

package/service.api/index.js

@@ -1,275 +0,0 @@
-import axios from "axios";
-import JwtServiceDefault from "vueless/service.jwt";
-import NotifyServiceDefault from "vueless/service.notify";
-import I18nServiceDefault from "vueless/service.i18n";
-
-export default class ApiServiceDefault {
-  #notify = new NotifyServiceDefault();
-
-  constructor() {
-    this.pendingRequests = [];
-  }
-
-  addPendingRequest(request) {
-    this.pendingRequests.push(request);
-  }
-
-  removePendingRequest(request) {
-    const index = this.pendingRequests.indexOf(request);
-
-    if (index !== -1) {
-      this.pendingRequests.splice(index, 1);
-    }
-  }
-
-  cancelPendingRequests() {
-    this.pendingRequests.forEach((request) => {
-      request.cancel();
-    });
-    this.pendingRequests = [];
-  }
-
-  /**
-   * Inits axios
-   */
-  init() {
-    const restApiPrefix = import.meta.env.VITE_REST_API_PREFIX;
-    let apiBaseUrl = import.meta.env.VITE_API_DOMAIN;
-
-    axios.defaults.baseURL = apiBaseUrl + restApiPrefix;
-
-    this.setAxiosInterceptors(axios);
-  }
-
-  /**
-   * Set axios interceptors
-   * @param { Object } $axios
-   */
-  setAxiosInterceptors($axios) {
-    $axios.interceptors.response.use(
-      (response) => {
-        this.loader("off", response.config.url);
-
-        return response;
-      },
-      (error) => {
-        const { config, response, message } = error;
-        const apiMessage = this.getResponseMessage(response);
-
-        this.loader("off", error.config.url);
-
-        // show error notification if it isn't disabled in partiular api request
-        if (!config?.disableErrorNotify) {
-          if (message === "Network Error") {
-            this.#notify.error("networkError");
-          } else {
-            Array.isArray(apiMessage) && apiMessage.length
-              ? apiMessage.forEach((code) => this.#notify.error(code))
-              : this.#notify.error(apiMessage);
-          }
-        }
-
-        return Promise.reject(error);
-      },
-    );
-  }
-
-  /**
-   * Set the default HTTP request headers
-   */
-  setHeaders(withLanguage = true) {
-    const authToken = new JwtServiceDefault().getAuthToken();
-    const activeLanguage = new I18nServiceDefault().getActiveLanguage();
-
-    axios.defaults.headers.common["Authorization"] = `Bearer ${authToken}`;
-
-    if (withLanguage) axios.defaults.headers.common["Language"] = activeLanguage;
-  }
-
-  /**
-   * Get message code for global notification
-   * @param { Object } response
-   * @returns String
-   */
-  getResponseMessage(response) {
-    return response?.data?.message;
-  }
-
-  /**
-   * Show success notify or set type and message in local storage for display with delay
-   * @param { String } message
-   * @param { Boolean } withDelay
-   */
-  showSuccessNotify(message, withDelay) {
-    const type = "success";
-
-    withDelay ? this.#notify.setDelayed(type, message) : this.#notify.success(message);
-  }
-
-  /**
-   * Change loaders state (on | off): redeclare this method
-   * @param { String } state
-   * @param { String } resource
-   */
-  loader(state, resource) {
-    // eslint-disable-next-line no-console
-    if (state === "on") console.log(state, resource);
-    // eslint-disable-next-line no-console
-    if (state === "off") console.log(state, resource);
-  }
-
-  /**
-   * Get axios request config (method for redeclaration)
-   * @param { Object } settings
-   * @returns { Object }
-   */
-  getRequestConfig(settings) {
-    const { allowMultipleRequests = false, disableErrorNotify = false } = settings;
-
-    const config = {};
-
-    if (allowMultipleRequests) {
-      config.allowMultipleRequests = allowMultipleRequests;
-    }
-
-    if (disableErrorNotify) {
-      config.disableErrorNotify = disableErrorNotify;
-    }
-
-    return config;
-  }
-
-  /**
-   * Send the GET HTTP request
-   * @param { String } resource
-   * @param { Object } settings
-   * @returns { IDBRequest<IDBValidKey> | Promise<void> }
-   */
-  get(resource, settings = {}) {
-    const config = this.getRequestConfig(settings);
-    const { withLoader = true, withNotify = false, delaySuccessNotify = false } = settings;
-
-    if (withLoader) {
-      this.loader("on", resource);
-    }
-
-    config.cancelToken = new axios.CancelToken((cancel) => {
-      this.addPendingRequest({ cancel });
-    });
-
-    return axios.get(resource, config).then((response) => {
-      this.removePendingRequest(config.cancelToken);
-
-      if (withNotify) {
-        const message = this.getResponseMessage(response);
-
-        this.showSuccessNotify(message, delaySuccessNotify);
-      }
-
-      return response;
-    });
-  }
-
-  /**
-   * Set the POST HTTP request
-   * @param { String } resource
-   * @param params
-   * @param { Object } settings
-   * @returns { IDBRequest<IDBValidKey> | Promise<void> }
-   */
-  post(resource, params = null, settings = {}) {
-    const config = this.getRequestConfig(settings);
-    const { withLoader = true, withNotify = false, delaySuccessNotify = false } = settings;
-
-    if (withLoader) {
-      this.loader("on", resource);
-    }
-
-    return axios.post(resource, params, config).then((response) => {
-      if (withNotify) {
-        const message = this.getResponseMessage(response);
-
-        this.showSuccessNotify(message, delaySuccessNotify);
-      }
-
-      return response;
-    });
-  }
-
-  /**
-   * Send the PUT HTTP request
-   * @param { String } resource
-   * @param params
-   * @param { Object } settings
-   * @returns {IDBRequest<IDBValidKey> | Promise<void>}
-   */
-  put(resource, params = null, settings = {}) {
-    const config = this.getRequestConfig(settings);
-    const { withLoader = true, withNotify = false, delaySuccessNotify = false } = settings;
-
-    if (withLoader) {
-      this.loader("on", resource);
-    }
-
-    return axios.put(resource, params, config).then((response) => {
-      if (withNotify) {
-        const message = this.getResponseMessage(response);
-
-        this.showSuccessNotify(message, delaySuccessNotify);
-      }
-
-      return response;
-    });
-  }
-
-  /**
-   * Send the PATCH HTTP request
-   * @param { String } resource
-   * @param params
-   * @param { Object } settings
-   * @returns { IDBRequest<IDBValidKey> | Promise<void> }
-   */
-  patch(resource, params = null, settings = {}) {
-    const config = this.getRequestConfig(settings);
-    const { withLoader = true, withNotify = false, delaySuccessNotify = false } = settings;
-
-    if (withLoader) {
-      this.loader("on", resource);
-    }
-
-    return axios.patch(resource, params, config).then((response) => {
-      if (withNotify) {
-        const message = this.getResponseMessage(response);
-
-        this.showSuccessNotify(message, delaySuccessNotify);
-      }
-
-      return response;
-    });
-  }
-
-  /**
-   * Send the DELETE HTTP request
-   * @param { String } resource
-   * @param { Object } settings
-   * @returns { IDBRequest<IDBValidKey> | Promise<void> }
-   */
-  delete(resource, settings = {}) {
-    const config = this.getRequestConfig(settings);
-    const { withLoader = true, withNotify = false, delaySuccessNotify = false } = settings;
-
-    if (withLoader) {
-      this.loader("on", resource);
-    }
-
-    return axios.delete(resource, config).then((response) => {
-      if (withNotify) {
-        const message = this.getResponseMessage(response);
-
-        this.showSuccessNotify(message, delaySuccessNotify);
-      }
-
-      return response;
-    });
-  }
-}

package/service.data/index.js

@@ -1,75 +0,0 @@
-import { isProxy, isReactive, isRef, toRaw } from "vue";
-
-export default class DataServiceDefault {
-  compareValues(key, order = "asc") {
-    return function innerSort(a, b) {
-      const isPropExistInObjA = Object.prototype.hasOwnProperty.call(a, key);
-      const isPropExistInObjB = Object.prototype.hasOwnProperty.call(b, key);
-
-      if (!isPropExistInObjA || !isPropExistInObjB) {
-        return 0;
-      }
-
-      const varA = typeof a[key] === "string" ? a[key].toUpperCase() : a[key];
-      const varB = typeof b[key] === "string" ? b[key].toUpperCase() : b[key];
-      let comparison = 0;
-
-      if (!varA) return 1;
-
-      if (!varB) return -1;
-
-      if (varA > varB) {
-        comparison = 1;
-      }
-
-      if (varA < varB) {
-        comparison = -1;
-      }
-
-      return order === "desc" ? comparison * -1 : comparison;
-    };
-  }
-
-  createFormData(form = {}) {
-    const formData = new FormData();
-
-    for (let key in form) {
-      if (Array.isArray(form[key])) {
-        form[key].forEach((item, index) => formData.append(`${key}[${index}]`, item));
-      } else if (typeof form[key] === "boolean") {
-        formData.append(key, Number(form[key]));
-      } else {
-        formData.append(key, form[key]);
-      }
-    }
-
-    return formData;
-  }
-
-  updateArray(oldArray, newArray) {
-    newArray = new Map(newArray.map((item) => [item.id, item]));
-
-    const updatedArray = oldArray.map((item) => {
-      if (newArray.has(item.id)) {
-        item = newArray.get(item.id);
-        newArray.delete(item.id);
-      }
-
-      return item;
-    });
-
-    return [...updatedArray, ...newArray.values()];
-  }
-
-  getRawValue = (value) => {
-    if (Array.isArray(value)) {
-      return value.map((item) => this.getRawValue(item));
-    }
-
-    if (isRef(value) || isReactive(value) || isProxy(value)) {
-      return this.getRawValue(toRaw(value));
-    }
-
-    return value;
-  };
-}