@xy-planning-network/trees 0.14.1 → 0.15.1-dev-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.14.1",
+  "version": "0.15.1-dev-1",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",
@@ -26,25 +26,26 @@
     "build:docs": "vue-tsc -p dev --noEmit && vite build --config vite.docs.config.mts",
     "copy:types": "copyfiles -f ./src/*.d.ts ./types",
     "format": "prettier --write src dev",
-    "lint": "eslint --ext .js,.ts,.vue src dev",
-    "lint:fix": "eslint --fix --ext .js,.ts,.vue src dev",
+    "lint": "eslint .",
+    "lint:fix": "eslint --fix .",
     "preview": "vite preview --config vite.docs.config.mts",
     "typecheck": "npm run typecheck:src && npm run typecheck:docs",
     "typecheck:src": "vue-tsc -p src --noEmit",
     "typecheck:docs": "vue-tsc -p dev --noEmit"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.2.0",
+    "@eslint/js": "^10.0.1",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/typography": "^0.5.7",
-    "@types/node": "^18.15.11",
-    "@vitejs/plugin-vue": "^5.2.3",
-    "@vue/eslint-config-prettier": "~8.0.0",
-    "@vue/eslint-config-typescript": "~13.0.0",
+    "@types/node": "^24.13.3",
+    "@vitejs/plugin-vue": "^6.0.8",
+    "@vue/eslint-config-prettier": "~10.2.0",
+    "@vue/eslint-config-typescript": "~14.9.0",
     "autoprefixer": "^10.4.14",
     "copyfiles": "^2.4.1",
-    "eslint": "^8.42.0",
-    "eslint-plugin-vue": "^9.14.1",
+    "eslint": "~10.8.0",
+    "eslint-plugin-vue": "~10.10.0",
+    "globals": "^17.9.0",
     "markdown-it-prism": "^2.3.0",
     "postcss": "^8.4.21",
     "prettier": "^3.0.3",
@@ -52,8 +53,8 @@
     "tsc-alias": "^1.8.5",
     "typescript": "~5.4.5",
     "unplugin-vue-components": "^0.27.4",
-    "unplugin-vue-markdown": "^0.26.3",
-    "vite": "^6.2.2",
+    "unplugin-vue-markdown": "^32.0.0",
+    "vite": "^8.2.0",
     "vue-tsc": "^2.1.10"
   },
   "dependencies": {
@@ -63,13 +64,19 @@
     "@maskito/core": "^3.5.0",
     "@maskito/kit": "^3.5.0",
     "@maskito/vue": "^3.5.0",
-    "axios": "^1.5.0",
+    "axios": "^1.19.0",
     "reka-ui": "^2.9.9"
   },
   "peerDependencies": {
+    "@eslint/js": "^10.0.1",
     "@tailwindcss/forms": "^0.5.2",
     "@tailwindcss/typography": "^0.5.2",
+    "@vue/eslint-config-prettier": "~10.2.0",
+    "@vue/eslint-config-typescript": "~14.9.0",
     "autoprefixer": "^10.4.7",
+    "eslint": "~10.8.0",
+    "eslint-plugin-vue": "~10.10.0",
+    "globals": "^17.7.0",
     "postcss": "^8.4.14",
     "tailwindcss": "^3.1.4",
     "vue": "^3.5.12"

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/forms/NumberInput.vue

@@ -94,9 +94,9 @@ const masked = computed({
     // to avoid approximations from decimal values avoid calling parseFloat and use parseInt on only the dollar
     // portion when converting from string to number.
     if (props.type === "money") {
-      let parts = number.toString().split(".")
-      let dollars = parseInt(parts[0], 10)
-      let cents = parts.length > 1 ? parseInt(parts[1].padEnd(2, "0"), 10) : 0
+      const parts = number.toString().split(".")
+      const dollars = parseInt(parts[0], 10)
+      const cents = parts.length > 1 ? parseInt(parts[1].padEnd(2, "0"), 10) : 0
       number = dollars * 100 + cents
     }
 

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/navigation/ActionsDropdown.vue

@@ -76,15 +76,15 @@ const { floatingStyles } = useFloating(triggerRef, wrapperRef, {
         aria-hidden="true"
       />
     </MenuButton>
-    <transition
-      enter-active-class="transition ease-out duration-100"
-      enter-from-class="transform opacity-0 scale-95"
-      enter-to-class="transform opacity-100 scale-100"
-      leave-active-class="transition ease-in duration-75"
-      leave-from-class="transform opacity-100 scale-100"
-      leave-to-class="transform opacity-0 scale-95"
-    >
-      <div ref="wrapper" class="z-[5]" :style="floatingStyles">
+    <div ref="wrapper" class="z-[5]" :style="floatingStyles">
+      <transition
+        enter-active-class="transition ease-out duration-100"
+        enter-from-class="transform opacity-0 scale-95"
+        enter-to-class="transform opacity-100 scale-100"
+        leave-active-class="transition ease-in duration-75"
+        leave-from-class="transform opacity-100 scale-100"
+        leave-to-class="transform opacity-0 scale-95"
+      >
         <MenuItems
           class="w-48 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 divide-y divide-gray-200 focus:outline-none"
         >
@@ -153,7 +153,7 @@ const { floatingStyles } = useFloating(triggerRef, wrapperRef, {
             </template>
           </div>
         </MenuItems>
-      </div>
-    </transition>
+      </transition>
+    </div>
   </Menu>
 </template>

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

@@ -16,8 +16,8 @@ withDefaults(
 )
 
 // data
-var popoverHover = false
-var popoverTimeout: null | NodeJS.Timeout = null
+let popoverHover = false
+let popoverTimeout: ReturnType<typeof setTimeout> | null = null
 
 // functions
 const closePopover = (close: () => void): void => {
@@ -32,6 +32,10 @@ const hoverPopover = (e: MouseEvent, open: boolean): void => {
   popoverHover = true
   if (!open && e.target) (e.target as HTMLElement).click()
 }
+
+const onMouseOver = (): void => {
+  popoverHover = true
+}
 </script>
 
 <template>
@@ -52,7 +56,7 @@ const hoverPopover = (e: MouseEvent, open: boolean): void => {
     <template #default="{ close }: { close: () => void }">
       <div
         class="sm:min-w-max bg-white rounded-xy px-3.5 py-2.5 border border-gray-100 drop-shadow-md text-xs text-gray-900 leading-snug font-medium"
-        @mouseover.prevent="popoverHover = true"
+        @mouseover.prevent="onMouseOver"
         @mouseleave.prevent="closePopover(close)"
       >
         <div class="max-w-xs">

package/types/components.d.ts

@@ -7,6 +7,5 @@ import { TreesComponents } from "./lib-components"
  * in the project.
  */
 declare module "vue" {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
   interface GlobalComponents extends TreesComponents {}
 }

package/types/composables/useActionItems.d.ts

@@ -0,0 +1,12 @@
+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/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/lists/TableActionButtons.vue.d.ts

@@ -0,0 +1,8 @@
+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;

package/config/eslint.js

@@ -1,25 +0,0 @@
-/* eslint-env node */
-require("@rushstack/eslint-patch/modern-module-resolution")
-
-module.exports = {
-  root: true,
-  extends: [
-    "plugin:vue/vue3-recommended",
-    "eslint:recommended",
-    "@vue/eslint-config-typescript",
-    "@vue/eslint-config-prettier/skip-formatting",
-  ],
-  parserOptions: {
-    ecmaVersion: "latest",
-  },
-  rules: {
-    "vue/multi-word-component-names": 0,
-    "@typescript-eslint/no-explicit-any": 0,
-    "@typescript-eslint/no-empty-interface": [
-      "error",
-      {
-        allowSingleExtends: true,
-      },
-    ],
-  },
-}