@speckle/ui-components 2.23.4 → 2.23.6

package/dist/stories/composables/toast.d.ts

@@ -3,7 +3,7 @@ import type { ToastNotification } from '../../helpers/global/toast';
  * Set up a new global toast manager/renderer (don't use this in multiple components that live at the same time)
  */
 export declare function useGlobalToastManager(): {
-    currentNotifications: import("vue").ComputedRef<{
+    currentNotification: import("vue").ComputedRef<{
         title?: string | undefined;
         description?: string | undefined;
         type: import('../../helpers/global/toast').ToastNotificationType;
@@ -14,9 +14,8 @@ export declare function useGlobalToastManager(): {
         } | undefined;
         autoClose?: boolean | undefined;
         id?: string | undefined;
-    }[]>;
-    dismiss: (notification: ToastNotification) => void;
-    dismissAll: () => void;
+    } | null>;
+    dismiss: () => void;
 };
 /**
  * Trigger global toast notifications

package/eslint.config.mjs

@@ -147,6 +147,14 @@ const configs = [
       '@typescript-eslint/ban-types': 'off'
     }
   },
+  {
+    files: ['utils/*.cjs'],
+    languageOptions: {
+      globals: {
+        ...globals.node
+      }
+    }
+  },
   prettierConfig
 ]
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@speckle/ui-components",
   "description": "Speckle theme UI components built with Vue 3 & Tailwind",
-  "version": "2.23.4",
+  "version": "2.23.6",
   "scripts": {
     "dev:vite": "vite",
     "dev": "yarn storybook",
@@ -45,19 +45,19 @@
     }
   },
   "peerDependencies": {
+    "vee-validate": "^4.7.0",
     "vue": "^3.3.0"
   },
   "dependencies": {
     "@headlessui/vue": "^1.7.18",
     "@heroicons/vue": "^2.0.12",
-    "@speckle/shared": "^2.23.4",
+    "@speckle/shared": "^2.23.6",
     "@storybook/test": "^8.1.10",
     "@vueuse/core": "^9.13.0",
     "lodash": "^4.0.0",
     "lodash-es": "^4.0.0",
     "nanoid": "^3.0.0",
     "v3-infinite-loading": "^1.2.2",
-    "vee-validate": "^4.7.0",
     "vue-advanced-cropper": "^2.8.8",
     "vue-tippy": "^6.0.0"
   },
@@ -65,7 +65,7 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@rollup/plugin-typescript": "^11.1.0",
-    "@speckle/tailwind-theme": "^2.23.4",
+    "@speckle/tailwind-theme": "^2.23.6",
     "@storybook/addon-essentials": "^8.1.10",
     "@storybook/addon-interactions": "^8.1.10",
     "@storybook/addon-links": "^8.1.10",
@@ -97,6 +97,7 @@
     "type-fest": "^2.13.1",
     "typescript": "^5.0.4",
     "unplugin-vue-macros": "^2.7.0",
+    "vee-validate": "4.7.0",
     "vite": "^4.5.2",
     "vite-plugin-dts": "^3.6.3",
     "vue": "^3.3.8",

package/tailwind.config.cjs

@@ -1,5 +1,5 @@
 const speckleTheme = require('@speckle/tailwind-theme')
-const { tailwindContentEntry } = require('@speckle/tailwind-theme/tailwind-configure')
+const { tailwindContentEntries } = require('@speckle/tailwind-theme/tailwind-configure')
 const formsPlugin = require('@tailwindcss/forms')
 
 /** @type {import('tailwindcss').Config} */
@@ -8,7 +8,7 @@ module.exports = {
   content: [
     './index.html',
     './src/**/*.{js,ts,jsx,tsx,vue}',
-    tailwindContentEntry(require)
+    ...tailwindContentEntries()
   ],
   plugins: [speckleTheme.default, formsPlugin]
 }

package/utils/tailwind-configure.cjs

@@ -1,15 +1,13 @@
-const { resolve, dirname } = require('path')
+const { resolve } = require('path')
 
 /**
  * Use this to generate an entry for the Tailwind 'content' config key that will ensure
  * this library is scanned to prevent unnecessary purging
- * @param {NodeRequire} req Feed in the 'require' object. It needs to be fed in because it may be
- * unavailable in certain environments and might need to be created manually with 'createRequire'
+ * @returns {string[]}
  */
-function tailwindContentEntry(req) {
-  const packageLocaton = req.resolve('@speckle/ui-components')
-  const packageDir = dirname(packageLocaton)
-  return resolve(packageDir, '**/*.{js,cjs,mjs}')
+function tailwindContentEntries() {
+  const currentLocation = __dirname
+  return [resolve(currentLocation, '../dist', '**/*.{js,cjs,mjs}')]
 }
 
-module.exports = { tailwindContentEntry }
+module.exports = { tailwindContentEntries }

package/utils/tailwind-configure.d.ts

@@ -1 +1 @@
-export declare function tailwindContentEntry(req: NodeRequire): string
+export declare function tailwindContentEntries(): string[]

package/utils/tailwind-configure.js

@@ -1,13 +1,13 @@
 import { resolve, dirname } from 'path'
+import { fileURLToPath } from 'url'
 
 /**
  * Use this to generate an entry for the Tailwind 'content' config key that will ensure
  * this library is scanned to prevent unnecessary purging
- * @param {NodeRequire} req Feed in the 'require' object. It needs to be fed in because it may be
- * unavailable in certain environments and might need to be created manually with 'createRequire'
+ * @returns {string[]}
  */
-export function tailwindContentEntry(req) {
-  const packageLocaton = req.resolve('@speckle/ui-components')
-  const packageDir = dirname(packageLocaton)
-  return resolve(packageDir, '**/*.{js,cjs,mjs}')
+export function tailwindContentEntries() {
+  const __filename = fileURLToPath(import.meta.url)
+  const __dirname = dirname(__filename)
+  return [resolve(__dirname, '../dist', '**/*.{js,cjs,mjs}')]
 }

package/dist/lib-utils.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="node" />
-/// <reference types="webpack-env" />
-/**
- * Use this to generate an entry for the Tailwind 'content' config key that will ensure
- * this library is scanned to prevent unnecessary purging
- * @param {NodeRequire} req Feed in the 'require' object. It needs to be fed in because it may be
- * unavailable in certain environments and might need to be created manually with 'createRequire'
- */
-export declare function tailwindContentEntry(req: NodeRequire): string;