vueless 0.0.2 → 0.0.4

package/service.validation/index.js

@@ -1,55 +0,0 @@
-import { getDaysInMonth } from "date-fns";
-
-export default class ValidationServiceDefault {
-  PHONE_MIN_LENGTH = 10;
-  PHONE_MAX_LENGTH = 13;
-  PASSWORD_MIN_LENGTH = 8;
-  LETTERS_REG_EXP = /[a-zA-Z]+/g;
-  LETTERS_AND_SYMBOLS_REG_EXP = /\D/g; // Use "g" flag in RegExp,if want to use in UInput
-  LETTERS_AND_NUMBERS_REG_EXP = /[a-zA-Z0-9]+/g;
-  NUMBER_REG_EXP = /\d*\.?\d*/g;
-  INTEGER_REG_EXP = /\d*/g;
-  PLUS_AND_SPACE_REG_EXP = /[\s+]/g;
-  DATE_WITH_DOT_FORMAT_REG_EXP = /^\d{2}([./-])\d{2}\1\d{4}$/;
-
-  phoneMinLength = (value) => {
-    const replacePhoneValue = this.clearPhone(value);
-
-    return !replacePhoneValue.length || replacePhoneValue.length >= this.PHONE_MIN_LENGTH;
-  };
-
-  phoneMaxLength = (value) => {
-    const replacePhoneValue = this.clearPhone(value);
-
-    return replacePhoneValue.length <= this.PHONE_MAX_LENGTH;
-  };
-
-  phoneIsNumber = (value) => {
-    const preparedPhone = this.clearPhone(value);
-
-    return preparedPhone && !preparedPhone.match(this.LETTERS_AND_SYMBOLS_REG_EXP);
-  };
-
-  clearPhone = (value) => {
-    return value.replace(this.PLUS_AND_SPACE_REG_EXP, "");
-  };
-
-  dateFormat = (value) => {
-    return !!value.match(this.DATE_WITH_DOT_FORMAT_REG_EXP);
-  };
-
-  wrongMonthNumber = (value) => {
-    const splitDate = value.split(".");
-    const month = splitDate[1];
-
-    return Number(month) >= 1 && Number(month) <= 12;
-  };
-
-  wrongDayNumber = (value) => {
-    const [day, month, year] = value.split(".");
-
-    const daysInMonth = getDaysInMonth(new Date(year, month - 1));
-
-    return Number(day) >= 1 && Number(day) <= Number(daysInMonth);
-  };
-}

package/service.worker/index.js

@@ -1,26 +0,0 @@
-import { registerSW } from "virtual:pwa-register";
-
-export default class WorkerServiceDefault {
-  #intervalInMilliseconds = 60 * 60 * 1000;
-
-  init = () => {
-    if (import.meta.env.DEV || window.Cypress) return;
-
-    registerSW({
-      onRegistered: this.onRegistered,
-      onOfflineReady: this.onOfflineReady,
-    });
-  };
-
-  onRegistered = (worker) => {
-    if (!worker) return;
-
-    setInterval(() => {
-      worker.update();
-    }, this.#intervalInMilliseconds);
-  };
-
-  onOfflineReady = () => {
-    // console.log("Offline is Ready");
-  };
-}

package/ui.button/index.stories.js

@@ -1,165 +0,0 @@
-import { getArgTypes, getSlotNames } from "vueless/service.storybook";
-
-import UButton from "vueless/ui.button";
-import UIcon from "vueless/ui.image-icon";
-import URow from "vueless/ui.container-row";
-import UGroup from "vueless/ui.container-group";
-
-export default {
-  title: "Buttons & Links / Button",
-  component: UButton,
-  args: {
-    text: "Button",
-  },
-  argTypes: {
-    ...getArgTypes(UButton.name),
-  },
-};
-
-const DefaultTemplate = (args) => ({
-  components: { UButton },
-  setup() {
-    const slots = getSlotNames(UButton.name);
-
-    return { args, slots };
-  },
-  template: `
-    <UButton v-bind="args">
-      <template v-for="(slot, index) of slots" :key="index" v-slot:[slot]>
-        <template v-if="args[slot]">{{ args[slot] }}</template>
-      </template>
-    </UButton>
-  `,
-});
-
-const SlotTemplate = (args) => ({
-  components: { UButton, UIcon },
-  setup() {
-    return { args };
-  },
-  template: `
-    <UButton v-bind="args">
-      ${args.slotTemplate}
-    </UButton>
-  `,
-});
-
-const VariantsTemplate = (args, { argTypes }) => ({
-  components: { UButton, URow },
-  setup() {
-    return {
-      args,
-      variants: argTypes.variant.options,
-    };
-  },
-  template: `
-    <URow>
-      <UButton
-        v-for="(variant, index) in variants"
-        v-bind="args"
-        :variant="variant"
-        :text="variant"
-        :key="index"
-      />
-    </URow>
-  `,
-});
-
-const SizesTemplate = (args, { argTypes }) => ({
-  components: { UButton, URow },
-  setup() {
-    return {
-      args,
-      sizes: argTypes.size.options,
-    };
-  },
-  template: `
-    <URow>
-      <UButton
-        v-for="(size, index) in sizes"
-        v-bind="args"
-        :size="size"
-        :text="size"
-        :key="index"
-      />
-    </URow>
-  `,
-});
-
-const ColorTemplate = (args, { argTypes }) => ({
-  components: { UButton, URow, UGroup },
-  setup() {
-    return {
-      args,
-      variants: argTypes.variant.options,
-      colors: argTypes.color.options,
-    };
-  },
-  template: `
-    <UGroup>
-      <URow v-for="(variant, index) in variants" :key="index">
-        <UButton
-          v-for="(color, index) in colors"
-          v-bind="args"
-          :variant="variant"
-          :color="color"
-          :text="color"
-          :key="index"
-        />
-      </URow>
-    </UGroup>
-  `,
-});
-
-export const Default = DefaultTemplate.bind({});
-Default.args = {};
-
-export const variants = VariantsTemplate.bind({});
-variants.args = {};
-
-export const sizes = SizesTemplate.bind({});
-sizes.args = {};
-
-export const pilled = VariantsTemplate.bind({});
-pilled.args = { pill: true };
-
-export const disabled = VariantsTemplate.bind({});
-disabled.args = { disabled: true };
-
-export const colors = ColorTemplate.bind({});
-colors.args = {};
-
-export const slotDefault = SlotTemplate.bind({});
-slotDefault.args = {
-  slotTemplate: `
-    <template #default>
-      🤘🤘🤘
-    </template>
-  `,
-};
-
-export const slotLeft = SlotTemplate.bind({});
-slotLeft.args = {
-  slotTemplate: `
-    <template #left>
-      <UIcon
-        name="star"
-        color="gray"
-        size="md"
-       />
-    </template>
-  `,
-};
-
-export const slotRight = SlotTemplate.bind({});
-slotRight.args = {
-  slotTemplate: `
-    <template #right>
-      <UIcon
-        name="star"
-        color="gray"
-        size="md"
-       />
-    </template>
-  `,
-};