@forgerock/ui-design-react - npm Package Compare versions

Comparing version 0.0.14 to 0.0.15

lib/components/alert/index.d.ts

@@ -5,3 +5,3 @@ import * as React from 'react';
 declare namespace AlertComponent {
-    var Show: typeof Show;
+    var Show: ({ children, timeout }: React.PropsWithChildren<ShowProps>) => JSX.Element;
 }
@@ -12,3 +12,2 @@ export interface ShowProps {
 }
-declare function Show({ children, timeout }: React.PropsWithChildren<ShowProps>): JSX.Element;
 export default AlertComponent;

lib/components/button/index.d.ts

 import * as React from 'react';
 import { ButtonProps } from 'react-bootstrap';
-declare function ButtonComponent(props: React.PropsWithChildren<ButtonComponentProps & {
-    className?: string;
-}>): JSX.Element;
+interface Props extends React.PropsWithChildren<ButtonProps & React.HTMLAttributes<HTMLElement>> {
+    onClick?: () => void;
+}
+declare function ButtonComponent(props: Props): JSX.Element;
 declare namespace ButtonComponent {
@@ -12,12 +13,6 @@ var Cancel: typeof CancelButton;
 }
-interface IconButtonProps extends ButtonProps {
-    className?: string;
+declare function IconButton(props: Props & {
     icon: string;
-    onClick: () => void;
-}
-declare function IconButton(props: React.PropsWithChildren<IconButtonProps>): JSX.Element;
-declare function CancelButton({ children, className, onClick, }: React.PropsWithChildren<{
-    className?: string;
-    onClick: () => void;
-}>): JSX.Element;
+}): JSX.Element;
+declare function CancelButton({ children, className, onClick }: Props): JSX.Element;
 declare function SpinnerButton({ children, className, variant, }: React.PropsWithChildren<ButtonProps & {
@@ -32,5 +27,2 @@ className?: string;
 declare function CheckboxButton({ children, checked, className, onChange, }: React.PropsWithChildren<CheckboxButtonProps>): JSX.Element;
-interface ButtonComponentProps extends ButtonProps {
-    onClick?: () => void;
-}
 export default ButtonComponent;

lib/components/card/index.d.ts

 import * as React from 'react';
 import { CardProps, CardImg } from 'react-bootstrap';
-interface Props extends CardProps, React.HTMLAttributes<{}> {
+interface CardComponentProps extends CardProps, React.HTMLAttributes<HTMLElement> {
     type?: 'hover';
 }
-declare function CardComponent(props: React.PropsWithChildren<Props>): JSX.Element;
+declare function CardComponent(props: React.PropsWithChildren<CardComponentProps>): JSX.Element;
 declare namespace CardComponent {
@@ -21,10 +21,9 @@ var Body: ({ children, className }: React.PropsWithChildren<{
 }
-interface CardGridProps {
+interface CardGridProps extends CardComponentProps {
+    description: string;
     icon: string;
-    text: string;
     title: string;
-    onClick: () => void;
 }
-declare function CardGrid({ icon, text, title, onClick }: CardGridProps): JSX.Element;
+declare function CardGrid({ className, description, icon, id, title, onClick }: CardGridProps): JSX.Element;
 declare function CardHeader(props: any): JSX.Element;
 export default CardComponent;

lib/components/card/index.js

@@ -23,10 +23,10 @@ "use strict";
 function CardGrid(_a) {
-    var icon = _a.icon, text = _a.text, title = _a.title, onClick = _a.onClick;
-    var cardClasses = classNames(styles.p3, styles.mb4, styles.flexGrow1);
+    var className = _a.className, description = _a.description, icon = _a.icon, id = _a.id, title = _a.title, onClick = _a.onClick;
+    var cardClasses = classNames(className, styles.p3, styles.mb4, styles.flexGrow1);
     var iconClasses = classNames(styles.mt4, styles.mxAuto, icon);
-    return (React.createElement(CardComponent, { className: cardClasses, type: "hover", onClick: onClick },
+    return (React.createElement(CardComponent, { className: cardClasses, id: id, type: "hover", onClick: onClick },
         React.createElement("i", { className: iconClasses }),
         React.createElement(react_bootstrap_1.Card.Body, null,
             React.createElement("h5", null, title),
-            React.createElement(react_bootstrap_1.Card.Text, null, text))));
+            React.createElement(react_bootstrap_1.Card.Text, null, description))));
 }
@@ -33,0 +33,0 @@ function CardHeader(props) {

lib/compositions/table/list/index.d.ts

 import * as React from 'react';
 import { TableProps } from 'react-bootstrap';
-export interface Props extends TableProps {
+export interface Props extends TableProps, React.HTMLAttributes<HTMLElement> {
     toolbar?: React.ReactElement;
 }
-declare function ListTableComponent({ children, hover, responsive, toolbar, }: React.PropsWithChildren<Props>): JSX.Element;
+declare function ListTableComponent({ children, className, hover, id, responsive, toolbar, }: React.PropsWithChildren<Props>): JSX.Element;
 export default ListTableComponent;

lib/compositions/table/list/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var styles = require("@forgerock/ui-design");
+var classnames_1 = require("classnames");
 var React = require("react");
 var react_bootstrap_1 = require("react-bootstrap");
 function ListTableComponent(_a) {
-    var children = _a.children, hover = _a.hover, responsive = _a.responsive, toolbar = _a.toolbar;
+    var children = _a.children, className = _a.className, hover = _a.hover, id = _a.id, responsive = _a.responsive, toolbar = _a.toolbar;
+    var classes = classnames_1.default(styles.mb0, className);
     return (React.createElement("div", null,
         toolbar,
-        React.createElement(react_bootstrap_1.Table, { className: styles.mb0, hover: hover, responsive: responsive }, children)));
+        React.createElement(react_bootstrap_1.Table, { className: classes, id: id, hover: hover, responsive: responsive }, children)));
 }
 exports.default = ListTableComponent;
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "@forgerock/ui-design-react",
-  "version": "0.0.14",
+  "version": "0.0.15",
   "description": "ForgeRock UI React Components",
@@ -5,0 +5,0 @@ "main": "./lib/index.js",

No alert changes

Improved metrics

Total package byte prevSize

59972

increased by0.41%

Worsened metrics

Number of downloads

0

decreased by-100%

Lines of code

743

decreased by-1.07%

No dependency changes