@xy-planning-network/trees 0.14.0-dev-3 → 0.14.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.14.0-dev-3",
+  "version": "0.14.2",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",

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

@@ -140,7 +140,7 @@ const alignment = computed(() => {
           :aria-describedby="aria.describedby"
           :aria-errormessage="aria.errormessage"
           :class="[
-            'block w-full rounded-md border-0 py-2 pr-9 shadow-sm ring-1 ring-inset focus:ring-2 data-[state=open]:ring-2 sm:text-sm sm:leading-6',
+            'block w-full rounded-md border-0 py-2 pr-20 shadow-sm ring-1 ring-inset focus:ring-2 data-[state=open]:ring-2 sm:text-sm sm:leading-6',
             'disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-gray-700 disabled:ring-gray-200',
             errorState
               ? 'text-red-900 ring-red-700 placeholder:text-red-300 focus:ring-red-700 data-[state=open]:ring-red-700'

package/src/lib-components/layout/DateFilter.vue

@@ -34,14 +34,19 @@ const dateRangeChanged = (dateRange: DateRange | undefined) => {
 }
 </script>
 <template>
-  <Select
-    v-model="sortDir"
-    :options="sortOptions"
-    @update:model-value="sortDirChanged"
-  ></Select>
-  <DateRangePicker
-    v-model="dateRange"
-    class="ml-3"
-    @update:model-value="dateRangeChanged"
-  />
+  <div class="flex space-x-3">
+    <div>
+      <Select
+        v-model="sortDir"
+        :options="sortOptions"
+        @update:model-value="sortDirChanged"
+      />
+    </div>
+    <div class="shrink-0 sm:min-w-[17rem]">
+      <DateRangePicker
+        v-model="dateRange"
+        @update:model-value="dateRangeChanged"
+      />
+    </div>
+  </div>
 </template>

package/src/lib-components/lists/DetailList.vue

@@ -131,7 +131,7 @@ loadAndRender()
 </script>
 <template>
   <div :class="{ 'mt-4 space-y-2': filtersAreConfigured }">
-    <div v-if="!disableDate" class="flex">
+    <div v-if="!disableDate">
       <DateFilter
         :date-range="dateRange"
         :sort-dir="sortDir"

package/src/lib-components/overlays/ContentModal.vue

@@ -22,6 +22,7 @@ withDefaults(
 const open = defineModel<boolean>({ required: true })
 
 const emit = defineEmits<{
+  (e: "afterLeave"): void
   (e: "close"): void
 }>()
 
@@ -71,6 +72,7 @@ watch(open, (isOpen) => {
           leave="ease-in duration-200"
           leave-from="opacity-100 translate-y-0 sm:scale-100"
           leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          @after-leave="emit('afterLeave')"
         >
           <div
             class="inline-block align-bottom bg-white rounded-xy px-4 pt-5 pb-4 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-md sm:w-full sm:p-8 sm:rounded-xy-lg"

package/src/lib-components/overlays/Modal.vue

@@ -29,6 +29,7 @@ const props = withDefaults(
 const open = defineModel<boolean>({ required: true })
 
 const emit = defineEmits<{
+  (e: "afterLeave"): void
   (e: "close"): void
   (e: "submit"): void
 }>()
@@ -89,6 +90,7 @@ watch(open, (isOpen) => {
           leave="ease-in duration-200"
           leave-from="opacity-100 translate-y-0 sm:scale-100"
           leave-to="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+          @after-leave="emit('afterLeave')"
         >
           <div
             class="inline-block align-bottom text-left overflow-y-visible transform transition-all w-full sm:my-8 sm:align-middle"

package/src/lib-components/overlays/Popover/Popover.vue

@@ -61,7 +61,7 @@ const { floatingStyles } = useFloating(triggerRef, wrapperRef, {
 
 <template>
   <HeadlessPopover v-slot="{ open, close }" :as="as" class="relative">
-    <HeadlessPopoverButton ref="trigger" as="div">
+    <HeadlessPopoverButton ref="trigger">
       <slot name="button" :open="open" :close="close"></slot>
     </HeadlessPopoverButton>
 

package/src/lib-components/overlays/Slideover.vue

@@ -43,6 +43,7 @@ const layout = computed(() => {
 const open = defineModel<boolean>({ required: true })
 
 const emit = defineEmits<{
+  (e: "afterLeave"): void
   (e: "close"): void
 }>()
 
@@ -73,6 +74,7 @@ watch(open, (isOpen) => {
             leave="transform transition ease-in-out duration-500 sm:duration-700"
             leave-from="translate-x-0"
             leave-to="translate-x-full"
+            @after-leave="emit('afterLeave')"
           >
             <div :class="['w-screen', layout.maxWidth]">
               <div

package/types/lib-components/layout/DateFilter.vue.d.ts

@@ -10,5 +10,5 @@ declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onSort-dir-changed"?: ((val: SortDir) => any) | undefined;
     "onDate-range-changed"?: ((val: DateRange) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

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

@@ -9,8 +9,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (value: boolean) => any;
 } & {
     close: () => any;
+    afterLeave: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     title: string;

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

@@ -13,9 +13,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 } & {
     close: () => any;
     submit: () => any;
+    afterLeave: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
     onSubmit?: (() => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     title: string;

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

@@ -10,8 +10,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (value: boolean) => any;
 } & {
     close: () => any;
+    afterLeave: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClose?: (() => any) | undefined;
+    onAfterLeave?: (() => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
     size: "sm" | "md" | "lg";

package/types/composables/useActionItems.d.ts

@@ -1,12 +0,0 @@
-import { Ref } from "vue";
-import { ActionItem } from "./nav";
-export declare const useActionItems: (items: ActionItem[] | Ref<ActionItem[]>) => {
-    actions: import("vue").ComputedRef<{
-        disabled: boolean;
-        show: boolean;
-        onClick: (...args: any[]) => void;
-        icon?: import("vue").RenderFunction | import("vue").FunctionalComponent<{}, {}, any, {}> | undefined;
-        label: string;
-    }[]>;
-    hasActions: import("vue").ComputedRef<boolean>;
-};

package/types/lib-components/lists/TableActionButtons.vue.d.ts

@@ -1,8 +0,0 @@
-import { TableActionItem } from "../../composables";
-type __VLS_Props = {
-    actions?: TableActionItem[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    actions: TableActionItem<import("../../composables").TableRowData>[];
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-export default _default;