@antify/ui 2.5.5 → 2.5.7

package/dist/components/inputs/AntTagInput.vue

@@ -193,7 +193,10 @@ function addTag(tagValue: string | number): void {
   }
 
   if (Array.isArray(_modelValue.value)) {
-    _modelValue.value.push(tagValue);
+    _modelValue.value = [
+      ..._modelValue.value,
+      tagValue,
+    ];
   } else {
     _modelValue.value = [
       tagValue,
@@ -205,13 +208,13 @@ function addTag(tagValue: string | number): void {
 
 function removeLastTag() {
   if (tagInput.value === '' && Array.isArray(_modelValue.value) && _modelValue.value.length > 0) {
-    _modelValue.value.splice(-1, 1);
+    _modelValue.value = _modelValue.value.filter((element) => element !== _modelValue.value?.pop());
   }
 }
 
 function removeTag(tag: string | number) {
   if (_modelValue.value && !props.disabled && !props.skeleton && !props.readonly) {
-    _modelValue.value.splice(_modelValue.value.findIndex((_value) => _value === tag), 1);
+    _modelValue.value = _modelValue.value.filter((element) => element !== tag);
   }
 }
 

package/dist/components/inputs/AntUnitInput.vue

@@ -2,7 +2,7 @@
 import {
   computed, onMounted,
 } from 'vue';
-import AntButton from '../buttons/AntButton.vue';
+import AntButton from '../AntButton.vue';
 import AntField from '../forms/AntField.vue';
 import AntBaseInput from './Elements/AntBaseInput.vue';
 import {

package/dist/components/inputs/Elements/__stories/AntBaseInput.stories.js

@@ -7,7 +7,7 @@ module.exports = exports.Summary = exports.Nullable = exports.IconRight = export
 var _Size = require("../../../../enums/Size.enum");
 var _AntBaseInput = require("../__types/AntBaseInput.types");
 var _AntBaseInput2 = _interopRequireDefault(require("../AntBaseInput.vue"));
-var _AntButton = _interopRequireDefault(require("../../../buttons/AntButton.vue"));
+var _AntButton = _interopRequireDefault(require("../../../AntButton.vue"));
 var _AntIcon = _interopRequireDefault(require("../../../AntIcon.vue"));
 var _Grouped2 = require("../../../../enums/Grouped.enum");
 var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");

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

@@ -5,7 +5,7 @@ import {
   BaseInputType
 } from "../__types/AntBaseInput.types.mjs";
 import AntBaseInput from "../AntBaseInput.vue";
-import AntButton from "../../../buttons/AntButton.vue";
+import AntButton from "../../../AntButton.vue";
 import AntIcon from "../../../AntIcon.vue";
 import {
   Grouped as _Grouped

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

@@ -9,7 +9,7 @@ var _enums = require("../../../enums");
 var _AntPasswordInput = _interopRequireDefault(require("../AntPasswordInput.vue"));
 var _AntFormGroup = _interopRequireDefault(require("../../forms/AntFormGroup.vue"));
 var _AntFormGroupLabel = _interopRequireDefault(require("../../forms/AntFormGroupLabel.vue"));
-var _AntButton = _interopRequireDefault(require("../../buttons/AntButton.vue"));
+var _AntButton = _interopRequireDefault(require("../../AntButton.vue"));
 var _vue = require("vue");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {

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

@@ -7,7 +7,7 @@ import {
 import AntPasswordInput from "../AntPasswordInput.vue";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
 import AntFormGroupLabel from "../../forms/AntFormGroupLabel.vue";
-import AntButton from "../../buttons/AntButton.vue";
+import AntButton from "../../AntButton.vue";
 import {
   ref
 } from "vue";

package/dist/components/inputs/__stories/AntTextInput.stories.js

@@ -9,7 +9,7 @@ var _AntTextInput = _interopRequireDefault(require("../AntTextInput.vue"));
 var _AntTextInput2 = require("../__types/AntTextInput.types");
 var _enums = require("../../../enums");
 var _AntFormGroup = _interopRequireDefault(require("../../forms/AntFormGroup.vue"));
-var _AntButton = _interopRequireDefault(require("../../buttons/AntButton.vue"));
+var _AntButton = _interopRequireDefault(require("../../AntButton.vue"));
 var _vue = require("vue");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const meta = {

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

@@ -9,7 +9,7 @@ import {
   InputState
 } from "../../../enums/index.mjs";
 import AntFormGroup from "../../forms/AntFormGroup.vue";
-import AntButton from "../../buttons/AntButton.vue";
+import AntButton from "../../AntButton.vue";
 import {
   ref
 } from "vue";

package/dist/components/table/AntTable.vue

@@ -24,7 +24,7 @@ import {
 import {
   faAngleDown, faAngleUp,
 } from '@fortawesome/free-solid-svg-icons';
-import AntButton from '../buttons/AntButton.vue';
+import AntButton from '../AntButton.vue';
 import AntIcon from '../AntIcon.vue';
 import AntTableSkeleton from './AntTableSkeleton.vue';
 

package/dist/components/table/AntTableSortButton.vue

@@ -6,7 +6,7 @@ import {
 import {
   AntTableSize, AntTableSortDirection,
 } from './__types/TableHeader.types';
-import AntButton from '../buttons/AntButton.vue';
+import AntButton from '../AntButton.vue';
 import {
   computed,
 } from 'vue';

package/dist/components/table/__stories/AntTable.stories.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 module.exports = exports.Skeleton = exports.MultipleCollapseStrategy = exports.Loading = exports.Empty = exports.Docs = exports.DefaultCollapseOpen = exports.Collapsible = void 0;
 var _AntTable = _interopRequireDefault(require("../AntTable.vue"));
-var _AntButton = _interopRequireDefault(require("../../buttons/AntButton.vue"));
+var _AntButton = _interopRequireDefault(require("../../AntButton.vue"));
 var _AntSelect = _interopRequireDefault(require("../../inputs/AntSelect.vue"));
 var _AntCheckboxGroup = _interopRequireDefault(require("../../inputs/AntCheckboxGroup.vue"));
 var _TableHeader = require("../__types/TableHeader.types");

package/dist/components/table/__stories/AntTable.stories.mjs

@@ -1,5 +1,5 @@
 import AntTable from "../AntTable.vue";
-import AntButton from "../../buttons/AntButton.vue";
+import AntButton from "../../AntButton.vue";
 import AntSelect from "../../inputs/AntSelect.vue";
 import AntCheckboxGroup from "../../inputs/AntCheckboxGroup.vue";
 import {

package/dist/types.d.ts

@@ -1,6 +1,5 @@
 export * from './enums';
 export * from './components/__types';
-export * from './components/buttons/__types';
 export * from './components/inputs/__types';
 export * from './components/inputs/Elements/__types';
 export * from './components/navbar/__types';

package/dist/types.js

@@ -25,7 +25,7 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-var _types2 = require("./components/buttons/__types");
+var _types2 = require("./components/inputs/__types");
 Object.keys(_types2).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types2[key]) return;
@@ -36,7 +36,7 @@ Object.keys(_types2).forEach(function (key) {
     }
   });
 });
-var _types3 = require("./components/inputs/__types");
+var _types3 = require("./components/inputs/Elements/__types");
 Object.keys(_types3).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types3[key]) return;
@@ -47,7 +47,7 @@ Object.keys(_types3).forEach(function (key) {
     }
   });
 });
-var _types4 = require("./components/inputs/Elements/__types");
+var _types4 = require("./components/navbar/__types");
 Object.keys(_types4).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types4[key]) return;
@@ -58,7 +58,7 @@ Object.keys(_types4).forEach(function (key) {
     }
   });
 });
-var _types5 = require("./components/navbar/__types");
+var _types5 = require("./components/table/__types");
 Object.keys(_types5).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types5[key]) return;
@@ -69,7 +69,7 @@ Object.keys(_types5).forEach(function (key) {
     }
   });
 });
-var _types6 = require("./components/table/__types");
+var _types6 = require("./components/tabs/__types");
 Object.keys(_types6).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _types6[key]) return;
@@ -79,15 +79,4 @@ Object.keys(_types6).forEach(function (key) {
       return _types6[key];
     }
   });
-});
-var _types7 = require("./components/tabs/__types");
-Object.keys(_types7).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types7[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types7[key];
-    }
-  });
 });

package/dist/types.mjs

@@ -1,6 +1,5 @@
 export * from "./enums/index.mjs";
 export * from "./components/__types/index.mjs";
-export * from "./components/buttons/__types/index.mjs";
 export * from "./components/inputs/__types/index.mjs";
 export * from "./components/inputs/Elements/__types/index.mjs";
 export * from "./components/navbar/__types/index.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antify/ui",
-  "version": "2.5.5",
+  "version": "2.5.7",
   "private": false,
   "type": "module",
   "exports": {
@@ -96,6 +96,10 @@
     "vitest": "^1.6.1",
     "vue-tsc": "^2.2.8"
   },
+  "engines": {
+    "node": "^22.14.0",
+    "pnpm": ">=10.10.0"
+  },
   "scripts": {
     "dev": "storybook dev -p 6006 --no-open",
     "build": "unbuild",

package/dist/components/buttons/AntActionButton.vue

@@ -1,83 +0,0 @@
-<script lang="ts" setup>
-/**
- * This button is used for everything what is the primary
- * action like save, confirm, create, etc.
- */
-import {
-  Position, State, InputState, Size, Grouped,
-} from '../../enums';
-import AntButton from './AntButton.vue';
-import type {
-  IconDefinition,
-} from '@fortawesome/free-solid-svg-icons';
-import {
-  computed, useSlots,
-} from 'vue';
-import {
-  hasSlotContent,
-} from '../../utils';
-
-defineEmits([
-  'click',
-  'blur',
-]);
-const props = withDefaults(defineProps<{
-  iconLeft?: IconDefinition;
-  iconRight?: IconDefinition;
-  size?: Size;
-  disabled?: boolean;
-  grouped?: Grouped;
-  state?: State;
-  skeleton?: boolean;
-  expanded?: boolean;
-  filled?: boolean;
-  hasPermission?: boolean;
-  tooltipPosition?: Position;
-  tooltipState?: InputState;
-  tooltipDelay?: number;
-  submit?: boolean;
-}>(), {
-  state: State.primary,
-  hasPermission: true,
-  filled: true,
-  submit: false,
-});
-const slots = useSlots();
-const hasTooltip = computed(() => !props.skeleton && !props.disabled && props.hasPermission && hasSlotContent(slots['tooltipContent']));
-const hasPermissionTooltip = computed(() => !props.skeleton && !props.disabled && !props.hasPermission && hasSlotContent(slots['invalidPermissionTooltipContent']));
-</script>
-
-<template>
-  <AntButton
-    :icon-left="iconLeft"
-    :icon-right="iconRight"
-    :size="size"
-    :disabled="disabled || !hasPermission"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :state="state"
-    :filled="filled"
-    :tooltip-position="tooltipPosition"
-    :tooltip-state="hasPermissionTooltip ? InputState.info : tooltipState"
-    :tooltip-delay="hasPermissionTooltip ? 300 : tooltipDelay"
-    :submit="submit"
-    data-e2e="action-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <slot />
-
-    <template #tooltip-content>
-      <slot
-        v-if="hasTooltip"
-        name="tooltipContent"
-      />
-
-      <slot
-        v-if="hasPermissionTooltip"
-        name="invalidPermissionTooltipContent"
-      />
-    </template>
-  </AntButton>
-</template>

package/dist/components/buttons/AntCreateButton.vue

@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-import AntActionButton from './AntActionButton.vue';
-import {
-  Position, Size, Grouped, State,
-} from '../../enums';
-import {
-  faPlus,
-} from '@fortawesome/free-solid-svg-icons';
-
-defineEmits([
-  'click',
-  'blur',
-]);
-withDefaults(defineProps<{
-  iconVariant?: boolean;
-  size?: Size;
-  disabled?: boolean;
-  grouped?: Grouped;
-  skeleton?: boolean;
-  expanded?: boolean;
-  canCreate?: boolean;
-  tooltipPosition?: Position;
-}>(), {
-  iconVariant: false,
-  canCreate: true,
-});
-</script>
-
-<template>
-  <AntActionButton
-    :filled="false"
-    :state="State.primary"
-    :size="size"
-    :disabled="disabled"
-    :icon-left="iconVariant ? faPlus : undefined"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :has-permission="canCreate"
-    :tooltip-position="tooltipPosition"
-    data-e2e="create-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <template
-      v-if="!iconVariant"
-      #default
-    >
-      Create
-    </template>
-
-    <template #invalidPermissionTooltipContent>
-      You have no permission to create new entries.<br>
-      Please contact your administrator.
-    </template>
-
-    <template #tooltipContent>
-      Create new entry
-    </template>
-  </AntActionButton>
-</template>

package/dist/components/buttons/AntDeleteButton.vue

@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-import AntActionButton from './AntActionButton.vue';
-import {
-  Position, Size, Grouped, State,
-} from '../../enums';
-import {
-  faTrash,
-} from '@fortawesome/free-solid-svg-icons';
-
-defineEmits([
-  'click',
-  'blur',
-]);
-withDefaults(defineProps<{
-  iconVariant?: boolean;
-  size?: Size;
-  disabled?: boolean;
-  grouped?: Grouped;
-  skeleton?: boolean;
-  expanded?: boolean;
-  canDelete?: boolean;
-  tooltipPosition?: Position;
-}>(), {
-  iconVariant: false,
-  canDelete: true,
-});
-</script>
-
-<template>
-  <AntActionButton
-    :filled="false"
-    :state="State.danger"
-    :size="size"
-    :disabled="disabled"
-    :icon-left="iconVariant ? faTrash : undefined"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :has-permission="canDelete"
-    :tooltip-position="tooltipPosition"
-    data-e2e="delete-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <template
-      v-if="!iconVariant"
-      #default
-    >
-      Delete
-    </template>
-
-    <template #invalidPermissionTooltipContent>
-      You have no permission to delete entries.<br>
-      Please contact your administrator.
-    </template>
-
-    <template #tooltipContent>
-      Delete entry
-    </template>
-  </AntActionButton>
-</template>

package/dist/components/buttons/AntDuplicateButton.vue

@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-import AntActionButton from './AntActionButton.vue';
-import {
-  Position, Size, Grouped, State,
-} from '../../enums';
-import {
-  faCopy,
-} from '@fortawesome/free-solid-svg-icons';
-
-defineEmits([
-  'click',
-  'blur',
-]);
-withDefaults(defineProps<{
-  iconVariant?: boolean;
-  size?: Size;
-  disabled?: boolean;
-  grouped?: Grouped;
-  skeleton?: boolean;
-  expanded?: boolean;
-  canDuplicate?: boolean;
-  tooltipPosition?: Position;
-}>(), {
-  iconVariant: false,
-  canDuplicate: true,
-});
-</script>
-
-<template>
-  <AntActionButton
-    :filled="false"
-    :state="State.base"
-    :size="size"
-    :disabled="disabled"
-    :icon-left="iconVariant ? faCopy : undefined"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :has-permission="canDuplicate"
-    :tooltip-position="tooltipPosition"
-    data-e2e="duplicate-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <template
-      v-if="!iconVariant"
-      #default
-    >
-      Duplicate
-    </template>
-
-    <template #invalidPermissionTooltipContent>
-      You have no permission to duplicate entries.<br>
-      Please contact your administrator.
-    </template>
-
-    <template #tooltipContent>
-      Duplicate entry
-    </template>
-  </AntActionButton>
-</template>

package/dist/components/buttons/AntEditButton.vue

@@ -1,61 +0,0 @@
-<script lang="ts" setup>
-import AntActionButton from './AntActionButton.vue';
-import {
-  Position, Size, Grouped, State,
-} from '../../enums';
-import {
-  faPencil,
-} from '@fortawesome/free-solid-svg-icons';
-
-defineEmits([
-  'click',
-  'blur',
-]);
-withDefaults(defineProps<{
-  iconVariant?: boolean;
-  size?: Size;
-  disabled?: boolean;
-  grouped?: Grouped;
-  skeleton?: boolean;
-  expanded?: boolean;
-  canEdit?: boolean;
-  tooltipPosition?: Position;
-}>(), {
-  iconVariant: false,
-  canEdit: true,
-});
-</script>
-
-<template>
-  <AntActionButton
-    :filled="false"
-    :state="State.base"
-    :size="size"
-    :disabled="disabled"
-    :icon-left="iconVariant ? faPencil : undefined"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :has-permission="canEdit"
-    :tooltip-position="tooltipPosition"
-    data-e2e="edit-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <template
-      v-if="!iconVariant"
-      #default
-    >
-      Edit
-    </template>
-
-    <template #invalidPermissionTooltipContent>
-      You have no permission to edit entries.<br>
-      Please contact your administrator.
-    </template>
-
-    <template #tooltipContent>
-      Edit entry
-    </template>
-  </AntActionButton>
-</template>

package/dist/components/buttons/AntSaveAndNewButton.vue

@@ -1,63 +0,0 @@
-<script lang="ts" setup>
-import AntActionButton from './AntActionButton.vue';
-import {
-  Position, Size, Grouped, State,
-} from '../../enums';
-import {
-  faFloppyDisk, faPlus,
-} from '@fortawesome/free-solid-svg-icons';
-
-defineEmits([
-  'click',
-  'blur',
-]);
-withDefaults(defineProps<{
-  iconVariant?: boolean;
-  size?: Size;
-  disabled?: boolean;
-  grouped?: Grouped;
-  skeleton?: boolean;
-  expanded?: boolean;
-  canSave?: boolean;
-  tooltipPosition?: Position;
-}>(), {
-  iconVariant: false,
-  canSave: true,
-});
-</script>
-
-<template>
-  <AntActionButton
-    :filled="true"
-    :state="State.primary"
-    :size="size"
-    :disabled="disabled"
-    :icon-left="iconVariant ? faFloppyDisk : undefined"
-    :icon-right="iconVariant ? faPlus : undefined"
-    :grouped="grouped"
-    :skeleton="skeleton"
-    :expanded="expanded"
-    :submit="true"
-    :has-permission="canSave"
-    :tooltip-position="tooltipPosition"
-    data-e2e="save-and-new-button"
-    @click="$emit('click')"
-    @blur="$emit('blur')"
-  >
-    <template
-      v-if="!iconVariant"
-      #default
-    >
-      Save and new
-    </template>
-
-    <template #invalidPermissionTooltipContent>
-      You have no permission to save entries.<br>
-      Please contact your administrator.
-    </template>
-
-    <template #tooltipContent>
-      Save entry
-    </template>
-  </AntActionButton>
-</template>