@pie-lib/render-ui 4.15.9 → 4.16.1-beta.0

package/lib/withUndoReset.js

@@ -1,181 +0,0 @@
-"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 _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
-var _styles = require("@material-ui/core/styles");
-
-var _Restore = _interopRequireDefault(require("@material-ui/icons/Restore"));
-
-var _Undo = _interopRequireDefault(require("@material-ui/icons/Undo"));
-
-var _excluded = ["classes"];
-
-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 _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-var styles = function styles(theme) {
-  return {
-    wrapper: {
-      display: 'flex',
-      flexDirection: 'column'
-    },
-    resetUndoContainer: {
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center'
-    },
-    icon: {
-      width: '24px',
-      height: '24px',
-      color: 'gray',
-      marginRight: theme.spacing.unit
-    },
-    buttonContainer: {
-      display: 'flex',
-      alignItems: 'center',
-      marginLeft: theme.spacing.unit * 3,
-      marginRight: theme.spacing.unit * 3
-    }
-  };
-};
-/**
- * HOC that adds undo and reset functionality for session values
- */
-
-
-var withUndoReset = function withUndoReset(WrappedComponent) {
-  var WithUndoReset = /*#__PURE__*/function (_React$Component) {
-    (0, _inherits2["default"])(WithUndoReset, _React$Component);
-
-    var _super = _createSuper(WithUndoReset);
-
-    function WithUndoReset(props) {
-      var _this;
-
-      (0, _classCallCheck2["default"])(this, WithUndoReset);
-      _this = _super.call(this, props);
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onSessionChange", function (session) {
-        _this.setState(function (state) {
-          return {
-            session: session,
-            changes: [].concat((0, _toConsumableArray2["default"])(state.changes), [session])
-          };
-        }, function () {
-          return _this.props.onSessionChange(session);
-        });
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onUndo", function () {
-        _this.setState(function (state) {
-          var newChanges = (0, _toConsumableArray2["default"])(state.changes);
-          newChanges.pop();
-          return {
-            changes: newChanges,
-            session: newChanges.length ? newChanges[newChanges.length - 1] : state.sessionInitialValues
-          };
-        }, function () {
-          return _this.props.onSessionChange(_this.state.session);
-        });
-      });
-      (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onReset", function () {
-        _this.setState(function (state) {
-          return {
-            session: state.sessionInitialValues,
-            changes: []
-          };
-        }, function () {
-          return _this.props.onSessionChange(_this.state.sessionInitialValues);
-        });
-      });
-      _this.state = {
-        sessionInitialValues: JSON.parse(JSON.stringify(props.session)),
-        session: props.session,
-        changes: []
-      };
-      return _this;
-    }
-
-    (0, _createClass2["default"])(WithUndoReset, [{
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-            classes = _this$props.classes,
-            rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
-        var _this$state = this.state,
-            changes = _this$state.changes,
-            session = _this$state.session;
-        return /*#__PURE__*/React.createElement("div", {
-          className: classes.wrapper
-        }, /*#__PURE__*/React.createElement("div", {
-          className: classes.resetUndoContainer
-        }, /*#__PURE__*/React.createElement(_Button["default"], {
-          className: classes.buttonContainer,
-          color: "primary",
-          disabled: changes.length === 0,
-          onClick: this.onUndo
-        }, /*#__PURE__*/React.createElement(_Undo["default"], {
-          className: classes.icon
-        }), " Undo"), /*#__PURE__*/React.createElement(_Button["default"], {
-          className: classes.buttonContainer,
-          color: "primary",
-          disabled: changes.length === 0,
-          onClick: this.onReset
-        }, /*#__PURE__*/React.createElement(_Restore["default"], {
-          className: classes.icon
-        }), " Start Over")), /*#__PURE__*/React.createElement(WrappedComponent, (0, _extends2["default"])({}, rest, {
-          session: session,
-          onSessionChange: this.onSessionChange
-        })));
-      }
-    }]);
-    return WithUndoReset;
-  }(React.Component);
-
-  (0, _defineProperty2["default"])(WithUndoReset, "propTypes", {
-    classes: _propTypes["default"].object,
-    session: _propTypes["default"].object,
-    onSessionChange: _propTypes["default"].func
-  });
-  return (0, _styles.withStyles)(styles)(WithUndoReset);
-};
-
-var _default = withUndoReset;
-exports["default"] = _default;
-//# sourceMappingURL=withUndoReset.js.map

package/lib/withUndoReset.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/withUndoReset.jsx"],"names":["styles","theme","wrapper","display","flexDirection","resetUndoContainer","alignItems","justifyContent","icon","width","height","color","marginRight","spacing","unit","buttonContainer","marginLeft","withUndoReset","WrappedComponent","WithUndoReset","props","session","setState","state","changes","onSessionChange","newChanges","pop","length","sessionInitialValues","JSON","parse","stringify","classes","rest","onUndo","onReset","React","Component","PropTypes","object","func"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from '@material-ui/core/Button';\nimport { withStyles } from '@material-ui/core/styles';\nimport Restore from '@material-ui/icons/Restore';\nimport Undo from '@material-ui/icons/Undo';\n\nconst styles = (theme) => ({\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  resetUndoContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n  icon: {\n    width: '24px',\n    height: '24px',\n    color: 'gray',\n    marginRight: theme.spacing.unit,\n  },\n  buttonContainer: {\n    display: 'flex',\n    alignItems: 'center',\n    marginLeft: theme.spacing.unit * 3,\n    marginRight: theme.spacing.unit * 3,\n  },\n});\n\n/**\n * HOC that adds undo and reset functionality for session values\n */\nconst withUndoReset = (WrappedComponent) => {\n  class WithUndoReset extends React.Component {\n    static propTypes = {\n      classes: PropTypes.object,\n      session: PropTypes.object,\n      onSessionChange: PropTypes.func,\n    };\n\n    constructor(props) {\n      super(props);\n\n      this.state = {\n        sessionInitialValues: JSON.parse(JSON.stringify(props.session)),\n        session: props.session,\n        changes: [],\n      };\n    }\n\n    onSessionChange = (session) => {\n      this.setState(\n        (state) => ({ session, changes: [...state.changes, session] }),\n        () => this.props.onSessionChange(session),\n      );\n    };\n\n    onUndo = () => {\n      this.setState(\n        (state) => {\n          const newChanges = [...state.changes];\n\n          newChanges.pop();\n\n          return {\n            changes: newChanges,\n            session: newChanges.length ? newChanges[newChanges.length - 1] : state.sessionInitialValues,\n          };\n        },\n        () => this.props.onSessionChange(this.state.session),\n      );\n    };\n\n    onReset = () => {\n      this.setState(\n        (state) => ({ session: state.sessionInitialValues, changes: [] }),\n        () => this.props.onSessionChange(this.state.sessionInitialValues),\n      );\n    };\n\n    render() {\n      const { classes, ...rest } = this.props;\n      const { changes, session } = this.state;\n\n      return (\n        <div className={classes.wrapper}>\n          <div className={classes.resetUndoContainer}>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onUndo}\n            >\n              <Undo className={classes.icon} /> Undo\n            </Button>\n            <Button\n              className={classes.buttonContainer}\n              color=\"primary\"\n              disabled={changes.length === 0}\n              onClick={this.onReset}\n            >\n              <Restore className={classes.icon} /> Start Over\n            </Button>\n          </div>\n          <WrappedComponent {...rest} session={session} onSessionChange={this.onSessionChange} />\n        </div>\n      );\n    }\n  }\n\n  return withStyles(styles)(WithUndoReset);\n};\n\nexport default withUndoReset;\n"],"file":"withUndoReset.js"}