@speckle/ui-components 2.18.16 → 2.19.2

package/dist/style.css

@@ -1 +1 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme=mention]{background:none;pointer-events:none}.tippy-box[data-theme=mention] .tippy-arrow{display:none}.tippy-box[data-theme=mention] .tippy-content>*{pointer-events:auto}.icon-slot[data-v-ee26d682]:empty{display:none}.swoosher[data-v-89e77cae]{width:100%;height:100%;animation:swoosh-89e77cae 1s infinite linear;transform-origin:0% 30%}@keyframes swoosh-89e77cae{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tippy-box[data-theme=mention]{background:none;pointer-events:none}.tippy-box[data-theme=mention] .tippy-arrow{display:none}.tippy-box[data-theme=mention] .tippy-content>*{pointer-events:auto}.icon-slot[data-v-ad210086]:empty{display:none}.swoosher[data-v-985badae]{width:100%;height:100%;animation:swoosh-985badae 1s infinite linear;transform-origin:0% 30%}@keyframes swoosh-985badae{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}html.dialog-open{overflow:visible!important}html.dialog-open body{overflow:hidden!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}

package/eslint.config.mjs

@@ -0,0 +1,153 @@
+import {
+  baseConfigs,
+  globals,
+  getESMDirname,
+  prettierConfig
+} from '../../eslint.config.mjs'
+import tseslint from 'typescript-eslint'
+import pluginVue from 'eslint-plugin-vue'
+import pluginVueA11y from 'eslint-plugin-vuejs-accessibility'
+import { omit } from 'lodash-es'
+
+const tsParserOptions = {
+  tsconfigRootDir: getESMDirname(import.meta.url),
+  project: ['./tsconfig.json', './tsconfig.node.json'],
+  extraFileExtensions: ['.vue']
+}
+
+/**
+ * Base configs that should be inherited in all packages as well
+ * @type {Array<import('eslint').Linter.FlatConfig>}
+ */
+const configs = [
+  ...baseConfigs,
+  {
+    ignores: ['storybook-static', 'utils/tailwind-configure.d.ts']
+  },
+  {
+    rules: {
+      'no-alert': 'error',
+      eqeqeq: ['error', 'always', { null: 'always' }],
+      'no-console': 'off',
+      'no-var': 'error'
+    }
+  },
+  {
+    files: ['**/*.js'],
+    languageOptions: {
+      sourceType: 'module'
+    }
+  },
+  {
+    files: ['*.test.{ts,js}'],
+    languageOptions: {
+      globals: {
+        ...globals.jest
+      }
+    }
+  },
+  {
+    files: ['./src/*.{js,ts,vue}'],
+    languageOptions: {
+      globals: {
+        ...globals.browser
+      }
+    }
+  },
+  // TS
+  ...tseslint.configs.recommendedTypeChecked.map((c) => ({
+    ...c,
+    files: [...(c.files || []), '**/*.ts', '**/*.d.ts', '**/*.vue']
+  })),
+  {
+    files: ['**/*.ts', '**/*.d.ts'],
+    languageOptions: {
+      parserOptions: {
+        ...tsParserOptions
+      }
+    }
+  },
+
+  ...pluginVue.configs['flat/recommended'].map((config) => ({
+    ...config,
+    files: [...(config.files || []), '**/*.vue']
+  })),
+  ...pluginVueA11y.configs['flat/recommended'].map((c) => ({
+    ...c,
+    files: [...(c.files || []), '**/*.vue'],
+    languageOptions: c.languageOptions
+      ? omit(c.languageOptions, ['parserOptions', 'parser', 'globals']) // Prevent overriding parser & globals
+      : undefined
+  })),
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: tseslint.parser,
+        ...tsParserOptions
+      }
+    }
+  },
+  {
+    files: ['**/*.{ts,tsx,vue}'],
+    rules: {
+      '@typescript-eslint/no-explicit-any': ['error'],
+      '@typescript-eslint/no-unsafe-argument': ['error'],
+      '@typescript-eslint/no-unsafe-assignment': 'error',
+      '@typescript-eslint/no-unsafe-call': 'error',
+      '@typescript-eslint/no-unsafe-member-access': 'error',
+      '@typescript-eslint/no-unsafe-return': 'error',
+      '@typescript-eslint/no-for-in-array': ['error'],
+      '@typescript-eslint/restrict-template-expressions': ['error'],
+      '@typescript-eslint/restrict-plus-operands': ['error'],
+      '@typescript-eslint/await-thenable': ['warn'],
+      '@typescript-eslint/ban-types': ['warn'],
+      'require-await': 'off',
+      '@typescript-eslint/require-await': 'error',
+      'no-undef': 'off',
+      '@typescript-eslint/no-redundant-type-constituents': 'off' // too restrictive
+    }
+  },
+  {
+    files: ['**/*.vue'],
+    rules: {
+      'vue/component-tags-order': [
+        'error',
+        { order: ['docs', 'template', 'script', 'style'] }
+      ],
+      'vue/require-default-prop': 'off',
+      'vue/multi-word-component-names': 'off',
+      'vue/component-name-in-template-casing': [
+        'error',
+        'PascalCase',
+        { registeredComponentsOnly: false }
+      ],
+      'vuejs-accessibility/label-has-for': [
+        'error',
+        {
+          required: {
+            some: ['nesting', 'id']
+          }
+        }
+      ]
+    }
+  },
+  {
+    files: ['**/*.stories.{js,ts}'],
+    rules: {
+      // storybook types suck and can't be augmented
+      '@typescript-eslint/no-unsafe-call': 'off'
+    }
+  },
+  {
+    files: ['**/*.d.ts'],
+    rules: {
+      'no-var': 'off',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/ban-types': 'off'
+    }
+  },
+  prettierConfig
+]
+
+export default configs

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@speckle/ui-components",
   "description": "Speckle theme UI components built with Vue 3 & Tailwind",
-  "version": "2.18.16",
+  "version": "2.19.2",
   "scripts": {
     "dev": "vite",
     "build": "vue-tsc && vite build",
@@ -12,15 +12,22 @@
     "storybook:test:ci": "concurrently -k -s first -n \"SB,TEST\" -c \"magenta,blue\" \"yarn build-storybook --quiet && npx http-server storybook-static --port 6006 --silent\" \"wait-on tcp:6006 && yarn test-storybook --ci\"",
     "storybook:test:watch": "test-storybook --watch",
     "chromatic": "chromatic --exit-zero-on-changes --exit-once-uploaded",
-    "lint:js": "eslint --ext \".js,.ts,.vue\" .",
+    "lint:js": "eslint .",
     "lint:tsc": "vue-tsc --noEmit",
     "lint:prettier": "prettier --config ../../.prettierrc --ignore-path ../../.prettierignore --check .",
+    "lint:ci": "yarn lint:tsc",
     "lint": "yarn lint:js && yarn lint:tsc && yarn lint:prettier"
   },
   "type": "module",
   "main": "./dist/lib.cjs",
   "module": "./dist/lib.js",
   "types": "./dist/lib.d.ts",
+  "imports": {
+    "#lodash": {
+      "require": "lodash",
+      "import": "lodash-es"
+    }
+  },
   "exports": {
     ".": {
       "import": "./dist/lib.js",
@@ -40,7 +47,8 @@
   "dependencies": {
     "@headlessui/vue": "^1.7.18",
     "@heroicons/vue": "^2.0.12",
-    "@speckle/shared": "^2.18.16",
+    "@speckle/shared": "^2.19.2",
+    "@storybook/test": "^8.1.10",
     "@vueuse/core": "^9.13.0",
     "lodash": "^4.0.0",
     "lodash-es": "^4.0.0",
@@ -54,37 +62,34 @@
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.18.6",
     "@rollup/plugin-typescript": "^11.1.0",
-    "@speckle/tailwind-theme": "^2.18.16",
-    "@storybook/addon-essentials": "^7.3.2",
-    "@storybook/addon-interactions": "^7.3.2",
-    "@storybook/addon-links": "^7.3.2",
-    "@storybook/blocks": "^7.3.2",
-    "@storybook/jest": "^0.2.1",
-    "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/vue3": "^7.3.2",
-    "@storybook/vue3-vite": "^7.3.2",
-    "@types/eslint": "^8.4.5",
+    "@speckle/tailwind-theme": "^2.19.2",
+    "@storybook/addon-essentials": "^8.1.10",
+    "@storybook/addon-interactions": "^8.1.10",
+    "@storybook/addon-links": "^8.1.10",
+    "@storybook/blocks": "^8.1.10",
+    "@storybook/test-runner": "^0.18.2",
+    "@storybook/vue3": "^8.1.10",
+    "@storybook/vue3-vite": "^8.1.10",
+    "@types/eslint": "^8.56.10",
     "@types/lodash": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^5.38.1",
-    "@typescript-eslint/parser": "^5.38.1",
+    "@types/lodash-es": "^4.17.12",
+    "@typescript-eslint/eslint-plugin": "^7.12.0",
+    "@typescript-eslint/parser": "^7.12.0",
     "@vitejs/plugin-vue": "^4.5.0",
     "autoprefixer": "^10.4.14",
     "browserify-zlib": "^0.2.0",
     "chromatic": "^6.17.4",
     "concurrently": "^8.0.1",
-    "eslint": "^8.24.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-storybook": "^0.6.13",
-    "eslint-plugin-vue": "^9.5.1",
-    "eslint-plugin-vuejs-accessibility": "^1.2.0",
+    "eslint": "^9.4.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-storybook": "^0.8.0",
+    "eslint-plugin-vue": "^9.26.0",
+    "eslint-plugin-vuejs-accessibility": "^2.3.0",
     "postcss": "^8.4.31",
     "postcss-nesting": "^10.2.0",
     "prettier": "^2.7.1",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
     "rollup-plugin-node-builtins": "^2.1.2",
-    "storybook": "^7.3.2",
+    "storybook": "^8.1.10",
     "tailwindcss": "^3.3.2",
     "type-fest": "^2.13.1",
     "typescript": "^5.0.4",

package/tsconfig.json

@@ -24,7 +24,7 @@
     /* Extra */
     "paths": {
       "~~/src/*": ["./src/*"],
-      "@speckle/shared": ["../shared/dist-esm/index"]
+      "@speckle/shared": ["../shared/dist/esm/index"]
     }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],

package/.eslintrc.cjs

@@ -1,118 +0,0 @@
-const mainExtends = [
-  'plugin:vue/vue3-recommended',
-  'plugin:storybook/recommended',
-  'prettier'
-]
-
-/** @type {import('eslint').Linter.Config} */
-const config = {
-  env: {
-    node: true
-  },
-
-  extends: [...mainExtends],
-  ignorePatterns: ['storybook-static', '!.storybook', 'tailwind-configure.d.ts'],
-  rules: {
-    'no-alert': 'error',
-    eqeqeq: ['error', 'always', { null: 'always' }],
-    'no-console': 'off',
-    'no-var': 'error'
-  },
-  parserOptions: {
-    ecmaVersion: 2022,
-    sourceType: 'module'
-  },
-  overrides: [
-    {
-      files: '*.test.{ts,js}',
-      env: {
-        jest: true
-      }
-    },
-    {
-      files: './src/*.{js,ts,vue}',
-      env: {
-        node: false,
-        browser: true
-      }
-    },
-    {
-      files: '*.{ts,tsx,vue}',
-      extends: ['plugin:@typescript-eslint/recommended', ...mainExtends],
-      rules: {
-        '@typescript-eslint/no-explicit-any': ['error'],
-        '@typescript-eslint/no-unsafe-argument': ['error'],
-        '@typescript-eslint/no-unsafe-assignment': 'error',
-        '@typescript-eslint/no-unsafe-call': 'error',
-        '@typescript-eslint/no-unsafe-member-access': 'error',
-        '@typescript-eslint/no-unsafe-return': 'error',
-        '@typescript-eslint/no-for-in-array': ['error'],
-        '@typescript-eslint/restrict-template-expressions': ['error'],
-        '@typescript-eslint/restrict-plus-operands': ['error'],
-        '@typescript-eslint/await-thenable': ['warn'],
-        '@typescript-eslint/ban-types': ['warn'],
-        'require-await': 'off',
-        '@typescript-eslint/require-await': 'error',
-        'no-undef': 'off'
-      },
-      parserOptions: {
-        ecmaVersion: 2022,
-        sourceType: 'module',
-        parser: '@typescript-eslint/parser',
-        tsconfigRootDir: __dirname,
-        project: ['./tsconfig.json', './tsconfig.node.json'],
-        extraFileExtensions: ['.vue']
-      },
-      plugins: ['@typescript-eslint']
-    },
-    {
-      files: '*.vue',
-      plugins: ['vuejs-accessibility'],
-      extends: [
-        'plugin:@typescript-eslint/recommended',
-        ...mainExtends,
-        'plugin:vuejs-accessibility/recommended'
-      ],
-      rules: {
-        'vue/component-tags-order': [
-          'error',
-          { order: ['docs', 'template', 'script', 'style'] }
-        ],
-        'vue/require-default-prop': 'off',
-        'vue/multi-word-component-names': 'off',
-        'vue/component-name-in-template-casing': [
-          'error',
-          'PascalCase',
-          { registeredComponentsOnly: false }
-        ],
-        'vuejs-accessibility/label-has-for': [
-          'error',
-          {
-            required: {
-              some: ['nesting', 'id']
-            }
-          }
-        ]
-      }
-    },
-    {
-      files: '*.d.ts',
-      rules: {
-        'no-var': 'off',
-        '@typescript-eslint/no-explicit-any': 'off',
-        '@typescript-eslint/ban-types': 'off'
-      }
-    },
-    {
-      files: '*.stories.{js,ts}',
-      rules: {
-        // this one feels busted, tells me to await synchronous calls
-        'storybook/await-interactions': 'off',
-        // storybook types suck and can't be augmented
-        '@typescript-eslint/no-unsafe-call': 'off'
-      }
-    }
-  ]
-}
-
-module.exports = config

package/dist/components/layout/Tabs.vue.d.ts

@@ -1,25 +0,0 @@
-import type { LayoutTabItem } from '../../helpers/layout/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    items: LayoutTabItem<any>[];
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    items: LayoutTabItem<any>[];
-}>>>, {}, {}>, {
-    default?(_: {
-        activeItem: LayoutTabItem<any>;
-    }): 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_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};