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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nysds/components",
-  "version": "1.16.0-alpha-3",
+  "version": "1.16.0-alpha3",
   "description": "New York State's design system and code component library.",
   "type": "module",
   "workspaces": [
@@ -34,14 +34,15 @@
     "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",
+    "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",
@@ -85,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",
@@ -106,8 +108,8 @@
     "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",
-    "turbo": "^2.8.16",
     "vite": "^7.3.1"
   },
   "eslintConfig": {

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

@@ -1,37 +1,37 @@
 export * from "./NysAccordion.js";
 export * from "./NysAccordionItem.js";
-export * from "./NysAvatar.js";
 export * from "./NysAlert.js";
-export * from "./NysBadge.js";
+export * from "./NysAvatar.js";
 export * from "./NysBacktotop.js";
+export * from "./NysBadge.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 "./NysGlobalFooter.js";
 export * from "./NysFileinput.js";
 export * from "./NysFileItem.js";
+export * from "./NysGlobalFooter.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 "./NysStep.js";
 export * from "./NysStepper.js";
-export * from "./NysModal.js";
 export * from "./NysTable.js";
 export * from "./NysTextarea.js";
-export * from "./NysRadiobutton.js";
-export * from "./NysRadiogroup.js";
-export * from "./NysCombobox.js";
-export * from "./NysToggle.js";
 export * from "./NysTextinput.js";
+export * from "./NysToggle.js";
 export * from "./NysTooltip.js";
-export * from "./NysUnavHeader.js";
 export * from "./NysUnavFooter.js";
+export * from "./NysUnavHeader.js";

package/packages/react/index.js

@@ -1,37 +1,37 @@
 export * from "./NysAccordion.js";
 export * from "./NysAccordionItem.js";
-export * from "./NysAvatar.js";
 export * from "./NysAlert.js";
-export * from "./NysBadge.js";
+export * from "./NysAvatar.js";
 export * from "./NysBacktotop.js";
+export * from "./NysBadge.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 "./NysGlobalFooter.js";
 export * from "./NysFileinput.js";
 export * from "./NysFileItem.js";
+export * from "./NysGlobalFooter.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 "./NysStep.js";
 export * from "./NysStepper.js";
-export * from "./NysModal.js";
 export * from "./NysTable.js";
 export * from "./NysTextarea.js";
-export * from "./NysRadiobutton.js";
-export * from "./NysRadiogroup.js";
-export * from "./NysCombobox.js";
-export * from "./NysToggle.js";
 export * from "./NysTextinput.js";
+export * from "./NysToggle.js";
 export * from "./NysTooltip.js";
-export * from "./NysUnavHeader.js";
 export * from "./NysUnavFooter.js";
+export * from "./NysUnavHeader.js";