@antify/ui-module 1.7.3 → 1.8.2

package/dist/runtime/components/inputs/__stories/AntDateInput.stories.mjs

@@ -1,193 +0,0 @@
-import { Size } from "../../../enums/Size.enum.mjs";
-import { Direction } from "../../../enums/Direction.enum.mjs";
-import AntDateInput from "../AntDateInput.vue";
-import { InputState } from "../../../enums/index.mjs";
-import { AntDateInputTypes } from "../__types/AntDateInput.types.mjs";
-import { isRequiredRule, useFieldValidator } from "@antify/validate";
-import { reactive } from "vue";
-import AntFormGroup from "../../forms/AntFormGroup.vue";
-import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-const meta = {
-  title: "Inputs/Date Input",
-  component: AntDateInput,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    modelValue: {
-      table: { type: { summary: "string|null" } }
-    },
-    type: {
-      control: { type: "select" },
-      options: Object.values(AntDateInputTypes)
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntDateInput },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntDateInput
-        v-bind="args"
-        v-model="args.modelValue"
-      />
-    `
-  }),
-  args: {
-    modelValue: null,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};
-export const WithValidator = {
-  render: (args) => ({
-    components: { AntDateInput },
-    setup() {
-      const validator = reactive(useFieldValidator([
-        isRequiredRule,
-        (val) => typeof val !== "number" || val <= 8 || "Value should not be bigger than 8"
-      ]));
-      return { args, validator, InputState };
-    },
-    template: `
-      <AntDateInput
-        v-bind="args"
-        v-model="args.modelValue"
-        :state="args.state ? args.state : (validator.hasErrors() ? InputState.danger : undefined)"
-        :messages="Array.isArray(args.messages) ? args.messages : validator.getErrors()"
-        @validate="(val) => validator.validate(val)"
-      />
-    `
-  }),
-  args: {
-    modelValue: null,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntDateInput, AntFormGroup, AntFormGroupLabel },
-    setup() {
-      return { args, InputState, Size, AntDateInputType: AntDateInputTypes, Direction };
-    },
-    template: `
-      <AntFormGroup>
-        <AntFormGroupLabel>
-          State
-        </AntFormGroupLabel>
-        <AntFormGroup :direction="Direction.row">
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.info"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.success"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.warning"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.danger"
-          />
-        </AntFormGroup>
-
-        <AntFormGroupLabel>
-          Type
-        </AntFormGroupLabel>
-        <AntFormGroup :direction="Direction.row">
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            label="Type date"
-            :type="AntDateInputType.date"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            label="Type datetimeLocal"
-            :type="AntDateInputType.datetimeLocal"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            label="Type month"
-            :type="AntDateInputType.month"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            label="Type time"
-            :type="AntDateInputType.time"
-          />
-          <AntDateInput
-            v-bind="args"
-            v-model="args.modelValue"
-            label="Type week"
-            :type="AntDateInputType.week"
-          />
-        </AntFormGroup>
-
-        <AntFormGroupLabel>
-          Size
-        </AntFormGroupLabel>
-        <AntFormGroup :direction="Direction.row">
-          <AntDateInput
-            v-bind="args"
-            value="2024-01-01"
-            :size="Size.lg"
-          />
-          <AntDateInput
-            v-bind="args"
-            value="2018-06-12T19:30"
-            :size="Size.md"
-          />
-          <AntDateInput
-            v-bind="args"
-            value="2024-12"
-            :size="Size.sm"
-          />
-          <AntDateInput
-            v-bind="args"
-            value="14:28"
-            :size="Size.xs"
-          />
-          <AntDateInput
-            v-bind="args"
-            value="2024-W18"
-            :size="Size.xs2"
-          />
-        </AntFormGroup>
-      </AntFormGroup>
-    `
-  }),
-  args: {
-    modelValue: null,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};

package/dist/runtime/components/inputs/__stories/AntNumberInput.stories.d.ts

@@ -1,10 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/vue3';
-import AntNumberInput from '../AntNumberInput.vue';
-declare const meta: Meta<typeof AntNumberInput>;
-export default meta;
-type Story = StoryObj<typeof AntNumberInput>;
-export declare const Docs: Story;
-export declare const withValidator: Story;
-export declare const Limited: Story;
-export declare const WithIndicators: Story;
-export declare const Summary: Story;

package/dist/runtime/components/inputs/__stories/AntNumberInput.stories.mjs

@@ -1,246 +0,0 @@
-import { Size } from "../../../enums/Size.enum.mjs";
-import AntNumberInput from "../AntNumberInput.vue";
-import { InputState } from "../../../enums/State.enum.mjs";
-import { isRequiredRule, useFieldValidator } from "@antify/validate";
-import { reactive, ref } from "vue";
-import AntFormGroup from "../../forms/AntFormGroup.vue";
-import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-const meta = {
-  components: { AntFormGroupLabel, AntFormGroup },
-  title: "Inputs/Number Input",
-  component: AntNumberInput,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    modelValue: {
-      control: { type: "number" },
-      table: { type: { summary: "number|null" } }
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
-    },
-    placeholder: {
-      table: { defaultValue: { summary: "this.label" } }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntNumberInput },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntNumberInput
-        v-bind="args"
-        v-model="args.modelValue"
-      />`
-  }),
-  args: {
-    modelValue: null,
-    steps: 1,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};
-export const withValidator = {
-  render: (args) => ({
-    components: { AntNumberInput },
-    setup() {
-      const validator = reactive(useFieldValidator(isRequiredRule));
-      return { args, validator, InputState };
-    },
-    template: `
-      <AntNumberInput
-        v-bind="args"
-        v-model="args.modelValue"
-        :state="args.state ? args.state : (validator.hasErrors() ? InputState.danger : undefined)"
-        :messages="Array.isArray(args.messages) ? args.messages : validator.getErrors()"
-        @validate="(val) => validator.validate(val)"
-      />`
-  }),
-  args: {
-    modelValue: null,
-    steps: 1,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};
-export const Limited = {
-  render: (args) => ({
-    components: { AntNumberInput },
-    setup() {
-      const validator = reactive(useFieldValidator([
-        isRequiredRule,
-        (val) => val <= 10 || "Value should not be bigger than 10",
-        (val) => val <= 11 || "It should be really not bigger than 10!!!!"
-      ]));
-      return { args, validator, InputState };
-    },
-    template: `
-      <AntNumberInput
-        v-bind="args"
-        v-model="args.modelValue"
-        :state="args.state ? args.state : (validator.hasErrors() ? InputState.danger : undefined)"
-        :messages="Array.isArray(args.messages) ? args.messages : validator.getErrors()"
-        @validate="(val) => validator.validate(val)"
-      />`
-  }),
-  args: {
-    ...Docs.args,
-    modelValue: 50,
-    limiter: true,
-    max: 10,
-    indicators: true
-  }
-};
-export const WithIndicators = {
-  render: Docs.render,
-  args: {
-    ...Docs.args,
-    indicators: true
-  }
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntNumberInput, AntFormGroup, AntFormGroupLabel },
-    setup() {
-      const value = ref(100.5);
-      return { args, value, InputState, Size };
-    },
-    template: `
-      <AntFormGroup>
-        <AntFormGroupLabel>States</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.info"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.success"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.warning"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.danger"/>
-        </AntFormGroup>
-        <AntFormGroup direction="row">
-          <AntNumberInput v-bind="args" v-model="value" label="Label" description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="value" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.info"/>
-          <AntNumberInput v-bind="args" v-model="value" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.success"/>
-          <AntNumberInput v-bind="args" v-model="value" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.warning"/>
-          <AntNumberInput v-bind="args" v-model="value" label="Label" description="Lorem ipsum dolor sit amet"
-                          :state="InputState.danger"/>
-        </AntFormGroup>
-        <AntFormGroup direction="row">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.info"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.success"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.warning"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.danger"/>
-        </AntFormGroup>
-        <AntFormGroup direction="row">
-          <AntNumberInput v-bind="args" v-model="value" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="value" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.info"/>
-          <AntNumberInput v-bind="args" v-model="value" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.success"/>
-          <AntNumberInput v-bind="args" v-model="value" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.warning"/>
-          <AntNumberInput v-bind="args" v-model="value" indicators label="Label"
-                          description="Lorem ipsum dolor sit amet" :state="InputState.danger"/>
-        </AntFormGroup>
-        <AntFormGroupLabel>Sizes</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" :size="Size.lg" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" :size="Size.md" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" :size="Size.sm" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" :size="Size.xs" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" :size="Size.xs2" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-        </AntFormGroup>
-        <AntFormGroup direction="row">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators :size="Size.lg" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators :size="Size.md" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators :size="Size.sm" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators :size="Size.xs" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" v-model="args.modelValue" indicators :size="Size.xs2" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-        </AntFormGroup>
-        <AntFormGroup direction="row">
-          <AntFormGroup>
-            <AntFormGroupLabel>Disabled</AntFormGroupLabel>
-            <AntNumberInput v-bind="args" v-model="args.modelValue" disabled label="Label"
-                            description="Lorem ipsum dolor sit amet"/>
-            <AntNumberInput v-bind="args" v-model="args.modelValue" disabled indicators label="Label"
-                            description="Lorem ipsum dolor sit amet"/>
-          </AntFormGroup>
-          <AntFormGroup>
-            <AntFormGroupLabel>Readonly</AntFormGroupLabel>
-            <AntNumberInput v-bind="args" v-model="args.modelValue" readonly label="Label"
-                            description="Lorem ipsum dolor sit amet"/>
-            <AntNumberInput v-bind="args" v-model="args.modelValue" readonly indicators label="Label"
-                            description="Lorem ipsum dolor sit amet"/>
-          </AntFormGroup>
-          <AntFormGroup>
-            <AntFormGroupLabel>Skeleton</AntFormGroupLabel>
-            <AntNumberInput v-bind="args" v-model="args.modelValue" :skeleton="true" label="Label"
-                            description="Lorem ipsum dolor sit amet"/>
-            <AntNumberInput v-bind="args" v-model="args.modelValue" :skeleton="true" indicators label="Label"
-                            description="Lorem ipsum dolor sit amet"/>
-          </AntFormGroup>
-        </AntFormGroup>
-        <AntFormGroupLabel>Plain</AntFormGroupLabel>
-        <AntFormGroup class="w-72">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" placeholder="Placeholder"/>
-          <AntNumberInput v-bind="args" indicators v-model="args.modelValue" placeholder="Placeholder"/>
-        </AntFormGroup>
-        <AntFormGroupLabel>With label</AntFormGroupLabel>
-        <AntFormGroup class="w-72">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label"/>
-          <AntNumberInput v-bind="args" indicators v-model="args.modelValue" label="Label"/>
-        </AntFormGroup>
-        <AntFormGroupLabel>With description</AntFormGroupLabel>
-        <AntFormGroup class="w-72">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" indicators v-model="args.modelValue" description="Lorem ipsum dolor sit amet"/>
-        </AntFormGroup>
-        <AntFormGroupLabel>With label + description</AntFormGroupLabel>
-        <AntFormGroup class="w-72">
-          <AntNumberInput v-bind="args" v-model="args.modelValue" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-          <AntNumberInput v-bind="args" indicators v-model="args.modelValue" label="Label"
-                          description="Lorem ipsum dolor sit amet"/>
-        </AntFormGroup>
-      </AntFormGroup>
-    `
-  }),
-  args: {
-    modelValue: null
-  }
-};

package/dist/runtime/components/inputs/__stories/AntPasswordInput.stories.d.ts

@@ -1,8 +0,0 @@
-import { type Meta, type StoryObj } from '@storybook/vue3';
-import AntPasswordInput from '../AntPasswordInput.vue';
-declare const meta: Meta<typeof AntPasswordInput>;
-export default meta;
-type Story = StoryObj<typeof AntPasswordInput>;
-export declare const Docs: Story;
-export declare const WithValidator: Story;
-export declare const Summary: Story;

package/dist/runtime/components/inputs/__stories/AntPasswordInput.stories.mjs

@@ -1,156 +0,0 @@
-import { Size } from "../../../enums/Size.enum.mjs";
-import { isRequiredRule, notBlankRule, useFieldValidator } from "@antify/validate";
-import { InputState } from "../../../enums/index.mjs";
-import { reactive } from "vue";
-import AntPasswordInput from "../AntPasswordInput.vue";
-import AntFormGroup from "../../forms/AntFormGroup.vue";
-import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-const meta = {
-  components: { AntFormGroupLabel, AntFormGroup },
-  title: "Inputs/Password Input",
-  component: AntPasswordInput,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    modelValue: {
-      control: "text",
-      table: { type: { summary: "string|null" } }
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
-    },
-    placeholder: {
-      table: { defaultValue: { summary: "this.label" } }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntPasswordInput },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntPasswordInput
-        v-bind="args"
-        v-model="args.modelValue"
-      />`
-  }),
-  args: {
-    modelValue: null,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};
-export const WithValidator = {
-  render: (args) => ({
-    components: { AntPasswordInput },
-    setup() {
-      const validator = reactive(useFieldValidator([isRequiredRule, notBlankRule]));
-      return { args, validator, InputState };
-    },
-    template: `
-      <AntPasswordInput
-        v-bind="args"
-        v-model="args.modelValue"
-        :state="args.state ? args.state : (validator.hasErrors() ? InputState.danger : undefined)"
-        :messages="Array.isArray(args.messages) ? args.messages : validator.getErrors()"
-        @validate="(val) => validator.validate(val)"
-      />`
-  }),
-  args: {
-    modelValue: null,
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntPasswordInput, AntFormGroup, AntFormGroupLabel },
-    setup() {
-      return { args, InputState, Size };
-    },
-    template: `
-      <AntFormGroup>
-        <AntFormGroupLabel>
-          State
-        </AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.info"
-            message="asdf"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.success"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.warning"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.danger"
-          />
-        </AntFormGroup>
-
-        <AntFormGroupLabel>
-          Size
-        </AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntPasswordInput
-            v-bind="args"
-            value="1234"
-            :size="Size.lg"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.info"
-            :size="Size.md"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            value="1234"
-            :state="InputState.success"
-            :size="Size.sm"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            v-model="args.modelValue"
-            :state="InputState.warning"
-            :size="Size.xs"
-          />
-          <AntPasswordInput
-            v-bind="args"
-            value="1234"
-            :state="InputState.danger"
-            :size="Size.xs2"
-          />
-        </AntFormGroup>
-      </AntFormGroup>
-    `
-  }),
-  args: {
-    label: "Label",
-    description: "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod"
-  }
-};

package/dist/runtime/components/inputs/__stories/AntRadioGroup.stories.d.ts

@@ -1,8 +0,0 @@
-import AntRadioGroup from '../AntRadioGroup.vue';
-import { type Meta, type StoryObj } from '@storybook/vue3';
-declare const meta: Meta<typeof AntRadioGroup>;
-export default meta;
-type Story = StoryObj<typeof AntRadioGroup>;
-export declare const Docs: Story;
-export declare const WithValidator: Story;
-export declare const summary: Story;