@sps-woodland/editable-table 8.50.1 → 8.51.0

package/lib/style.css

@@ -116,7 +116,7 @@
 }.wds-editable-table.handsontable th {
   font-weight: var(--type-weight-bold);
   text-align: left;
-}.wds-editable-table.handsontable tr:first-child th {
+}.wds-editable-table.handsontable thead tr:first-child th {
   border-width: 0 0 2px 0 !important;
 }td.wds-editable-table.htAutocomplete {
   --caret-width: 10px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/editable-table",
   "description": "SPS Woodland Design System Editable Table component",
-  "version": "8.50.1",
+  "version": "8.51.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/editable-table",
@@ -20,6 +20,10 @@
     "./lib/style.css": {
       "import": "./lib/style.css",
       "require": "./lib/style.css"
+    },
+    "./style.css": {
+      "import": "./lib/style.css",
+      "require": "./lib/style.css"
     }
   },
   "publishConfig": {
@@ -29,29 +33,21 @@
     "@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/core": "8.50.1",
-    "@sps-woodland/tokens": "8.50.1"
+    "@sps-woodland/core": "8.51.0",
+    "@sps-woodland/tokens": "8.51.0"
   },
   "devDependencies": {
     "@spscommerce/utils": "9.0.3",
-    "@vanilla-extract/css": "1.17.4",
-    "@vanilla-extract/recipes": "0.2.5",
-    "postcss": "^8.5.14",
-    "postcss-import": "^16.1.1",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@sps-woodland/core": "8.50.1",
-    "@sps-woodland/tokens": "8.50.1"
-  },
-  "dependencies": {
-    "@handsontable/react": "^15.3.0",
-    "@handsontable/react-wrapper": "^15.3.0",
-    "handsontable": "15.3.0"
+    "@sps-woodland/core": "8.51.0",
+    "@sps-woodland/tokens": "8.51.0"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:types",
+    "build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
     "build:js": "vite build",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "build:css": "cp ../core/lib/editable-table/style.css lib/style.css 2>/dev/null || echo 'editable-table style.css not found, skipping'",
     "watch": "vite build --watch",
     "clean": "git clean -fdX",
     "pub": "node ../../../scripts/publish-package.mjs"

package/vite.config.mjs

@@ -1,38 +1,8 @@
 import path from "node:path";
-import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
-import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
 import pkg from "./package.json";
-import fs from "node:fs";
-
-const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
 
 export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-    {
-      name: 'process-css',
-      async writeBundle() {
-        const postcss = (await import('postcss')).default;
-        const postcssImport = (await import('postcss-import')).default;
-        
-        const css = await fs.promises.readFile(path.resolve(__dirname, 'src/EditableTable.css'), 'utf8');
-        
-        const result = await postcss([postcssImport()])
-          .process(css, { 
-            from: path.resolve(__dirname, 'src/EditableTable.css'),
-            to: path.resolve(__dirname, 'lib/style.css')
-          });
-        
-        await fs.promises.writeFile(path.resolve(__dirname, 'lib/style.css'), result.css);
-      }
-    }
-  ],
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
@@ -42,7 +12,11 @@ export default defineConfig({
     outDir: path.resolve(__dirname, "./lib"),
     emptyOutDir: false,
     rollupOptions: {
-      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+      // External must match subpath imports like @sps-woodland/core/editable-table
+      external: (id) => {
+        const peerDeps = pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [];
+        return peerDeps.some((dep) => id === dep || id.startsWith(dep + "/"));
+      },
     },
   },
 });

package/lib/EditableTable.d.ts

@@ -1,5 +0,0 @@
-import * as React from "react";
-import type { HotTableClass } from "@handsontable/react";
-export declare const EditableTable: React.ForwardRefExoticComponent<Omit<import("@handsontable/react").HotTableProps & React.RefAttributes<HotTableClass>, "height" | "licenseKey" | "ref"> & {
-    requiredColumns?: number[];
-} & React.RefAttributes<unknown>>;