flipper-ui 0.26.8 → 0.26.10

package/core/Chapter.js

@@ -29,15 +29,15 @@ var Chapter = function Chapter(_ref) {
     children = _ref.children,
     variant = _ref.variant,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var Line = function Line() {
+  var Line = function Line(props) {
     return /*#__PURE__*/_react["default"].createElement(StyledLine, (0, _extends2["default"])({
       style: _objectSpread({
         padding: padding,
         margin: margin
       }, style)
-    }, otherProps));
+    }, props));
   };
-  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Line, null), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+  return /*#__PURE__*/_react["default"].createElement(Container, null, /*#__PURE__*/_react["default"].createElement(Line, otherProps), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
     variant: variant,
     style: _objectSpread({}, childrenStyle)
   }, children), /*#__PURE__*/_react["default"].createElement(Line, null));

package/core/Checkbox.d.ts

@@ -1,3 +1,4 @@
+import { CheckboxProps as MuiCheckboxProps } from '@material-ui/core';
 import React, { ChangeEvent, ReactNode } from 'react';
 import { DefaultProps } from './types';
 export interface CheckboxProps extends DefaultProps {
@@ -12,6 +13,7 @@ export interface CheckboxProps extends DefaultProps {
     helperIcon?: React.ReactNode;
     onHelperClick?: () => void;
     onChange?: (event: ChangeEvent<HTMLElement>) => void;
+    checkboxProps?: MuiCheckboxProps;
 }
 declare const Checkbox: (props: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/core/Checkbox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
@@ -25,13 +26,14 @@ var Checkbox = function Checkbox(props) {
     padding = props.padding,
     style = props.style,
     helperIcon = props.helperIcon,
-    onHelperClick = props.onHelperClick;
+    onHelperClick = props.onHelperClick,
+    checkboxProps = props.checkboxProps;
   var renderHelper = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, onHelperClick && /*#__PURE__*/_react["default"].createElement(_TextField.HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: onHelperClick
   }));
-  var renderCheckbox = function renderCheckbox() {
-    return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
+  var renderCheckbox = function renderCheckbox(checkboxProps) {
+    return /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], (0, _extends2["default"])({}, checkboxProps, {
       name: props.name,
       checked: props.checked,
       value: props.name,
@@ -39,20 +41,20 @@ var Checkbox = function Checkbox(props) {
       style: props.dense ? DENSE : {},
       disabled: props.disabled,
       onChange: props.onChange
-    });
+    }));
   };
-  var renderSwitch = function renderSwitch() {
-    return /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+  var renderSwitch = function renderSwitch(checkboxProps) {
+    return /*#__PURE__*/_react["default"].createElement(_Switch["default"], (0, _extends2["default"])({}, checkboxProps, {
       name: props.name,
       checked: props.checked,
       value: props.name,
       color: props.color,
       disabled: props.disabled,
       onChange: props.onChange
-    });
+    }));
   };
-  var renderControl = function renderControl() {
-    return type === 'checkbox' ? renderCheckbox() : renderSwitch();
+  var renderControl = function renderControl(props) {
+    return type === 'checkbox' ? renderCheckbox(props) : renderSwitch();
   };
   var renderLabel = function renderLabel() {
     return typeof props.label === 'string' && props.dense ? /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
@@ -68,8 +70,8 @@ var Checkbox = function Checkbox(props) {
     }, style),
     className: props.className,
     label: renderLabel(),
-    control: renderControl()
-  }) : renderControl(), renderHelper);
+    control: renderControl(checkboxProps)
+  }) : renderControl(checkboxProps), renderHelper);
 };
 var _default = Checkbox;
 exports["default"] = _default;

package/core/DateTime.d.ts

@@ -14,6 +14,6 @@ interface IProps {
     onAuxClickCapture?(event: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
     onChange(date: MaterialUiPickersDate | null, value?: string): void;
 }
-declare type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
+export declare type DateTimeProps = Omit<KeyboardDatePickerProps, 'margin' | 'onChange'> & Omit<KeyboardDateTimePickerProps, 'margin' | 'onChange'> & Omit<KeyboardTimePickerProps, 'margin' | 'onChange'> & IProps & DefaultProps;
 declare const DateTime: ({ padding, margin, style, format, variant, inputVariant, ampm, invalidDateMessage, minDateMessage, maxDateMessage, locale, type, ...otherProps }: DateTimeProps) => JSX.Element;
 export default DateTime;

package/core/Dialog.d.ts

@@ -23,5 +23,5 @@ interface DialogProps extends DefaultProps {
     scroll?: 'body' | 'paper' | 'unset-paper' | 'unset-body';
     onClose?: (event: Event) => void;
 }
-declare const Dialog: ({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle }: DialogProps) => JSX.Element;
+declare const Dialog: ({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle, ...otherProps }: DialogProps) => JSX.Element;
 export default Dialog;

package/core/Dialog.js

@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
 var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
@@ -15,6 +17,7 @@ var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("@material-ui/core/styles");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _excluded = ["snippet", "style", "padding", "margin", "scroll", "PaperProps", "open", "fullScreen", "fullWidth", "maxWidth", "onClose", "titleAction", "titleWrapperStyle", "titleStyle", "titleActionStyle", "contentStyle", "contentTextStyle", "actionsStyle", "actions", "content", "text", "title", "snippetStyle", "snippetContentStyle"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -51,7 +54,8 @@ var Dialog = function Dialog(_ref) {
     text = _ref.text,
     title = _ref.title,
     snippetStyle = _ref.snippetStyle,
-    snippetContentStyle = _ref.snippetContentStyle;
+    snippetContentStyle = _ref.snippetContentStyle,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = useStyles();
   var renderTitle = function renderTitle(title) {
     return titleAction ? /*#__PURE__*/_react["default"].createElement(TitleWrapper, {
@@ -96,7 +100,7 @@ var Dialog = function Dialog(_ref) {
     }, snippet));
   };
   var scrollMode = scroll === 'unset-body' ? 'body' : scroll === 'unset-paper' ? 'paper' : scroll;
-  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, otherProps, {
     open: open,
     fullScreen: fullScreen,
     fullWidth: fullWidth,
@@ -112,7 +116,7 @@ var Dialog = function Dialog(_ref) {
       margin: margin
     }, style),
     onClose: onClose
-  }, snippet ? renderSnippet() : renderPaperContent());
+  }), snippet ? renderSnippet() : renderPaperContent());
 };
 var _default = Dialog;
 exports["default"] = _default;

package/core/Node.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
@@ -44,11 +45,11 @@ var Node = function Node(props) {
       style: styles.icon
     });
   };
-  return /*#__PURE__*/_react["default"].createElement(Ul, {
+  return /*#__PURE__*/_react["default"].createElement(Ul, (0, _extends2["default"])({}, props, {
     key: id || name,
     style: style,
     className: className
-  }, /*#__PURE__*/_react["default"].createElement(Li, {
+  }), /*#__PURE__*/_react["default"].createElement(Li, {
     inset: Boolean(children),
     onClick: handleToggleOpen
   }, children && renderDropdownIcon(), name), open && children);

package/core/Pagination.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _inc = _interopRequireDefault(require("ramda/es/inc"));
@@ -27,13 +28,13 @@ var Pagination = function Pagination(props) {
     pages = _props$pages === void 0 ? 1 : _props$pages,
     className = props.className;
   var allPages = (0, _times["default"])(_inc["default"], pages || 1);
-  return /*#__PURE__*/_react["default"].createElement(Content, {
+  return /*#__PURE__*/_react["default"].createElement(Content, (0, _extends2["default"])({}, props, {
     className: className,
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
     id: "prev-page-button",
     size: "small",
     onClick: props.onPrevious

package/core/PinInput.d.ts

@@ -11,5 +11,5 @@ interface PinInputGridProps {
     inputProps?: React.CSSProperties;
     variant?: 'outlined' | 'standard';
 }
-declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant }: PinInputGridProps) => JSX.Element;
+declare const PinInput: ({ pinLength, pin, setPin, onPinChanged, validationResult, isValidating, size, style: styleProps, inputProps, variant, ...otherProps }: PinInputGridProps) => JSX.Element;
 export default PinInput;

package/core/PinInput.js

@@ -7,10 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _excluded = ["pinLength", "pin", "setPin", "onPinChanged", "validationResult", "isValidating", "size", "style", "inputProps", "variant"];
 var _templateObject;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -42,7 +44,8 @@ var PinInput = function PinInput(_ref) {
     size = _ref.size,
     styleProps = _ref.style,
     inputProps = _ref.inputProps,
-    variant = _ref.variant;
+    variant = _ref.variant,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var inputRefs = (0, _react.useRef)([]);
   var changePinFocus = function changePinFocus(pinIndex) {
     var ref = inputRefs.current[pinIndex];
@@ -123,7 +126,7 @@ var PinInput = function PinInput(_ref) {
     }, inputProps);
     return style;
   };
-  return /*#__PURE__*/_react["default"].createElement(Container, null, Array.from({
+  return /*#__PURE__*/_react["default"].createElement(Container, otherProps, Array.from({
     length: pinLength
   }, function (_, index) {
     return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {

package/core/Sidebar.d.ts

@@ -16,5 +16,5 @@ export interface SidebarProps extends DefaultProps {
     ButtonProps?: ButtonProps;
     onToggle: () => void;
 }
-declare const Sidebar: ({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name }: SidebarProps) => JSX.Element;
+declare const Sidebar: ({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: SidebarProps) => JSX.Element;
 export default Sidebar;

package/core/Sidebar.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
 var _styles = require("@material-ui/core/styles");
@@ -15,6 +16,7 @@ var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _KeyboardArrowLeft = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowLeft"));
 var _KeyboardArrowRight = _interopRequireDefault(require("@material-ui/icons/KeyboardArrowRight"));
 var _Button = _interopRequireDefault(require("./Button"));
+var _excluded = ["id", "anchor", "className", "color", "docked", "expanded", "margin", "maxWidth", "minWidth", "top", "open", "padding", "paperClasses", "showButton", "style", "variant", "ButtonProps", "onToggle", "children", "name"];
 var _templateObject;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -91,7 +93,8 @@ var Sidebar = function Sidebar(_ref) {
     ButtonProps = _ref.ButtonProps,
     onToggle = _ref.onToggle,
     children = _ref.children,
-    name = _ref.name;
+    name = _ref.name,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = useStyles();
   var renderAction = function renderAction() {
     var iconToLeft = anchor === 'left' && expanded || anchor === 'right' && !expanded;
@@ -113,7 +116,7 @@ var Sidebar = function Sidebar(_ref) {
     })));
   };
   var width = expanded ? maxWidth : minWidth;
-  return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], (0, _extends2["default"])({}, otherProps, {
     id: id,
     open: open,
     anchor: anchor,
@@ -129,7 +132,7 @@ var Sidebar = function Sidebar(_ref) {
       className: "".concat(docked ? classes.sidebar : '', " ").concat(classes[color]),
       classes: paperClasses
     }
-  }, showButton && renderAction(), children);
+  }), showButton && renderAction(), children);
 };
 var _default = Sidebar;
 exports["default"] = _default;

package/core/Tree.d.ts

@@ -6,5 +6,5 @@ export interface INode {
 interface TreeProps {
     nodes?: INode[];
 }
-declare const Tree: ({ nodes }: TreeProps) => JSX.Element;
+declare const Tree: ({ nodes, ...otherProps }: TreeProps) => JSX.Element;
 export default Tree;

package/core/Tree.js

@@ -5,12 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _omit = _interopRequireDefault(require("ramda/es/omit"));
 var _react = _interopRequireDefault(require("react"));
 var _Node = _interopRequireDefault(require("./Node"));
+var _excluded = ["nodes"];
 var Tree = function Tree(_ref) {
   var _ref$nodes = _ref.nodes,
-    nodes = _ref$nodes === void 0 ? [] : _ref$nodes;
+    nodes = _ref$nodes === void 0 ? [] : _ref$nodes,
+    otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var renderNode = function renderNode(node, index) {
     var root = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
     var id = node.id,
@@ -27,9 +31,9 @@ var Tree = function Tree(_ref) {
       return renderNode((0, _omit["default"])(['array'], node), index.toString());
     }));
   };
-  return /*#__PURE__*/_react["default"].createElement(_Node["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Node["default"], (0, _extends2["default"])({}, otherProps, {
     name: "root"
-  }, nodes.map(function (node, index) {
+  }), nodes.map(function (node, index) {
     return renderNode(node, index.toString(), true);
   }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "flipper-ui",
-    "version": "0.26.8",
+    "version": "0.26.10",
     "description": "",
     "main": "dist/index.js",
     "homepage": "https://flipper-ui.ngi.com.br/",