@antify/ui-module 1.7.2 → 1.8.0

package/dist/runtime/components/inputs/Elements/__stories/AntInputLabel.stories.mjs

@@ -1,46 +0,0 @@
-import AntInputLabel from "../AntInputLabel.vue";
-import { Size } from "../../../../enums/Size.enum.mjs";
-import AntBaseInput from "../AntBaseInput.vue";
-const meta = {
-  title: "Inputs/Elements/Ant Input Label",
-  component: AntInputLabel,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    label: {
-      control: "text"
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
-    },
-    skeleton: {
-      control: "boolean",
-      table: { defaultValue: { summary: false } }
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntInputLabel },
-    setup: () => ({ args }),
-    template: '<div class="p-4"><AntInputLabel v-bind="args"></AntInputLabel></div>'
-  }),
-  args: {
-    label: "Label"
-  }
-};
-export const WithContent = {
-  render: (args) => ({
-    components: { AntInputLabel, AntBaseInput },
-    setup() {
-      return { args };
-    },
-    template: '<div class="p-4"><AntInputLabel v-bind="args"><AntBaseInput value="Example" :size="args.size"></AntBaseInput></AntInputLabel></div>'
-  }),
-  args: {
-    ...Docs.args,
-    label: "Label"
-  }
-};

package/dist/runtime/components/inputs/Elements/__stories/AntInputLimiter.stories.d.ts

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

package/dist/runtime/components/inputs/Elements/__stories/AntInputLimiter.stories.mjs

@@ -1,37 +0,0 @@
-import AntInputLimiter from "../AntInputLimiter.vue";
-import { Size } from "../../../../enums/Size.enum.mjs";
-import { InputState } from "../../../../enums/index.mjs";
-const meta = {
-  title: "Inputs/Elements/Ant Input Limiter",
-  component: AntInputLimiter,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    size: {
-      control: { type: "select" },
-      options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
-    },
-    skeleton: {
-      control: "boolean",
-      table: { defaultValue: { summary: false } }
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntInputLimiter },
-    setup() {
-      return { args };
-    },
-    template: '<div class="p-4"><AntInputLimiter v-bind="args">Description</AntInputLimiter></div>'
-  }),
-  args: {
-    value: 0,
-    maxValue: 10
-  }
-};

package/dist/runtime/components/inputs/Elements/__types/AntBaseInput.types.d.ts

@@ -1,17 +0,0 @@
-export declare enum BaseInputType {
-    date = "date",
-    datetime = "datetime",
-    datetimeLocal = "datetime-local",
-    email = "email",
-    hidden = "hidden",
-    month = "month",
-    number = "number",
-    password = "password",
-    search = "search",
-    tel = "tel",
-    text = "text",
-    time = "time",
-    url = "url",
-    week = "week",
-    range = "range"
-}

package/dist/runtime/components/inputs/Elements/__types/AntBaseInput.types.mjs

@@ -1,18 +0,0 @@
-export var BaseInputType = /* @__PURE__ */ ((BaseInputType2) => {
-  BaseInputType2["date"] = "date";
-  BaseInputType2["datetime"] = "datetime";
-  BaseInputType2["datetimeLocal"] = "datetime-local";
-  BaseInputType2["email"] = "email";
-  BaseInputType2["hidden"] = "hidden";
-  BaseInputType2["month"] = "month";
-  BaseInputType2["number"] = "number";
-  BaseInputType2["password"] = "password";
-  BaseInputType2["search"] = "search";
-  BaseInputType2["tel"] = "tel";
-  BaseInputType2["text"] = "text";
-  BaseInputType2["time"] = "time";
-  BaseInputType2["url"] = "url";
-  BaseInputType2["week"] = "week";
-  BaseInputType2["range"] = "range";
-  return BaseInputType2;
-})(BaseInputType || {});

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

@@ -1 +0,0 @@
-export * from './AntBaseInput.types';

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

@@ -1 +0,0 @@
-export * from "./AntBaseInput.types.mjs";

package/dist/runtime/components/inputs/Elements/index.d.ts

@@ -1,6 +0,0 @@
-import AntBaseInput from './AntBaseInput.vue';
-import AntField from '../../forms/AntField.vue';
-import AntInputDescription from './AntInputDescription.vue';
-import AntInputLabel from './AntInputLabel.vue';
-import AntInputLimiter from './AntInputLimiter.vue';
-export { AntBaseInput, AntField, AntInputDescription, AntInputLabel, AntInputLimiter };

package/dist/runtime/components/inputs/Elements/index.mjs

@@ -1,12 +0,0 @@
-import AntBaseInput from "./AntBaseInput.vue";
-import AntField from "../../forms/AntField.vue";
-import AntInputDescription from "./AntInputDescription.vue";
-import AntInputLabel from "./AntInputLabel.vue";
-import AntInputLimiter from "./AntInputLimiter.vue";
-export {
-  AntBaseInput,
-  AntField,
-  AntInputDescription,
-  AntInputLabel,
-  AntInputLimiter
-};

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

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

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

@@ -1,341 +0,0 @@
-import AntCheckbox from "../AntCheckbox.vue";
-import { computed, ref } from "vue";
-import { InputState } from "../../../enums/index.mjs";
-import { useFieldValidator } from "@antify/validate";
-import { AntCheckboxSize } from "../__types/AntCheckbox.types.mjs";
-import AntFormGroup from "../../forms/AntFormGroup.vue";
-import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-const meta = {
-  title: "Inputs/Checkbox",
-  component: AntCheckbox,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(AntCheckboxSize)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntCheckbox },
-    setup() {
-      const value = computed({
-        get() {
-          return args.modelValue;
-        },
-        set(val) {
-          args.modelValue = val;
-        }
-      });
-      return { args, value };
-    },
-    template: `
-      <div class="m-2">
-        <AntCheckbox v-bind="args" v-model="value"/>
-        <span class="text-sm text-gray-500">Reactive value: {{ value }}</span>
-      </div>
-    `
-  })
-};
-export const WithValidator = {
-  render: (args) => ({
-    components: { AntCheckbox },
-    setup() {
-      const modelValue = computed({
-        get() {
-          return args.modelValue;
-        },
-        set(val) {
-          args.modelValue = val;
-        }
-      });
-      const validator = ref(useFieldValidator((val) => !val ? "Check this box!" : true));
-      return { args, modelValue, validator, InputState };
-    },
-    template: `
-      <div class="m-2">
-        <AntCheckbox
-          v-bind="args"
-          v-model="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)"
-        >
-          Accept some kind of document before continuing
-        </AntCheckbox>
-        <span class="text-sm text-gray-500">Reactive value: {{ modelValue }}</span>
-      </div>
-    `
-  }),
-  args: {
-    modelValue: false
-  }
-};
-export const Summary = {
-  parameters: {
-    chromatic: { disableSnapshot: false }
-  },
-  render: (args) => ({
-    components: { AntCheckbox, AntFormGroup, AntFormGroupLabel },
-    setup() {
-      const offValue = ref(false);
-      const onValue = ref(true);
-      return {
-        args,
-        offValue,
-        onValue,
-        InputState,
-        AntCheckboxSize
-      };
-    },
-    template: `
-      <AntFormGroup>
-        <AntFormGroupLabel>State & false</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :state="InputState.base"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :state="InputState.info"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :state="InputState.success"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :state="InputState.warning"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :state="InputState.danger"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-        </AntFormGroup>
-
-        <AntFormGroupLabel>State & true</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :state="InputState.base"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :state="InputState.info"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :state="InputState.success"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :state="InputState.warning"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :state="InputState.danger"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-            :messages="['Message']"
-          />
-        </AntFormGroup>
-
-        <AntFormGroupLabel>Size</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :size="AntCheckboxSize.md"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-          />
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :size="AntCheckboxSize.md"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-          />
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            :size="AntCheckboxSize.sm"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-          />
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            :size="AntCheckboxSize.sm"
-            label="Label"
-            description="Lorem ipsum dolor sit amet"
-          />
-        </AntFormGroup>
-        <AntFormGroup direction="row">
-          <AntFormGroup>
-            <AntFormGroupLabel>Disabled</AntFormGroupLabel>
-            <AntFormGroup direction="row">
-              <AntCheckbox
-                v-model="offValue"
-                class="w-28"
-                label="Label"
-                description="Lorem ipsum dolor sit amet."
-                :state="InputState.base"
-                disabled>
-                Value
-              </AntCheckbox>
-              <AntCheckbox
-                v-model="onValue"
-                class="w-28"
-                label="Label"
-                description="Lorem ipsum dolor sit amet."
-                :state="InputState.base"
-                disabled>
-                Value
-              </AntCheckbox>
-            </AntFormGroup>
-          </AntFormGroup>
-          <AntFormGroup>
-            <AntFormGroupLabel>Readonly</AntFormGroupLabel>
-            <AntFormGroup direction="row">
-              <AntCheckbox
-                v-model="offValue"
-                :readonly="true"
-                class="w-28"
-                label="Label"
-                description="Lorem ipsum dolor sit amet."
-                :state="InputState.base">
-                Value
-              </AntCheckbox>
-              <AntCheckbox
-                v-model="onValue"
-                :readonly="true"
-                class="w-28"
-                label="Label"
-                description="Lorem ipsum dolor sit amet."
-                :state="InputState.base">
-                Value
-              </AntCheckbox>
-            </AntFormGroup>
-          </AntFormGroup>
-          <AntFormGroup>
-            <AntFormGroupLabel>Skeleton</AntFormGroupLabel>
-            <AntCheckbox
-              v-model="offValue"
-              class="w-28"
-              label="Label"
-              description="Lorem ipsum dolor sit amet."
-              :state="InputState.base"
-              skeleton>
-              Value
-            </AntCheckbox>
-          </AntFormGroup>
-        </AntFormGroup>
-        <AntFormGroupLabel>Plain</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox v-model="offValue"/>
-          <AntCheckbox v-model="onValue"/>
-        </AntFormGroup>
-        <AntFormGroupLabel>Label & label + value</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox v-model="offValue" label="Label"/>
-          <AntCheckbox v-model="onValue" label="Label"/>
-          <AntCheckbox v-model="offValue" label="Label">
-            Value
-          </AntCheckbox>
-          <AntCheckbox v-model="onValue" label="Label">
-            Value
-          </AntCheckbox>
-        </AntFormGroup>
-        <AntFormGroupLabel>Description & description + value</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox v-model="offValue" class="w-28" description="Lorem ipsum dolor sit amet"/>
-          <AntCheckbox v-model="onValue" class="w-28" description="Lorem ipsum dolor sit amet"/>
-          <AntCheckbox v-model="offValue" class="w-28" description="Lorem ipsum dolor sit amet">
-            Value
-          </AntCheckbox>
-          <AntCheckbox v-model="onValue" class="w-28" description="Lorem ipsum dolor sit amet">
-            Value
-          </AntCheckbox>
-        </AntFormGroup>
-        <AntFormGroupLabel>Content</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox v-model="offValue" class="w-28">
-            Value
-          </AntCheckbox>
-          <AntCheckbox v-model="onValue" class="w-28">
-            Value
-          </AntCheckbox>
-        </AntFormGroup>
-        <AntFormGroupLabel>Label & Description</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox v-model="offValue" class="w-28" description="Lorem ipsum dolor sit amet" label="Label"/>
-          <AntCheckbox v-model="onValue" class="w-28" description="Lorem ipsum dolor sit amet" label="Label"/>
-        </AntFormGroup>
-        <AntFormGroupLabel>Label & Description & Content</AntFormGroupLabel>
-        <AntFormGroup direction="row">
-          <AntCheckbox
-            v-model="offValue"
-            class="w-28"
-            description="Lorem ipsum dolor sit amet"
-            label="Label"
-          >
-            Value
-          </AntCheckbox>
-          <AntCheckbox
-            v-model="onValue"
-            class="w-28"
-            description="Lorem ipsum dolor sit amet"
-            label="Label"
-          >
-            Value
-          </AntCheckbox>
-        </AntFormGroup>
-      </AntFormGroup>
-    `
-  })
-};

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

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

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

@@ -1,85 +0,0 @@
-import AntCheckboxGroup from "../AntCheckboxGroup.vue";
-import { reactive } from "vue";
-import { InputState } from "../../../enums/index.mjs";
-import { Direction } from "../../../enums/Direction.enum.mjs";
-import { useFieldValidator } from "@antify/validate";
-import { AntCheckboxSize } from "../__types/AntCheckbox.types.mjs";
-const meta = {
-  title: "Inputs/Checkbox Group",
-  component: AntCheckboxGroup,
-  parameters: { controls: { sort: "requiredFirst" } },
-  argTypes: {
-    modelValue: {
-      description: "Contains the list of selected checkboxes (the value prop of the checkboxes)"
-    },
-    checkboxes: {
-      description: "List of checkboxes to be displayed"
-    },
-    state: {
-      control: { type: "select" },
-      options: Object.values(InputState)
-    },
-    size: {
-      control: { type: "select" },
-      options: Object.values(AntCheckboxSize)
-    },
-    direction: {
-      control: { type: "select" },
-      options: Object.values(Direction)
-    }
-  }
-};
-export default meta;
-export const Docs = {
-  render: (args) => ({
-    components: { AntCheckboxGroup },
-    setup() {
-      return { args };
-    },
-    template: `
-      <AntCheckboxGroup v-bind="args" v-model="args.modelValue"/>
-    `
-  }),
-  args: {
-    modelValue: [],
-    checkboxes: [{
-      label: "Checkbox 1",
-      value: "checkbox-1"
-    }, {
-      label: "Checkbox 2",
-      value: "checkbox-2"
-    }, {
-      label: "Checkbox 3",
-      value: "checkbox-3"
-    }, {
-      label: "Checkbox 4",
-      value: "checkbox-4"
-    }]
-  }
-};
-export const WithValidator = {
-  render: (args) => ({
-    components: { AntCheckboxGroup },
-    setup() {
-      const validator = reactive(useFieldValidator((val) => val.length >= 2 || "Select at least 2"));
-      return {
-        args,
-        validator,
-        InputState
-      };
-    },
-    template: `
-      <AntCheckboxGroup
-        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: null
-  }
-};

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

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