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

package/src/components/popover/EUIPopover.vue

@@ -0,0 +1,297 @@
+<template>
+  <div ref="popperWrapper" class="w-max">
+    <div
+      ref="popperButton"
+      :id="triggerId"
+      :aria-describedby="tooltipId"
+      :aria-expanded="isOpen"
+      aria-haspopup="true"
+      :class="['inline-flex items-center text-sm font-semibold gap-x-2 cursor-pointer', customButton]"
+      @click="handleClick"
+      @mouseenter="handleMouseEnter"
+      @mouseleave="handleMouseLeave"
+      @focus="handleFocus"
+      @blur="handleBlur"
+    >
+      <slot name="referenceButton" :open="isOpen"/>
+    </div>
+    <div
+     ref="tooltip"
+      :id="tooltipId"
+      role="tooltip"
+      :class="['poppertooltip h-auto text-sm font-normal select-none z-50', className]"
+      :data-show="isOpen ? '' : null"
+      @click.stop
+      @mouseenter="handleTooltipMouseEnter"
+      @mouseleave="handleTooltipMouseLeave"
+    >
+      <div ref="arrowElement" class="arrow" data-popper-arrow />
+      <div
+        v-if="title"
+        class="text-base font-semibold text-current leading-[normal] px-4 py-2"
+        v-text="title"
+      />
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, nextTick, onBeforeUnmount, PropType, watch } from "vue";
+import { createPopper, Instance } from "@popperjs/core";
+import { onClickOutside } from "@vueuse/core";
+import { onMounted, ref } from "vue";
+const props = defineProps({
+  defaultOpen: {
+    type: Boolean,
+    default: false,
+  },
+  title: {
+    type: String,
+    default: "",
+  },
+  trigger: {
+    type: String as PropType<"click" | "hover" | "manual">,
+    default: "click",
+    validator: (value: string) => ["click", "hover", "manual"].includes(value),
+  },
+  className: {
+    type: String,
+    required: false,
+    default: "bg-white text-gray-900",
+  },
+  placement: {
+    type: String as PropType<"top" | "left" | "bottom" | "right" | "bottom-start" | "bottom-end">,
+    default: "bottom",
+  },
+  customButton: {
+    type: String,
+    required: false,
+    default: ''
+  },
+  visible: {
+    type: Boolean,
+    default: undefined,
+  },
+  hoverHideDelay: {
+    type: Number,
+    default: 100,
+  },
+});
+
+const popperWrapper = ref<HTMLElement | null>(null);
+const popperInstance = ref<Instance | null>(null);
+const popperButton = ref<HTMLElement | null>(null);
+const tooltip = ref<HTMLElement | null>(null);
+const arrowElement = ref<HTMLElement | null>(null);
+
+const isOpen = ref(props.visible === undefined ? props.defaultOpen : props.visible);
+const hideTimer = ref<ReturnType<typeof setTimeout> | null>(null);
+
+const uniqueId = `popover-${Math.random().toString(36).substring(2, 9)}`;
+const triggerId = computed(() => `${uniqueId}-trigger`);
+const tooltipId = computed(() => `${uniqueId}-tooltip`);
+
+const emit = defineEmits<{
+  (e: 'update:visible', value: boolean): void;
+  (e: 'show'): void;
+  (e: 'hide'): void;
+}>();
+
+watch(() => props.visible, (newValue) => {
+  if (newValue !== undefined && newValue !== isOpen.value) {
+    if (newValue) {
+      show();
+    } else {
+      hide();
+    }
+  }
+});
+
+watch(isOpen, (newValue) => {
+  if (props.visible === undefined || newValue !== props.visible) {
+    emit('update:visible', newValue);
+  }
+  nextTick(() => {
+    popperInstance.value?.update();
+  });
+});
+
+
+const initializePopper = () => {
+  if (popperButton.value && tooltip.value && arrowElement.value) {
+    popperInstance.value = createPopper(popperButton.value, tooltip.value, {
+      placement: props.placement,
+      modifiers: [
+        { name: 'offset', options: { offset: [0, 10] } },
+        { name: 'arrow', options: { element: arrowElement.value } },
+        {
+          name: 'preventOverflow',
+          options: {
+            padding: 8,
+          },
+        },
+      ],
+    });
+  }
+};
+
+const destroyPopper = () => {
+  if (popperInstance.value) {
+    popperInstance.value.destroy();
+    popperInstance.value = null;
+  }
+};
+
+const show = () => {
+  if (isOpen.value) return;
+  clearTimeout(hideTimer.value!);
+  isOpen.value = true;
+  emit('show');
+  nextTick(() => {
+    if (!popperInstance.value) {
+        initializePopper();
+    }
+     popperInstance.value?.update();
+     popperInstance.value?.forceUpdate();
+  });
+};
+
+// Hide the popover
+const hide = (immediate = false) => {
+  if (!isOpen.value) return; // Already closed
+
+  if (props.trigger === 'hover' && !immediate) {
+    clearTimeout(hideTimer.value!);
+    hideTimer.value = setTimeout(() => {
+      isOpen.value = false;
+      emit('hide');
+    }, props.hoverHideDelay);
+  } else {
+    clearTimeout(hideTimer.value!);
+    isOpen.value = false;
+    emit('hide');
+  }
+};
+
+const handleClick = () => {
+  if (props.trigger === 'click') {
+    if (isOpen.value) {
+      hide(true);
+    } else {
+      show();
+    }
+  }
+};
+
+const handleMouseEnter = () => {
+  if (props.trigger === 'hover') {
+    show();
+  }
+};
+
+const handleMouseLeave = () => {
+  if (props.trigger === 'hover') {
+    hide(false);
+  }
+};
+
+const handleFocus = () => {
+  if (props.trigger === 'hover') {
+    show();
+  }
+};
+
+const handleBlur = () => {
+     if (props.trigger === 'hover') {
+         hide(false);
+     }
+};
+
+const handleTooltipMouseEnter = () => {
+  if (props.trigger === 'hover') {
+    clearTimeout(hideTimer.value!);
+  }
+};
+
+const handleTooltipMouseLeave = () => {
+  if (props.trigger === 'hover') {
+    hide(false);
+  }
+};
+
+onMounted(() => {
+  if (isOpen.value) {
+     nextTick(() => {
+       initializePopper();
+       setTimeout(() => popperInstance.value?.forceUpdate(), 50);
+     });
+  }
+
+  if (props.trigger === 'click') {
+    onClickOutside(popperWrapper.value, () => {
+        if (isOpen.value) {
+             hide(true);
+        }
+    }, { ignore: [popperButton] });
+  }
+});
+
+onBeforeUnmount(() => {
+  destroyPopper();
+  clearTimeout(hideTimer.value!); // Clear any running timers
+});
+</script>
+
+<style lang="scss" scoped>
+.poppertooltip {
+  @apply hidden;
+}
+
+.poppertooltip[data-show] {
+  z-index: calc(infinity);
+  @apply block rounded-lg;
+}
+
+.arrow,
+.arrow::before {
+  background: inherit;
+  @apply size-3 absolute border-[0.4rem] border-gray-200 rounded-tl-sm -z-[1];
+}
+
+.arrow {
+  @apply invisible;
+}
+
+.arrow::before {
+  content: "";
+  @apply visible transform rotate-45 mx-1;
+}
+
+.poppertooltip{
+  &[data-popper-placement^="top"] > .arrow {
+    @apply bottom-0 -ml-2.5;
+    &::before {
+      @apply border-t-transparent border-l-transparent;
+    }
+  }
+  &[data-popper-placement^="bottom"] > .arrow {
+    @apply -top-3 -ml-2.5;
+    &::before {
+      @apply border-b-transparent border-r-transparent;
+    }
+  }
+  &[data-popper-placement^="left"] > .arrow {
+    @apply right-1 -mt-1.5;
+    &::before {
+      @apply border-l-transparent border-b-transparent;
+    }
+  }
+  &[data-popper-placement^="right"] > .arrow {
+    @apply -left-4 -mt-1.5;
+    &::before {
+      @apply border-r-transparent border-t-transparent;
+    }
+  }
+}
+</style>

package/src/components/popover/EUIPopover.vue.js.map

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

package/src/components/radio/EUIRadio.stories.ts

@@ -0,0 +1,54 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import EUIRadio from "./EUIRadio.vue";
+
+// Meta configuration for the component's stories
+const meta = {
+  title: "Forms/Radio",
+  component: EUIRadio,
+  tags: ["autodocs"],
+  argTypes: {
+    label: {
+      description: "The label displayed next to the raidobox",
+      control: "text",
+    },
+    disabled: {
+      description: "Disables the raidobox when set to true",
+      control: "boolean",
+    },
+    modelValue: {
+      description: "Controls the checked state of the raidobox",
+      control: "boolean",
+    },
+    errors: {
+      description:
+        "An object that contains error messages or validation information",
+      control: "object",
+    },
+    name: {
+      description:
+        "The name attribute for the raidobox input, useful for forms",
+      control: "text",
+    },
+  },
+} satisfies Meta<typeof EUIRadio>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+// Default story with minimum props
+export const Default: Story = {
+  args: {
+    label: "Accept Terms & Conditions",
+    modelValue: false,
+    disabled: false,
+  },
+};
+
+// Disabled state story
+export const Disabled: Story = {
+  args: {
+    label: "Disabled Radio",
+    modelValue: false,
+    disabled: true,
+  },
+};

package/src/components/radio/EUIRadio.vue

@@ -0,0 +1,75 @@
+<template>
+  <div>
+    <label class="inline-flex items-center cursor-pointer eui-radio">
+        <input
+            v-model="modelValue"
+            type="radio"
+            class="sr-only peer eui-radio_input"
+            :disabled="disabled"
+            @change="toggle()"
+        />
+        <div
+        class="eui-radio_circle relative size-6 bg-gray-200 peer-focus:outline-none rounded-full after:content-[''] after:absolute after:top-0.5 after:start-0.5 after:bg-gray-500/20 after:border-gray-300/10 after:border after:rounded-full after:size-5 peer-checked:after:bg-purple-700"
+        >
+            <span class="eui-radio_icons"></span>
+        </div>
+        <span v-if="label" class="text-sm font-medium text-gray-900 ms-3 first-letter:capitalize">
+            {{ label }}
+        </span>
+    </label>
+     <template v-if="errors && Object.keys(errors).length">
+      <EUIErrorMessage :errors="errors" :name="name" />
+    </template>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { PropType, toRefs } from "vue";
+import EUIErrorMessage from "../errorMessage/EUIErrorMessage.vue";
+
+// Props declaration
+const props = defineProps({
+  errors: { type: Object, required: false, default: () => {} },
+  modelValue: {
+    type: Boolean as PropType<boolean>,
+    required: true,
+    default: false,
+  },
+  name: {
+    type: String,
+    required: false,
+    default: "",
+  },
+  label: { type: String as PropType<string>, required: true, default: "" },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+});
+const {modelValue} = toRefs(props)
+
+const emit = defineEmits(["update:modelValue", "toggle"]);
+const toggle = () => {
+  emit("toggle", props.modelValue);
+  emit("update:modelValue", props.modelValue);
+};
+
+</script>
+
+<style lang="scss" scoped>
+    .eui-radio_icons {
+      @apply size-5 absolute z-10 inset-0 rounded-full;
+      &::after {
+        content: '';
+        @apply absolute transform scale-0 opacity-0 transition-all duration-200 delay-75 ease-in size-2.5 bg-white rounded-full top-[0.45rem] left-[0.45rem];
+      }
+    }
+
+    .eui-radio_input:checked + .eui-radio_circle {
+      .eui-radio_icons {
+        &::after {
+          @apply opacity-100 scale-100;
+        }
+      }
+    }
+</style>

package/src/components/radio/EUIRadio.vue.js.map

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

package/src/components/searchInput/EUISearch.stories.ts

@@ -0,0 +1,24 @@
+import type { Meta, StoryObj } from "@storybook/vue3";
+import EUISearch from "./EUISearch.vue";
+const meta: Meta<typeof EUISearch> = {
+  title: "Example/Search",
+  component: EUISearch,
+  tags: ["autodocs"],
+  argTypes: {},
+} satisfies Meta<typeof EUISearch>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {},
+  render: (args) => ({
+    components: { EUISearch },
+    setup() {
+      return { args };
+    },
+    template: `<div class="min-h-72 mx-auto max-w-xl p-6 flex items-start justify-end">
+                <EUISearch v-bind="args">
+              </div>`,
+  }),
+};