@xy-planning-network/trees 0.5.0 → 0.6.0-rc-1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xy-planning-network/trees",
-  "version": "0.5.0",
+  "version": "0.6.0-rc-1",
   "description": "",
   "license": "MIT",
   "repository": "github:xy-planning-network/trees",
@@ -31,13 +31,16 @@
     "typecheck": "vue-tsc -p src --noEmit"
   },
   "devDependencies": {
+    "@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.0",
+    "autoprefixer": "^10.4.13",
     "copyfiles": "^2.4.1",
     "deepmerge": "^4.2.2",
     "eslint": "^8.4.1",
@@ -47,8 +50,8 @@
     "eslint-plugin-prettier": "^3.4.1",
     "eslint-plugin-vue": "^8.2.0",
     "mitt": "^2.1.0",
-    "postcss": "^8.4.5",
-    "tailwindcss": "^2.2.19",
+    "postcss": "^8.4.18",
+    "tailwindcss": "^3.2.1",
     "tsc-alias": "^1.5.0",
     "typescript": "^4.4.4",
     "vite": "^2.7.2",
@@ -62,13 +65,12 @@
     "flatpickr": "^4.6.9"
   },
   "peerDependencies": {
-    "@tailwindcss/aspect-ratio": "^0.3.0",
-    "@tailwindcss/forms": "^0.3.4",
-    "@tailwindcss/line-clamp": "^0.3.0",
-    "@tailwindcss/typography": "^0.3.1",
-    "autoprefixer": "^10.4.0",
-    "postcss": "^8.4.5",
-    "tailwindcss": "^2.2.19",
+    "@tailwindcss/forms": "^0.5.2",
+    "@tailwindcss/line-clamp": "^0.4.0",
+    "@tailwindcss/typography": "^0.5.2",
+    "autoprefixer": "^10.4.7",
+    "postcss": "^8.4.14",
+    "tailwindcss": "^3.1.4",
     "vue": "^3.2.0"
   },
   "engines": {

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

@@ -10,7 +10,7 @@ const emits = defineEmits(["update:modelValue"])
   <Switch
     :class="[
       modelValue ? 'bg-blue-600' : 'bg-gray-200',
-      'relative inline-flex flex-shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500',
+      'relative inline-flex shrink-0 h-6 w-11 border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500',
     ]"
     :modelValue="modelValue"
     @update:modelValue="emits('update:modelValue', $event)"

package/src/lib-components/indicators/XYSpinner.vue

@@ -10,7 +10,7 @@ const attrs = useAttrs()
 </script>
 <template>
   <div :class="attrs?.class ? attrs?.class : 'h-20 w-20'">
-    <div class="aspect-w-1 aspect-h-1 overflow-hidden">
+    <div class="aspect-square overflow-hidden">
       <div class="flex justify-center relative">
         <p class="sr-only">
           <slot></slot>

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

@@ -86,7 +86,7 @@ const isActive = (url: string): boolean => {
                 </button>
               </div>
             </TransitionChild>
-            <div class="flex-shrink-0 flex justify-center px-4">
+            <div class="shrink-0 flex justify-center px-4">
               <img class="w-auto h-12" :src="iconURL" alt="Logo" />
             </div>
             <div class="mt-5 flex-1 h-0 overflow-y-auto">
@@ -119,23 +119,23 @@ const isActive = (url: string): boolean => {
             </div>
           </div>
         </TransitionChild>
-        <div class="flex-shrink-0 w-14" aria-hidden="true">
+        <div class="shrink-0 w-14" aria-hidden="true">
           <!-- Dummy element to force sidebar to shrink to fit close icon -->
         </div>
       </Dialog>
     </TransitionRoot>
 
     <!-- Static sidebar for desktop -->
-    <div class="hidden md:flex md:flex-shrink-0">
+    <div class="hidden md:flex md:shrink-0">
       <div class="flex flex-col w-64">
         <!-- Sidebar component, swap this element with another sidebar if you like -->
         <div
-          class="flex flex-col flex-grow border-r border-gray-200 pt-5 pb-4 bg-white overflow-y-auto"
+          class="flex flex-col grow border-r border-gray-200 pt-5 pb-4 bg-white overflow-y-auto"
         >
-          <div class="flex items-center flex-shrink-0 px-4">
+          <div class="flex items-center shrink-0 px-4">
             <img class="w-auto h-12" :src="iconURL" alt="Logo" />
           </div>
-          <div class="mt-5 flex-grow flex flex-col">
+          <div class="mt-5 grow flex flex-col">
             <nav class="flex-1 px-2 bg-white space-y-1">
               <a
                 v-for="item in navigation"
@@ -167,7 +167,7 @@ const isActive = (url: string): boolean => {
       </div>
     </div>
     <div class="flex flex-col w-0 flex-1 overflow-hidden">
-      <div class="relative z-10 flex-shrink-0 flex h-16 bg-xy-blue shadow">
+      <div class="relative z-10 shrink-0 flex h-16 bg-xy-blue shadow">
         <button
           class="px-4 border-r border-gray-200 text-white focus:outline-none focus:ring-2 focus:ring-inset focus:ring-blue-500 md:hidden"
           @click="sidebarOpen = true"

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

@@ -36,7 +36,7 @@ const isActive = (url: string): boolean => {
       <div class="mx-auto px-4 sm:px-6 lg:px-8">
         <div class="flex justify-between h-16">
           <div class="flex">
-            <div class="flex-shrink-0 flex items-center">
+            <div class="shrink-0 flex items-center">
               <img class="block h-8 w-auto" :src="iconURL" alt="XY Trees" />
             </div>
             <div class="hidden sm:-my-px sm:ml-6 sm:flex sm:space-x-8">
@@ -126,7 +126,7 @@ const isActive = (url: string): boolean => {
         </div>
         <div class="pt-4 pb-3 border-t border-gray-200">
           <div class="flex items-center px-4">
-            <div class="flex-shrink-0">
+            <div class="shrink-0">
               <UserCircleIcon class="text-gray-500 h-10 w-10 rounded-full" />
             </div>
             <div class="ml-3">

package/src/lib-components/navigation/Steps.vue

@@ -61,7 +61,7 @@ const previous = (): void => {
       </ul>
     </nav>
 
-    <div class="flex flex-shrink-0" v-if="!hideActions">
+    <div class="flex shrink-0" v-if="!hideActions">
       <span class="inline-flex rounded-md shadow-sm" v-if="!hidePrevious">
         <button
           type="button"

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

@@ -58,7 +58,7 @@ onMounted(() => {
                   v-html="flash.message"
                 ></p>
               </div>
-              <div class="ml-4 flex-shrink-0 flex">
+              <div class="ml-4 shrink-0 flex">
                 <button
                   @click="flasher.remove(id)"
                   class="inline-flex text-gray-400 focus:outline-none focus:text-gray-500 transition ease-in-out duration-150"

package/types/api/url.d.ts

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

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/types/lists.d.ts

@@ -0,0 +1,12 @@
+export interface Pagination {
+    page: number;
+    perPage: number;
+    totalItems: number;
+    totalPages: number;
+}
+export interface PaginationItems<T = any> {
+    items: T[];
+}
+export interface PaginationData<T = any> {
+    data: Pagination & PaginationItems<T>;
+}