@xy-planning-network/trees 0.9.2-rc4 → 0.9.3-rc1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.9.2-rc4",
+  "version": "0.9.3-rc1",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",

package/src/lib-components/forms/BaseInput.vue

@@ -8,6 +8,7 @@ import {
   emailPattern,
   looseToNumber,
   phonePattern,
+  toDatetimeLocal,
 } from "@/composables/forms"
 import type { TextLikeInput } from "@/composables/forms"
 import { computed, ref } from "vue"
@@ -57,14 +58,28 @@ const typeAttributes = computed(() => {
 const onInput = (e: Event) => {
   let val = (e.target as HTMLInputElement).value
 
-  if (props.type === "number") {
-    val = looseToNumber(val)
+  switch (props.type) {
+    case "datetime-local":
+      val = val ? new Date(val).toISOString() : val
+      break
+    case "number":
+      val = looseToNumber(val)
+      break
   }
 
   modelState.value = val
 
   inputValidation(e)
 }
+
+const inputValue = computed(() => {
+  switch (props.type) {
+    case "datetime-local":
+      return toDatetimeLocal(modelState.value)
+    default:
+      return modelState.value
+  }
+})
 </script>
 
 <template>
@@ -91,7 +106,7 @@ const onInput = (e: Event) => {
       ]"
       :placeholder="placeholder"
       :type="type"
-      :value="modelState"
+      :value="inputValue"
       v-bind="{ ...typeAttributes, ...$attrs }"
       @input="onInput"
       @invalid="onInvalid"

package/types/composables/forms.d.ts

@@ -96,3 +96,10 @@ export declare const phonePattern: string;
  * This is used for the .number modifier in v-model
  */
 export declare const looseToNumber: (val: any) => any;
+/**
+ * converts an RFC 3339 string to a datetime-local input value string
+ * used with BaseInput<type=datetime-local> as a v-model modifier
+ * @param dt RFC 3339 date string
+ * @returns string
+ */
+export declare const toDatetimeLocal: (dt: any) => string;

package/types/lib-components/overlays/AlertModal.vue.d.ts

@@ -0,0 +1,68 @@
+declare const _default: import("vue").DefineComponent<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    content: {
+        type: import("vue").PropType<string | string[]>;
+        required: true;
+    };
+    kind: {
+        type: import("vue").PropType<"alert" | "warn" | "info" | "success">;
+        required: true;
+    };
+    sticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    cancelText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    submitText: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    submit: (e?: void | undefined) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    };
+    content: {
+        type: import("vue").PropType<string | string[]>;
+        required: true;
+    };
+    kind: {
+        type: import("vue").PropType<"alert" | "warn" | "info" | "success">;
+        required: true;
+    };
+    sticky: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    cancelText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    submitText: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+}>> & {
+    onSubmit?: ((e?: void | undefined) => any) | undefined;
+}, {
+    title: string;
+    sticky: boolean;
+    cancelText: string;
+}, {}>;
+export default _default;