@sb1/ffe-buttons-react 17.0.2 → 18.0.0

package/README.md

@@ -8,10 +8,23 @@ npm install --save @sb1/ffe-buttons-react
 
 ## Usage
 
-Run Styleguidist from the repository root to see live examples and documentation,
-or see the markdown files next to the component code in `src/`.
+Full documentation on button usage is available at https://design.sparebank1.no/komponenter/knapper/.
 
 ## TypeScript definition files
 
 This component supports TypeScript - please update `index.d.ts` if you change any
 of the external methods or properties in this component.
+
+## Development
+
+To start a local development server, run the following from the designsystem root folder:
+
+```bash
+npm install
+npm run build
+npm start
+```
+
+A local instance of `component-overview` with live reloading will run at http://localhost:1234/.
+
+Example implementations using the latest versions of all components are also available at https://sparebank1.github.io/designsystem.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sb1/ffe-buttons-react",
-    "version": "17.0.2",
+    "version": "18.0.0",
     "description": "React implementation of ffe-buttons",
     "keywords": [
         "ffe"
@@ -28,8 +28,8 @@
         "test:watch": "ffe-buildtool jest --watch"
     },
     "dependencies": {
-        "@sb1/ffe-buttons": "^17.0.2",
-        "@sb1/ffe-icons-react": "^7.3.4",
+        "@sb1/ffe-buttons": "^17.0.3",
+        "@sb1/ffe-icons-react": "^7.3.5",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },
@@ -46,5 +46,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "af7fc1a32630d5717ffbc8f50f339ba697c73130"
+    "gitHead": "1ab898e744977e4cb4db1bee9b65369a0deeef9a"
 }

package/types/index.d.ts

@@ -1,19 +1,9 @@
 import * as React from 'react';
 
-type To =
-    | string
-    | {
-          pathname: string;
-          search?: string;
-          hash?: string;
-          state?: { [key: string]: any };
-      };
-
-export interface MinimalBaseButtonProps extends React.HTMLProps<HTMLElement> {
+export interface MinimalBaseButtonProps extends React.ComponentPropsWithoutRef<'html'> {
     className?: string;
     element?: HTMLElement | string | React.ElementType;
     innerRef?: React.Ref<HTMLElement>;
-    to?: To; //used in order to make buttons work with react-router functionality in typescript-files.
 }
 
 export interface BaseButtonProps extends MinimalBaseButtonProps {
@@ -76,25 +66,45 @@ export interface TertiaryButtonProps extends MinimalBaseButtonProps {
     rightIcon?: React.ReactNode;
 }
 
-declare class ActionButton extends React.Component<ActionButtonProps, any> {}
-declare class BackButton extends React.Component<BackButtonProps, any> {}
-declare class ButtonGroup extends React.Component<ButtonGroupProps, any> {}
-declare class ExpandButton extends React.Component<ExpandButtonProps, any> {}
-declare class InlineExpandButton extends React.Component<
-    InlineExpandButtonProps,
+type NoInfer<T> = [T][T extends any ? 0 : never];
+
+declare class ActionButton<T = {}> extends React.Component<
+    NoInfer<T> & ActionButtonProps,
+    any
+> {}
+declare class BackButton<T = {}> extends React.Component<
+    NoInfer<T> & BackButtonProps,
+    any
+> {}
+declare class ButtonGroup<T = {}> extends React.Component<
+    NoInfer<T> & ButtonGroupProps,
+    any
+> {}
+declare class ExpandButton<T = {}> extends React.Component<
+    NoInfer<T> & ExpandButtonProps,
+    any
+> {}
+declare class InlineExpandButton<T = {}> extends React.Component<
+    NoInfer<T> & InlineExpandButtonProps,
+    any
+> {}
+declare class PrimaryButton<T = {}> extends React.Component<
+    NoInfer<T> & PrimaryButtonProps,
+    any
+> {}
+declare class SecondaryButton<T = {}> extends React.Component<
+    NoInfer<T> & SecondaryButtonProps,
     any
 > {}
-declare class PrimaryButton extends React.Component<PrimaryButtonProps, any> {}
-declare class SecondaryButton extends React.Component<
-    SecondaryButtonProps,
+declare class ShortcutButton<T = {}> extends React.Component<
+    NoInfer<T> & ShortcutButtonProps,
     any
 > {}
-declare class ShortcutButton extends React.Component<
-    ShortcutButtonProps,
+declare class TaskButton<T = {}> extends React.Component<
+    NoInfer<T> & TaskButtonProps,
     any
 > {}
-declare class TaskButton extends React.Component<TaskButtonProps, any> {}
-declare class TertiaryButton extends React.Component<
-    TertiaryButtonProps,
+declare class TertiaryButton<T = {}> extends React.Component<
+    NoInfer<T> & TertiaryButtonProps,
     any
 > {}