sprintify-ui 0.8.15 → 0.8.17

package/dist/sprintify-ui.es.js

@@ -9618,16 +9618,20 @@ const BE = {
     size: { default: "base" },
     class: { type: [Array, String, null, Number, Boolean], default: "" }
   },
-  setup(n) {
-    const t = n, e = N(() => t.size == "xs" ? "md:p-3 p-2" : t.size == "sm" ? "md:p-4 p-3" : t.size == "lg" ? "md:p-8 p-6" : "md:p-6 px-4 py-5"), r = N(() => gt(
+  emits: ["click"],
+  setup(n, { emit: t }) {
+    const e = t, r = () => {
+      e("click");
+    }, i = n, o = N(() => i.size == "xs" ? "md:p-3 p-2" : i.size == "sm" ? "md:p-4 p-3" : i.size == "lg" ? "md:p-8 p-6" : "md:p-6 px-4 py-5"), l = N(() => gt(
       "border-t border-slate-300 first:border-t-0",
-      e.value,
-      t.class
+      o.value,
+      i.class
     ));
-    return (i, o) => (I(), K("div", {
-      class: ce(C(r))
+    return (a, s) => (I(), K("div", {
+      class: ce(C(l)),
+      onClick: r
     }, [
-      Re(i.$slots, "default")
+      Re(a.$slots, "default")
     ], 2));
   }
 }), iS = {
@@ -32050,7 +32054,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 +32122,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/BaseCardRow.vue.d.ts

@@ -5,13 +5,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>, {
     size: string;
     class: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     size: "xs" | "sm" | "lg" | "base";
     class?: ClassNameValue;
 }>, {
     size: string;
     class: string;
-}>>>, {
+}>>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+}, {
     class: string | false | 0 | ClassNameValue[] | null;
     size: "xs" | "sm" | "lg" | "base";
 }, {}>, {

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.17",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseCardRow.vue

@@ -1,5 +1,8 @@
 <template>
-  <div :class="classes">
+  <div
+    :class="classes"
+    @click="onClick"
+  >
     <slot />
   </div>
 </template>
@@ -7,11 +10,16 @@
 <script lang="ts" setup>
 import { ClassNameValue, twMerge } from 'tailwind-merge';
 
-
 defineOptions({
   inheritAttrs: false,
 })
 
+const emit = defineEmits(['click']);
+
+const onClick = () => {
+  emit('click');
+};
+
 const props = withDefaults(defineProps<{
   size: 'xs' | 'sm' | 'base' | 'lg',
   class?: ClassNameValue,

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] + ''));