@xy-planning-network/trees 0.6.4 → 0.6.5-rc-2

package/eslint-config-base/index.js

@@ -0,0 +1,25 @@
+/* eslint-env node */
+require("@rushstack/eslint-patch/modern-module-resolution")
+
+module.exports = {
+  root: true,
+  extends: [
+    "plugin:vue/vue3-essential",
+    "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,
+      },
+    ],
+  },
+}

package/package.json

@@ -1,12 +1,14 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.6.4",
+  "version": "0.6.5-rc-2",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",
   "files": [
     "config/*",
     "dist/*",
+    "eslint-config-base/*",
+    "prettier-config/*",
     "src/**/*.css",
     "src/**/*.vue",
     "types/*"
@@ -22,7 +24,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "vite build && vue-tsc -p src --emitDeclarationOnly && npm run copy:types && tsc-alias -p src/tsconfig.json",
+    "build": "npm run lint && vue-tsc -p src --emitDeclarationOnly && vite build && npm run copy:types && tsc-alias -p src/tsconfig.json",
     "build:docs": "vue-tsc -p dev --noEmit && vite build --config vite.docs.config.ts",
     "copy:types": "copyfiles -f ./src/*.d.ts ./types",
     "lint": "eslint --ext .js,.ts,.vue src",
@@ -34,32 +36,28 @@
   },
   "devDependencies": {
     "@point-hub/vue-highlight": "^0.1.4",
+    "@rushstack/eslint-patch": "^1.2.0",
     "@tailwindcss/forms": "^0.5.3",
     "@tailwindcss/line-clamp": "^0.4.2",
     "@tailwindcss/typography": "^0.5.7",
-    "@types/node": "^16.11.13",
-    "@typescript-eslint/eslint-plugin": "^5.7.0",
-    "@typescript-eslint/parser": "^5.7.0",
-    "@vitejs/plugin-vue": "^2.0.0",
-    "@vue/eslint-config-prettier": "^6.0.0",
-    "@vue/eslint-config-typescript": "^9.1.0",
-    "autoprefixer": "^10.4.13",
+    "@types/node": "^18.15.11",
+    "@vitejs/plugin-vue": "^4.1.0",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.2",
+    "autoprefixer": "^10.4.14",
     "copyfiles": "^2.4.1",
-    "deepmerge": "^4.2.2",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-import-resolver-typescript": "^2.5.0",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-prettier": "^3.4.1",
-    "eslint-plugin-vue": "^8.2.0",
+    "deepmerge": "^4.3.1",
+    "eslint": "^8.38.0",
+    "eslint-plugin-vue": "^9.10.0",
     "mitt": "^2.1.0",
-    "postcss": "^8.4.18",
+    "postcss": "^8.4.21",
+    "prettier": "^2.8.7",
     "tailwindcss": "^3.2.1",
-    "tsc-alias": "^1.5.0",
-    "typescript": "^4.4.4",
-    "vite": "^2.7.2",
-    "vite-plugin-environment": "^1.0.1",
-    "vue-tsc": "^0.29.8"
+    "tsc-alias": "^1.8.5",
+    "typescript": "^5.0.4",
+    "vite": "^4.2.1",
+    "vite-plugin-environment": "^1.1.3",
+    "vue-tsc": "^1.2.0"
   },
   "dependencies": {
     "@headlessui/vue": "^1.4.2",

package/prettier-config/index.js

@@ -0,0 +1,7 @@
+/* eslint-env node */
+
+module.exports = {
+  $schema: "http://json.schemastore.org/prettierrc",
+  semi: false,
+  trailingComma: "es5",
+}

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

@@ -72,7 +72,7 @@ const updateModelValue = (value: boolean) => {
             <div>
               <slot name="icon"></slot>
               <div class="mt-3 text-center sm:mt-5">
-                <DialogTitle as="h3" v-text="title"></DialogTitle>
+                <DialogTitle as="h3">{{ title }}</DialogTitle>
                 <div class="mt-2">
                   <slot></slot>
                 </div>

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

@@ -96,8 +96,8 @@ const updateModelValue = (value: boolean) => {
                 <DialogTitle
                   as="h3"
                   class="text-center text-lg leading-6 font-medium text-gray-900"
-                  v-text="title"
-                ></DialogTitle>
+                  >{{ title }}</DialogTitle
+                >
                 <div class="mt-2">
                   <slot></slot>
                 </div>

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

@@ -56,7 +56,8 @@ const close = () => {
               >
                 <div class="py-6 px-4 bg-blue-700 sm:px-6">
                   <div class="flex items-center justify-between">
-                    <DialogTitle as="h3" class="text-white" v-text="header">
+                    <DialogTitle as="h3" class="text-white">
+                      {{ header }}
                     </DialogTitle>
                     <div class="ml-3 h-7 flex items-center">
                       <button

package/types/api/client.d.ts

@@ -2,7 +2,7 @@
  * ReqMethod
  * The HTTP request methods that our http client supports.
  */
-export declare type ReqMethod = "DELETE" | "delete" | "GET" | "get" | "PATCH" | "patch" | "POST" | "post" | "PUT" | "put";
+export type ReqMethod = "DELETE" | "delete" | "GET" | "get" | "PATCH" | "patch" | "POST" | "post" | "PUT" | "put";
 /**
  * ReqOptions
  * The set of options available for any http client request.
@@ -133,12 +133,12 @@ export interface TrailsRespPaged<T = any> {
  * QueryParams
  * Http GET request query params.
  */
-export declare type QueryParams = Record<string, any>;
+export type QueryParams = Record<string, any>;
 /**
  * ReqPayload
  * Http POST and PUT payloads.
  */
-export declare type ReqPayload = Record<string, any> | FormData;
+export type ReqPayload = Record<string, any> | FormData;
 /**
  * HttpClient
  * The http client interface the BaseAPI implements.

package/types/api/url.d.ts

@@ -0,0 +1 @@
+export declare function getBaseUrl(): string;

package/types/composables/useFlashes.d.ts

@@ -20,11 +20,11 @@ export interface FlashMessage {
 /**
  * FlashType is used to set the style of the flash that is displayed.
  */
-export declare type FlashType = "warning" | "error" | "info" | "success";
+export type FlashType = "warning" | "error" | "info" | "success";
 /**
  * A storage type for flash management.
  */
-export declare type FlashStore = Map<string, FlashMessage>;
+export type FlashStore = Map<string, FlashMessage>;
 /**
  * A Flasher instance config.
  */
@@ -78,9 +78,9 @@ export declare function useFlashes(flasherConfig?: FlasherConfig): {
 export declare const loadWindowFlashes: (flasher: Flasher) => void;
 export declare function useAppFlashes(): UseFlashes;
 export declare const useAppFlasher: {
-    error(msg: string, persistent?: boolean | undefined): void;
-    info(msg: string, persistent?: boolean | undefined): void;
-    success(msg: string, persistent?: boolean | undefined): void;
-    warning(msg: string, persistent?: boolean | undefined): void;
-    genericError(email?: string | undefined, persistent?: boolean | undefined): void;
+    error(msg: string, persistent?: boolean): void;
+    info(msg: string, persistent?: boolean): void;
+    success(msg: string, persistent?: boolean): void;
+    warning(msg: string, persistent?: boolean): void;
+    genericError(email?: string, persistent?: boolean): void;
 };

package/types/composables/usePopper.d.ts

@@ -0,0 +1,19 @@
+import { VNode } from "vue";
+import { Options, Placement } from "@popperjs/core";
+export declare type PopperPosition = Placement;
+export declare const offsetModifier: (skidding: number, distance: number) => {
+    options: {
+        offset: () => number[];
+    };
+    name: "offset";
+    enabled: boolean;
+    phase: import("@popperjs/core").ModifierPhases;
+    requires?: string[] | undefined;
+    requiresIfExists?: string[] | undefined;
+    fn: (arg0: import("@popperjs/core").ModifierArguments<import("@popperjs/core/lib/modifiers/offset").Options>) => void | import("@popperjs/core").State;
+    effect?: ((arg0: import("@popperjs/core").ModifierArguments<import("@popperjs/core/lib/modifiers/offset").Options>) => void | (() => void)) | undefined;
+    data?: import("@popperjs/core").Obj | undefined;
+};
+export declare function usePopper(opts: Partial<Options>): import("vue").Ref<VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | HTMLElement | undefined>[];

package/types/composables/useSpinner.d.ts

@@ -23,6 +23,6 @@ export declare function useSpinnerDisplay(): {
 };
 export declare function useAppSpinnerDisplay(): UseSpinnerDisplay;
 export declare const useAppSpinner: {
-    show: (msgs?: string[] | undefined) => void;
+    show: (msgs?: string[]) => void;
     hide: () => void;
 };

package/types/lib-components/forms/BaseInput.vue.d.ts

@@ -1,38 +1,41 @@
-declare const _default: import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<string>;
-        required: true;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<string | number>;
-    } & {
-        default: string;
-    };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    type: string;
+    help?: string | undefined;
+    label?: string | undefined;
+    modelValue?: string | number | undefined;
+}>, {
+    help: string;
+    label: string;
+    modelValue: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+    label?: unknown;
     type?: unknown;
     help?: unknown;
-    label?: unknown;
     modelValue?: unknown;
 } & {
-    type: string;
-    modelValue: string | number;
     label: string;
+    type: string;
     help: string;
+    modelValue: string | number;
 } & {}> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
-    modelValue: string | number;
     label: string;
     help: string;
+    modelValue: string | number;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/types/lib-components/forms/Checkbox.vue.d.ts

@@ -1,26 +1,18 @@
-declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    modelValue: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-    };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    label?: string | undefined;
+    help?: string | undefined;
+    modelValue: boolean;
+}>, {
+    label: string;
+    help: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     help?: unknown;
     modelValue?: unknown;
 } & {
-    modelValue: boolean;
     label: string;
     help: string;
+    modelValue: boolean;
 } & {}> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -28,3 +20,17 @@ declare const _default: import("vue").DefineComponent<{
     help: string;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/types/lib-components/forms/DateRangePicker.vue.d.ts

@@ -1,39 +1,28 @@
 import "flatpickr/dist/flatpickr.min.css";
-declare const _default: import("vue").DefineComponent<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: {
-        type: import("vue").PropType<{
-            minDate: number;
-            maxDate: number;
-        }>;
-        required: true;
-    };
-    startDate: {
-        type: import("vue").PropType<number>;
-    } & {
-        default: number;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    help: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
+        minDate: number;
+        maxDate: number;
     };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    modelValue?: unknown;
-    startDate?: unknown;
+    startDate?: number | undefined;
+    label?: string | undefined;
+    help?: string | undefined;
+}>, {
+    startDate: number;
+    label: string;
+    help: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
     help?: unknown;
+    modelValue?: unknown;
+    startDate?: unknown;
 } & {
+    label: string;
+    help: string;
     modelValue: {
         minDate: number;
         maxDate: number;
     };
-    label: string;
-    help: string;
     startDate: number;
 } & {}> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -43,3 +32,17 @@ declare const _default: import("vue").DefineComponent<{
     startDate: number;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/types/lib-components/forms/FieldsetLegend.vue.d.ts

@@ -1,14 +1,33 @@
-declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    tag?: string | undefined;
+}>, {
+    tag: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tag?: unknown;
 } & {
     tag: string;
 } & {}>, {
     tag: string;
+}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/types/lib-components/forms/InputHelp.vue.d.ts

@@ -1,15 +1,10 @@
-declare const _default: import("vue").DefineComponent<{
-    tag: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    text: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    tag?: string | undefined;
+    text?: string | undefined;
+}>, {
+    tag: string;
+    text: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     tag?: unknown;
     text?: unknown;
 } & {
@@ -20,3 +15,17 @@ declare const _default: import("vue").DefineComponent<{
     text: string;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/types/lib-components/forms/InputLabel.vue.d.ts

@@ -1,30 +1,36 @@
-declare const _default: import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    tag: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    disabled?: unknown;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean | undefined;
+    label?: string | undefined;
+    tag?: string | undefined;
+}>, {
+    disabled: boolean;
+    label: string;
+    tag: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     label?: unknown;
+    disabled?: unknown;
     tag?: unknown;
 } & {
-    disabled: boolean;
     label: string;
+    disabled: boolean;
     tag: string;
 } & {}>, {
-    disabled: boolean;
     label: string;
+    disabled: boolean;
     tag: string;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};