@indico-data/design-system 3.12.0 → 3.13.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@indico-data/design-system",
-  "version": "3.12.0",
+  "version": "3.13.1",
   "description": "",
   "author": "",
   "main": "lib/index.js",
@@ -40,16 +40,13 @@
     "@react-types/checkbox": "^3.8.1",
     "@react-types/radio": "^3.8.0",
     "@tanstack/react-table": "^8.21.2",
-    "@testing-library/react": "^16.0.0",
     "classnames": "^2.5.1",
     "date-fns": "^3.6.0",
     "focus-trap-react": "^10.2.3",
-    "html-webpack-plugin": "^5.6.0",
     "prop-types": "^15.8.1",
     "react-aria-components": "^1.2.1",
     "react-data-table-component": "^7.6.2",
     "react-day-picker": "9.1.3",
-    "react-docgen-typescript": "^2.4.0",
     "react-grid-system": "^8.2.0",
     "react-hook-form": "^7.52.1",
     "react-modal": "^3.16.1",
@@ -57,13 +54,8 @@
     "react-stately": "^3.31.0",
     "react-toastify": "^11.0.5",
     "react-tooltip": "5.28.0",
-    "svgo": "^3.2.2",
-    "ts-jest": "^29.3.1",
     "tslib": "^2.6.2",
     "uuid": "^9.0.1",
-    "webpack": "^5.98.0",
-    "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.2.1",
     "zod": "^3.23.8"
   },
   "devDependencies": {
@@ -101,7 +93,7 @@
     "@storybook/theming": "^8.0.8",
     "@testing-library/dom": "^10.0.0",
     "@testing-library/jest-dom": "^6.4.2",
-    "@testing-library/react": "^16.0.0",
+    "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.5.2",
     "@types/css-modules": "^1.0.5",
     "@types/identity-obj-proxy": "^3",
@@ -124,6 +116,7 @@
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
+    "html-webpack-plugin": "^5.6.5",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
@@ -134,6 +127,7 @@
     "postcss-url": "^10.1.3",
     "prettier": "3.2.5",
     "react": "^18.2.0",
+    "react-docgen-typescript": "^2.4.0",
     "react-dom": "^18.2.0",
     "react-grid-system": "^8.2.0",
     "react-router-dom": "^6.22.1",
@@ -152,11 +146,16 @@
     "storybook-css-modules": "^1.0.8",
     "style-loader": "2.0.0",
     "styled-components": "^6.1.8",
+    "svgo": "^4.0.0",
+    "ts-jest": "^29.4.6",
     "ts-loader": "^9.5.1",
     "ts-node": "^10.9.2",
     "tsconfig-paths-webpack-plugin": "^4.1.0",
     "typescript": "^5.3.3",
-    "webpack-bundle-analyzer": "^4.10.2"
+    "webpack": "^5.103.0",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
   },
   "resolutions": {
     "jackspeak": "2.1.1"

package/src/components/button/Button.tsx

@@ -17,10 +17,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) =>
     onClick,
     type = 'button',
     size = 'md',
-    onMouseEnter,
     onMouseExit,
-    onKeyDown,
-    onBlur,
     className,
     href,
     ...rest
@@ -55,10 +52,7 @@ export const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) =>
       aria-disabled={isLoading || isDisabled}
       aria-busy={isLoading}
       type={type}
-      onMouseEnter={onMouseEnter}
       onMouseLeave={onMouseExit}
-      onKeyDown={onKeyDown}
-      onBlur={onBlur}
       {...rest}
     >
       {/* Loading Icon on the left (default) */}

package/src/components/button/types.ts

@@ -6,39 +6,15 @@ export type ButtonSizes = 'xs' | 'sm' | 'md' | 'lg';
 
 export type ButtonTypes = 'button' | 'submit' | 'reset';
 
-export interface ButtonProps {
-  /**
-   * The class name to apply to the button
-   */
-  className?: string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   /**
    * The aria-label to apply to the button
    */
   ariaLabel: string;
-  /**
-   * The children to apply to the button
-   */
-  children?: React.ReactNode | React.ReactNode[];
-  /**
-   * The function to call when the mouse enters the button
-   */
-  onMouseEnter?: (event: React.MouseEvent<HTMLButtonElement>) => void;
   /**
    * The function to call when the mouse exits the button
    */
   onMouseExit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  /**
-   * The function to call when the button loses focus
-   */
-  onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;
-  /**
-   * The function to call when the button is clicked
-   */
-  onClick?: (...args: any[]) => void;
-  /**
-   * The function to call when the button is pressed
-   */
-  onKeyDown?: (event: React.KeyboardEvent<HTMLButtonElement>) => void;
   /**
    * Determines the visual style and emphasis level of the button
    */

package/src/components/table/components/HorizontalStickyHeader.tsx

@@ -45,7 +45,7 @@ const HorizontalStickyHeader = ({
         variant="link"
         size="sm"
         iconLeft="pin"
-        onClick={onPinColumn}
+        onClick={() => onPinColumn?.(`sticky-column-${position}`)}
         ariaLabel={isPinned ? 'Unpin column' : 'Pin column'}
         className={`table__column--${isPinned ? 'is-pinned' : 'is-not-pinned'} table__column__pin-action`}
       />