@antify/ui 2.2.1 → 2.2.4

package/dist/components/inputs/Elements/__stories/AntInputDescription.stories.mjs

@@ -1,22 +1,42 @@
 import AntInputDescription from "../AntInputDescription.vue";
-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";
 const meta = {
   title: "Inputs/Elements/Ant Input Description",
   component: AntInputDescription,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
+      table: {
+        defaultValue: {
+          summary: Size.md
+        }
+      }
     },
     skeleton: {
       control: "boolean",
-      table: { defaultValue: { summary: false } }
+      table: {
+        defaultValue: {
+          summary: false
+        }
+      }
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     }
   }
@@ -24,9 +44,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntInputDescription },
+    components: {
+      AntInputDescription
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<div class="p-4"><AntInputDescription v-bind="args">Description</AntInputDescription></div>'
   }),

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

@@ -1,30 +1,50 @@
 import AntInputLabel from "../AntInputLabel.vue";
-import { Size } from "../../../../enums/Size.enum.mjs";
+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" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     label: {
       control: "text"
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
+      table: {
+        defaultValue: {
+          summary: Size.md
+        }
+      }
     },
     skeleton: {
       control: "boolean",
-      table: { defaultValue: { summary: false } }
+      table: {
+        defaultValue: {
+          summary: false
+        }
+      }
     }
   }
 };
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntInputLabel },
-    setup: () => ({ args }),
+    components: {
+      AntInputLabel
+    },
+    setup: () => ({
+      args
+    }),
     template: '<div class="p-4"><AntInputLabel v-bind="args"></AntInputLabel></div>'
   }),
   args: {
@@ -33,9 +53,14 @@ export const Docs = {
 };
 export const WithContent = {
   render: (args) => ({
-    components: { AntInputLabel, AntBaseInput },
+    components: {
+      AntInputLabel,
+      AntBaseInput
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<div class="p-4"><AntInputLabel v-bind="args"><AntBaseInput value="Example" :size="args.size"></AntBaseInput></AntInputLabel></div>'
   }),

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

@@ -1,22 +1,42 @@
 import AntInputLimiter from "../AntInputLimiter.vue";
-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";
 const meta = {
   title: "Inputs/Elements/Ant Input Limiter",
   component: AntInputLimiter,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size),
-      table: { defaultValue: { summary: Size.md } }
+      table: {
+        defaultValue: {
+          summary: Size.md
+        }
+      }
     },
     skeleton: {
       control: "boolean",
-      table: { defaultValue: { summary: false } }
+      table: {
+        defaultValue: {
+          summary: false
+        }
+      }
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     }
   }
@@ -24,9 +44,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntInputLimiter },
+    components: {
+      AntInputLimiter
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: '<div class="p-4"><AntInputLimiter v-bind="args">Description</AntInputLimiter></div>'
   }),

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

@@ -4,4 +4,4 @@ import AntInputDescription from './AntInputDescription.vue';
 import AntInputLabel from './AntInputLabel.vue';
 import AntInputLimiter from './AntInputLimiter.vue';
 import AntSelectMenu from './AntSelectMenu.vue';
-export { AntBaseInput, AntField, AntInputDescription, AntInputLabel, AntInputLimiter, AntSelectMenu };
+export { AntBaseInput, AntField, AntInputDescription, AntInputLabel, AntInputLimiter, AntSelectMenu, };

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

@@ -1,19 +1,33 @@
 import AntCheckbox from "../AntCheckbox.vue";
-import { computed, ref } from "vue";
-import { InputState, Size } from "../../../enums/index.mjs";
+import {
+  computed,
+  ref
+} from "vue";
+import {
+  InputState,
+  Size
+} from "../../../enums/index.mjs";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
 const meta = {
   title: "Inputs/Checkbox",
   component: AntCheckbox,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size)
     }
   }
@@ -21,7 +35,9 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntCheckbox },
+    components: {
+      AntCheckbox
+    },
     setup() {
       const value = computed({
         get() {
@@ -31,7 +47,10 @@ export const Docs = {
           args.modelValue = val;
         }
       });
-      return { args, value };
+      return {
+        args,
+        value
+      };
     },
     template: `
       <div class="m-2">
@@ -43,10 +62,16 @@ export const Docs = {
 };
 export const Summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntCheckbox, AntFormGroup, AntFormGroupLabel },
+    components: {
+      AntCheckbox,
+      AntFormGroup,
+      AntFormGroupLabel
+    },
     setup() {
       const offValue = ref(false);
       const onValue = ref(true);

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

@@ -1,10 +1,19 @@
 import AntCheckboxGroup from "../AntCheckboxGroup.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";
 const meta = {
   title: "Inputs/Checkbox Group",
   component: AntCheckboxGroup,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     modelValue: {
       description: "Contains the list of selected checkboxes (the value prop of the checkboxes)"
@@ -13,15 +22,21 @@ const meta = {
       description: "List of checkboxes to be displayed"
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size)
     },
     direction: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Direction)
     }
   }
@@ -29,9 +44,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntCheckboxGroup },
+    components: {
+      AntCheckboxGroup
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntCheckboxGroup v-bind="args" v-model="args.modelValue"/>
@@ -39,18 +58,23 @@ export const Docs = {
   }),
   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"
-    }]
+    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"
+      }
+    ]
   }
 };

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

@@ -1,28 +1,50 @@
-import { Size } from "../../../enums/Size.enum.mjs";
-import { Direction } from "../../../enums/Direction.enum.mjs";
+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 {
+  InputState
+} from "../../../enums/index.mjs";
+import {
+  AntDateInputTypes
+} from "../__types/AntDateInput.types.mjs";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
 const meta = {
   title: "Inputs/Date Input",
   component: AntDateInput,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     modelValue: {
-      table: { type: { summary: "string|null" } }
+      table: {
+        type: {
+          summary: "string|null"
+        }
+      }
     },
     type: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(AntDateInputTypes)
     },
     state: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(InputState)
     },
     size: {
-      control: { type: "select" },
+      control: {
+        type: "select"
+      },
       options: Object.values(Size)
     }
   }
@@ -30,9 +52,13 @@ const meta = {
 export default meta;
 export const Docs = {
   render: (args) => ({
-    components: { AntDateInput },
+    components: {
+      AntDateInput
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntDateInput
@@ -49,12 +75,24 @@ export const Docs = {
 };
 export const Summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntDateInput, AntFormGroup, AntFormGroupLabel },
+    components: {
+      AntDateInput,
+      AntFormGroup,
+      AntFormGroupLabel
+    },
     setup() {
-      return { args, InputState, Size, AntDateInputType: AntDateInputTypes, Direction };
+      return {
+        args,
+        InputState,
+        Size,
+        AntDateInputType: AntDateInputTypes,
+        Direction
+      };
     },
     template: `
       <AntFormGroup>

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

@@ -1,38 +1,70 @@
-import { Size } from "../../../enums/Size.enum.mjs";
+import {
+  Size
+} from "../../../enums/Size.enum.mjs";
 import AntNumberInput from "../AntNumberInput.vue";
-import { InputState } from "../../../enums/State.enum.mjs";
-import { ref } from "vue";
+import {
+  InputState
+} from "../../../enums/State.enum.mjs";
+import {
+  ref
+} from "vue";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
 const meta = {
   title: "Inputs/Number Input",
   component: AntNumberInput,
-  parameters: { controls: { sort: "requiredFirst" } },
+  parameters: {
+    controls: {
+      sort: "requiredFirst"
+    }
+  },
   argTypes: {
     modelValue: {
-      control: { type: "number" },
-      table: { type: { summary: "number|null" } }
+      control: {
+        type: "number"
+      },
+      table: {
+        type: {
+          summary: "number|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: { AntNumberInput },
+    components: {
+      AntNumberInput
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntNumberInput
@@ -49,9 +81,15 @@ export const Docs = {
 };
 export const WithIndicators = {
   render: (args) => ({
-    components: { AntNumberInput, AntFormGroup, AntFormGroupLabel },
+    components: {
+      AntNumberInput,
+      AntFormGroup,
+      AntFormGroupLabel
+    },
     setup() {
-      return { args };
+      return {
+        args
+      };
     },
     template: `
       <AntFormGroup>
@@ -70,13 +108,24 @@ export const WithIndicators = {
 };
 export const Summary = {
   parameters: {
-    chromatic: { disableSnapshot: false }
+    chromatic: {
+      disableSnapshot: false
+    }
   },
   render: (args) => ({
-    components: { AntNumberInput, AntFormGroup, AntFormGroupLabel },
+    components: {
+      AntNumberInput,
+      AntFormGroup,
+      AntFormGroupLabel
+    },
     setup() {
       const value = ref(100.5);
-      return { args, value, InputState, Size };
+      return {
+        args,
+        value,
+        InputState,
+        Size
+      };
     },
     template: `
       <AntFormGroup>