vueless 0.0.3 → 0.0.5

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

@@ -1,301 +0,0 @@
-import { defineComponent, h } from "vue";
-import isEqual from "lodash.isequal";
-
-import HtmlInput from "./base/HtmlInput";
-
-import vueTailwindService from "./services/vueTailwind.service";
-
-const { awaiter } = vueTailwindService;
-
-/* eslint-disable no-shadow */
-let Key;
-
-(function (Key) {
-  Key[(Key["LEFT"] = 37)] = "LEFT";
-  Key[(Key["UP"] = 38)] = "UP";
-  Key[(Key["RIGHT"] = 39)] = "RIGHT";
-  Key[(Key["DOWN"] = 40)] = "DOWN";
-  Key[(Key["ENTER"] = 13)] = "ENTER";
-  Key[(Key["ESC"] = 27)] = "ESC";
-  Key[(Key["SPACE"] = 32)] = "SPACE";
-  Key[(Key["BACKSPACE"] = 8)] = "BACKSPACE";
-})(Key || (Key = {}));
-
-let Key$1 = Key;
-
-const checkIfTagShouldBeChecked = (model, checked, value) =>
-  model === undefined ? !!checked : isEqual(model, value);
-
-const TRadio = {
-  name: "TRadio",
-  mixins: [HtmlInput],
-  emits: ["focus", "blur", "input", "change", "update:modelValue"],
-  props: {
-    value: {
-      type: [String, Object, Number, Boolean, Array],
-      default: "on",
-    },
-    checked: {
-      type: [Boolean, String],
-      default: false,
-    },
-    modelValue: {
-      // v-model
-      type: [String, Object, Number, Boolean, Array],
-      default: undefined,
-    },
-    wrapped: {
-      type: Boolean,
-      default: false,
-    },
-    wrapperTag: {
-      type: String,
-      default: "label",
-    },
-    inputWrapperTag: {
-      type: String,
-      default: "span",
-    },
-    labelTag: {
-      type: String,
-      default: "span",
-    },
-    label: {
-      type: [String, Number],
-      default: undefined,
-    },
-    classes: {
-      type: [String, Array, Object],
-      default: `text-blue-500 transition duration-100 ease-in-out border-gray-300 shadow-sm focus:border-blue-500
-        focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50 focus:ring-offset-0 disabled:opacity-50
-        disabled:cursor-not-allowed`,
-    },
-  },
-  data() {
-    // const defaultValue = (this.model === undefined ? null : this.model);
-    return {
-      localValue: this.checked ? this.value : null,
-    };
-  },
-  render() {
-    const renderFun = this.render;
-    // eslint-disable-next-line max-len
-    const createWrappedFunc = this.renderWrapped;
-
-    if (this.wrapped) {
-      return createWrappedFunc(h);
-    }
-
-    return renderFun(h);
-  },
-  watch: {
-    modelValue(value) {
-      if (isEqual(value, this.localValue)) {
-        return;
-      }
-
-      this.localValue = value;
-    },
-    checked(checked) {
-      const localValue = checked ? this.value : null;
-
-      if (!isEqual(localValue, this.localValue)) {
-        this.localValue = localValue;
-      }
-    },
-    localValue(localValue) {
-      if (isEqual(this.modelValue, localValue)) {
-        return;
-      }
-
-      this.$emit("input", localValue);
-      this.$emit("change", localValue);
-      this.$emit("update:modelValue", localValue);
-    },
-    isChecked(isChecked) {
-      const input = this.$refs.input;
-
-      if (input && input.checked !== isChecked) {
-        input.checked = isChecked;
-      }
-    },
-  },
-  computed: {
-    isChecked() {
-      return checkIfTagShouldBeChecked(this.modelValue, this.checked, this.value);
-    },
-  },
-  methods: {
-    renderWrapped(createElement) {
-      const childElements = [];
-      const input = this.render(createElement);
-      const inputWrapperClass = this.getElementCssClass("inputWrapper");
-      const checkedInputWrapperClass = this.getElementCssClass(
-        "inputWrapperChecked",
-        this.getElementCssClass("inputWrapper"),
-      );
-
-      childElements.push(
-        createElement(
-          this.inputWrapperTag,
-          {
-            ref: "inputWrapper",
-            class: this.isChecked ? checkedInputWrapperClass : inputWrapperClass,
-          },
-          () => input,
-        ),
-      );
-      const labelClass = this.getElementCssClass("label");
-      const checkedLabelClass = this.getElementCssClass(
-        "labelChecked",
-        this.getElementCssClass("label"),
-      );
-      let label;
-
-      if (this.$slots.default !== undefined) {
-        label = this.$slots.default({
-          isChecked: this.isChecked,
-          value: this.localValue,
-          label: this.label,
-        });
-      } else {
-        label = typeof this.label === "number" ? String(this.label) : this.label;
-      }
-
-      childElements.push(
-        createElement(
-          this.labelTag,
-          {
-            ref: "label",
-            class: this.isChecked ? checkedLabelClass : labelClass,
-          },
-          label,
-        ),
-      );
-      const wrapperClass = this.getElementCssClass("wrapper");
-      const checkedWrapperClass = this.getElementCssClass(
-        "wrapperChecked",
-        this.getElementCssClass("wrapper"),
-      );
-
-      return createElement(
-        this.wrapperTag,
-        {
-          ref: "wrapper",
-          class: this.isChecked ? checkedWrapperClass : wrapperClass,
-          for: this.id,
-          tabindex: this.tabindex,
-          autofocus: this.autofocus,
-          onKeydown: (e) => {
-            if ([Key$1.DOWN, Key$1.RIGHT].includes(e.keyCode)) {
-              this.selectNextRadio(e);
-            } else if ([Key$1.UP, Key$1.LEFT].includes(e.keyCode)) {
-              this.selectPrevRadio(e);
-            } else if (e.keyCode === Key$1.SPACE) {
-              this.wrapperSpaceHandler(e);
-            }
-          },
-        },
-        childElements,
-      );
-    },
-    render(createElement) {
-      return createElement("input", {
-        class: this.wrapped ? this.getElementCssClass("input") : this.componentClass,
-        ref: "input",
-        value: this.value,
-        id: this.id,
-        type: "radio",
-        checked: checkIfTagShouldBeChecked(this.modelValue, this.checked, this.value),
-        name: this.name,
-        disabled: this.disabled,
-        readonly: this.readonly,
-        required: this.required,
-        autofocus: !this.wrapped ? this.autofocus : undefined,
-        tabindex: this.wrapped && this.tabindex !== undefined ? -1 : this.tabindex,
-        onBlur: this.blurHandler,
-        onFocus: this.focusHandler,
-        onInput: this.inputHandler,
-      });
-    },
-    inputHandler(e) {
-      return awaiter(this, void 0, void 0, function* () {
-        yield 0; // TODO: Fixed but i'm not sure if it correct
-        const target = e.target;
-
-        // Only update the local value when the element is checked
-        if (target.checked) {
-          this.localValue = this.value;
-          this.sendInputEventToTheNotCheckedInputs();
-        }
-      });
-    },
-    /**
-     * We need to trigger the input event in all the inputs that are not checked
-     * so we can update the `elementChecked` local property that is used to
-     * change the classes of the wrapper div according to the state
-     */
-    sendInputEventToTheNotCheckedInputs() {
-      const notCheckedEls = document.querySelectorAll(`input[name=${this.name}]:not(:checked)`);
-
-      notCheckedEls.forEach((el) => {
-        el.dispatchEvent(new Event("input"));
-      });
-    },
-    selectPrevRadio(e) {
-      e.preventDefault();
-      const currentEl = this.$refs.input;
-      const els = Array.from(document.querySelectorAll(`input[name=${this.name}]`));
-      const currentElementIndex = els.findIndex((radioInput) => radioInput === this.$refs.input);
-      const prevElement = els[currentElementIndex - 1] || els[els.length - 1];
-
-      if (prevElement !== currentEl && prevElement) {
-        const wrapper = prevElement.parentNode ? prevElement.parentNode.parentNode : undefined;
-
-        if (wrapper && wrapper.tabIndex >= 0) {
-          wrapper.focus();
-        } else {
-          prevElement.focus();
-        }
-      }
-    },
-    selectNextRadio(e) {
-      e.preventDefault();
-      const currentEl = this.$refs.input;
-      const els = Array.from(document.querySelectorAll(`input[name=${this.name}]`));
-      const currentElementIndex = els.findIndex((radioInput) => radioInput === this.$refs.input);
-      const nextElement = els[currentElementIndex + 1] || els[0];
-
-      if (nextElement !== currentEl && nextElement) {
-        const wrapper = nextElement.parentNode ? nextElement.parentNode.parentNode : undefined;
-
-        if (wrapper && wrapper.tabIndex >= 0) {
-          wrapper.focus();
-        } else {
-          nextElement.focus();
-        }
-      }
-    },
-    wrapperSpaceHandler(e) {
-      e.preventDefault();
-      this.localValue = this.value;
-    },
-    blurHandler(e) {
-      this.$emit("blur", e);
-    },
-    focusHandler(e) {
-      this.$emit("focus", e);
-    },
-    blur() {
-      this.$refs.input.blur();
-    },
-    click() {
-      this.$refs.input.click();
-    },
-    focus(options) {
-      this.$refs.input.focus(options);
-    },
-  },
-};
-
-export default defineComponent(TRadio);

package/ui.container-card/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-divider/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-group/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-groups/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-modal/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-modal-confirm/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-page/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.container-row/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.data-table/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.dropdown-badge/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.dropdown-button/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.dropdown-item/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.dropdown-link/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.dropdown-list/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />

package/ui.form-calendar/services/date.service.js

@@ -1,121 +0,0 @@
-import { LOCALE_TYPE } from "../constants";
-
-const daysMap = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
-const monthsMap = [
-  "january",
-  "february",
-  "march",
-  "april",
-  "may",
-  "june",
-  "july",
-  "august",
-  "september",
-  "october",
-  "november",
-  "december",
-];
-
-export function getSortedLocale(locale, type) {
-  const targetMap = type === LOCALE_TYPE.month ? monthsMap : daysMap;
-
-  const sortedDays = Object.entries(locale)
-    .map((entry) => {
-      entry[0] = targetMap.indexOf(entry[0]);
-
-      return entry;
-    })
-    .sort((entryA, entryB) => entryA[0] - entryB[0]);
-
-  return sortedDays.map((entry) => entry[1]);
-}
-
-export function getDateFromUnixTimestamp(timestamp) {
-  return new Date(timestamp * 1000);
-}
-
-export function getUnixTimestampFromDate(date) {
-  return date.getTime() / 1000;
-}
-
-export function getDatesDifference(dateOne, dateTwo, timeless = true) {
-  if (timeless !== false) {
-    return (
-      new Date(dateOne.getTime()).setHours(0, 0, 0, 0) -
-      new Date(dateTwo.getTime()).setHours(0, 0, 0, 0)
-    );
-  }
-
-  return dateOne.getTime() - dateTwo.getTime();
-}
-
-export function getDateWithoutTime(date = new Date()) {
-  date.setHours(0, 0, 0, 0);
-
-  return date;
-}
-
-export function isSameMonth(dateOne, dateTwo) {
-  return (
-    Boolean(dateOne) &&
-    Boolean(dateTwo) &&
-    dateOne.getFullYear() === dateTwo.getFullYear() &&
-    dateOne.getMonth() === dateTwo.getMonth()
-  );
-}
-
-export function isSameDay(dateOne, dateTwo) {
-  return isSameMonth(dateOne, dateTwo) && dateOne?.getDate() === dateTwo?.getDate();
-}
-
-export function isAnotherMothDay(day, activeMonth) {
-  return (
-    activeMonth.getFullYear() !== day.getFullYear() || activeMonth.getMonth() !== day.getMonth()
-  );
-}
-
-export function addDays(date, amount = 1) {
-  const result = new Date(date);
-
-  result.setDate(result.getDate() + amount);
-
-  return result;
-}
-
-export function addMonths(date, amount = 1) {
-  let newDate = new Date(date.valueOf());
-
-  newDate.setMonth(date.getMonth() + amount);
-
-  // Means the current day has less days so the extra month is
-  // in the following month
-  if (newDate.getDate() !== date.getDate()) {
-    // Assign the last day of previous month
-    newDate = new Date(newDate.getFullYear(), newDate.getMonth(), 0);
-  }
-
-  return newDate;
-}
-
-export function addYears(date, amount = 1) {
-  let newDate = new Date(date.valueOf());
-
-  newDate.setFullYear(date.getFullYear() + amount);
-
-  // Means the current day has less days so the extra month is
-  // in the following month
-  if (newDate.getDate() !== date.getDate()) {
-    // Assign the last day of previous month
-    newDate = new Date(newDate.getFullYear(), newDate.getMonth(), 0);
-  }
-
-  return newDate;
-}
-
-export function isToday(date) {
-  return isSameDay(date, new Date());
-}
-
-export function getLastDayOfMonth(date) {
-  return new Date(date.getFullYear(), date.getMonth() + 1, 0);
-}

package/ui.form-checkbox/Docs.mdx

@@ -1,16 +0,0 @@
-import { Meta, Title, Subtitle, Description, Primary, Controls, Stories, Source } from "@storybook/blocks";
-import { getSource } from "vueless/service.storybook";
-
-import * as stories from "./index.stories";
-import defaultConfig from "./configs/default.config?raw"
-
-<Meta of={stories} />
-<Title of={stories} />
-<Subtitle of={stories} />
-<Description of={stories} />
-<Primary of={stories}  />
-<Controls of={stories.Default} />
-<Stories of={stories} />
-
-## **Default config**
-<Source code={getSource(defaultConfig)} language="jsx" dark />