flipper-ui 0.26.23 → 0.27.1

package/core/Experimental/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,12 @@
+export declare const Dialog: () => JSX.Element;
+export declare const RemoveDialog: () => JSX.Element;
+export declare const ConfirmDialog: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: (props: import("./Dialog").IProps) => JSX.Element;
+    subcomponents: {
+        ConfirmDialog: () => JSX.Element;
+        RemoveDialog: () => JSX.Element;
+    };
+};
+export default _default;

package/core/Experimental/Dialog/Dialog.stories.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.RemoveDialog = exports.Dialog = exports.ConfirmDialog = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireDefault(require("react"));
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog"));
+var _RemoveDialog = _interopRequireDefault(require("./RemoveDialog"));
+var Dialog = function Dialog() {
+  var _React$useState = _react["default"].useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, "open dialog"), /*#__PURE__*/_react["default"].createElement(_Dialog["default"], {
+    open: open,
+    title: "dialog title",
+    primaryButtonText: "Close",
+    primaryButtonAction: function primaryButtonAction() {
+      return setOpen(!open);
+    },
+    text: 'A content here!'
+  }));
+};
+exports.Dialog = Dialog;
+var RemoveDialog = function RemoveDialog() {
+  var _React$useState3 = _react["default"].useState(false),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    open = _React$useState4[0],
+    setOpen = _React$useState4[1];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, "open dialog"), /*#__PURE__*/_react["default"].createElement(_RemoveDialog["default"], {
+    open: open,
+    text: "COD123",
+    onCancel: function onCancel() {
+      return setOpen(false);
+    },
+    onConfirm: function onConfirm() {
+      return setOpen(false);
+    }
+  }));
+};
+exports.RemoveDialog = RemoveDialog;
+var ConfirmDialog = function ConfirmDialog() {
+  var _React$useState5 = _react["default"].useState(false),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    open = _React$useState6[0],
+    setOpen = _React$useState6[1];
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("button", {
+    onClick: function onClick() {
+      return setOpen(true);
+    }
+  }, "open dialog"), /*#__PURE__*/_react["default"].createElement(_ConfirmDialog["default"], {
+    open: open,
+    title: "dialog title",
+    text: "A content here!",
+    onCancel: function onCancel() {
+      return setOpen(false);
+    },
+    onConfirm: function onConfirm() {
+      return setOpen(false);
+    }
+  }));
+};
+exports.ConfirmDialog = ConfirmDialog;
+var _default = {
+  title: 'V2/Dialog',
+  component: _Dialog["default"],
+  subcomponents: {
+    ConfirmDialog: ConfirmDialog,
+    RemoveDialog: RemoveDialog
+  }
+};
+exports["default"] = _default;

package/core/Experimental/Dialog/RemoveDialog.d.ts

@@ -0,0 +1,14 @@
+export interface IProps {
+    open: boolean;
+    title?: string;
+    text: string;
+    disableBackdropClick?: boolean;
+    labels?: {
+        cancel?: string;
+        confirm?: string;
+    };
+    onCancel(): void;
+    onConfirm(): void;
+}
+declare const RemoveDialog: (props: IProps) => JSX.Element;
+export default RemoveDialog;

package/core/Experimental/Dialog/RemoveDialog.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+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 _toUpper = _interopRequireDefault(require("ramda/es/toUpper"));
+var _react = _interopRequireDefault(require("react"));
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+var _excluded = ["open", "onCancel", "onConfirm", "title", "text", "labels", "disableBackdropClick"];
+var RemoveDialog = function RemoveDialog(props) {
+  var open = props.open,
+    onCancel = props.onCancel,
+    onConfirm = props.onConfirm,
+    title = props.title,
+    text = props.text,
+    labels = props.labels,
+    disableBackdropClick = props.disableBackdropClick,
+    otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_Dialog["default"], (0, _extends2["default"])({}, otherProps, {
+    open: open,
+    title: (0, _toUpper["default"])(title || 'EXCLUIR'),
+    text: text,
+    primaryButtonAction: onConfirm,
+    primaryButtonText: (labels === null || labels === void 0 ? void 0 : labels.confirm) || 'Excluir',
+    primaryButtonName: "confirm-delete",
+    primaryButtonColor: "secondary",
+    secondaryButtonAction: onCancel,
+    secondaryButtonName: "cancel-delete",
+    secondaryButtonText: (labels === null || labels === void 0 ? void 0 : labels.cancel) || 'Cancelar',
+    onClose: disableBackdropClick ? undefined : onCancel
+  }));
+};
+var _default = RemoveDialog;
+exports["default"] = _default;

package/core/Experimental/Dialog/__test__/confirm-dialog.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/Experimental/Dialog/__test__/confirm-dialog.spec.js

@@ -0,0 +1,132 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _ConfirmDialog = _interopRequireDefault(require("../ConfirmDialog"));
+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; }
+describe('ConfirmDialog', function () {
+  var TITLE = 'dialog title';
+  var TEXT = 'Dialog text';
+  var LABELS = {
+    cancel: 'cancel',
+    confirm: 'confirm'
+  };
+  it('Should render component', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE);
+    var text = _react2.screen.getByText(TEXT);
+    var confirmButton = _react2.screen.getByText(LABELS.confirm);
+    var cancelButton = _react2.screen.getByText(LABELS.cancel);
+    expect(title).toBeDefined();
+    expect(text).toBeDefined();
+    expect(confirmButton).toBeDefined();
+    expect(cancelButton).toBeDefined();
+  });
+  it('Should render component with default labels', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE);
+    var text = _react2.screen.getByText(TEXT);
+    var confirmButton = _react2.screen.getByText('Sim');
+    var cancelButton = _react2.screen.getByText('Voltar');
+    expect(title).toBeDefined();
+    expect(text).toBeDefined();
+    expect(confirmButton).toBeDefined();
+    expect(cancelButton).toBeDefined();
+  });
+  it('Should call primaryButtonAction', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var confirmButton = _react2.screen.getByText(LABELS.confirm);
+    _userEvent["default"].click(confirmButton);
+    (0, _react2.waitFor)(function () {
+      expect(onConfirmSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should call secondaryButtonAction', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var cancelButton = _react2.screen.getByText(LABELS.cancel);
+    _userEvent["default"].click(cancelButton);
+    (0, _react2.waitFor)(function () {
+      expect(onCancelSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should call onCancel', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE);
+    _react2.fireEvent.keyDown(title, {
+      key: 'Escape',
+      keyCode: 27
+    });
+    (0, _react2.waitFor)(function () {
+      expect(onCancelSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should not call onCancel when disableBackdropClick', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_ConfirmDialog["default"], {
+      open: true,
+      disableBackdropClick: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE);
+    _react2.fireEvent.keyDown(title, {
+      key: 'Escape',
+      keyCode: 27
+    });
+    (0, _react2.waitFor)(function () {
+      expect(onCancelSpy).not.toHaveBeenCalled();
+    });
+  });
+});

package/core/Experimental/Dialog/__test__/dialog.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/Experimental/Dialog/__test__/dialog.spec.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _Dialog = _interopRequireDefault(require("../Dialog"));
+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; }
+describe('Dialog', function () {
+  var TITLE = 'dialog title';
+  var TEXT = 'Dialog text';
+  var PRIMARY_BUTTON_TEXT = 'Close';
+  it('Should render component', function () {
+    var onClickSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
+      open: true,
+      title: TITLE,
+      primaryButtonText: PRIMARY_BUTTON_TEXT,
+      primaryButtonAction: onClickSpy,
+      text: TEXT
+    }));
+    var title = _react2.screen.getByText(TITLE);
+    var text = _react2.screen.getByText(TEXT);
+    var primaryButton = _react2.screen.getByText(PRIMARY_BUTTON_TEXT);
+    expect(title).toBeDefined();
+    expect(text).toBeDefined();
+    expect(primaryButton).toBeDefined();
+  });
+  it('Should call primaryButtonAction', function () {
+    var onClickSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
+      open: true,
+      title: TITLE,
+      primaryButtonText: PRIMARY_BUTTON_TEXT,
+      primaryButtonAction: onClickSpy,
+      text: TEXT
+    }));
+    var primaryButton = _react2.screen.getByText(PRIMARY_BUTTON_TEXT);
+    _userEvent["default"].click(primaryButton);
+    (0, _react2.waitFor)(function () {
+      expect(onClickSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should call secondaryButtonAction', function () {
+    var onClickSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_Dialog["default"], {
+      open: true,
+      title: TITLE,
+      primaryButtonText: PRIMARY_BUTTON_TEXT,
+      primaryButtonAction: onClickSpy,
+      text: TEXT,
+      secondaryButtonText: "secondary",
+      secondaryButtonAction: onClickSpy
+    }));
+    var secondaryButton = _react2.screen.getByText('secondary');
+    _userEvent["default"].click(secondaryButton);
+    (0, _react2.waitFor)(function () {
+      expect(onClickSpy).toHaveBeenCalled();
+    });
+  });
+});

package/core/Experimental/Dialog/__test__/remove-dialog.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/core/Experimental/Dialog/__test__/remove-dialog.spec.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+var React = _interopRequireWildcard(require("react"));
+var _react2 = require("@testing-library/react");
+var _userEvent = _interopRequireDefault(require("@testing-library/user-event"));
+var _RemoveDialog = _interopRequireDefault(require("../RemoveDialog"));
+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; }
+describe('RemoveDialog', function () {
+  var TITLE = 'dialog title';
+  var TEXT = 'Dialog text';
+  var LABELS = {
+    cancel: 'cancel',
+    confirm: 'confirm'
+  };
+  it('Should render component', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE.toUpperCase());
+    var text = _react2.screen.getByText(TEXT);
+    var confirmButton = _react2.screen.getByText(LABELS.confirm);
+    var cancelButton = _react2.screen.getByText(LABELS.cancel);
+    expect(title).toBeDefined();
+    expect(text).toBeDefined();
+    expect(confirmButton).toBeDefined();
+    expect(cancelButton).toBeDefined();
+  });
+  it('Should render component with default labels', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
+      open: true,
+      text: TEXT,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText('EXCLUIR');
+    var text = _react2.screen.getByText(TEXT);
+    var confirmButton = _react2.screen.getByText('Excluir');
+    var cancelButton = _react2.screen.getByText('Cancelar');
+    expect(title).toBeDefined();
+    expect(text).toBeDefined();
+    expect(confirmButton).toBeDefined();
+    expect(cancelButton).toBeDefined();
+  });
+  it('Should call primaryButtonAction', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var confirmButton = _react2.screen.getByText(LABELS.confirm);
+    _userEvent["default"].click(confirmButton);
+    (0, _react2.waitFor)(function () {
+      expect(onConfirmSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should call secondaryButtonAction', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var cancelButton = _react2.screen.getByText(LABELS.cancel);
+    _userEvent["default"].click(cancelButton);
+    (0, _react2.waitFor)(function () {
+      expect(onCancelSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should call onCancel', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
+      open: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE.toUpperCase());
+    _react2.fireEvent.keyDown(title, {
+      key: 'Escape',
+      keyCode: 27
+    });
+    (0, _react2.waitFor)(function () {
+      expect(onCancelSpy).toHaveBeenCalled();
+    });
+  });
+  it('Should not call onCancel when disableBackdropClick', function () {
+    var onCancelSpy = jest.fn();
+    var onConfirmSpy = jest.fn();
+    (0, _react2.render)( /*#__PURE__*/React.createElement(_RemoveDialog["default"], {
+      open: true,
+      disableBackdropClick: true,
+      title: TITLE,
+      text: TEXT,
+      labels: LABELS,
+      onCancel: onCancelSpy,
+      onConfirm: onConfirmSpy
+    }));
+    var title = _react2.screen.getByText(TITLE.toUpperCase());
+    _react2.fireEvent.keyDown(title, {
+      key: 'Escape',
+      keyCode: 27
+    });
+    (0, _react2.waitFor)(function () {
+      expect(onCancelSpy).not.toHaveBeenCalled();
+    });
+  });
+});

package/core/Experimental/Dialog/index.d.ts

@@ -0,0 +1,3 @@
+export { default as Dialog } from './Dialog';
+export { default as RemoveDialog } from './RemoveDialog';
+export { default as ConfirmDialog } from './ConfirmDialog';

package/core/Experimental/Dialog/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ConfirmDialog", {
+  enumerable: true,
+  get: function get() {
+    return _ConfirmDialog["default"];
+  }
+});
+Object.defineProperty(exports, "Dialog", {
+  enumerable: true,
+  get: function get() {
+    return _Dialog["default"];
+  }
+});
+Object.defineProperty(exports, "RemoveDialog", {
+  enumerable: true,
+  get: function get() {
+    return _RemoveDialog["default"];
+  }
+});
+var _Dialog = _interopRequireDefault(require("./Dialog"));
+var _RemoveDialog = _interopRequireDefault(require("./RemoveDialog"));
+var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog"));

package/core/Experimental/Fab/Fab.d.ts

@@ -0,0 +1,14 @@
+import type { MouseEvent, CSSProperties } from 'react';
+export interface IProps {
+    mini?: boolean;
+    className?: string;
+    name?: string;
+    tooltip?: string;
+    padding?: string | number;
+    margin?: string | number;
+    style?: CSSProperties;
+    children: JSX.Element;
+    onClick(event: MouseEvent<HTMLButtonElement>): void;
+}
+declare const FabV2: (props: IProps) => JSX.Element;
+export default FabV2;

package/core/Experimental/Fab/Fab.js

@@ -0,0 +1,48 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+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 React = _interopRequireWildcard(require("react"));
+var _Fab = _interopRequireDefault(require("../../Fab"));
+var _Tooltip = _interopRequireDefault(require("../../Tooltip"));
+var _excluded = ["mini", "children", "padding", "name", "margin", "style"];
+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; }
+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; }
+var FabV2 = function FabV2(props) {
+  var renderButton = function renderButton() {
+    var _props$mini = props.mini,
+      mini = _props$mini === void 0 ? true : _props$mini,
+      children = props.children,
+      padding = props.padding,
+      name = props.name,
+      margin = props.margin,
+      style = props.style,
+      otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
+    return /*#__PURE__*/React.createElement(_Fab["default"], (0, _extends2["default"])({
+      size: mini ? 'small' : 'medium',
+      name: name || 'action-button',
+      "data-testid": "fab-button"
+    }, otherProps, {
+      style: _objectSpread({
+        margin: margin,
+        padding: padding
+      }, style),
+      onClick: props.onClick
+    }), children);
+  };
+  return props.tooltip ? /*#__PURE__*/React.createElement(_Tooltip["default"], {
+    withWrapper: true,
+    title: props.tooltip
+  }, renderButton()) : renderButton();
+};
+var _default = FabV2;
+exports["default"] = _default;

package/core/Experimental/Fab/Fab.stories.d.ts

@@ -0,0 +1,9 @@
+export declare const fab: () => JSX.Element;
+declare const _default: {
+    title: string;
+    component: (props: import("./Fab").IProps) => JSX.Element;
+    subcomponents: {
+        FabWrapper: ({ padding, children, style, width, height }: import("./FabWrapper").IProps) => JSX.Element;
+    };
+};
+export default _default;

package/core/Experimental/Fab/Fab.stories.js

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fab = exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Fab = _interopRequireDefault(require("./Fab"));
+var _FabWrapper = _interopRequireDefault(require("./FabWrapper"));
+var _FileCopy = _interopRequireDefault(require("@material-ui/icons/FileCopy"));
+var fab = function fab() {
+  return /*#__PURE__*/_react["default"].createElement(_Fab["default"], {
+    name: "copy",
+    tooltip: "Copy file",
+    onClick: function onClick() {
+      return alert('fab click');
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_FileCopy["default"], null));
+};
+exports.fab = fab;
+var _default = {
+  title: 'V2/Fab',
+  component: _Fab["default"],
+  subcomponents: {
+    FabWrapper: _FabWrapper["default"]
+  }
+};
+exports["default"] = _default;

package/core/Experimental/Fab/FabWrapper.d.ts

@@ -0,0 +1,10 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface IProps {
+    padding?: number | string;
+    style?: CSSProperties;
+    width?: number | string;
+    height?: number | string;
+    children?: ReactNode;
+}
+declare const FabWrapper: ({ padding, children, style, width, height }: IProps) => JSX.Element;
+export default FabWrapper;