flipper-ui 0.27.2 → 0.29.0

package/test/mocks/data-table-mock.js

@@ -0,0 +1,322 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _button = _interopRequireDefault(require("@/core/inputs/button"));
+var _dataTable = require("@/core/data-display/data-table");
+var _dataTable2 = _interopRequireDefault(require("@/core/data-display/data-table/data-table"));
+var _types = require("@/core/data-display/data-table/types");
+var _typography = _interopRequireDefault(require("@/core/data-display/typography"));
+var _icons = require("@/icons");
+var _format = _interopRequireDefault(require("date-fns/format"));
+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; }
+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 Default = function Default() {
+  var date = function date() {
+    return new Date();
+  };
+  var controllerRef = (0, _react.useRef)();
+  var _useState = (0, _react.useState)({}),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    errors = _useState2[0],
+    setErrors = _useState2[1];
+  var randomId = function randomId() {
+    return Math.random().toString(36).substr(0, 12);
+  };
+  var _useState3 = (0, _react.useState)([{
+      id: 1,
+      product: 'Magazine',
+      price: 13.5,
+      quantity: 12,
+      date: date()
+    }, {
+      id: 2,
+      product: 'Table',
+      price: 200.49,
+      quantity: 3,
+      date: date()
+    }, {
+      id: 3,
+      product: 'Chair',
+      price: 53.5,
+      quantity: 9,
+      date: date()
+    }, {
+      id: 4,
+      product: 'Keyboard',
+      price: 53.29,
+      quantity: 4,
+      date: date()
+    }, {
+      id: 5,
+      product: 'Mouse',
+      price: 27.13,
+      quantity: 16,
+      date: date()
+    }, {
+      id: 6,
+      product: 'Microphone',
+      price: 89.14,
+      quantity: 2,
+      date: date()
+    }, {
+      id: 7,
+      product: 'Headset',
+      price: 117.85,
+      quantity: 6,
+      date: date()
+    }, {
+      id: 8,
+      product: 'Pencil',
+      price: 1.5,
+      quantity: 11,
+      date: date()
+    }]),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    data = _useState4[0],
+    setData = _useState4[1];
+  var handleAdd = function handleAdd() {
+    var _controllerRef$curren;
+    (_controllerRef$curren = controllerRef.current) === null || _controllerRef$curren === void 0 ? void 0 : _controllerRef$curren.addRow({
+      id: randomId(),
+      date: date()
+    });
+  };
+  var handleEdit = function handleEdit(id) {
+    return function () {
+      var _controllerRef$curren2;
+      (_controllerRef$curren2 = controllerRef.current) === null || _controllerRef$curren2 === void 0 ? void 0 : _controllerRef$curren2.editRow(id);
+    };
+  };
+  var handleDelete = function handleDelete(id) {
+    return function () {
+      var _controllerRef$curren3;
+      (_controllerRef$curren3 = controllerRef.current) === null || _controllerRef$curren3 === void 0 ? void 0 : _controllerRef$curren3.pushRowView(id, 'confirmDelete');
+    };
+  };
+  var handleView = function handleView(id) {
+    return function () {
+      var _controllerRef$curren4;
+      (_controllerRef$curren4 = controllerRef.current) === null || _controllerRef$curren4 === void 0 ? void 0 : _controllerRef$curren4.viewRow(id);
+    };
+  };
+  var isNullable = function isNullable(x) {
+    return x == null;
+  };
+  var isNotPositive = function isNotPositive(x) {
+    return x <= 0;
+  };
+  var isAfterNow = function isAfterNow(x) {
+    return +x > +new Date();
+  };
+  var isEmpty = function isEmpty(x) {
+    return x.trim().length === 0;
+  };
+  var handleErrors = function handleErrors(id) {
+    var nextItem = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var isPartial = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    var errorFields = [{
+      field: 'quantity',
+      isErrorIf: [isNaN, isNotPositive]
+    }, {
+      field: 'date',
+      isErrorIf: [isAfterNow]
+    }, {
+      field: 'product',
+      isErrorIf: [isEmpty]
+    }, {
+      field: 'price',
+      isErrorIf: [isNaN, isNotPositive]
+    }].filter(function (_ref) {
+      var field = _ref.field,
+        isErrorIf = _ref.isErrorIf;
+      // @ts-ignore
+      var value = nextItem[field];
+      if (isNullable(value)) {
+        if (isPartial) {
+          return false;
+        }
+        return true;
+      }
+      return isErrorIf.some(function (cond) {
+        return cond;
+      });
+    }).map(function (_ref2) {
+      var field = _ref2.field;
+      return field;
+    });
+    setErrors(function (errors) {
+      return _objectSpread(_objectSpread({}, errors), {}, (0, _defineProperty2["default"])({}, id, new Set(errorFields)));
+    });
+    return errorFields.length > 0;
+  };
+  var handleSave = function handleSave(id) {
+    var isNew = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    return function () {
+      var _controllerRef$curren5, _controllerRef$curren6;
+      var nextItem = (_controllerRef$curren5 = controllerRef.current) === null || _controllerRef$curren5 === void 0 ? void 0 : _controllerRef$curren5.getEditedRowData(id);
+      if (!nextItem) {
+        return;
+      }
+      if (handleErrors(id, nextItem, !isNew)) {
+        return;
+      }
+      if (isNew) {
+        setData(function (data) {
+          return [nextItem].concat((0, _toConsumableArray2["default"])(data));
+        });
+      } else {
+        setData(function (data) {
+          return data.map(function (item) {
+            if (item.id === id) {
+              return _objectSpread(_objectSpread({}, item), nextItem);
+            }
+            return item;
+          });
+        });
+      }
+      (_controllerRef$curren6 = controllerRef.current) === null || _controllerRef$curren6 === void 0 ? void 0 : _controllerRef$curren6.viewRow(id);
+    };
+  };
+  var columns = [{
+    title: 'Product',
+    field: 'product',
+    type: 'text',
+    cellStyle: {
+      width: '120px'
+    },
+    editable: true
+  }, {
+    title: 'Price (R$)',
+    field: 'price',
+    type: 'numeric-float',
+    editable: true,
+    getValue: function getValue(value) {
+      return value.toFixed(2).replace('.', ',');
+    }
+  }, {
+    title: 'Quantity',
+    field: 'quantity',
+    type: 'numeric-int',
+    editable: true,
+    cellStyle: {
+      width: '82px'
+    }
+  }, {
+    title: 'Date',
+    field: 'date',
+    type: 'datetime',
+    editable: true,
+    getValue: function getValue(value) {
+      return (0, _format["default"])(value, 'dd/MM/yyyy HH:mm');
+    },
+    cellStyle: {
+      width: '200px'
+    }
+  }, {
+    title: 'Actions',
+    type: 'actions',
+    align: 'center',
+    cellStyle: {
+      width: '60px'
+    },
+    renderCell: function renderCell(_ref3) {
+      var id = _ref3.data.id,
+        rowMode = _ref3.rowMode,
+        _ref3$isNew = _ref3.isNew,
+        isNew = _ref3$isNew === void 0 ? false : _ref3$isNew;
+      if (rowMode === _types.RowMode.View) {
+        return /*#__PURE__*/_react["default"].createElement("div", {
+          style: {
+            display: 'flex'
+          }
+        }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+          label: "Edit",
+          onClick: handleEdit(id)
+        }, /*#__PURE__*/_react["default"].createElement(_icons.Edit, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+          label: "Delete",
+          onClick: handleDelete(id)
+        }, /*#__PURE__*/_react["default"].createElement(_icons.Delete, null)));
+      }
+      return /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        label: "Save",
+        onClick: handleSave(id, isNew)
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Save, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        label: "Cancel",
+        onClick: handleView(id)
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)));
+    }
+  }];
+  var rowViews = {
+    confirmDelete: function confirmDelete(_ref4) {
+      var data = _ref4.data;
+      return /*#__PURE__*/_react["default"].createElement("td", {
+        colSpan: 5
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex',
+          padding: '16px',
+          justifyContent: 'space-between'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_typography["default"], null, "Confirm Delete \"", data.product, "\"?"), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        label: "CheckIcon",
+        onClick: function onClick() {
+          var _controllerRef$curren7;
+          (_controllerRef$curren7 = controllerRef.current) === null || _controllerRef$curren7 === void 0 ? void 0 : _controllerRef$curren7.popRowView(data.id);
+          setData(function (dataList) {
+            return dataList.filter(function (item) {
+              return item.id !== data.id;
+            });
+          });
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Check, null)), /*#__PURE__*/_react["default"].createElement(_dataTable.DataTableAction, {
+        label: "CancelIcon",
+        onClick: function onClick() {
+          var _controllerRef$curren8;
+          (_controllerRef$curren8 = controllerRef.current) === null || _controllerRef$curren8 === void 0 ? void 0 : _controllerRef$curren8.popRowView(data.id);
+        }
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Cancel, null)))));
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    onClick: handleAdd
+  }, "Add Row"), /*#__PURE__*/_react["default"].createElement(_dataTable2["default"], {
+    data: data,
+    controllerRef: controllerRef,
+    errors: errors,
+    pagination: {
+      rowsPerPage: 5,
+      showFirstButton: true,
+      showLastButton: true,
+      labelRowsPerPage: 'Rows per page:',
+      labelDisplayedRows: function labelDisplayedRows(_ref5) {
+        var from = _ref5.from,
+          to = _ref5.to,
+          count = _ref5.count;
+        return "".concat(from, "-").concat(to, " of ").concat(count !== -1 ? count : "more than ".concat(to));
+      }
+    },
+    rowViews: rowViews,
+    columns: columns
+  }));
+};
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/date-time-mock.d.ts

@@ -0,0 +1,7 @@
+import { DateTimeProps } from '@/core/inputs/date-time';
+interface IProps {
+    initialValue?: string;
+    dateProps?: Partial<DateTimeProps>;
+}
+declare const Default: ({ dateProps, initialValue }: IProps) => JSX.Element;
+export default Default;

package/test/mocks/date-time-mock.js

@@ -0,0 +1,38 @@
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _dateTime = _interopRequireDefault(require("@/core/inputs/date-time"));
+var _isValid = _interopRequireDefault(require("date-fns/isValid"));
+var _startOfDay = _interopRequireDefault(require("date-fns/startOfDay"));
+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(_ref) {
+  var dateProps = _ref.dateProps,
+    initialValue = _ref.initialValue;
+  var _React$useState = React.useState(initialValue !== null && initialValue !== void 0 ? initialValue : new Date()),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    value = _React$useState2[0],
+    setValue = _React$useState2[1];
+  var handleChange = function handleChange(date, value) {
+    if ((0, _isValid["default"])(date)) {
+      setValue(date);
+    } else {
+      setValue(value !== null && value !== void 0 ? value : '');
+    }
+  };
+  return /*#__PURE__*/React.createElement(_dateTime["default"], (0, _extends2["default"])({
+    value: value,
+    initialFocusedDate: (0, _startOfDay["default"])(new Date()),
+    onChange: handleChange
+  }, dateProps));
+};
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/editable-table-date-mock.d.ts

@@ -0,0 +1,10 @@
+import { EditableTableProps } from '@/core/data-display/editable-table';
+interface IProps<T extends object> {
+    tableProps?: Partial<EditableTableProps<T>>;
+}
+interface IDate {
+    date: Date;
+    position: number;
+}
+declare const Default: ({ tableProps }: IProps<IDate>) => JSX.Element;
+export default Default;

package/test/mocks/editable-table-date-mock.js

@@ -0,0 +1,18 @@
+"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 React = _interopRequireWildcard(require("react"));
+var _editableTable = _interopRequireDefault(require("@/core/data-display/editable-table"));
+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(_ref) {
+  var tableProps = _ref.tableProps;
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
+};
+var _default = Default;
+exports["default"] = _default;

package/test/mocks/editable-table-mock.d.ts

@@ -0,0 +1,16 @@
+import { EditableTableProps } from '@/core/data-display/editable-table';
+interface IProps<T extends object> {
+    tableProps?: Partial<EditableTableProps<T>>;
+}
+interface IData {
+    name: string;
+    value: number;
+}
+interface IDate {
+    date: Date;
+    position: number;
+}
+declare const Default: ({ tableProps }: IProps<IData>) => JSX.Element;
+export declare const WithDate: ({ tableProps }: IProps<IDate>) => JSX.Element;
+export declare const WithDate2: ({ tableProps }: IProps<IDate>) => JSX.Element;
+export default Default;

package/test/mocks/editable-table-mock.js

@@ -0,0 +1,28 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.WithDate2 = exports.WithDate = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _editableTable = _interopRequireDefault(require("@/core/data-display/editable-table"));
+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(_ref) {
+  var tableProps = _ref.tableProps;
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
+};
+var WithDate = function WithDate(_ref2) {
+  var tableProps = _ref2.tableProps;
+  return /*#__PURE__*/React.createElement(_editableTable["default"], tableProps);
+};
+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/inputs/pin-input';
+interface IProps {
+    pinInputProps?: Partial<PinInputGridProps>;
+}
+declare const Mock: ({ pinInputProps }: IProps) => JSX.Element;
+export default Mock;

package/test/mocks/pin-input-mock.js

@@ -0,0 +1,63 @@
+"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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _pinInput = _interopRequireDefault(require("../../core/inputs/pin-input"));
+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 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),
+    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),
+    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');
+    }
+    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();
+    }
+  }, "Validate"));
+};
+var _default = Mock;
+exports["default"] = _default;

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

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

package/test/mocks/radio-group-mock.js

@@ -0,0 +1,33 @@
+"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 React = _interopRequireWildcard(require("react"));
+var _radioGroup = _interopRequireDefault(require("@/core/inputs/radio-group"));
+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(_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",
+    "data-testid": "radio-group-container",
+    options: radioGroupProps === null || radioGroupProps === void 0 ? void 0 : radioGroupProps.options,
+    onChange: function onChange(event) {
+      return setOption(event.target.value);
+    }
+  });
+};
+var _default = Default;
+exports["default"] = _default;

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

@@ -0,0 +1,7 @@
+import { SelectProps } from '@/core/inputs/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/data-display/list-item"));
+var _select = _interopRequireDefault(require("@/core/inputs/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/feedback/snackbar';
+interface IProps {
+    withAction?: boolean;
+    snackProps?: Partial<SnackBarProps>;
+}
+declare const Default: ({ snackProps, withAction }: IProps) => JSX.Element;
+export default Default;