@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/buttons/__stories/AntButton.stories.d.ts

@@ -1,16 +0,0 @@
-import AntButton from '../AntButton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntButton>;
-export default meta;
-type Story = StoryObj<typeof AntButton>;
-export declare const Docs: Story;
-export declare const Filled: Story;
-export declare const Link: Story;
-export declare const Icons: Story;
-export declare const Grouped: Story;
-export declare const Skeleton: Story;
-export declare const ReadOnly: Story;
-export declare const Expanded: Story;
-export declare const WithoutBorder: Story;
-export declare const WithTooltip: Story;
-export declare const Summary: Story;

package/dist/runtime/components/buttons/__stories/AntButton.stories.mjs

@@ -1,313 +0,0 @@
-import AntButton from "../AntButton.vue";
-import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-import AntFormGroup from "../../forms/AntFormGroup.vue";
-import { faCaretRight, faCaretLeft } from "@fortawesome/free-solid-svg-icons";
-import { Size } from "../../../enums/Size.enum.mjs";
-import { Grouped as _Grouped } from "../../../enums/Grouped.enum.mjs";
-import { State, InputState, Position } from "../../../enums/index.mjs";
-import { within } from "@storybook/test";
-const meta = {
-  component: AntButton,
-  title: "Components/Buttons/Button",
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    state: {
-      control: { type: "select" },
-      options: Object.values(State)
-    },
-    grouped: {
-      control: { type: "select" },
-      options: Object.values(_Grouped),
-      description: "Where is this fields position in a group"
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size),
-      description: "Defines the size of the button"
-    },
-    iconLeft: {
-      control: { type: "none" },
-      description: "Will be displayed left to the label or the default slot.<br>Use Font-awesome Icons."
-    },
-    iconRight: {
-      control: { type: "none" },
-      description: "Will be displayed right to the label or the default slot.<br>Use Font-awesome Icons."
-    },
-    to: {
-      control: { type: "RouteLocationRaw" },
-      description: "If provided transforms the button into an a-tag with the provided link. Style is still the same as a button.",
-      table: { type: { summary: "string|object" } }
-    },
-    submit: {
-      description: 'Change the button type to type="submit"'
-    },
-    tooltipPosition: {
-      control: { type: "select" },
-      options: Object.values(Position),
-      description: "The tooltips position. Tooltip is only shown if a tooltip-content slot is provided."
-    },
-    tooltipState: {
-      control: { type: "select" },
-      options: Object.values(InputState),
-      description: "The tooltips color type. Tooltip is only shown if a tooltip-content slot is provided."
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntButton },
-    setup() {
-      return { args };
-    },
-    template: '<AntButton v-bind="args">Button</AntButton>'
-  }),
-  args: {}
-};
-export const Filled = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    filled: true
-  }
-};
-export const Link = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    to: "/example"
-  }
-};
-export const Icons = {
-  render: (args) => ({
-    components: {
-      AntButton,
-      AntFormGroup,
-      AntFormGroupLabel
-    },
-    setup() {
-      return {
-        args,
-        faCaretLeft,
-        faCaretRight
-      };
-    },
-    template: `
-			<AntFormGroup>
-				<AntFormGroupLabel>Icons only</AntFormGroupLabel>
-
-				<AntFormGroup direction="row">
-					<AntButton v-bind="args" :icon-left="faCaretLeft"></AntButton>
-					<AntButton v-bind="args" :icon-right="faCaretRight"></AntButton>
-					<AntButton v-bind="args" :icon-left="faCaretLeft" :icon-right="faCaretRight"></AntButton>
-				</AntFormGroup>
-
-				<AntFormGroupLabel>Icons with text</AntFormGroupLabel>
-
-				<AntFormGroup direction="row">
-					<AntButton v-bind="args" :icon-left="faCaretLeft">Button</AntButton>
-					<AntButton v-bind="args" :icon-right="faCaretRight">Button</AntButton>
-					<AntButton v-bind="args" :icon-left="faCaretLeft" :icon-right="faCaretRight">Button</AntButton>
-				</AntFormGroup>
-			</AntFormGroup>
-		`
-  })
-};
-export const Grouped = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    grouped: _Grouped.left
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};
-export const ReadOnly = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    readonly: true
-  }
-};
-export const Expanded = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    expanded: true
-  }
-};
-export const WithoutBorder = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    filled: true,
-    outlined: false
-  }
-};
-export const WithTooltip = {
-  render: (args) => ({
-    components: { AntButton },
-    setup() {
-      return { args };
-    },
-    template: `
-			<AntButton v-bind="args">
-				<template #default>Button</template>
-
-				<template #tooltip-content>This is a button</template>
-			</AntButton>`
-  }),
-  play: async ({ canvasElement, step }) => {
-    const canvas = within(canvasElement);
-  },
-  args: {
-    tooltipDelay: 800
-  },
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  }
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: {
-      AntButton,
-      AntFormGroupLabel,
-      AntFormGroup
-    },
-    setup() {
-      return { args };
-    },
-    template: `
-			<div class="flex flex-col gap-2.5">
-				<AntFormGroup>
-					<AntFormGroupLabel>
-						Grouped | Filled | Outlined combinations
-					</AntFormGroupLabel>
-					<div class="flex">
-						<AntButton v-bind="args" state="base" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="base" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="base" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="base" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-					<div class="flex">
-						<AntButton v-bind="args" state="primary" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="primary" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="primary" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="primary" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-					<div class="flex">
-						<AntButton v-bind="args" state="secondary" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="secondary" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="secondary" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="secondary" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-					<div class="flex">
-						<AntButton v-bind="args" state="success" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="success" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="success" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="success" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-					<div class="flex">
-						<AntButton v-bind="args" state="info" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="info" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="info" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="info" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-					<div class="flex">
-						<AntButton v-bind="args" state="warning" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="warning" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="warning" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="warning" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-					<div class="flex">
-						<AntButton v-bind="args" state="danger" grouped="left" :filled="true" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="danger" grouped="center" :filled="false" :outlined="false">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="danger" grouped="center" :filled="true" :outlined="true">
-							Button
-						</AntButton>
-						<AntButton v-bind="args" state="danger" grouped="right" :filled="false" :outlined="true">
-							Button
-						</AntButton>
-					</div>
-				</AntFormGroup>
-
-				<AntFormGroup>
-					<AntFormGroupLabel>
-						Size
-					</AntFormGroupLabel>
-					<AntFormGroup direction="row">
-						<AntButton v-bind="args" size="lg">Button</AntButton>
-						<AntButton v-bind="args" size="md">Button</AntButton>
-						<AntButton v-bind="args" size="sm">Button</AntButton>
-						<AntButton v-bind="args" size="xs">Button</AntButton>
-						<AntButton v-bind="args" size="2xs">Button</AntButton>
-					</AntFormGroup>
-				</AntFormGroup>
-			</div>
-		`
-  }),
-  args: {
-    iconLeft: faCaretLeft,
-    iconRight: faCaretRight
-  }
-};

package/dist/runtime/components/buttons/__stories/AntCreateButton.stories.d.ts

@@ -1,12 +0,0 @@
-import AntCreateButton from '../AntCreateButton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntCreateButton>;
-export default meta;
-type Story = StoryObj<typeof AntCreateButton>;
-export declare const Docs: Story;
-export declare const IconVariant: Story;
-export declare const Disabled: Story;
-export declare const Grouped: Story;
-export declare const Skeleton: Story;
-export declare const Expanded: Story;
-export declare const InvalidPermission: Story;

package/dist/runtime/components/buttons/__stories/AntCreateButton.stories.mjs

@@ -1,76 +0,0 @@
-import AntCreateButton from "../AntCreateButton.vue";
-import { Position, Grouped as _Grouped, Size } from "../../../enums/index.mjs";
-const meta = {
-  title: "Components/Buttons/Create Button",
-  component: AntCreateButton,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    },
-    grouped: {
-      control: { type: "select" },
-      options: Object.values(_Grouped)
-    },
-    tooltipPosition: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntCreateButton },
-    setup() {
-      return { args };
-    },
-    template: '<AntCreateButton v-bind="args"/>'
-  }),
-  args: {
-    tooltipPosition: Position.right
-  }
-};
-export const IconVariant = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconVariant: true
-  }
-};
-export const Disabled = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    disabled: true
-  }
-};
-export const Grouped = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    grouped: _Grouped.left
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};
-export const Expanded = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    expanded: true
-  }
-};
-export const InvalidPermission = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    canCreate: false
-  }
-};

package/dist/runtime/components/buttons/__stories/AntDeleteButton.stories.d.ts

@@ -1,12 +0,0 @@
-import AntDeleteButton from '../AntDeleteButton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntDeleteButton>;
-export default meta;
-type Story = StoryObj<typeof AntDeleteButton>;
-export declare const Docs: Story;
-export declare const IconVariant: Story;
-export declare const Disabled: Story;
-export declare const Grouped: Story;
-export declare const Skeleton: Story;
-export declare const Expanded: Story;
-export declare const InvalidPermission: Story;

package/dist/runtime/components/buttons/__stories/AntDeleteButton.stories.mjs

@@ -1,76 +0,0 @@
-import AntDeleteButton from "../AntDeleteButton.vue";
-import { Position, Grouped as _Grouped, Size } from "../../../enums/index.mjs";
-const meta = {
-  title: "Components/Buttons/Delete Button",
-  component: AntDeleteButton,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    },
-    grouped: {
-      control: { type: "select" },
-      options: Object.values(_Grouped)
-    },
-    tooltipPosition: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntDeleteButton },
-    setup() {
-      return { args };
-    },
-    template: '<AntDeleteButton v-bind="args"/>'
-  }),
-  args: {
-    tooltipPosition: Position.right
-  }
-};
-export const IconVariant = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconVariant: true
-  }
-};
-export const Disabled = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    disabled: true
-  }
-};
-export const Grouped = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    grouped: _Grouped.left
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};
-export const Expanded = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    expanded: true
-  }
-};
-export const InvalidPermission = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    canDelete: false
-  }
-};

package/dist/runtime/components/buttons/__stories/AntDuplicateButton.stories.d.ts

@@ -1,12 +0,0 @@
-import AntDuplicateButton from '../AntDuplicateButton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntDuplicateButton>;
-export default meta;
-type Story = StoryObj<typeof AntDuplicateButton>;
-export declare const Docs: Story;
-export declare const IconVariant: Story;
-export declare const Disabled: Story;
-export declare const Grouped: Story;
-export declare const Skeleton: Story;
-export declare const Expanded: Story;
-export declare const InvalidPermission: Story;

package/dist/runtime/components/buttons/__stories/AntDuplicateButton.stories.mjs

@@ -1,76 +0,0 @@
-import AntDuplicateButton from "../AntDuplicateButton.vue";
-import { Position, Grouped as _Grouped, Size } from "../../../enums/index.mjs";
-const meta = {
-  title: "Components/Buttons/Duplicate Button",
-  component: AntDuplicateButton,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    },
-    grouped: {
-      control: { type: "select" },
-      options: Object.values(_Grouped)
-    },
-    tooltipPosition: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntDuplicateButton },
-    setup() {
-      return { args };
-    },
-    template: '<AntDuplicateButton v-bind="args"/>'
-  }),
-  args: {
-    tooltipPosition: Position.right
-  }
-};
-export const IconVariant = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconVariant: true
-  }
-};
-export const Disabled = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    disabled: true
-  }
-};
-export const Grouped = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    grouped: _Grouped.left
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};
-export const Expanded = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    expanded: true
-  }
-};
-export const InvalidPermission = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    canDuplicate: false
-  }
-};

package/dist/runtime/components/buttons/__stories/AntEditButton.stories.d.ts

@@ -1,12 +0,0 @@
-import AntEditButton from '../AntEditButton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntEditButton>;
-export default meta;
-type Story = StoryObj<typeof AntEditButton>;
-export declare const Docs: Story;
-export declare const IconVariant: Story;
-export declare const Disabled: Story;
-export declare const Grouped: Story;
-export declare const Skeleton: Story;
-export declare const Expanded: Story;
-export declare const InvalidPermission: Story;

package/dist/runtime/components/buttons/__stories/AntEditButton.stories.mjs

@@ -1,76 +0,0 @@
-import AntEditButton from "../AntEditButton.vue";
-import { Position, Grouped as _Grouped, Size } from "../../../enums/index.mjs";
-const meta = {
-  title: "Components/Buttons/Edit Button",
-  component: AntEditButton,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    },
-    grouped: {
-      control: { type: "select" },
-      options: Object.values(_Grouped)
-    },
-    tooltipPosition: {
-      control: { type: "select" },
-      options: Object.values(Position)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntEditButton },
-    setup() {
-      return { args };
-    },
-    template: '<AntEditButton v-bind="args"/>'
-  }),
-  args: {
-    tooltipPosition: Position.right
-  }
-};
-export const IconVariant = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    iconVariant: true
-  }
-};
-export const Disabled = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    disabled: true
-  }
-};
-export const Grouped = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    grouped: _Grouped.left
-  }
-};
-export const Skeleton = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    skeleton: true
-  }
-};
-export const Expanded = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    expanded: true
-  }
-};
-export const InvalidPermission = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    canEdit: false
-  }
-};

package/dist/runtime/components/buttons/__stories/AntSaveAndNewButton.stories.d.ts

@@ -1,12 +0,0 @@
-import AntSaveAndNewButton from '../AntSaveAndNewButton.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntSaveAndNewButton>;
-export default meta;
-type Story = StoryObj<typeof AntSaveAndNewButton>;
-export declare const Docs: Story;
-export declare const IconVariant: Story;
-export declare const Disabled: Story;
-export declare const Grouped: Story;
-export declare const Skeleton: Story;
-export declare const Expanded: Story;
-export declare const InvalidPermission: Story;