sprintify-ui 0.8.15 → 0.8.16

package/dist/sprintify-ui.es.js

@@ -32050,7 +32050,7 @@ const FI = ["onClick"], HI = { class: "px-2 flex items-center" }, qI = { class:
   props: {
     modelValue: {
       default: void 0,
-      type: [Array, null, void 0]
+      type: [Array, String, Number, null, void 0]
     },
     url: {
       required: !0,
@@ -32118,26 +32118,27 @@ const FI = ["onClick"], HI = { class: "px-2 flex items-center" }, qI = { class:
       );
     }
     function d() {
-      if (!Array.isArray(r.modelValue)) {
+      let f = r.modelValue;
+      if ((typeof f == "string" || typeof f == "number") && (f = [f + ""]), !Array.isArray(f)) {
         a.value = [];
         return;
       }
-      if (r.modelValue.length == 0) {
+      if (f.length == 0) {
         a.value = [];
         return;
       }
-      const f = r.modelValue.map((g) => g.toString());
-      a.value = a.value.filter((g) => f.includes(g[r.primaryKey] + ""));
-      const h = a.value.map((g) => g[r.primaryKey] + "");
-      let p = f.filter((g) => !h.includes(g));
-      p.length != 0 && (Array.isArray(r.currentModels) && p.forEach((g) => {
-        var v;
-        const m = (v = r.currentModels) == null ? void 0 : v.find((y) => y[r.primaryKey] == g);
-        m && (a.value.push(m), p = p.filter((y) => y != g));
-      }), p.length != 0 && r.showRouteUrl != null && i.get(r.showRouteUrl(p)).then((g) => {
-        const m = gg(g.data);
-        a.value = m.filter((v) => f.includes(v[r.primaryKey] + ""));
-      }).catch((g) => g));
+      const h = f.map((m) => m.toString());
+      a.value = a.value.filter((m) => h.includes(m[r.primaryKey] + ""));
+      const p = a.value.map((m) => m[r.primaryKey] + "");
+      let g = h.filter((m) => !p.includes(m));
+      g.length != 0 && (Array.isArray(r.currentModels) && g.forEach((m) => {
+        var y;
+        const v = (y = r.currentModels) == null ? void 0 : y.find((b) => b[r.primaryKey] == m);
+        v && (a.value.push(v), g = g.filter((b) => b != m));
+      }), g.length != 0 && r.showRouteUrl != null && i.get(r.showRouteUrl(g)).then((m) => {
+        const v = gg(m.data);
+        a.value = v.filter((y) => h.includes(y[r.primaryKey] + ""));
+      }).catch((m) => m));
     }
     return t({
       focus: () => {

package/dist/types/components/BaseHasMany.vue.d.ts

@@ -3,7 +3,7 @@ import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
         default: undefined;
-        type: PropType<string[] | null | undefined>;
+        type: PropType<string | number | string[] | null | undefined>;
     };
     url: {
         required: true;
@@ -60,7 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
-        type: PropType<string[] | null | undefined>;
+        type: PropType<string | number | string[] | null | undefined>;
     };
     url: {
         required: true;
@@ -110,7 +110,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
-    modelValue: string[] | null | undefined;
+    modelValue: string | number | string[] | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.15",
+  "version": "0.8.16",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseHasMany.stories.js

@@ -30,10 +30,7 @@ const Template = (args) => {
   return {
     components: { BaseHasMany, ShowValue, BaseAppSnackbars },
     setup() {
-      const value = ref([
-        "4",
-        "6",
-      ]);
+      const value = ref(4);
       const currentModels = ref([
         { id: 4, name: 'Todo 4 (local)' },
         { id: 6, name: 'Todo 6 (local)' },

package/src/components/BaseHasMany.vue

@@ -55,7 +55,7 @@ import { getItems } from '@/utils/getApiData';
 const props = defineProps({
   modelValue: {
     default: undefined,
-    type: [Array, null, undefined] as PropType<string[] | null | undefined>,
+    type: [Array, String, Number, null, undefined] as PropType<string[] | string | number | null | undefined>,
   },
   url: {
     required: true,
@@ -141,19 +141,25 @@ function onUpdate(newModels: RawOption[]) {
 
 function ensureModelsAreFilled() {
 
-  if (!Array.isArray(props.modelValue)) {
+  let modelValueInternal = props.modelValue;
+
+  if (typeof modelValueInternal == 'string' || typeof modelValueInternal == 'number') {
+    modelValueInternal = [modelValueInternal + ''];
+  }
+
+  if (!Array.isArray(modelValueInternal)) {
     models.value = [];
     return;
   }
 
-  if (props.modelValue.length == 0) {
+  if (modelValueInternal.length == 0) {
     models.value = [];
     return;
   }
 
   // Remove incorrect models
 
-  const ids = props.modelValue.map((id: number | string) => id.toString());
+  const ids = modelValueInternal.map((id: number | string) => id.toString());
 
   models.value = models.value.filter((m) => ids.includes(m[props.primaryKey] + ''));