edvoyui-component-library-test-flight 0.0.183 → 0.0.185

package/src/components/pillSelect/EUIPillSelect.stories.ts

@@ -1,74 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-
-import EUIPillSelect from "./EUIPillSelect.vue";
-import { ref } from "vue";
-
-// Meta configuration for the component's stories
-const meta = {
-  title: "Example/Pill Select",
-  component: EUIPillSelect,
-  tags: ["autodocs"],
-  argTypes: {
-    disabled: {
-      control: "boolean",
-    },
-    items: {
-      control: "object",
-      description: "Array of options to display in the select pills.",
-    },
-    modelValue: {
-      control: "object",
-    },
-    label: {
-      control: "text",
-    },
-    name: {
-      control: "text",
-    },
-    multiple: {
-      control: "boolean",
-    },
-    errors: {
-      control: "object",
-    },
-  },
-} satisfies Meta<typeof EUIPillSelect>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-// Default story with minimum props
-export const Default: Story = {
-  args: {
-    name: "pill",
-    modelValue: {
-      value: "usa",
-      label: "United States",
-    },
-    label:"Please select country",
-    disabled: false,
-    multiple: false,
-    items: [
-      { value: "usa", label: "United States", name: "United States" },
-      { value: "canada", label: "Canada", name: "Canada" },
-      { value: "uk", label: "United Kingdom", name: "United Kingdom" },
-    ],
-    errors: {
-      pill: "Pill is Required",
-    },
-  },
-  render: (args) => ({
-    components: { EUIPillSelect },
-    setup() {
-      const modelValue = ref(args.modelValue);
-
-      const onUpdateModelValue = (newValue: any) => {
-        modelValue.value = newValue;
-        args.modelValue = newValue;
-      };
-
-      return { args, modelValue, onUpdateModelValue };
-    },
-    template: `<EUIPillSelect v-bind="args"  v-model="modelValue"      @update:modelValue="onUpdateModelValue" />`,
-  }),
-};

package/src/components/pillSelect/EUIPillSelect.vue

@@ -1,149 +0,0 @@
-<template>
-  <div>
-    <p v-if="label" class="mb-3 text-sm font-medium text-gray-500 font-inter">
-      {{ label }}<span v-if="required" class="text-red-500">*</span>
-    </p>
-    <div class="flex flex-row flex-wrap w-full gap-3">
-      <EUIButton
-        v-for="(item, idx) in items"
-        :key="`${name}-${idx}`"
-        type="button"
-        size="md"
-        color="white"
-        :class="[
-          '!px-5 !text-sm leading-6 focus:!outline-0 !font-medium',
-          isSelected(item)
-            ? '!bg-violet-100 !text-violet-500'
-            : '!bg-gray-100 !text-gray-600 hover:!text-gray-800',
-        ]"
-        rounded
-        @click="handleSelect(item)"
-        :disabled="disabled"
-      >
-        {{
-          ignoreStartCase
-            ? item[labelKey] || ""
-            : startCase(item[labelKey] || "")
-        }}
-      </EUIButton>
-    </div>
-     <template v-if="errors && Object.keys(errors).length">
-      <EUIErrorMessage :errors="errors" :name="name" />
-    </template>
-  </div>
-</template>
-
-<script setup lang="ts">
-import { startCase } from "lodash";
-import EUIButton from "../button/EUIButton.vue";
-import EUIErrorMessage from "../errorMessage/EUIErrorMessage.vue";
-import { PropType, computed, toRefs, watch } from "vue";
-import { ErrorObject, ValidationErrors } from "../../utils/types";
-const props = defineProps({
-  label: {
-    type: String,
-    default: "",
-  },
-  modelValue: {
-    type: Object as PropType<any | null>,
-    default: null,
-  },
-  labelKey: {
-    type: String,
-    default: "label",
-  },
-  valueKey: {
-    type: String,
-    default: "value",
-  },
-  items: {
-    type: Array<any>,
-    default: [],
-  },
-  multiple: {
-    type: Boolean,
-    default: false,
-  },
-  name: {
-    type: String,
-    default: "",
-  },
-  disabled: {
-    type: Boolean,
-    deault: false,
-  },
-  required: {
-    type: Boolean,
-    deault: false,
-  },
-  errors: {
-    type: Object as PropType<ValidationErrors | ErrorObject[]>,
-    default: [],
-  },
-  ignoreStartCase: {
-    type: Boolean,
-    deault: false,
-  },
-});
-const { multiple, valueKey, labelKey, errors, ignoreStartCase } = toRefs(props);
-const emit = defineEmits(["update:model-value","on-change"]);
-const activeItem = computed({
-  set: (value) => {
-    emit("update:model-value", value);
-  },
-  get: () => props.modelValue,
-});
-const handleMultiSelect = (item: any) => {
-  if (Array.isArray(activeItem.value)) {
-    const index = activeItem.value?.findIndex(
-      (x) => x?.[valueKey.value] === item?.[valueKey.value]
-    );
-    if (index != -1) {
-      activeItem.value.splice(index, 1);
-    } else {
-      activeItem.value.push(item);
-    }
-    emit('on-change',activeItem.value)
-  }
-};
-const handleSingleSelect = (item: any) => {
-  if (!Array.isArray(activeItem.value)) {
-    if (activeItem.value?.[valueKey.value] === item?.[valueKey.value]) {
-      activeItem.value = null;
-    } else {
-      activeItem.value = item;
-    }
-    emit('on-change',activeItem.value)
-  }
-};
-const handleSelect = (item: any) => {
-  if (multiple.value) {
-    handleMultiSelect(item);
-  } else {
-    handleSingleSelect(item);
-  }
-};
-
-const isSelected = (item: any) => {
-  if (Array.isArray(activeItem.value)) {
-    const values = activeItem.value
-      .map((x) => x[valueKey.value])
-      .filter((x) => x);
-    return values.includes(item?.[valueKey.value]);
-  }
-  return activeItem.value?.[valueKey.value] === item?.[valueKey.value];
-};
-watch(
-  multiple,
-  () => {
-    if (multiple.value) {
-      if (!Array.isArray(activeItem.value)) {
-        activeItem.value = [activeItem.value];
-      }
-    } else {
-      activeItem.value = activeItem.value ? activeItem.value : null;
-    }
-  },
-  { immediate: true }
-);
-</script>

package/src/components/pillSelect/EUIPillSelect.vue.js.map

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

package/src/components/popover/EUIPopover.stories.ts

@@ -1,306 +0,0 @@
-import type { Meta, StoryObj } from "@storybook/vue3";
-import EUIPopover from "./EUIPopover.vue";
-import EUIButton from "../button/EUIButton.vue";
-import { InformationCircleIcon } from "@heroicons/vue/24/outline";
-import { ref } from "vue";
-import ChevronBigDown from "../../assets/svg/ChevronBigDown.vue";
-
-const meta: Meta<typeof EUIPopover> = {
-  title: "Example/Popover",
-  component: EUIPopover,
-  tags: ["autodocs"],
-  argTypes: {
-    title: {
-      control: "text",
-      description: "Sets the title for the popper content.",
-    },
-    trigger: {
-      control: { type: "select" },
-      options: ["click", "hover", "manual"],
-      description:
-        "Specifies the trigger for displaying the popper. Default is 'click'.",
-      defaultValue: "click",
-      table: {
-        defaultValue: { summary: "click" },
-      },
-    },
-    placement: {
-      control: { type: "select" },
-      options: ["top", "left", "bottom", "right", "bottom-start", "bottom-end"],
-      description:
-        "Defines the position of the popper relative to the reference element. Default is 'bottom'.",
-      defaultValue: "bottom",
-      table: {
-        defaultValue: { summary: "bottom" },
-      },
-    },
-    className: {
-      control: "text",
-      description:
-        "Additional CSS classes for styling the popper content container.",
-    },
-    customButton: {
-      control: "text",
-      description:
-        "CSS classes for styling the button that triggers the popper.",
-    },
-  },
-} satisfies Meta<typeof EUIPopover>;
-
-export default meta;
-type Story = StoryObj<typeof meta>;
-
-export const Default: Story = {
-  args: {
-    className: "max-w-64 min-w-64",
-    title: "Popper click to show",
-    customButton: "border border-gray-600 px-4 py-2 rounded-lg",
-    trigger: "click",
-    placement: "bottom",
-  },
-  render: (args) => ({
-    components: { EUIPopover, EUIButton },
-    setup() {
-      return { args };
-    },
-    template: `<div class="min-h-72 mx-auto max-w-xl p-6">
-                <EUIPopover v-bind="args">
-                  <template #referenceButton>
-                   Information
-                  </template>
-                  <div class="relative z-10 px-4 pb-4 pt-0 text-gray-900 bg-white rounded-lg shadow-lg text-start">
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a quidem non delectus, est, ad voluptatum nostrum minus consequatur aut excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-                  </div>
-                </EUIPopover>
-              </div>`,
-  }),
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "This is the default configuration for the `EUIPopover` component, triggered by clicking the button.",
-      },
-      source: {
-        code: `<template>
-      <EUIPopover
-        trigger="click"
-        placement="bottom"
-        className="max-w-64 min-w-64"
-        title="Popper click to show"
-        customButton="border border-gray-600 px-4 py-2 rounded-lg"
-      >
-        <template #referenceButton>
-          Information
-        </template>
-        <!-- Popper Content Here... -->
-        <div
-          class="relative z-10 px-4 pt-0 pb-4 text-gray-900 bg-white rounded-lg shadow-lg text-start"
-        >
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a
-          quidem non delectus, est, ad voluptatum nostrum minus consequatur aut
-          excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-        </div>
-      </EUIPopover>
-    </template>`,
-      },
-    },
-  },
-};
-
-export const PopoverHover: Story = {
-  args: {
-    title: "Popover hover to Shows",
-    className: "max-w-64 min-w-64",
-    customButton: "border border-gray-600 px-4 py-2 rounded-lg",
-    trigger: "hover",
-    placement: "bottom-start",
-  },
-  render: (args) => ({
-    components: { EUIPopover, InformationCircleIcon },
-    setup() {
-      return { args };
-    },
-    template: `<div class="min-h-72">
-                <EUIPopover v-bind="args" trigger="hover">
-                  <template #referenceButton>
-                   Information <InformationCircleIcon class="text-gray-900 cursor-pointer size-6" />
-                  </template>
-                  <div class="relative z-10 px-4 pb-4 pt-0 text-gray-900 bg-white rounded-lg shadow-lg">
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a quidem non delectus, est, ad voluptatum nostrum minus consequatur aut excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-                  </div>
-                </EUIPopover>
-              </div>`,
-  }),
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "The `PopoverHover` story showcases the `EUIPopover` component triggered on hover.",
-      },
-      source: {
-        code: `<template>
-      <EUIPopover
-        trigger="hover"
-        placement="bottom-start"
-        :hover-hide-delay="150"
-        className="max-w-64 min-w-64"
-        title="Popper hover to Shows"
-        customButton="border border-gray-600 px-4 py-2 rounded-lg"
-      >
-        <template #referenceButton>
-          <InformationCircleIcon class="text-gray-900 cursor-pointer size-6" />
-        </template>
-        <!-- Popper Content Here... -->
-        <div
-          class="relative z-10 px-4 pt-0 pb-4 text-gray-900 bg-white rounded-lg shadow-lg text-start"
-        >
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a
-          quidem non delectus, est, ad voluptatum nostrum minus consequatur aut
-          excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-        </div>
-      </EUIPopover>
-    </template>`,
-      },
-    },
-  },
-};
-
-export const PopoverManualAccess: Story = {
-  args: {
-    title: "Popover click to Show",
-    className: "max-w-64 min-w-64",
-    customButton: "border border-gray-600 px-4 py-2 rounded-lg",
-    trigger: "click",
-    placement: "bottom-start",
-  },
-  render: (args) => ({
-    components: { EUIPopover, InformationCircleIcon, EUIButton },
-    setup() {
-      const popoverVisible = ref(false);
-
-      const onPopoverToggle = () => {
-        popoverVisible.value = !popoverVisible.value;
-      };
-
-      const onPopoverHide = () => {
-        popoverVisible.value = false;
-      };
-
-      return { args, popoverVisible, onPopoverToggle, onPopoverHide };
-    },
-    template: `<div class="min-h-72">
-                <EUIPopover v-bind="args" trigger="manual" v-model:visible="popoverVisible" placement="top" title="Popper Manual Access" @click="onPopoverToggle">
-                  <template #referenceButton>
-                   Information <InformationCircleIcon class="text-gray-900 cursor-pointer size-6" />
-                  </template>
-                  <div class="relative z-10 px-4 pb-4 pt-0 text-gray-900 bg-white rounded-lg shadow-lg">
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a quidem non delectus, est, ad voluptatum nostrum minus consequatur aut excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-
-                    <EUIButton type="button" size="sm" color="purple" className="mt-4" @click="onPopoverHide()">Close</EUIButton>
-                  </div>
-                </EUIPopover>
-              </div>`,
-  }),
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "The `PopoverClick` story showcases the `EUIPopover` component triggered on Emit.",
-      },
-      source: {
-        code: `<script lang="ts" setup>
-              const popoverVisible = ref(false);
-
-              const onPopoverToggle = () => {
-                popoverVisible.value = !popoverVisible.value;
-              };
-
-              const onPopoverHide = () => {
-                popoverVisible.value = false;
-              };
-            </script>
-<template>
-<div>
-  Popover is {{ popoverVisible ? "visible" : "hidden" }}
-</div>
-  <EUIPopover
-    trigger="manual"
-    v-model:visible="popoverVisible"
-    placement="top"
-    placement="bottom-start"
-    className="max-w-64 min-w-64"
-    title="Popover Manual access"
-    customButton="border border-gray-600 px-4 py-2 rounded-lg"
-    @click="onPopoverToggle"
-  >
-    <template #referenceButton>
-      <InformationCircleIcon class="text-gray-900 cursor-pointer size-6" />
-    </template>
-    <!-- Popover Content Here... -->
-    <div
-      class="relative z-10 px-4 pt-0 pb-4 text-gray-900 bg-white rounded-lg shadow-lg text-start"
-    >
-      Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a
-      quidem non delectus, est, ad voluptatum nostrum minus consequatur aut
-      excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-      <EUIButton type="button" size="sm" color="purple" className="mt-4" @click="onPopoverHide()">Close</EUIButton>
-    </div>
-  </EUIPopover>
-</template>`,
-      },
-    },
-  },
-};
-
-export const PopoverDefaultOpen: Story = {
-  args: {
-    title: "Popover hover to Shows",
-    className: "max-w-64 min-w-64",
-    customButton: "border border-gray-600 px-4 py-2 rounded-lg",
-    trigger: "hover",
-    placement: "bottom-start",
-  },
-  render: (args) => ({
-    components: { EUIPopover, InformationCircleIcon, ChevronBigDown },
-    setup() {
-      const isInitiallyOpen = ref(true);
-
-      return { args, isInitiallyOpen };
-    },
-    template: `<div class="min-h-72">
-                <EUIPopover v-bind="args" v-model:visible="isInitiallyOpen" placement="bottom-end"
-          :hover-hide-delay="150">
-                  <template #referenceButton #referenceButton="{ open }">
-                   Information <ChevronBigDown :class="['text-gray-900 cursor-pointer size-6 transition duration-300 ease-in-out transform', open ? '-rotate-90' : 'rotate-0']" />
-                  </template>
-                  <div class="relative z-10 px-4 pb-4 pt-0 text-gray-900 bg-white rounded-lg shadow-lg">
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a quidem non delectus, est, ad voluptatum nostrum minus consequatur aut excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-                  </div>
-                </EUIPopover>
-              </div>`,
-  }),
-  parameters: {
-    docs: {
-      description: {
-        story:
-          "The `PopoverHover` story showcases the `EUIPopover` component triggered on hover.",
-      },
-      source: {
-        code: `<script lang="ts" setup>
-              const isInitiallyOpen = ref(true);
-              </script>
-              <template>
-      <EUIPopover v-bind="args" v-model:visible="isInitiallyOpen" placement="bottom-end"
-          :hover-hide-delay="150">
-                  <template #referenceButton #referenceButton="{ open }">
-                   Information <ChevronBigDown :class="['text-gray-900 cursor-pointer size-6 transition duration-300 ease-in-out transform', open ? '-rotate-90' : 'rotate-0']" />
-                  </template>
-                  <div class="relative z-10 px-4 pb-4 pt-0 text-gray-900 bg-white rounded-lg shadow-lg">
-                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, hic a quidem non delectus, est, ad voluptatum nostrum minus consequatur aut excepturi iste autem distinctio neque porro. Ipsa, quasi enim!
-                  </div>
-                </EUIPopover>
-    </template>`,
-      },
-    },
-  },
-};