flipper-ui 0.27.1 → 0.28.0

package/{stories/Card.stories.js → test/mocks/editable-table-mock.js}

@@ -5,33 +5,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Card = _interopRequireWildcard(require("../core/Card"));
-var _Button = _interopRequireDefault(require("../core/Button"));
+exports["default"] = exports.WithDate2 = exports.WithDate = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _EditableTable = _interopRequireDefault(require("@/core/EditableTable"));
 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; }
-var _default = {
-  title: 'Card',
-  component: _Card["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
+var Default = function Default(_ref) {
+  var tableProps = _ref.tableProps;
+  return /*#__PURE__*/React.createElement(_EditableTable["default"], tableProps);
 };
-exports["default"] = _default;
-var url = 'https://media2.s-nbcnews.com/j/newscms/2018_20/1339477' + '/puppy-cute-today-180515-main_a936531048fdb698635dd1b418abdee9.fit-760w.jpg';
-var Default = function Default() {
-  return /*#__PURE__*/_react["default"].createElement(_Card["default"], null, /*#__PURE__*/_react["default"].createElement(_Card.CardActionArea, null, /*#__PURE__*/_react["default"].createElement(_Card.CardMedia, {
-    image: url,
-    title: "Puppies",
-    style: {
-      height: '256px'
-    }
-  }), /*#__PURE__*/_react["default"].createElement(_Card.CardContent, null, "...look, a beautiful person over here")), /*#__PURE__*/_react["default"].createElement(_Card.CardActions, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    size: "small",
-    color: "primary"
-  }, "Confirm")));
+var WithDate = function WithDate(_ref2) {
+  var tableProps = _ref2.tableProps;
+  return /*#__PURE__*/React.createElement(_EditableTable["default"], tableProps);
 };
-exports.Default = Default;
+exports.WithDate = WithDate;
+var WithDate2 = function WithDate2(_ref3) {
+  var tableProps = _ref3.tableProps;
+  return /*#__PURE__*/React.createElement(_EditableTable["default"], tableProps);
+};
+exports.WithDate2 = WithDate2;
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/pin-input-mock.d.ts

@@ -0,0 +1,6 @@
+import { PinInputGridProps } from '../../core/PinInput';
+interface IProps {
+    pinInputProps?: Partial<PinInputGridProps>;
+}
+declare const Mock: ({ pinInputProps }: IProps) => JSX.Element;
+export default Mock;

package/{stories/Grow.stories.js → test/mocks/pin-input-mock.js}

@@ -5,49 +5,59 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _Grow = _interopRequireDefault(require("../core/Grow"));
-var _Button = _interopRequireDefault(require("../core/Button"));
+var _PinInput = _interopRequireDefault(require("../../core/PinInput"));
+var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
 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; }
-var _default = {
-  title: 'Grow',
-  component: _Grow["default"],
-  argTypes: {
-    backgroundColor: {
-      control: 'color'
-    }
-  }
-};
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)(true),
+var PIN_LENGTH = 6;
+var Mock = function Mock(_ref) {
+  var pinInputProps = _ref.pinInputProps;
+  var _useState = (0, _react.useState)(new Array(PIN_LENGTH)),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)('Close'),
+    pin = _useState2[0],
+    setPin = _useState2[1];
+  var onPinChanged = function onPinChanged(pinEntry, index) {
+    var newPin = (0, _toConsumableArray2["default"])(pin);
+    newPin[index] = pinEntry;
+    setPin(newPin);
+  };
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    label = _useState4[0],
-    setLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    label === 'Close' ? setLabel('Open') : setLabel('Close');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    onClick: handleClick,
-    style: {
-      marginRight: '3em'
+    hasError = _useState4[0],
+    setHasError = _useState4[1];
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    isValidating = _useState6[0],
+    setIsValidating = _useState6[1];
+  var handleValidation = function handleValidation() {
+    setIsValidating(true);
+    if (pin.join('') !== '123123') {
+      setHasError(true);
+      setPin(new Array(PIN_LENGTH));
+    } else {
+      setHasError(false);
+      alert('PIN is correct');
     }
-  }, label), /*#__PURE__*/_react["default"].createElement(_Grow["default"], {
-    "in": open,
-    timeout: {
-      enter: 500,
-      exit: 500
+    setIsValidating(false);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PinInput["default"], {
+    pin: pin,
+    setPin: setPin,
+    onPinChanged: onPinChanged,
+    pinLength: PIN_LENGTH,
+    validationResult: hasError,
+    isValidating: isValidating,
+    size: "".concat((pinInputProps === null || pinInputProps === void 0 ? void 0 : pinInputProps.size) || 'small'),
+    variant: "outlined"
+  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+    onClick: function onClick() {
+      handleValidation();
     }
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
+  }, "Validate"));
 };
-exports.Default = Default;
+var _default = Mock;
+exports["default"] = _default;

package/test/mocks/radio-group-mock.d.ts

@@ -0,0 +1,6 @@
+import { RadioGroupProps } from '@/core/RadioGroup';
+interface IProps {
+    radioGroupProps?: Partial<RadioGroupProps>;
+}
+declare const Default: ({ radioGroupProps }: IProps) => JSX.Element;
+export default Default;

package/{stories/RadioGroup.stories.js → test/mocks/radio-group-mock.js}

@@ -5,36 +5,29 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _RadioGroup = _interopRequireDefault(require("../core/RadioGroup"));
+var React = _interopRequireWildcard(require("react"));
+var _RadioGroup = _interopRequireDefault(require("@/core/RadioGroup"));
 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; }
-var _default = {
-  title: 'RadioGroup',
-  component: _RadioGroup["default"]
-};
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)('first'),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    option = _useState2[0],
-    setOption = _useState2[1];
-  return /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+var Default = function Default(_ref) {
+  var radioGroupProps = _ref.radioGroupProps;
+  var _React$useState = React.useState('first'),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    option = _React$useState2[0],
+    setOption = _React$useState2[1];
+  return /*#__PURE__*/React.createElement(_RadioGroup["default"], {
     value: option,
+    spacing: radioGroupProps === null || radioGroupProps === void 0 ? void 0 : radioGroupProps.spacing,
     title: "My options",
     name: "options",
-    options: [{
-      label: 'First option',
-      value: 'first'
-    }, {
-      label: 'Second Option',
-      value: 'second'
-    }],
+    "data-testid": "radio-group-container",
+    options: radioGroupProps === null || radioGroupProps === void 0 ? void 0 : radioGroupProps.options,
     onChange: function onChange(event) {
       return setOption(event.target.value);
     }
   });
 };
-exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/select-mock.d.ts

@@ -0,0 +1,7 @@
+import { SelectProps } from '@/core/Select';
+interface IProps {
+    initialValue?: string;
+    selectProps?: Partial<SelectProps>;
+}
+declare const Default: (props: IProps) => JSX.Element;
+export default Default;

package/test/mocks/select-mock.js

@@ -0,0 +1,42 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _ListItem = _interopRequireDefault(require("@/core/ListItem"));
+var _Select = _interopRequireDefault(require("@/core/Select"));
+var React = _interopRequireWildcard(require("react"));
+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; }
+var Default = function Default(props) {
+  var _props$selectProps, _props$selectProps$on, _props$selectProps2, _props$selectProps$on2, _props$selectProps3;
+  var _React$useState = React.useState(props.initialValue || ''),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    select = _React$useState2[0],
+    setSelect = _React$useState2[1];
+  function handleChange(value) {
+    setSelect(value);
+  }
+  var handleClear = function handleClear() {
+    setSelect('');
+  };
+  return /*#__PURE__*/React.createElement(_Select["default"], {
+    hasClear: (_props$selectProps = props.selectProps) === null || _props$selectProps === void 0 ? void 0 : _props$selectProps.hasClear,
+    onClear: (_props$selectProps$on = (_props$selectProps2 = props.selectProps) === null || _props$selectProps2 === void 0 ? void 0 : _props$selectProps2.onClear) !== null && _props$selectProps$on !== void 0 ? _props$selectProps$on : handleClear,
+    value: select,
+    "data-testid": "select-container",
+    onChange: (_props$selectProps$on2 = (_props$selectProps3 = props.selectProps) === null || _props$selectProps3 === void 0 ? void 0 : _props$selectProps3.onChange) !== null && _props$selectProps$on2 !== void 0 ? _props$selectProps$on2 : handleChange
+  }, /*#__PURE__*/React.createElement(_ListItem["default"], {
+    value: "0"
+  }, "Option 0"), /*#__PURE__*/React.createElement(_ListItem["default"], {
+    value: "1"
+  }, "Option 1"), /*#__PURE__*/React.createElement(_ListItem["default"], {
+    value: "2"
+  }, "Option 2"));
+};
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/snackbar-mock.d.ts

@@ -0,0 +1,7 @@
+import { SnackBarProps } from '@/core/Snackbar';
+interface IProps {
+    withAction?: boolean;
+    snackProps?: Partial<SnackBarProps>;
+}
+declare const Default: ({ snackProps, withAction }: IProps) => JSX.Element;
+export default Default;

package/{stories/Snackbar.stories.js → test/mocks/snackbar-mock.js}

@@ -5,20 +5,17 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Warning = exports.Success = exports.Error = exports.Default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+exports["default"] = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
-var _Snackbar = _interopRequireDefault(require("../core/Snackbar"));
-var _Button = _interopRequireDefault(require("../core/Button"));
+var _index = require("@/index");
+var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
 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; }
-var _default = {
-  title: 'Snackbar',
-  component: _Snackbar["default"]
-};
-exports["default"] = _default;
-var Template = function Template(args) {
+var Default = function Default(_ref) {
+  var snackProps = _ref.snackProps,
+    withAction = _ref.withAction;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     btnState = _useState2[0],
@@ -35,57 +32,32 @@ var Template = function Template(args) {
     setOpen(!open);
     setBtnState(false);
   }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  var Action = function Action() {
+    return /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+      key: "close",
+      role: "close-icon-button",
+      "aria-label": "Close",
+      color: "inherit",
+      onClick: (snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClose) || handleClose
+    }, /*#__PURE__*/_react["default"].createElement(_Close["default"], null));
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_index.Button, {
     disabled: btnState,
+    "data-testid": "snackbar-button",
     style: {
       marginRight: '3em'
     },
     variant: "contained",
     color: "primary",
     onClick: handleClick
-  }, "Open"), /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], (0, _extends2["default"])({}, args, {
+  }, "Open"), /*#__PURE__*/_react["default"].createElement(_index.Snackbar, {
+    message: snackProps === null || snackProps === void 0 ? void 0 : snackProps.message,
+    autoHide: snackProps === null || snackProps === void 0 ? void 0 : snackProps.autoHide,
+    action: withAction ? /*#__PURE__*/_react["default"].createElement(Action, null) : undefined,
     open: open,
-    onClose: handleClose
-  })));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  anchorOrigin: {
-    horizontal: 'right',
-    vertical: 'bottom'
-  },
-  message: 'I give what I have got to give, I give what I need to live,\
-     I give what I have got to give, It is important if I wanna live!'
-};
-var Success = Template.bind({});
-exports.Success = Success;
-Success.args = {
-  variant: 'success',
-  message: 'In the town where I was born, Lived a man who sailed to sea',
-  children: 'Snackbar'
+    onClick: snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClick,
+    onClose: (snackProps === null || snackProps === void 0 ? void 0 : snackProps.onClose) || handleClose
+  }));
 };
-var Warning = Template.bind({});
-exports.Warning = Warning;
-Warning.args = {
-  variant: 'warning',
-  message: 'In the town where I was born, Lived a man who sailed to sea',
-  children: 'Snackbar'
-};
-var Error = Template.bind({});
-exports.Error = Error;
-Error.args = {
-  variant: 'error',
-  message: 'In the town where I was born, Lived a man who sailed to sea',
-  children: 'Snackbar'
-};
-
-/*
-export const WithLongDuration = Template.bind({})
-WithLongDuration.args = {
-    variant: 'info',
-    // transitionDuration: { enter: 0, exit: 200 },
-    message: 'In the town where I was born, Lived a man who sailed to sea',
-    children: 'Snackbar'
-}
-*/
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/step-card-mock.d.ts

@@ -0,0 +1,8 @@
+import { IStepCardProps } from '@/core/StepCard';
+interface IProps {
+    initialLoading?: boolean;
+    blockInitialLoading?: boolean;
+    stepProps: Partial<IStepCardProps>;
+}
+declare const Default: ({ stepProps, initialLoading, blockInitialLoading }: IProps) => JSX.Element;
+export default Default;

package/{stories/Fade.stories.js → test/mocks/step-card-mock.js}

@@ -5,40 +5,36 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Fade = _interopRequireDefault(require("../core/Fade"));
-var _Button = _interopRequireDefault(require("../core/Button"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _StepCard = _interopRequireDefault(require("@/core/StepCard"));
+var React = _interopRequireWildcard(require("react"));
+var _excluded = ["percentage", "summary", "title"];
 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; }
-var _default = {
-  title: 'Fade',
-  component: _Fade["default"]
+var Default = function Default(_ref) {
+  var stepProps = _ref.stepProps,
+    initialLoading = _ref.initialLoading,
+    blockInitialLoading = _ref.blockInitialLoading;
+  var percentage = stepProps.percentage,
+    summary = stepProps.summary,
+    title = stepProps.title,
+    rest = (0, _objectWithoutProperties2["default"])(stepProps, _excluded);
+  var _React$useState = React.useState(initialLoading !== null && initialLoading !== void 0 ? initialLoading : false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    loading = _React$useState2[0],
+    setLoading = _React$useState2[1];
+  setTimeout(function () {
+    setLoading(false);
+  }, 1500);
+  return /*#__PURE__*/React.createElement(_StepCard["default"], (0, _extends2["default"])({
+    percentage: percentage || 0,
+    summary: summary || '',
+    title: title || '',
+    loading: blockInitialLoading ? undefined : loading
+  }, rest));
 };
-exports["default"] = _default;
-var Default = function Default() {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)('Close'),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    label = _useState4[0],
-    setLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    label === 'Close' ? setLabel('Open') : setLabel('Close');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    style: {
-      marginRight: '3em'
-    },
-    variant: "contained",
-    color: "primary",
-    onClick: handleClick
-  }, label), /*#__PURE__*/_react["default"].createElement(_Fade["default"], {
-    "in": open
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "I am open for discussions")));
-};
-exports.Default = Default;
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/text-field-mock.d.ts

@@ -0,0 +1,7 @@
+import { TextFieldProps } from '@/core/TextField';
+interface IProps {
+    initialOption?: string;
+    inputProps?: TextFieldProps;
+}
+declare const Default: ({ inputProps, initialOption }: IProps) => JSX.Element;
+export default Default;

package/{stories/Slide.stories.js → test/mocks/text-field-mock.js}

@@ -5,47 +5,55 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Default = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
-var _Slide = _interopRequireDefault(require("../core/Slide"));
-var _Button = _interopRequireDefault(require("../core/Button"));
+var _ListItem = _interopRequireDefault(require("@/core/ListItem"));
+var _TextField = _interopRequireDefault(require("@/core/TextField"));
+var React = _interopRequireWildcard(require("react"));
 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; }
-var _default = {
-  title: 'Slide',
-  component: _Slide["default"]
+var LIST = [{
+  label: null,
+  value: ''
+}, {
+  label: 'Elm',
+  value: 'elm'
+}, {
+  label: 'ReasonML',
+  value: 'reasonml'
+}, {
+  label: 'Purescript',
+  value: 'purescript'
+}, {
+  label: 'Fable',
+  value: 'fable'
+}];
+var Default = function Default(_ref) {
+  var inputProps = _ref.inputProps,
+    initialOption = _ref.initialOption;
+  var _React$useState = React.useState(initialOption ? initialOption : ''),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  var handleChange = function handleChange(event) {
+    setValue(event.target.value);
+  };
+  var handleClear = function handleClear() {
+    setValue('');
+  };
+  return /*#__PURE__*/React.createElement(_TextField["default"], (0, _extends2["default"])({
+    value: value,
+    onChange: handleChange,
+    onClear: handleClear
+  }, inputProps), inputProps !== null && inputProps !== void 0 && inputProps.select ? LIST.map(function (_ref2) {
+    var label = _ref2.label,
+      value = _ref2.value;
+    return /*#__PURE__*/React.createElement(_ListItem["default"], {
+      key: value,
+      value: value
+    }, label);
+  }) : undefined);
 };
-exports["default"] = _default;
-var Template = function Template(args) {
-  var _useState = (0, _react.useState)(true),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    open = _useState2[0],
-    setOpen = _useState2[1];
-  var _useState3 = (0, _react.useState)('Close'),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    btnLabel = _useState4[0],
-    setBtnLabel = _useState4[1];
-  function handleClick() {
-    setOpen(!open);
-    btnLabel === 'Close' ? setBtnLabel('Open') : setBtnLabel('Close');
-  }
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-    color: "primary",
-    variant: "contained",
-    style: {
-      marginRight: '3em'
-    },
-    onClick: handleClick
-  }, btnLabel), /*#__PURE__*/_react["default"].createElement(_Slide["default"], (0, _extends2["default"])({}, args, {
-    "in": open
-  })));
-};
-var Default = Template.bind({});
-exports.Default = Default;
-Default.args = {
-  direction: 'left',
-  timeout: 300,
-  children: /*#__PURE__*/_react["default"].createElement("span", null, "Im not open for discussions.")
-};
+var _default = Default;
+exports["default"] = _default;

package/test/util.d.ts

@@ -0,0 +1,14 @@
+type DragOptions = {
+    to?: {
+        x: number;
+        y: number;
+    } | Element;
+    delta?: {
+        x: number;
+        y: number;
+    };
+    steps?: number;
+    duration?: number;
+};
+export default function drag(element: Element, { to: inTo, delta, steps, duration }?: DragOptions): Promise<void>;
+export {};