New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@forgerock/ui-design-react

Package Overview
Dependencies
Maintainers
5
Versions
28
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.15 to 0.0.16

lib/compositions/button-submit/index.d.ts

17

lib/components/button/index.d.ts
import * as React from 'react';
import { ButtonProps } from 'react-bootstrap';
interface Props extends React.PropsWithChildren<ButtonProps & React.HTMLAttributes<HTMLElement>> {
onClick?: () => void;
interface Props extends React.PropsWithChildren<ButtonProps & React.HTMLAttributes<HTMLButtonElement>> {
onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
}

@@ -16,12 +16,9 @@ declare function ButtonComponent(props: Props): JSX.Element;

}): JSX.Element;
declare function CancelButton({ children, className, onClick }: Props): JSX.Element;
declare function SpinnerButton({ children, className, variant, }: React.PropsWithChildren<ButtonProps & {
className?: string;
}>): JSX.Element;
interface CheckboxButtonProps {
checked?: boolean;
className?: string;
declare function CancelButton(props: Props): JSX.Element;
declare function SpinnerButton(props: Props): JSX.Element;
interface CheckboxButtonProps extends Props {
defaultChecked?: boolean;
onChange?: (e: React.SyntheticEvent<HTMLInputElement>) => void;
}
declare function CheckboxButton({ children, checked, className, onChange, }: React.PropsWithChildren<CheckboxButtonProps>): JSX.Element;
declare function CheckboxButton({ children, defaultChecked, className, onChange }: CheckboxButtonProps): JSX.Element;
export default ButtonComponent;

@@ -22,15 +22,16 @@ "use strict";

function IconButton(props) {
var children = props.children, icon = props.icon;
var iconClasses = classnames_1.default('material-icons-outlined', styles.mr3, styles.alignBottom, props.className);
return (React.createElement(react_bootstrap_1.Button, __assign({}, props),
React.createElement("i", { className: iconClasses }, props.icon),
React.createElement("span", null, props.children)));
React.createElement("i", { className: iconClasses }, icon),
React.createElement("span", null, children)));
}
function CancelButton(_a) {
var children = _a.children, className = _a.className, onClick = _a.onClick;
return (React.createElement(react_bootstrap_1.Button, { className: className, variant: "link", onClick: onClick }, children));
function CancelButton(props) {
var children = props.children, _a = props.variant, variant = _a === void 0 ? 'link' : _a, onClick = props.onClick;
return (React.createElement(react_bootstrap_1.Button, __assign({}, props, { variant: variant, onClick: onClick }), children));
}
function SpinnerButton(_a) {
var children = _a.children, className = _a.className, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
return (React.createElement(react_bootstrap_1.Button, { className: className, variant: variant, disabled: true },
React.createElement(react_bootstrap_1.Spinner, { className: styles.mr2, "aria-hidden": "true", as: "span", animation: "border", role: "status", size: "sm" }),
function SpinnerButton(props) {
var children = props.children, _a = props.variant, variant = _a === void 0 ? 'primary' : _a;
return (React.createElement(react_bootstrap_1.Button, __assign({}, props, { variant: variant, disabled: true }),
React.createElement(react_bootstrap_1.Spinner, { className: styles.mr2, as: "span", animation: "border", role: "status", size: "sm" }),
children));

@@ -40,10 +41,10 @@ }

var _b;
var children = _a.children, checked = _a.checked, className = _a.className, onChange = _a.onChange;
var _c = React.useState(checked), isChecked = _c[0], setIsChecked = _c[1];
React.useEffect(function () { return setIsChecked(checked); }, [checked]);
var children = _a.children, defaultChecked = _a.defaultChecked, className = _a.className, onChange = _a.onChange;
var _c = React.useState(defaultChecked), checked = _c[0], setChecked = _c[1];
React.useEffect(function () { return setChecked(defaultChecked); }, []);
var labelClasses = classnames_1.default(styles.btn, styles.btnOutlineSecondary, (_b = {},
_b[styles.active] = isChecked,
_b[styles.active] = checked,
_b));
var checkboxOnChange = function (e) {
setIsChecked(!isChecked);
setChecked(!checked);
onChange(e);

@@ -53,3 +54,3 @@ };

React.createElement("label", { className: labelClasses },
React.createElement("input", { type: "checkbox", checked: isChecked, onChange: checkboxOnChange }),
React.createElement("input", { type: "checkbox", checked: checked, onChange: checkboxOnChange }),
children)));

@@ -56,0 +57,0 @@ }

@@ -5,2 +5,3 @@ import { ButtonGroup, ButtonToolbar, Col, Collapse, Container, Dropdown, FormControlProps, Media, Modal, Navbar, Row, Spinner, Tab, Table, Tabs } from 'react-bootstrap';

import Card from './components/card';
import DropdownEllipsis from './compositions/dropdown/ellipsis';
import Editor from './components/editor';

@@ -15,2 +16,2 @@ import Form from './components/form';

import ListTable from './compositions/table/list';
export { Alert, Button, ButtonGroup, ButtonToolbar, Card, Collapse, Col, Container, Dropdown, Editor, Form, FormControlProps, Input, ListTable, MarkdownEditor, Media, MediaComposition, MediaCompositionProps, Modal, Nav, Navbar, NavbarSidebar, Row, Sidebar, Spinner, Tab, Table, Tabs, };
export { Alert, Button, ButtonGroup, ButtonToolbar, Card, Collapse, Col, Container, Dropdown, DropdownEllipsis, Editor, Form, FormControlProps, Input, ListTable, MarkdownEditor, Media, MediaComposition, MediaCompositionProps, Modal, Nav, Navbar, NavbarSidebar, Row, Sidebar, Spinner, Tab, Table, Tabs, };

@@ -24,2 +24,4 @@ "use strict";

exports.Card = card_1.default;
var ellipsis_1 = require("./compositions/dropdown/ellipsis");
exports.DropdownEllipsis = ellipsis_1.default;
var editor_1 = require("./components/editor");

@@ -26,0 +28,0 @@ exports.Editor = editor_1.default;

{
"name": "@forgerock/ui-design-react",
"version": "0.0.15",
"version": "0.0.16",
"description": "ForgeRock UI React Components",

@@ -18,3 +18,3 @@ "main": "./lib/index.js",

"dependencies": {
"@forgerock/ui-design": "0.0.7",
"@forgerock/ui-design": "file:../ui-design",
"@types/classnames": "^2.2.8",

@@ -25,2 +25,3 @@ "@types/codemirror": "0.0.76",

"@types/react": "^16.8.23",
"@types/react-jsonschema-form": "^1.6.2",
"@types/react-router": "^5.0.1",

@@ -38,2 +39,3 @@ "@types/react-transition-group": "^2.9.2",

"react-dom": "^16.8.6",
"react-jsonschema-form": "^1.7.0",
"react-router": "^5.0.1",

@@ -40,0 +42,0 @@ "react-transition-group": "^4.1.1",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc