edvoyui-component-library-test-flight 0.0.170 → 0.0.171

package/src/components/datepicker/EUIDatepicker.vue

@@ -0,0 +1,295 @@
+<template>
+  <div>
+    <label
+      v-if="!inputFilled && label"
+      :class="[
+        'text-xs w-full text-gray-500 cursor-pointer font-medium block mb-1',
+        required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
+      ]"
+    >
+      {{ label }}
+    </label>
+    <div
+      :class="[
+        { 'pointer-events-none cursor-not-allowed': disabled },
+        inputFilled
+          ? 'overflow-hidden border border-gray-100 cursor-pointer group h-14 rounded-2xl eui-datepicker'
+          : 'h-10 eui-datepicker normal',
+        'relative w-full mb-2',
+      ]"
+    >
+      <label
+        v-if="inputFilled"
+        :class="[
+          getIconClass(),
+          datepicker
+            ? 'top-3.5 text-xs text-gray-400 leading-none cursor-default'
+            : 'top-1/2 text-sm w-full text-gray-700 cursor-pointer h-14 pt-5 pb-4 bg-white',
+          disabled ? ' cursor-not-allowed' : '',
+          required && `after:content-['*'] after:ml-0.5 after:text-red-500`,
+          'absolute font-medium left-0 px-4 z-[1] -translate-y-1/2 group-focus-within:top-3.5 group-focus-within:text-xs group-focus-within:text-gray-400 rounded-2xl group-focus-within:bg-transparent group-hover:text-xs group-focus-within:h-auto group-focus-within:py-0 group-hover:top-3.5 group-hover:bg-transparent group-hover:h-auto group-hover:py-0 group-focus-within:-translate-y-1/2 group-hover:-translate-y-1/2 text-start first-letter:capitalize group-hover:rounded-none group-hover:text-gray-400 group-hover:w-max transition-all ease-in-out duration-300',
+        ]"
+      >
+        {{ label || 'Datepicker' }}
+      </label>
+      <div
+        v-if="icon && iconType"
+        :class="[
+          iconType === 'startIcon' ? 'left-0 pl-3' : 'right-0 pr-3',
+          disabled ? 'cursor-not-allowed' : '',
+          inputFilled ? 'inset-y-0' : 'top-2',
+          'absolute z-10 flex items-center pointer-events-none',
+        ]"
+      >
+        <component
+          :is="icon"
+          class="w-6 h-6 text-gray-400"
+          aria-hidden="true"
+        />
+      </div>
+      <VueDatePicker
+        locale="en-US"
+        :name="name"
+        :placeholder="placeholder"
+        :model-value="datepicker"
+        :utc="isUtc"
+        :range="range"
+        :teleport="true"
+        :clearable="clearIcon"
+        :required="required"
+        :disabled="disabled"
+        :readonly="readonly"
+        :disabled-dates="disableDate ? disabledDates : undefined"
+        :time-picker="timePicker"
+        :enable-time-picker="false"
+        :enable-seconds="false"
+        :is-24="false"
+        :dark="false"
+        :inline="false"
+        :text-input="false"
+        :auto-apply="autoApply"
+        :hide-input-icon="true"
+        position="left"
+        :multi-calendars="multiCalendars"
+        :min-date="minDate"
+        :max-date="maxDate"
+        :format="format"
+        :config="config"
+        @update:model-value="handleDate"
+      />
+    </div>
+    <template v-if="errors && Object.keys(errors).length">
+      <EUIErrorMessage :errors="errors" :name="name" class="mt-2" />
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, toRefs, watch } from 'vue'
+import type { PropType } from 'vue'
+import VueDatePicker from '@vuepic/vue-datepicker'
+import '@vuepic/vue-datepicker/dist/main.css'
+import EUIErrorMessage from '../errorMessage/EUIErrorMessage.vue';
+
+const props = defineProps({
+  modelValue: {
+    type: Date as any,
+    default: '',
+  },
+  format: {
+    type: [String, Function] as PropType<
+      string | ((date: Date) => string) | ((dates: Date[]) => string)
+    >,
+    default: 'dd/MM/yyyy', // Default format  dd/MM/yyyy HH:mm
+  },
+  maxDate: {
+    type: Date as any,
+    default: '',
+  },
+  minDate: {
+    type: Date as any,
+    default: '',
+  },
+  name: {
+    type: String,
+    required: false,
+    default: 'date-picker',
+  },
+  isUtc: {
+    type: Boolean,
+    default: true,
+  },
+  clearIcon: {
+    type: Boolean,
+    default: true,
+  },
+  placeholder: {
+    type: String,
+    default: 'Choose your date',
+  },
+  label: {
+    type: String,
+    required: true,
+    default: '',
+  },
+  iconType: {
+    type: String as PropType<'startIcon' | 'endIcon'>,
+    default: '',
+  },
+  icon: {
+    type: [Object, String],
+    default: '',
+  },
+  errors: { type: Object, required: false, default: () => {} },
+  timePicker: Boolean,
+  quarter: Boolean,
+  disableDate: Boolean,
+  formatDate: Boolean,
+  readonly: Boolean,
+  disabled: Boolean,
+  required: Boolean,
+  range: Boolean,
+  multiCalendars: Boolean,
+  autoApply: {
+    type: Boolean,
+    default: true,
+  },
+  inputFilled: {
+    type: Boolean,
+    default: false,
+  },
+  config: {
+    type: Object,
+    required: false,
+    default: () => {},
+  },
+})
+const emit = defineEmits(['update:modelValue'])
+const { isUtc, clearIcon } = toRefs(props)
+// const startDate = ref(new Date());
+// const endDate = ref(new Date(new Date().setDate(startDate.value.getDate() + 7)));
+
+// const time = ref({
+//   hours: new Date().getHours(),
+//   minutes: new Date().getMinutes()
+// });
+
+// const datepicker = ref( props.modelValue ? props.modelValue : props.timePicker ? time.value : props.range ? [startDate.value, endDate.value] : startDate.value);
+
+const datepicker = ref(props.modelValue || (props.range ? [] : null))
+
+//Date clear
+watch(
+  () => props.modelValue,
+  newValue => {
+    if (
+      newValue === null ||
+      newValue === undefined ||
+      (Array.isArray(newValue) && newValue.length === 0)
+    ) {
+      datepicker.value = props.range ? [] : null
+    } else {
+      datepicker.value = newValue
+    }
+  },
+  { immediate: true },
+)
+
+const handleDate = (modelData: any) => {
+  datepicker.value = modelData
+  emit('update:modelValue', modelData)
+}
+
+const disabledDates = (date: Date) => {
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  return date < today
+}
+
+const getIconClass = () => {
+  switch (props.iconType) {
+    case 'startIcon':
+      return 'pl-12 pr-4'
+    case 'endIcon':
+      return 'pr-12 pl-4'
+    default:
+      return 'px-4'
+  }
+}
+
+const iconshowLeft = computed(() =>
+  props.iconType === 'startIcon' ? '46px' : '16px',
+)
+const iconshowRight = computed(() =>
+  props.iconType === 'endIcon' ? '46px' : '16px',
+)
+const clearIconRight = computed(() =>
+  props.iconType === 'endIcon' ? '40px' : '0px',
+)
+</script>
+
+<style lang="scss">
+:root {
+  --dp-menu-width: 232px;
+  --dp-menu-min-width: 232px;
+}
+.dp__theme_light {
+  --dp-primary-color: rgba(139, 92, 246, 1);
+  --dp-row-margin: 2px 0;
+  --dp-cell-size: 36px;
+}
+
+.eui-datepicker {
+  @apply min-w-56;
+  .dp__main {
+    .dp__input {
+      @apply pb-2 pt-6 border-0 transition-colors duration-100 ease-in-out text-sm font-medium leading-6 placeholder:text-gray-400 placeholder:font-normal;
+      padding-left: v-bind(iconshowLeft);
+      padding-right: v-bind(iconshowRight);
+    }
+    .dp__input.dp__input_focus {
+      @apply ring-2 ring-purple-600 rounded-2xl ring-inset h-[3.365rem];
+    }
+    .dp--clear-btn {
+      right: v-bind(clearIconRight);
+    }
+  }
+  &.normal {
+    .dp__main {
+      .dp__input {
+        @apply py-2 ring-1 ring-gray-100;
+      }
+      .dp__input.dp__input_focus {
+        @apply ring-2 h-10 rounded-md ring-purple-600;
+      }
+    }
+  }
+  .dp__range_end,
+  .dp__range_start,
+  .dp__active_date {
+    background-color: var(--dp-primary-color);
+    color: #fff;
+  }
+  .dp__today {
+    border-color: var(--dp-primary-color);
+  }
+  .dp__action_select:hover {
+    background-color: var(--dp-primary-color);
+    color: #fff;
+  }
+}
+.dp__calendar_header {
+  @apply text-sm font-medium;
+}
+.dp__cell_inner {
+  height: var(--dp-cell-size);
+  width: var(--dp-cell-size);
+  @apply text-sm font-normal;
+}
+.dp__month_year_wrap {
+  @apply text-sm font-semibold;
+}
+.dp__calendar_row {
+  margin: var(--dp-row-margin);
+}
+</style>

package/src/components/datepicker/EUIDatepicker.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EUIDatepicker.vue.js","sourceRoot":"","sources":["EUIDatepicker.vue"],"names":[],"mappings":"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"}

package/src/components/delete.vue

@@ -0,0 +1,262 @@
+<!-- <template>
+  <div class="py-4">
+    <div
+      class="flex flex-row items-center justify-end max-w-screen-xl gap-6 mx-auto mb-10"
+    >
+      <div class="flex-1">
+        Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ad quibusdam
+        illo nisi recusandae impedit nulla possimus, et delectus necessitatibus
+        tempora maxime maiores dolores voluptates nemo ratione officia suscipit
+        voluptatum iure.
+      </div>
+      <div class="relative size-10">
+        <div class="absolute top-0 right-0"><EUISearchExpand /></div>
+      </div>
+      <div class="inline-flex flex-row gap-2">
+        <EUISearchToggle
+          v-model:model-value="inputSearch"
+          v-model:search-sync="showSearch"
+        />
+        <EUIButton color="primary" rounded size="sm" @click="toggleSearch"
+          >Close</EUIButton
+        >
+      </div>
+      <div class="relative border border-red-500 rounded-full size-12">
+        <div class="absolute top-0 right-0"><EUISearch /></div>
+      </div>
+      <div>
+        <EUITooltip placement="top">
+          <template v-slot:default>
+            <button class="px-4 py-2 text-white bg-gray-800 rounded">
+              Hover here
+            </button>
+          </template>
+          <template v-slot:tooltip>
+            <div>You've got access to canvas. Collaborate with ChatGPT!</div>
+          </template>
+        </EUITooltip>
+      </div>
+    </div>
+    <div class="grid max-w-3xl gap-4 mx-auto mb-6 sm:grid-cols-3">
+      <div>
+        <EUIDatepicker
+          v-model:modelValue="datepickerRange"
+          label="Date Min and max"
+          placeholder="Select Date here..."
+          :range="true"
+          required
+          :icon="CalendarIcon"
+          iconType="startIcon"
+          :min-date="minDate"
+          :max-date="maxDate"
+        />
+      </div>
+      <div>
+        <EUIDatepicker
+          v-model:modelValue="datepickerRange"
+          label="Datepicker Range multi"
+          placeholder="Select Date here..."
+          :range="true"
+          :multi-calendars="true"
+          required
+          :icon="CalendarIcon"
+          iconType="startIcon"
+        />
+        <EUIButton @click="resetFilter">Reset</EUIButton>
+      </div>
+      <div>
+        <EUIDatepicker
+          v-model:modelValue="datepickerRange"
+          label="Datepicker Range"
+          placeholder="Select Date here..."
+          :range="true"
+          required
+          :icon="CalendarIcon"
+          iconType="startIcon"
+        />
+      </div>
+      <div>
+        <EUIDatepicker
+          :disabled="false"
+          label="Datepicker Single"
+          v-model:modelValue="singleDate"
+          placeholder="Select your date"
+          :readonly="false"
+          required
+          :icon="CalendarIcon"
+          iconType="endIcon"
+        />
+      </div>
+      <div>
+        <EUIDatepicker
+          v-model:modelValue="timepicker"
+          :disabled="false"
+          label="Time Picker"
+          placeholder="Select your time"
+          :readonly="false"
+          required
+          :timePicker="true"
+        />
+      </div>
+    </div>
+    <div class="grid max-w-3xl gap-4 mx-auto mb-6 sm:grid-cols-3">
+      <div>
+        <EUIDatepicker
+          v-model:modelValue="datepickerRange"
+          label="Datepicker Range"
+          placeholder="Select Date here..."
+          :range="true"
+          required
+          inputFilled
+          :icon="CalendarIcon"
+          iconType="startIcon"
+        />
+      </div>
+
+      <div>
+        <EUIDatepicker
+          :disabled="false"
+          label="Datepicker Single"
+          v-model:modelValue="singleDate"
+          placeholder="Select your date"
+          :readonly="false"
+          required
+          inputFilled
+          :icon="CalendarIcon"
+          iconType="endIcon"
+        />
+      </div>
+
+      <div>
+        <EUIDatepicker
+          v-model:modelValue="timepicker"
+          :disabled="false"
+          label="Time Picker"
+          placeholder="Select your time"
+          :readonly="false"
+          :timePicker="true"
+          required
+          inputFilled
+        />
+      </div>
+    </div>
+
+    <EUITable
+      :checkable="true"
+      paginated
+      :checked-rows.sync="checkedRows"
+      backend-pagination
+      :per-page="limit"
+      :headers="studentHeader"
+      :items="studentData"
+      :total="totalCount"
+      :default-sort-direction="defaultSortOrder"
+      default-sort=""
+      :current-page="offset"
+      table-height="h-[calc(100svh-20rem)] max-h-[calc(100svh-20rem)]"
+      @changePage="onPageChange"
+      @changeLimit="onChangeLimit"
+      @sort="onSort"
+      @mouseenter="select"
+      @mouseleave="(selectedIndex = null), (selected = null)"
+    >
+      <template #[`item.firstName`]="{ row, rowIndex }">
+        <div class="space-y-0.5">
+          <div class="block text-sm font-medium leading-snug">
+            {{
+              capitalizeText(row?.firstName) +
+              " " +
+              capitalizeText(row?.lastName)
+            }}
+          </div>
+          <div class="text-xs font-medium text-gray-900 leading-[normal]">
+            {{ row?.referenceId }}
+          </div>
+        </div>
+      </template>
+      <template #[`item.activeUser`]="{ row, rowIndex }">
+        {{ row?.activeUser?.user?.firstName }}
+        {{ row?.activeUser?.user?.lastName }}
+      </template>
+    </EUITable>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref } from "vue";
+import { studentData, studentHeader, tableData } from "../data/table";
+import { capitalizeText } from "../utils/lodash";
+import EUITable from "./table/EUITable.vue";
+import EUITooltip from "./tooltip/EUITooltip.vue";
+import EUISearch from "./searchInput/EUISearch.vue";
+import EUIDatepicker from "./datepicker/EUIDatepicker.vue";
+import { CalendarIcon } from "@heroicons/vue/24/solid";
+import EUIButton from "./button/EUIButton.vue";
+import EUISearchToggle from "./searchexpand/EUISearchToggle.vue";
+import EUISearchExpand from "./searchexpand/EUISearchExpand.vue";
+
+// TODO: Datepicker
+const datepickerRange = ref([
+  new Date(),
+  new Date(new Date().setDate(new Date().getDate() + 7)),
+]);
+
+const singleDate = ref(new Date());
+
+const inputSearch = ref("");
+const showSearch = ref(true);
+
+const toggleSearch = () => {
+  showSearch.value = !showSearch.value;
+};
+
+const timepicker = ref({
+  hours: new Date().getHours(),
+  minutes: new Date().getMinutes(),
+});
+
+//TODO: Dashboard Table
+const checkedRows = ref([]);
+const defaultSortOrder = ref("asc");
+const limit = ref(5);
+const offset = ref(0);
+const selectedIndex = ref(null);
+const selected: { index: string } = { index: "" };
+
+const totalCount = computed(() => {
+  return studentData.length;
+});
+
+const select = (_item: any, index: any) => {
+  selectedIndex.value = index;
+};
+
+// onChangeLimit
+const onChangeLimit = (page: number) => {
+  limit.value = page;
+  console.log("@onChangeLimit:", page);
+};
+
+const onPageChange = (offsetData: number) => {
+  offset.value = offsetData;
+  console.log("@changePage:", offsetData);
+};
+
+const onSort = (field: string, order: string) => {
+  const modifier = order === "desc" ? -1 : 1;
+  tableData.sort((a: any, b: any) => {
+    if (a[field] < b[field]) return -1 * modifier;
+    if (a[field] > b[field]) return 1 * modifier;
+    return 0;
+  });
+};
+
+const resetFilter = () => {
+  datepickerRange.value = [];
+};
+
+const minDate = ref(new Date(2024, 11));
+const maxDate = ref(new Date());
+</script>
+
+<style scoped></style> -->

package/src/components/delete.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete.vue.js","sourceRoot":"","sources":["delete.vue"],"names":[],"mappings":"AAAA,MAwQM,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,GAAG,GAAG,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC;AAC/H,MAAM,iBAAiB,GAAG,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,EAC/D,CAAC,CAAC;AACuD,CAAC;AAC3D,IAAI,8BAAmJ,CAAC;AAExJ,SAAS,cAAc;IACvB,MAAM,SAAS,GAAG,EAAqE,CAAC;IACxF,MAAM,qBAAqB,GAAG;QAC9B,GAAG,EAKA;QACH,GAAG,EAA6E;QAChF,GAAG,SAAS;KACX,CAAC;IACF,IAAI,gBAAwE,CAAC;IAC7E,MAAM,qBAAqB,GAAG;QAC9B,GAAG,EAA6E;QAChF,GAAG,SAAS;KACX,CAAC;IACF,IAAI,gBAAwE,CAAC;IAC7E,IAAI,wBAA6B,CAAC;IAElC,cAAc;IACd,MAAM,WAAW,GAAG,EAAE,CAAC;IACvB,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,oBAAoB,GAAG,EAAE,CAAC;IAChC,OAAO;QACN,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,EAA0C;KACjD,CAAC;AACF,CAAC;AAAA,CAAC;AACF,MAAM,UAAU,GAAG,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IACzD,KAAK;QACL,OAAO,EACN,CAAC;IACF,CAAC;CACA,CAAC,CAAC;AAEH,eAAe,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC;IACrD,KAAK;QACL,OAAO,EACN,CAAC;IACF,CAAC;CACA,CAAC,CAAC;AACH,CAAC"}