vueless 0.0.2 → 0.0.4

package/ui.form-date-picker-range/services/dateRange.service.js

@@ -1,178 +0,0 @@
-import {
-  addQuarters,
-  addWeeks,
-  endOfQuarter,
-  endOfWeek,
-  endOfMonth,
-  endOfYear,
-  getDate,
-  getMonth,
-  getUnixTime,
-  getWeeksInMonth,
-  startOfQuarter,
-  startOfWeek,
-  startOfMonth,
-  startOfYear,
-} from "date-fns";
-import DateServiceDefault from "vueless/service.date";
-
-const MAX_ONE_DIGIT_VALUE = 9;
-const MIN_ONE_DIGIT_VALUE = 1;
-
-export function createYears(dateRange) {
-  const NUMBER_ADDING_YEAR = 12;
-
-  const { year, month } = dateRange;
-
-  let years = [];
-
-  for (let i = 0; i < NUMBER_ADDING_YEAR; i++) {
-    const currentYear = year + i;
-    const DateService = new DateServiceDefault();
-    const diffInSeconds = DateService.getDifferenceBetweenTimeZone({
-      from: startOfYear(new Date(currentYear, month)),
-      to: endOfYear(new Date(currentYear, month)),
-    });
-
-    years.push({
-      index: i,
-      title: currentYear,
-      startRange: getUnixTime(startOfYear(new Date(currentYear, month))) + diffInSeconds.from,
-      endRange: getUnixTime(endOfYear(new Date(currentYear, month))) + diffInSeconds.to,
-    });
-  }
-
-  return [...years];
-}
-
-export function createQuarters(dateRange, settings) {
-  const QUARTER_NUMBER = 4;
-  const { year } = dateRange;
-
-  let quarters = [];
-
-  const firstQuarter = new Date(year, 0, 1);
-
-  for (let quarter = 0; quarter < QUARTER_NUMBER; quarter++) {
-    const newQuarter = addQuarters(firstQuarter, quarter);
-
-    const DateService = new DateServiceDefault();
-    const diffInSeconds = DateService.getDifferenceBetweenTimeZone({
-      from: startOfQuarter(newQuarter),
-      to: endOfQuarter(newQuarter),
-    });
-
-    quarters.push({
-      index: quarter,
-      title: `${quarter + 1} ${settings.i18n.quarter}`,
-      startRange: getUnixTime(startOfQuarter(newQuarter)) + diffInSeconds.from,
-      endRange: getUnixTime(endOfQuarter(newQuarter)) + diffInSeconds.to,
-    });
-  }
-
-  return [...quarters];
-}
-
-export function createMonthsList(dateRange, monthLocales) {
-  const { year } = dateRange;
-
-  const months = monthLocales.map((item, index) => {
-    const DateService = new DateServiceDefault();
-    const diffInSeconds = DateService.getDifferenceBetweenTimeZone({
-      from: startOfMonth(new Date(year, index)),
-      to: endOfMonth(new Date(year, index)),
-    });
-
-    return {
-      index: index,
-      title: item,
-      startRange: getUnixTime(startOfMonth(new Date(year, index))) + diffInSeconds.from,
-      endRange: getUnixTime(endOfMonth(new Date(year, index))) + diffInSeconds.to,
-    };
-  });
-
-  return [...months];
-}
-
-export function createWeeksList(dateRange, monthShortLocales) {
-  const { date, month, year } = dateRange;
-
-  const weeksInMonth = getWeeksInMonth(date, { weekStartsOn: 1 });
-
-  let weeks = [];
-
-  for (let week = 0; week < weeksInMonth; week++) {
-    const date = addWeeks(new Date(year, month, 1), week);
-    const startOfWeekDate = startOfWeek(date, { weekStartsOn: 1 });
-    const endOfWeekDate = endOfWeek(date, { weekStartsOn: 1 });
-
-    const firstDayOfWeek = getDate(startOfWeekDate);
-    const lastDayOfWeek = getDate(endOfWeekDate);
-
-    const isDayInPreviousMonth = week === 0 && firstDayOfWeek > 1;
-    const isLastWeek = week + 1 === weeksInMonth;
-
-    let monthFirstDayOfWeek = "";
-    let monthLastDayOfWeek = getMonth(endOfWeekDate);
-
-    if (isDayInPreviousMonth || isLastWeek) {
-      monthFirstDayOfWeek = getMonth(startOfWeekDate);
-    }
-
-    const title = `${firstDayOfWeek} ${
-      monthShortLocales[monthFirstDayOfWeek] || ""
-    } – ${lastDayOfWeek} ${monthShortLocales[monthLastDayOfWeek]}`;
-
-    const DateService = new DateServiceDefault();
-    const diffInSeconds = DateService.getDifferenceBetweenTimeZone({
-      from: startOfQuarter(startOfWeekDate),
-      to: endOfQuarter(endOfWeekDate),
-    });
-
-    weeks.push({
-      index: week,
-      title,
-      startRange: getUnixTime(startOfWeekDate) + diffInSeconds.from,
-      endRange: getUnixTime(endOfWeekDate) + diffInSeconds.to,
-    });
-  }
-
-  return [...weeks];
-}
-
-export function prepareOwnRangeDate(range) {
-  range.month = range.month + 1;
-
-  if (range.day <= MAX_ONE_DIGIT_VALUE) {
-    range.day = `0${range.day}`;
-  }
-
-  if (range.month <= MAX_ONE_DIGIT_VALUE) {
-    range.month = `0${range.month}`;
-  }
-
-  return `${range.day}.${range.month}.${range.year}`;
-}
-
-export function prepareRangeFormat(range) {
-  let [day, month, year] = range.split(".");
-
-  if (checkCondition(day)) day = `0${day}`;
-  if (checkCondition(month)) month = `0${month}`;
-
-  return `${day}.${month}.${year}`;
-}
-
-function checkCondition(value) {
-  return (
-    value.length === MIN_ONE_DIGIT_VALUE &&
-    parseInt(value) >= MIN_ONE_DIGIT_VALUE &&
-    parseInt(value) <= MAX_ONE_DIGIT_VALUE
-  );
-}
-
-export default {
-  createYears,
-  createQuarters,
-  createMonthsList,
-};

package/ui.form-input/index.stories.js

@@ -1,132 +0,0 @@
-import { getArgTypes, getSlotNames } from "vueless/service.storybook";
-
-import UInput from "vueless/ui.form-input";
-import UIcon from "vueless/ui.image-icon";
-import URow from "vueless/ui.container-row";
-
-export default {
-  title: "Form Inputs & Controls / Input",
-  component: UInput,
-  args: {
-    label: "Label",
-  },
-  argTypes: {
-    ...getArgTypes(UInput.name),
-    modelValue: { control: { type: "text" } },
-  },
-};
-
-const DefaultTemplate = (args) => ({
-  components: { UInput },
-  setup() {
-    const slots = getSlotNames(UInput.name);
-
-    return { args, slots };
-  },
-  template: `
-    <UInput
-        v-bind="args"
-    >
-      <template v-for="(slot, index) of slots" :key="index" v-slot:[slot]>
-        <template v-if="args[slot]">{{ args[slot] }}</template>
-      </template>
-    </UInput>
-  `,
-});
-
-const SlotTemplate = (args) => ({
-  components: { UInput, UIcon },
-  setup() {
-    return { args };
-  },
-  template: `
-    <UInput v-bind="args"
-    >
-      ${args.slotTemplate}
-    </UInput>
-  `,
-});
-
-const SizesTemplate = (args, { argTypes }) => ({
-  components: { UInput, URow },
-  setup() {
-    return {
-      args,
-      sizes: argTypes.size.options,
-    };
-  },
-  template: `
-    <URow>
-      <UInput
-        v-for="(size, index) in sizes"
-        :size="size"
-        :key="index"
-        v-bind="args"
-      />
-    </URow>
-  `,
-});
-
-const ValidationRuleTemplate = (args, { argTypes }) => ({
-  components: { UInput, URow },
-  setup() {
-    return {
-      args,
-      rules: argTypes.validationRule.options,
-    };
-  },
-  template: `
-    <URow>
-      <UInput
-        v-for="(rule, index) in rules"
-        :validationRule="rule"
-        :key="index"
-        :description="rule"
-        v-bind="args"
-      />
-    </URow>
-  `,
-});
-
-export const Default = DefaultTemplate.bind({});
-Default.args = {};
-
-export const disabled = DefaultTemplate.bind({});
-disabled.args = { disabled: true };
-
-export const description = DefaultTemplate.bind({});
-description.args = { description: "some description text" };
-
-export const error = DefaultTemplate.bind({});
-error.args = { error: "some error text" };
-
-export const placeholder = DefaultTemplate.bind({});
-placeholder.args = { placeholder: "some placeholder text" };
-
-export const readonly = DefaultTemplate.bind({});
-readonly.args = { readonly: true, value: "some value for read" };
-
-export const noAutocomplete = DefaultTemplate.bind({});
-noAutocomplete.args = { noAutocomplete: true };
-
-export const typePassword = DefaultTemplate.bind({});
-typePassword.args = { type: "password" };
-
-export const sizes = SizesTemplate.bind({});
-sizes.args = {};
-
-export const validationRules = ValidationRuleTemplate.bind({});
-validationRules.args = {};
-
-export const slotIcon = SlotTemplate.bind({});
-slotIcon.args = {
-  slotTemplate: `
-    <template #icon>
-      <UIcon
-        name="star"
-        color="black"
-        size="sm"
-      />
-    </template>
-  `,
-};