flipper-ui 0.29.3 → 0.29.5

package/core/feedback/dialog/index.d.ts

@@ -22,7 +22,8 @@ export interface DialogProps extends DefaultProps, Omit<MuiDialogProps, 'scroll'
     snippetContentStyle?: CSSProperties;
     contentTextStyle?: CSSProperties;
     scroll?: 'body' | 'paper' | 'unset-paper' | 'unset-body';
+    'aria-title'?: string;
     onClose?: (event: Event) => void;
 }
-export 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 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, "aria-title": ariaTitle, ...otherProps }: DialogProps) => JSX.Element;
 export default Dialog;

package/core/feedback/dialog/index.js

@@ -17,7 +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 _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", "aria-title"];
 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; }
@@ -55,6 +55,7 @@ var Dialog = function Dialog(_ref) {
     title = _ref.title,
     snippetStyle = _ref.snippetStyle,
     snippetContentStyle = _ref.snippetContentStyle,
+    ariaTitle = _ref['aria-title'],
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var classes = useStyles();
   var renderTitle = function renderTitle(title) {
@@ -106,8 +107,9 @@ var Dialog = function Dialog(_ref) {
     fullWidth: fullWidth,
     maxWidth: maxWidth,
     scroll: scrollMode,
-    PaperProps: _objectSpread({
-      title: 'dialog-paper',
+    PaperProps: _objectSpread(_objectSpread({}, ariaTitle ? {
+      title: ariaTitle
+    } : {}), {}, {
       classes: scroll === 'unset-body' || scroll === 'unset-paper' ? {
         root: classes.root
       } : undefined

package/experimental/card/card.stories.d.ts

@@ -3,3 +3,4 @@ export default _default;
 export declare const Default: any;
 export declare const WithOnToggleEdit: any;
 export declare const Editing: any;
+export declare const WithOnClickAdd: any;

package/experimental/card/index.d.ts

@@ -17,6 +17,11 @@ export interface IProps {
      */
     title?: string;
     name: string;
+    /**
+     * Label to be displayed on the add button.
+     * @default undefined
+     */
+    onAddBtnLabel?: string;
     id?: string;
     editing?: boolean;
     action?: JSX.Element | null;

package/experimental/card/index.js

@@ -12,7 +12,7 @@ var _icons = require("../../icons");
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _excluded = ["id", "name", "nested", "title", "action", "onToggleEdit", "editing", "children", "onClickAdd", "onAddProps", "onEditProps"];
+var _excluded = ["id", "name", "onAddBtnLabel", "nested", "title", "action", "onToggleEdit", "editing", "children", "onClickAdd", "onAddProps", "onEditProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n    justify-content: center;\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n"])));
 exports.Content = Content;
@@ -29,6 +29,7 @@ var paperStyle = {
 var Card = function Card(props) {
   var id = props.id,
     name = props.name,
+    onAddBtnLabel = props.onAddBtnLabel,
     nested = props.nested,
     title = props.title,
     action = props.action,
@@ -58,7 +59,7 @@ var Card = function Card(props) {
     onClick: onToggleEdit
   }), editing ? /*#__PURE__*/_react["default"].createElement(_icons.Close, null) : /*#__PURE__*/_react["default"].createElement(_icons.Edit, null))), /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_.Line, null))), onClickAdd && /*#__PURE__*/_react["default"].createElement(_.Button, (0, _extends2["default"])({}, onAddProps, {
     onClick: onClickAdd
-  })), /*#__PURE__*/_react["default"].createElement("div", null, children));
+  }), onAddBtnLabel), /*#__PURE__*/_react["default"].createElement("div", null, children));
 };
 exports.Card = Card;
 var _default = Card;

package/package.json

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