@nysds/components 1.16.0-alpha-2 → 1.16.0-alpha3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/components",
-  "version": "1.16.0-alpha-2",
+  "version": "1.16.0-alpha3",
   "description": "New York State's design system and code component library.",
   "type": "module",
   "workspaces": [
@@ -20,39 +20,41 @@
       "import": "./dist/nysds.es.js",
       "require": "./dist/nysds.js"
     },
-  "./react": {
-    "import": "./packages/react/index.js",
-    "types": "./packages/react/index.d.ts"
-  }
+    "./react": {
+      "import": "./packages/react/index.js",
+      "types": "./packages/react/index.d.ts"
+    }
   },
   "customElements": "custom-elements.json",
   "scripts": {
     "dev": "vite",
     "gen": "plop",
     "build": "tsc --emitDeclarationOnly && vite build",
-    "build:umd": "tsc --emitDeclarationOnly && vite build --config vite.config.umd.js",
-    "build:packages": "node src/scripts/build-order.js",
-    "build:all": "npm run clean:dist && npm run lint && cross-env NODE_ENV=production npm run build:packages && cross-env NODE_ENV=production npm run build && cross-env NODE_ENV=production npm run build:umd && npm run lit-analyze || true && npm run cem && npm run cem:copy && npm run mcp-server:build",
-    "build:link": "npm run build:all && npm link",
-    "lint": "eslint && stylelint **/*.scss || true",
+    "build:umd": "cross-env BUILD_FORMAT=umd vite build",
+    "tsc:packages": "tsc -b tsconfig.build.json",
+    "build:packages": "npm run tsc:packages && turbo run build --filter='./packages/*'",
+    "build:root": "cross-env NODE_ENV=production npm run build && cross-env NODE_ENV=production npm run build:umd",
+    "build:all": "npm run clean:dist && npm run lint && npm run lit-analyze || true && cross-env NODE_ENV=production npm run build:packages && npm run build:root && npm run cem && npm run mcp-server:build",
+    "build:link": "npm run build:all && npm link && cd packages/styles && npm link",
+    "lint": "eslint --cache --cache-location node_modules/.cache/eslint && stylelint **/*.scss || true",
     "lint:fix": "eslint --fix && stylelint **/*.scss --fix",
     "lit-analyze": "find ./packages/nys-*/ -name '*.ts' ! -name '*.figma.*' | xargs lit-analyzer {}",
     "release": "cross-env NODE_ENV=production npm run build:all && cross-env NODE_ENV=production npm run test && npm run cem && cross-env NODE_ENV=production npm publish --workspaces --access public && cross-env NODE_ENV=production npm publish --access public",
     "release:dry-run": "cross-env NODE_ENV=production npm run build:all && cross-env NODE_ENV=production npm run test && npm run cem && node src/scripts/publish-dry-run.js",
     "release:alpha": "npm run build && npm run build:umd && npm publish --tag next",
+    "release:zip": "npm run build:all && node src/scripts/create-release-zip.js",
     "test": "npx playwright install && wtr --node-resolve",
     "test:build": "npm run build:all && npm run test",
     "storybook": "cross-env NODE_ENV=production storybook dev -p 6006",
     "storybook:build:all": "cross-env NODE_ENV=production npm run build:all && npm run storybook",
     "build-storybook": "npm run build:packages && storybook build",
     "storybook:cibuild": "storybook build",
-    "mcp-server:build": "node src/scripts/build-mcp-server.js",
+    "mcp-server:build": "turbo run build --filter=@nysds/mcp-server",
     "clean:node": "rm -rf node_modules && rm -rf packages/*/node_modules && rm -rf packages/**/*/node_modules",
     "clean:dist": "rm -rf storybook-static && rm -rf coverage && rm -rf packages/*/coverage && rm -rf dist && find packages -type d -name dist ! -path '*/mcp-server/dist' -exec rm -rf {} + 2>/dev/null || true",
-    "clean:all": "npm run clean:dist && npm run clean:node",
+    "clean:all": "npm run clean:dist && npm run clean:node && find packages -name '*.tsbuildinfo' -delete 2>/dev/null || true",
     "code-connect": "dotenv -- npx figma connect publish",
-    "cem": "npx cem analyze --config ./custom-elements-manifest.config.mjs",
-    "cem:copy": "cp ./custom-elements.json dist/"
+    "cem": "npx cem analyze --config ./custom-elements-manifest.config.mjs && cp ./custom-elements.json dist/ && node src/scripts/patch-react-utils.js"
   },
   "repository": {
     "type": "git",
@@ -64,6 +66,7 @@
     "url": "https://github.com/ITS-HCD/nysds/issues"
   },
   "homepage": "https://designsystem.ny.gov/",
+  "packageManager": "npm@11.6.2",
   "devDependencies": {
     "@chromatic-com/storybook": "^5.0.1",
     "@custom-elements-manifest/analyzer": "^0.11.0",
@@ -83,6 +86,7 @@
     "@web/test-runner-commands": "^0.9.0",
     "@web/test-runner-playwright": "^0.11.1",
     "cross-env": "^10.1.0",
+    "custom-element-jsx-integration": "^1.6.0",
     "custom-element-react-wrappers": "^1.7.3",
     "custom-element-vs-code-integration": "^1.5.0",
     "dotenv-cli": "^10.0.0",
@@ -104,6 +108,7 @@
     "stylelint-config-standard": "^40.0.0",
     "stylelint-config-standard-scss": "^17.0.0",
     "tslib": "^2.8.1",
+    "turbo": "^2.8.20",
     "typescript": "^5.9.3",
     "vite": "^7.3.1"
   },

package/packages/react/NysTable.d.ts

@@ -59,6 +59,9 @@ export interface NysTableProps extends Pick<
 
   /** Fired when the download button or sortable headers are clicked. */
   onNysClick?: (event: CustomEvent) => void;
+
+  /** Fired when a sortable column header is clicked.  Can be prevented by calling `event.preventDefault()` to override default sort behavior. Detail: { columnIndex: number, columnLabel: string, sortDirection: "asc" | "desc" | "none" } */
+  onNysColumnSort?: (event: CustomEvent) => void;
 }
 
 /**
@@ -69,6 +72,7 @@ export interface NysTableProps extends Pick<
  *
  * ### **Events:**
  *  - **nys-click** - Fired when the download button or sortable headers are clicked.
+ * - **nys-column-sort** - Fired when a sortable column header is clicked.  Can be prevented by calling `event.preventDefault()` to override default sort behavior. Detail: { columnIndex: number, columnLabel: string, sortDirection: "asc" | "desc" | "none" }
  *
  * ### **Slots:**
  *  - _default_ - Accepts a `<table>` element. Only the first table is rendered.

package/packages/react/NysTable.js

@@ -9,6 +9,7 @@ export const NysTable = forwardRef((props, forwardedRef) => {
 
   /** Event listeners - run once */
   useEventListener(ref, "nys-click", props.onNysClick);
+  useEventListener(ref, "nys-column-sort", props.onNysColumnSort);
 
   return React.createElement(
     "nys-table",

package/packages/react/README.md

@@ -1,6 +1,6 @@
 # `@nysds/components/react` — Auto-generated React Wrappers
 
-This folder is **fully auto-generated** — do not edit files inside it directly.
+⚠️ This folder is **fully auto-generated** — do not edit files inside it directly!
 Files are regenerated every time `npm run cem` runs, which is called automatically by `npm run build:all`.
 
 ---
@@ -12,11 +12,11 @@ npm run cem
   └─► cem analyze --config custom-elements-manifest.config.mjs
         └─► customElementReactWrapperPlugin  (custom-element-react-wrappers)
               └─► packages/react/
-                    ├── index.js        ← barrel, one export per component
-                    ├── index.d.ts      ← TypeScript types
-                    ├── react-utils.js  ← internal hooks used by wrappers, do not use directly
-                    ├── NysButton.js    ← one file per component
-                    └── … etc.
+                    ├── index.js        <= barrel, one export per component
+                    ├── index.d.ts      <= TypeScript types
+                    ├── react-utils.js  <= auto generated internal hooks used by wrappers, do not use directly
+                    ├── NysButton.js    <= one file per component
+                    └── ...etc.
 ```
 
 The plugin is configured in `custom-elements-manifest.config.mjs` at the repo root.
@@ -81,12 +81,12 @@ React 19 improves web component interop but doesn't bridge custom events to `on*
 ## Repo layout
 
 ```
-custom-elements-manifest.config.mjs  ← plugin configured here
-package.json                         ← "./react" subpath export declared here
+custom-elements-manifest.config.mjs  <= plugin configured here
+package.json                         <= "./react" subpath export declared here
 packages/
-  react/                             ← auto-generated, do not edit
+  react/                             <= auto-generated, do not edit
     index.js
     index.d.ts
     react-utils.js
-    NysButton.js  … etc.
+    NysButton.js  ...etc.
 ```

package/packages/react/index.d.ts

@@ -1,37 +1,37 @@
 export * from "./NysAccordion.js";
 export * from "./NysAccordionItem.js";
+export * from "./NysAlert.js";
 export * from "./NysAvatar.js";
 export * from "./NysBacktotop.js";
 export * from "./NysBadge.js";
-export * from "./NysAlert.js";
 export * from "./NysButton.js";
 export * from "./NysCheckbox.js";
 export * from "./NysCheckboxgroup.js";
 export * from "./NysCombobox.js";
+export * from "./NysDatepicker.js";
 export * from "./NysDivider.js";
 export * from "./NysDropdownMenu.js";
 export * from "./NysDropdownMenuItem.js";
+export * from "./NysErrorMessage.js";
 export * from "./NysFileinput.js";
 export * from "./NysFileItem.js";
 export * from "./NysGlobalFooter.js";
-export * from "./NysErrorMessage.js";
-export * from "./NysDatepicker.js";
 export * from "./NysGlobalHeader.js";
 export * from "./NysIcon.js";
+export * from "./NysLabel.js";
 export * from "./NysModal.js";
 export * from "./NysPagination.js";
+export * from "./NysRadiobutton.js";
+export * from "./NysRadiogroup.js";
 export * from "./NysOption.js";
 export * from "./NysSelect.js";
 export * from "./NysSkipnav.js";
-export * from "./NysLabel.js";
-export * from "./NysRadiobutton.js";
-export * from "./NysRadiogroup.js";
 export * from "./NysStep.js";
 export * from "./NysStepper.js";
 export * from "./NysTable.js";
-export * from "./NysTooltip.js";
+export * from "./NysTextarea.js";
+export * from "./NysTextinput.js";
 export * from "./NysToggle.js";
+export * from "./NysTooltip.js";
 export * from "./NysUnavFooter.js";
-export * from "./NysTextarea.js";
 export * from "./NysUnavHeader.js";
-export * from "./NysTextinput.js";

package/packages/react/index.js

@@ -1,37 +1,37 @@
 export * from "./NysAccordion.js";
 export * from "./NysAccordionItem.js";
+export * from "./NysAlert.js";
 export * from "./NysAvatar.js";
 export * from "./NysBacktotop.js";
 export * from "./NysBadge.js";
-export * from "./NysAlert.js";
 export * from "./NysButton.js";
 export * from "./NysCheckbox.js";
 export * from "./NysCheckboxgroup.js";
 export * from "./NysCombobox.js";
+export * from "./NysDatepicker.js";
 export * from "./NysDivider.js";
 export * from "./NysDropdownMenu.js";
 export * from "./NysDropdownMenuItem.js";
+export * from "./NysErrorMessage.js";
 export * from "./NysFileinput.js";
 export * from "./NysFileItem.js";
 export * from "./NysGlobalFooter.js";
-export * from "./NysErrorMessage.js";
-export * from "./NysDatepicker.js";
 export * from "./NysGlobalHeader.js";
 export * from "./NysIcon.js";
+export * from "./NysLabel.js";
 export * from "./NysModal.js";
 export * from "./NysPagination.js";
+export * from "./NysRadiobutton.js";
+export * from "./NysRadiogroup.js";
 export * from "./NysOption.js";
 export * from "./NysSelect.js";
 export * from "./NysSkipnav.js";
-export * from "./NysLabel.js";
-export * from "./NysRadiobutton.js";
-export * from "./NysRadiogroup.js";
 export * from "./NysStep.js";
 export * from "./NysStepper.js";
 export * from "./NysTable.js";
-export * from "./NysTooltip.js";
+export * from "./NysTextarea.js";
+export * from "./NysTextinput.js";
 export * from "./NysToggle.js";
+export * from "./NysTooltip.js";
 export * from "./NysUnavFooter.js";
-export * from "./NysTextarea.js";
 export * from "./NysUnavHeader.js";
-export * from "./NysTextinput.js";