@antify/ui 2.2.1 → 2.2.4

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

@@ -1,37 +1,65 @@
-import { Size } from "../../../enums/Size.enum.mjs";
-import { InputState } from "../../../enums/index.mjs";
+import {
+  Size
+} from "../../../enums/Size.enum.mjs";
+import {
+  InputState
+} from "../../../enums/index.mjs";
 import AntPasswordInput from "../AntPasswordInput.vue";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
 const meta = {
   title: "Inputs/Password Input",
   component: AntPasswordInput,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     modelValue: {
       control: "text",
-      table: { type: { summary: "string|null" } }
+      table: {
+        type: {
+          summary: "string|null"
+        }
+      }
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
+      table: {
+        defaultValue: {
+          summary: Size.md
+        }
+      }
     },
     placeholder: {
-      table: { defaultValue: { summary: "this.label" } }
+      table: {
+        defaultValue: {
+          summary: "this.label"
+        }
+      }
     }
   }
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntPasswordInput },
+    components: {
+      AntPasswordInput
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntPasswordInput
@@ -47,12 +75,22 @@ export const Docs = {
 };
 export const Summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntPasswordInput, AntFormGroup, AntFormGroupLabel },
+    components: {
+      AntPasswordInput,
+      AntFormGroup,
+      AntFormGroupLabel
+    },
     setup() {
-      return { args, InputState, Size };
+      return {
+        args,
+        InputState,
+        Size
+      };
     },
     template: `
       <AntFormGroup>

package/dist/components/inputs/__stories/AntRadioGroup.stories.mjs

@@ -1,13 +1,24 @@
-import { ref } from "vue";
+import {
+  ref
+} from "vue";
 import AntRadioGroup from "../AntRadioGroup.vue";
-import { InputState, Size } from "../../../enums/index.mjs";
-import { Direction } from "../../../enums/Direction.enum.mjs";
+import {
+  InputState,
+  Size
+} from "../../../enums/index.mjs";
+import {
+  Direction
+} from "../../../enums/Direction.enum.mjs";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 const meta = {
   title: "Inputs/Radio Group",
   component: AntRadioGroup,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     label: {
       description: "The label for the radio widget"
@@ -40,15 +51,21 @@ const meta = {
       }
     },
     direction: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Direction)
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size)
     }
   }
@@ -78,10 +95,15 @@ const simpleButtons = [
 ];
 export const Docs = {
   render: (args) => ({
-    components: { AntRadioGroup },
+    components: {
+      AntRadioGroup
+    },
     setup() {
       const value = ref("");
-      return { args, value };
+      return {
+        args,
+        value
+      };
     },
     template: `
       <AntRadioGroup v-bind="args" v-model="value"/>
@@ -94,13 +116,24 @@ export const Docs = {
 };
 export const summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntRadioGroup, AntFormGroupLabel, AntFormGroup },
+    components: {
+      AntRadioGroup,
+      AntFormGroupLabel,
+      AntFormGroup
+    },
     setup() {
       const value = ref("radio-3");
-      return { args, value, InputState, Size };
+      return {
+        args,
+        value,
+        InputState,
+        Size
+      };
     },
     template: `
       <AntFormGroup>

package/dist/components/inputs/__stories/AntRangeSlider.stories.mjs

@@ -1,6 +1,10 @@
 import AntRangeSlider from "../AntRangeSlider.vue";
-import { ref } from "vue";
-import { InputState } from "../../../enums/index.mjs";
+import {
+  ref
+} from "vue";
+import {
+  InputState
+} from "../../../enums/index.mjs";
 const meta = {
   title: "Inputs/Range Slider",
   component: AntRangeSlider,
@@ -20,7 +24,9 @@ const meta = {
       description: "Reactive value"
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     }
   }
@@ -28,10 +34,15 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntRangeSlider },
+    components: {
+      AntRangeSlider
+    },
     setup() {
       const value = ref(1);
-      return { args, value };
+      return {
+        args,
+        value
+      };
     },
     template: `
       <AntRangeSlider v-bind="args" v-model="value"/>

package/dist/components/inputs/__stories/AntSearch.stories.mjs

@@ -1,19 +1,33 @@
-import { Size } from "../../../enums/Size.enum.mjs";
+import {
+  Size
+} from "../../../enums/Size.enum.mjs";
 import AntSearch from "../AntSearch.vue";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-import { ref } from "vue";
+import {
+  ref
+} from "vue";
 const meta = {
   title: "Inputs/Search",
   component: AntSearch,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     modelValue: {
       control: "text",
-      table: { type: { summary: "string|null" } }
+      table: {
+        type: {
+          summary: "string|null"
+        }
+      }
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size)
     },
     inputTimeout: {
@@ -23,16 +37,24 @@ const meta = {
       description: "Read and write the value into url as urldecoded string. Using the given string as query name."
     },
     placeholder: {
-      table: { defaultValue: { summary: "Search" } }
+      table: {
+        defaultValue: {
+          summary: "Search"
+        }
+      }
     }
   }
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntSearch },
+    components: {
+      AntSearch
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntSearch v-bind="args" v-model="args.modelValue"/>
@@ -46,11 +68,20 @@ export const Docs = {
 };
 export const summary = {
   render: (args) => ({
-    components: { AntSearch, AntFormGroup, AntFormGroupLabel },
+    components: {
+      AntSearch,
+      AntFormGroup,
+      AntFormGroupLabel
+    },
     setup() {
       const value = ref("Keyword");
       const noValue = ref("");
-      return { args, Size, value, noValue };
+      return {
+        args,
+        Size,
+        value,
+        noValue
+      };
     },
     template: `
       <AntFormGroup>

package/dist/components/inputs/__stories/AntSelect.stories.mjs

@@ -1,15 +1,31 @@
-import { Size } from "../../../enums/Size.enum.mjs";
+import {
+  Size
+} from "../../../enums/Size.enum.mjs";
 import AntSelect from "../AntSelect.vue";
 import AntDropdown from "../Elements/AntSelectMenu.vue";
-import { computed, onMounted, ref } from "vue";
-import { InputState } from "../../../enums/index.mjs";
+import {
+  computed,
+  onMounted,
+  ref
+} from "vue";
+import {
+  InputState
+} from "../../../enums/index.mjs";
 const meta = {
   title: "Inputs/Select",
   component: AntSelect,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     modelValue: {
-      table: { type: { summary: "string|null" } }
+      table: {
+        type: {
+          summary: "string|null"
+        }
+      }
     },
     options: {
       description: "List of SelectOptions",
@@ -21,16 +37,28 @@ const meta = {
       }
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
+      table: {
+        defaultValue: {
+          summary: Size.md
+        }
+      }
     },
     placeholder: {
-      table: { defaultValue: { summary: "this.label" } }
+      table: {
+        defaultValue: {
+          summary: "this.label"
+        }
+      }
     }
   }
 };
@@ -53,13 +81,18 @@ const options = [
     value: "4"
   }
 ];
-const manySelectOptions = [...Array(24).keys()].map((key) => ({
+const manySelectOptions = [
+  ...Array(24).keys()
+].map((key) => ({
   label: `Option ${Number(key) + 1}`,
   value: Number(key) + 1
 }));
 export const Docs = {
   render: (args) => ({
-    components: { AntSelect, AntDropdown },
+    components: {
+      AntSelect,
+      AntDropdown
+    },
     setup() {
       const modelValue = computed({
         // @ts-ignore
@@ -73,7 +106,11 @@ export const Docs = {
           scrollContainer.value.scrollTop = (scrollContainer.value.scrollHeight - scrollContainer.value.clientHeight) / 2;
         }
       });
-      return { args, modelValue, scrollContainer };
+      return {
+        args,
+        modelValue,
+        scrollContainer
+      };
     },
     template: `
       <div ref="scrollContainer" class="overflow-y-auto h-[100vh] p-2.5 dashed">
@@ -171,12 +208,19 @@ export const ellipsisText = {
 };
 export const summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntSelect },
+    components: {
+      AntSelect
+    },
     setup() {
-      return { args, manySelectOptions };
+      return {
+        args,
+        manySelectOptions
+      };
     },
     template: `
       <div class="p-4 flex flex-col gap-2.5">