vueless 0.0.1 → 0.0.3

package/ui.form-calendar/constants/index.js

@@ -0,0 +1,69 @@
+/*
+  This const is needed to prevent the issue in script setup:
+ `defineProps` is referencing locally declared variables. (vue/valid-define-props)
+ */
+export const UCalendar = "UCalendar";
+
+export const YEARS_PER_VIEW = 12;
+export const MONTHS_PER_VIEW = 12;
+export const START_WEEK = 1;
+export const DAYS_IN_WEEK = 7;
+
+export const MAX_HOURS = 23;
+export const MIN_HOURS = 0;
+export const MAX_MINUTES = 59;
+export const MIN_MINUTES = 0;
+export const SEPARATOR = "—";
+
+export const LOCALE_TYPE = {
+  day: "day",
+  month: "month",
+};
+
+export const VIEW = {
+  day: "day",
+  month: "month",
+  year: "year",
+};
+
+export const INPUT_TYPE = {
+  hours: "hours",
+  minutes: "minutes",
+};
+
+export const KEY_CODE = {
+  left: 37,
+  up: 38,
+  right: 39,
+  down: 40,
+  enter: 13,
+  esc: 27,
+  space: 32,
+  backspace: 8,
+};
+
+export const TOKEN_REG_EXP = {
+  D: "(\\w+)",
+  F: "(\\w+)",
+  G: "(\\d\\d|\\d)",
+  H: "(\\d\\d|\\d)",
+  J: "(\\d\\d|\\d)\\w+",
+  K: "",
+  M: "(\\w+)",
+  S: "(\\d\\d|\\d)",
+  U: "(.+)",
+  W: "(\\d\\d|\\d)",
+  Y: "(\\d{4})",
+  Z: "(.+)",
+  d: "(\\d\\d|\\d)",
+  h: "(\\d\\d|\\d)",
+  i: "(\\d\\d|\\d)",
+  j: "(\\d\\d|\\d)",
+  l: "(\\w+)",
+  m: "(\\d\\d|\\d)",
+  n: "(\\d\\d|\\d)",
+  s: "(\\d\\d|\\d)",
+  u: "(.+)",
+  w: "(\\d\\d|\\d)",
+  y: "(\\d{2})",
+};

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

@@ -0,0 +1,50 @@
+import { getArgTypes, getSlotNames } from "vueless/service.storybook";
+
+import UCalendar from "vueless/ui.form-calendar";
+
+export default {
+  id: "3171",
+  title: "Form Inputs & Controls / Calendar",
+  component: UCalendar,
+  args: {
+    label: "Label",
+  },
+  argTypes: {
+    ...getArgTypes(UCalendar.name),
+  },
+  parameters: {
+    docs: {
+      story: {
+        height: "380px",
+      },
+    },
+  },
+};
+
+const DefaultTemplate = (args) => ({
+  components: { UCalendar },
+  setup() {
+    const slots = getSlotNames(UCalendar.name);
+
+    return { args, slots };
+  },
+  template: `
+      <UCalendar v-bind="args" v-model="args.value">
+        <template v-for="(slot, index) of slots" :key="index" v-slot:[slot]>
+          <template v-if="args[slot]">{{ args[slot] }}</template>
+        </template>
+      </UCalendar>
+    `,
+});
+
+export const Default = DefaultTemplate.bind({});
+Default.args = {};
+
+export const Timepicker = DefaultTemplate.bind({});
+Timepicker.args = { value: 1645653600, timepicker: true };
+
+export const MinMax = DefaultTemplate.bind({});
+MinMax.args = { minDate: "2022-02-22", maxDate: "2022-02-26", value: 1645653600 };
+
+export const DateFormat = DefaultTemplate.bind({});
+DateFormat.args = { dateFormat: "d.m.Y", userFormat: "d.m.Y", value: 1645653600 };