@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/__stories/AntTooltip.stories.mjs

@@ -1,241 +0,0 @@
-import AntTooltip from "../AntTooltip.vue";
-import AntFormGroup from "../forms/AntFormGroup.vue";
-import AntFormGroupLabel from "../forms/AntFormGroupLabel.vue";
-import { Position } from "../../enums/Position.enum.mjs";
-import { InputState } from "../../enums/index.mjs";
-import { expect, userEvent, waitFor, within } from "@storybook/test";
-const meta = {
-  title: "Components/Tooltip",
-  component: AntTooltip,
-  parameters: {
-    controls: { sort: "requiredFirst" }
-  },
-  argTypes: {
-    position: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntTooltip },
-    setup() {
-      return { args };
-    },
-    template: `
-			<div class="p-32 flex justify-center items-center">
-				<AntTooltip v-bind="args">
-					<template #content>Lorem ipsum dolor sit <br/>amet</template>
-					<template #default>
-						<div class="box">Hover me</div>
-					</template>
-				</AntTooltip>
-			</div>
-		`
-  }),
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    const target = canvas.getByText("Hover me");
-    function queryTooltip() {
-      return canvas.queryByText("Lorem ipsum dolor sit amet");
-    }
-    await step("Hover over the target and expect showing the tooltip", async () => {
-      await userEvent.hover(target);
-      await waitFor(() => expect(queryTooltip()).toBeInTheDocument(), { timeout: 600 });
-    });
-    await step("Leave hover state and expect not showing the tooltip anymore", async () => {
-      await userEvent.unhover(target);
-      expect(queryTooltip()).not.toBeInTheDocument();
-    });
-    await step("Hover over the target, wait until the tooltip is visible, click the target and expect not showing the tooltip", async () => {
-      await userEvent.hover(target);
-      await waitFor(() => expect(queryTooltip()).toBeInTheDocument(), { timeout: 600 });
-      await userEvent.click(target);
-      expect(queryTooltip()).not.toBeInTheDocument();
-    });
-    await step("Hover over the target, click it while delay and expect not showing the tooltip", async () => {
-      await userEvent.hover(target);
-      await waitFor(() => expect(queryTooltip()).not.toBeInTheDocument(), { timeout: 200 });
-      await userEvent.click(target);
-      expect(queryTooltip()).not.toBeInTheDocument();
-    });
-  },
-  args: {
-    delay: 600,
-    position: Position.top
-  }
-};
-export const WithoutContent = {
-  render: (args) => ({
-    components: { AntTooltip },
-    setup() {
-      return { args };
-    },
-    template: `
-			<div class="p-32 flex justify-center items-center">
-				<AntTooltip v-bind="args">
-					<div class="box">Hover me</div>
-
-					<template #content></template>
-				</AntTooltip>
-			</div>
-		`
-  }),
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    await step("Hover over the target and expect not showing the tooltip", async () => {
-      await userEvent.hover(canvas.getByText("Hover me"));
-      await waitFor(() => expect(
-        canvas.queryByText(
-          "Lorem ipsum dolor sit amet"
-        )
-      ).not.toBeInTheDocument());
-    });
-  },
-  args: {}
-};
-export const Multiple = {
-  render: (args) => ({
-    components: { AntTooltip },
-    setup() {
-      return { args };
-    },
-    template: `
-      <div class="p-12 flex flex-col justify-center items-center gap-1">
-        <div class="flex gap-1">
-          <div
-            v-for="row in 5"
-            class="flex flex-col gap-1"
-          >
-            <AntTooltip v-for="item of 5">
-              <div class="box">Hover me</div>
-
-              <template #content>Lorem</template>
-            </AntTooltip>
-          </div>
-        </div>
-      </div>
-		`
-  })
-};
-export const Summary = {
-  render: (args) => ({
-    components: {
-      AntTooltip,
-      AntFormGroup,
-      AntFormGroupLabel
-    },
-    setup() {
-      return { args, Position, InputState };
-    },
-    template: `
-			<AntFormGroup>
-				<AntFormGroupLabel>Position</AntFormGroupLabel>
-				<AntFormGroup direction="row" class="gap-x-32 py-16 dashed">
-					<AntTooltip :position="Position.top">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.right">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.bottom">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.left">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-				</AntFormGroup>
-
-				<AntFormGroupLabel>Color type</AntFormGroupLabel>
-				<AntFormGroup direction="row" class="pb-16 dashed">
-					<AntTooltip :position="Position.bottom" :state="InputState.base">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.bottom" :state="InputState.info">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.bottom" :state="InputState.success">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.bottom" :state="InputState.warning">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.bottom" :state="InputState.danger">
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-				</AntFormGroup>
-
-				<AntFormGroupLabel>Expanded</AntFormGroupLabel>
-				<AntFormGroup class="p-32 dashed gap-y-16">
-					<AntTooltip :position="Position.top" expanded>
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.right" expanded>
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.bottom" expanded>
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-
-					<AntTooltip :position="Position.left" expanded>
-						<div class="box">Hover me</div>
-
-						<template #content>Lorem</template>
-					</AntTooltip>
-				</AntFormGroup>
-			</AntFormGroup>
-		`
-  }),
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-    await step("Hover over the targets and expect showing the tooltips", async () => {
-      const targets = canvas.getAllByText("Hover me");
-      await Promise.all(targets.map(async (target) => {
-        await userEvent.hover(target);
-      }));
-      await waitFor(() => expect(canvas.queryAllByText("Lorem")).toHaveLength(targets.length));
-    });
-  }
-};

package/dist/runtime/components/__types/AntAccordion.types.d.ts

@@ -1,4 +0,0 @@
-export declare enum CollapseStrategy {
-    single = "single",
-    multiple = "multiple"
-}

package/dist/runtime/components/__types/AntAccordion.types.mjs

@@ -1,5 +0,0 @@
-export var CollapseStrategy = /* @__PURE__ */ ((CollapseStrategy2) => {
-  CollapseStrategy2["single"] = "single";
-  CollapseStrategy2["multiple"] = "multiple";
-  return CollapseStrategy2;
-})(CollapseStrategy || {});

package/dist/runtime/components/__types/AntIcon.types.d.ts

@@ -1,8 +0,0 @@
-export declare enum IconSize {
-    xl3 = "3xl",
-    lg = "lg",
-    md = "md",
-    sm = "sm",
-    xs = "xs",
-    xs2 = "2xs"
-}

package/dist/runtime/components/__types/AntIcon.types.mjs

@@ -1,9 +0,0 @@
-export var IconSize = /* @__PURE__ */ ((IconSize2) => {
-  IconSize2["xl3"] = "3xl";
-  IconSize2["lg"] = "lg";
-  IconSize2["md"] = "md";
-  IconSize2["sm"] = "sm";
-  IconSize2["xs"] = "xs";
-  IconSize2["xs2"] = "2xs";
-  return IconSize2;
-})(IconSize || {});

package/dist/runtime/components/__types/AntKeycap.types.d.ts

@@ -1,4 +0,0 @@
-export declare enum AntKeycapSize {
-    sm = "sm",
-    xs = "xs"
-}

package/dist/runtime/components/__types/AntKeycap.types.mjs

@@ -1,5 +0,0 @@
-export var AntKeycapSize = /* @__PURE__ */ ((AntKeycapSize2) => {
-  AntKeycapSize2["sm"] = "sm";
-  AntKeycapSize2["xs"] = "xs";
-  return AntKeycapSize2;
-})(AntKeycapSize || {});

package/dist/runtime/components/__types/AntListGroupItem.types.d.ts

@@ -1,9 +0,0 @@
-export declare enum ListGroupItemState {
-    base = "base",
-    primary = "primary",
-    secondary = "secondary",
-    info = "info",
-    success = "success",
-    warning = "warning",
-    danger = "danger"
-}

package/dist/runtime/components/__types/AntListGroupItem.types.mjs

@@ -1,10 +0,0 @@
-export var ListGroupItemState = /* @__PURE__ */ ((ListGroupItemState2) => {
-  ListGroupItemState2["base"] = "base";
-  ListGroupItemState2["primary"] = "primary";
-  ListGroupItemState2["secondary"] = "secondary";
-  ListGroupItemState2["info"] = "info";
-  ListGroupItemState2["success"] = "success";
-  ListGroupItemState2["warning"] = "warning";
-  ListGroupItemState2["danger"] = "danger";
-  return ListGroupItemState2;
-})(ListGroupItemState || {});

package/dist/runtime/components/__types/AntSpinner.types.d.ts

@@ -1,10 +0,0 @@
-export declare enum AntSpinnerSize {
-    xl4 = "4xl",
-    xl3 = "3xl",
-    xl2 = "2xl",
-    lg = "lg",
-    md = "md",
-    sm = "sm",
-    xs = "xs",
-    xs2 = "2xs"
-}

package/dist/runtime/components/__types/AntSpinner.types.mjs

@@ -1,11 +0,0 @@
-export var AntSpinnerSize = /* @__PURE__ */ ((AntSpinnerSize2) => {
-  AntSpinnerSize2["xl4"] = "4xl";
-  AntSpinnerSize2["xl3"] = "3xl";
-  AntSpinnerSize2["xl2"] = "2xl";
-  AntSpinnerSize2["lg"] = "lg";
-  AntSpinnerSize2["md"] = "md";
-  AntSpinnerSize2["sm"] = "sm";
-  AntSpinnerSize2["xs"] = "xs";
-  AntSpinnerSize2["xs2"] = "2xs";
-  return AntSpinnerSize2;
-})(AntSpinnerSize || {});

package/dist/runtime/components/__types/AntTag.types.d.ts

@@ -1,17 +0,0 @@
-export declare enum TagState {
-    base = "base",
-    primary = "primary",
-    secondary = "secondary",
-    info = "info",
-    success = "success",
-    warning = "warning",
-    danger = "danger"
-}
-export declare enum AntTagSize {
-    lg = "lg",
-    md = "md",
-    sm = "sm",
-    xs = "xs",
-    xs2 = "2xs",
-    xs3 = "3xs"
-}

package/dist/runtime/components/__types/AntTag.types.mjs

@@ -1,19 +0,0 @@
-export var TagState = /* @__PURE__ */ ((TagState2) => {
-  TagState2["base"] = "base";
-  TagState2["primary"] = "primary";
-  TagState2["secondary"] = "secondary";
-  TagState2["info"] = "info";
-  TagState2["success"] = "success";
-  TagState2["warning"] = "warning";
-  TagState2["danger"] = "danger";
-  return TagState2;
-})(TagState || {});
-export var AntTagSize = /* @__PURE__ */ ((AntTagSize2) => {
-  AntTagSize2["lg"] = "lg";
-  AntTagSize2["md"] = "md";
-  AntTagSize2["sm"] = "sm";
-  AntTagSize2["xs"] = "xs";
-  AntTagSize2["xs2"] = "2xs";
-  AntTagSize2["xs3"] = "3xs";
-  return AntTagSize2;
-})(AntTagSize || {});

package/dist/runtime/components/__types/AntToaster.types.d.ts

@@ -1,8 +0,0 @@
-import { InputState } from '../../enums';
-export type Toast = {
-    id?: string;
-    title: string;
-    content?: string;
-    type: InputState;
-    hasIcon?: boolean;
-};

package/dist/runtime/components/__types/index.d.ts

@@ -1,7 +0,0 @@
-export * from './AntAccordion.types';
-export * from './AntIcon.types';
-export * from './AntKeycap.types';
-export * from './AntListGroupItem.types';
-export * from './AntSpinner.types';
-export * from './AntTag.types';
-export * from './AntToaster.types';

package/dist/runtime/components/__types/index.mjs

@@ -1,7 +0,0 @@
-export * from "./AntAccordion.types.mjs";
-export * from "./AntIcon.types.mjs";
-export * from "./AntKeycap.types.mjs";
-export * from "./AntListGroupItem.types.mjs";
-export * from "./AntSpinner.types.mjs";
-export * from "./AntTag.types.mjs";
-export * from "./AntToaster.types.mjs";

package/dist/runtime/components/buttons/AntActionButton.vue

@@ -1,74 +0,0 @@
-<script lang="ts" setup>
-/**
- * This button is used for everything what is the primary
- * action like save, confirm, create, etc.
- */
-import {Position, State, InputState, Size, Grouped} from '../../enums';
-import AntButton from './AntButton.vue';
-import type {IconDefinition} from '@fortawesome/free-solid-svg-icons';
-import {computed, useSlots} from 'vue';
-import {hasSlotContent} from '../../utils';
-
-defineEmits(['click', 'blur']);
-const props = withDefaults(
-  defineProps<{
-    iconLeft?: IconDefinition;
-    iconRight?: IconDefinition;
-    size?: Size;
-    disabled?: boolean;
-    grouped?: Grouped;
-    state?: State;
-    skeleton?: boolean;
-    expanded?: boolean;
-    filled?: boolean;
-    hasPermission?: boolean;
-    tooltipPosition?: Position;
-    tooltipState?: InputState;
-    tooltipDelay?: number;
-    submit?: boolean;
-  }>(), {
-    state: State.primary,
-    hasPermission: true,
-    filled: true,
-    submit: false
-  }
-);
-const slots = useSlots();
-const hasTooltip = computed(() => !props.skeleton && !props.disabled && props.hasPermission && hasSlotContent(slots['tooltipContent']));
-const hasPermissionTooltip = computed(() => !props.skeleton && !props.disabled && !props.hasPermission && hasSlotContent(slots['invalidPermissionTooltipContent']));
-</script>
-
-<template>
-  <AntButton
-    :icon-left="iconLeft"
-    :icon-right="iconRight"
-    :size="size"
-    :disabled="disabled || !hasPermission"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :state="state"
-    :filled="filled"
-    :tooltip-position="tooltipPosition"
-    :tooltip-state="hasPermissionTooltip ? InputState.info : tooltipState"
-    :tooltip-delay="hasPermissionTooltip ? 300 : tooltipDelay"
-    :submit="submit"
-    data-e2e="action-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <slot />
-
-    <template #tooltip-content>
-      <slot
-        v-if="hasTooltip"
-        name="tooltipContent"
-      />
-
-      <slot
-        v-if="hasPermissionTooltip"
-        name="invalidPermissionTooltipContent"
-      />
-    </template>
-  </AntButton>
-</template>