@pie-element/number-line 11.3.4-next.3 → 12.0.0-beta.1

package/configure/lib/point-config.js

@@ -1,144 +1,84 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
-
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _react = _interopRequireDefault(require("react"));
-
 var _numberLine = require("@pie-element/number-line");
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-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; }
-
-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 Point = _numberLine.pointChooser.Point;
-
-var styles = function styles(theme) {
-  return {
-    displayToggles: {
-      paddingTop: theme.spacing.unit * 2.5,
-      '& > :first-child': {
-        marginRight: theme.spacing.unit
-      }
-    }
-  };
-};
-
-var PointConfig = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(PointConfig, _React$Component);
-
-  var _super = _createSuper(PointConfig);
-
-  function PointConfig(props) {
-    (0, _classCallCheck2["default"])(this, PointConfig);
-    return _super.call(this, props);
+const {
+  Point
+} = _numberLine.pointChooser;
+const DisplayToggles = (0, _styles.styled)('div')(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(2.5),
+  '& > :first-child': {
+    marginRight: theme.spacing(1)
   }
-
-  (0, _createClass2["default"])(PointConfig, [{
-    key: "toggle",
-    value: function toggle(point) {
-      var update = _objectSpread({}, this.props.selection);
-
-      update[point] = !update[point];
-
-      this._propsUpdate(update);
-    }
-  }, {
-    key: "toggleAll",
-    value: function toggleAll(value) {
-      var display = (0, _toConsumableArray2["default"])(PointConfig.types).reduce(function (acc, point) {
-        acc[point] = value;
-        return acc;
-      }, {});
-
-      this._propsUpdate(display);
-    }
-  }, {
-    key: "_propsUpdate",
-    value: function _propsUpdate(selection) {
-      this.props.onSelectionChange(selection);
-    }
-  }, {
-    key: "active",
-    value: function active(point) {
-      return this.props.selection[point] === true; // ? 'active' : '';
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this = this;
-
-      // Setting default value if not passed in configuration properties.
-      var _this$props = this.props,
-          classes = _this$props.classes,
-          availableTools = _this$props.availableTools,
-          _this$props$hideButto = _this$props.hideButtons,
-          hideButtons = _this$props$hideButto === void 0 ? false : _this$props$hideButto;
-      var icons = (availableTools || []).map(function (point) {
-        return /*#__PURE__*/_react["default"].createElement(Point, {
-          iconKey: point.toLowerCase(),
-          key: point.toLowerCase(),
-          onClick: _this.toggle.bind(_this, point),
-          active: _this.active(point)
-        });
+}));
+class PointConfig extends _react.default.Component {
+  constructor(props) {
+    super(props);
+  }
+  toggle(point) {
+    const update = {
+      ...this.props.selection
+    };
+    update[point] = !update[point];
+    this._propsUpdate(update);
+  }
+  toggleAll(value) {
+    const display = [...PointConfig.types].reduce((acc, point) => {
+      acc[point] = value;
+      return acc;
+    }, {});
+    this._propsUpdate(display);
+  }
+  _propsUpdate(selection) {
+    this.props.onSelectionChange(selection);
+  }
+  active(point) {
+    return this.props.selection[point] === true; // ? 'active' : '';
+  }
+  render() {
+    // Setting default value if not passed in configuration properties.
+    const {
+      availableTools,
+      hideButtons = false
+    } = this.props;
+    const icons = (availableTools || []).map(point => {
+      return /*#__PURE__*/_react.default.createElement(Point, {
+        iconKey: point.toLowerCase(),
+        key: point.toLowerCase(),
+        onClick: this.toggle.bind(this, point),
+        active: this.active(point)
       });
-      return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, icons), /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.displayToggles,
-        hidden: hideButtons
-      }, /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        variant: "outlined",
-        size: "small",
-        onClick: this.toggleAll.bind(this, true)
-      }, "Select All"), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
-        variant: "outlined",
-        size: "small",
-        onClick: this.toggleAll.bind(this, false)
-      }, "None")));
-    }
-  }]);
-  return PointConfig;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(PointConfig, "propTypes", {
-  onSelectionChange: _propTypes["default"].func,
-  selection: _propTypes["default"].object,
-  classes: _propTypes["default"].object,
-  availableTools: _propTypes["default"].array,
-  hideButtons: _propTypes["default"].bool
+    });
+    return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", null, icons), /*#__PURE__*/_react.default.createElement(DisplayToggles, {
+      hidden: hideButtons
+    }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "outlined",
+      size: "small",
+      onClick: this.toggleAll.bind(this, true)
+    }, "Select All"), /*#__PURE__*/_react.default.createElement(_Button.default, {
+      variant: "outlined",
+      size: "small",
+      onClick: this.toggleAll.bind(this, false)
+    }, "None")));
+  }
+}
+(0, _defineProperty2.default)(PointConfig, "propTypes", {
+  onSelectionChange: _propTypes.default.func,
+  selection: _propTypes.default.object,
+  availableTools: _propTypes.default.array,
+  hideButtons: _propTypes.default.bool
 });
 PointConfig.types = ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'];
-
-var _default = (0, _styles.withStyles)(styles, {
-  name: 'PointConfig'
-})(PointConfig);
-
-exports["default"] = _default;
+var _default = exports.default = PointConfig;
 //# sourceMappingURL=point-config.js.map

package/configure/lib/point-config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/point-config.jsx"],"names":["Point","pointChooser","styles","theme","displayToggles","paddingTop","spacing","unit","marginRight","PointConfig","props","point","update","selection","_propsUpdate","value","display","types","reduce","acc","onSelectionChange","classes","availableTools","hideButtons","icons","map","toLowerCase","toggle","bind","active","toggleAll","React","Component","PropTypes","func","object","array","bool","name"],"mappings":"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","sourcesContent":["import Button from '@material-ui/core/Button';\nimport React from 'react';\nimport { pointChooser } from '@pie-element/number-line';\nimport { withStyles } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\nconst { Point } = pointChooser;\n\nconst styles = (theme) => ({\n  displayToggles: {\n    paddingTop: theme.spacing.unit * 2.5,\n    '& > :first-child': {\n      marginRight: theme.spacing.unit,\n    },\n  },\n});\n\nclass PointConfig extends React.Component {\n  static propTypes = {\n    onSelectionChange: PropTypes.func,\n    selection: PropTypes.object,\n    classes: PropTypes.object,\n    availableTools: PropTypes.array,\n    hideButtons: PropTypes.bool,\n  };\n  constructor(props) {\n    super(props);\n  }\n\n  toggle(point) {\n    const update = { ...this.props.selection };\n    update[point] = !update[point];\n    this._propsUpdate(update);\n  }\n\n  toggleAll(value) {\n    const display = [...PointConfig.types].reduce((acc, point) => {\n      acc[point] = value;\n\n      return acc;\n    }, {});\n\n    this._propsUpdate(display);\n  }\n\n  _propsUpdate(selection) {\n    this.props.onSelectionChange(selection);\n  }\n\n  active(point) {\n    return this.props.selection[point] === true; // ? 'active' : '';\n  }\n\n  render() {\n    // Setting default value if not passed in configuration properties.\n    const { classes, availableTools, hideButtons = false } = this.props;\n\n    const icons = (availableTools || []).map((point) => {\n      return (\n        <Point\n          iconKey={point.toLowerCase()}\n          key={point.toLowerCase()}\n          onClick={this.toggle.bind(this, point)}\n          active={this.active(point)}\n        />\n      );\n    });\n\n    return (\n      <div>\n        <div>{icons}</div>\n        <div className={classes.displayToggles} hidden={hideButtons}>\n          <Button variant=\"outlined\" size=\"small\" onClick={this.toggleAll.bind(this, true)}>\n            Select All\n          </Button>\n          <Button variant=\"outlined\" size=\"small\" onClick={this.toggleAll.bind(this, false)}>\n            None\n          </Button>\n        </div>\n      </div>\n    );\n  }\n}\n\nPointConfig.types = ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'];\n\nexport default withStyles(styles, { name: 'PointConfig' })(PointConfig);\n"],"file":"point-config.js"}
+{"version":3,"file":"point-config.js","names":["_Button","_interopRequireDefault","require","_react","_numberLine","_styles","_propTypes","Point","pointChooser","DisplayToggles","styled","theme","paddingTop","spacing","marginRight","PointConfig","React","Component","constructor","props","toggle","point","update","selection","_propsUpdate","toggleAll","value","display","types","reduce","acc","onSelectionChange","active","render","availableTools","hideButtons","icons","map","default","createElement","iconKey","toLowerCase","key","onClick","bind","hidden","variant","size","_defineProperty2","PropTypes","func","object","array","bool","_default","exports"],"sources":["../src/point-config.jsx"],"sourcesContent":["import Button from '@mui/material/Button';\nimport React from 'react';\nimport { pointChooser } from '@pie-element/number-line';\nimport { styled } from '@mui/material/styles';\nimport PropTypes from 'prop-types';\nconst { Point } = pointChooser;\n\nconst DisplayToggles = styled('div')(({ theme }) => ({\n  paddingTop: theme.spacing(2.5),\n  '& > :first-child': {\n    marginRight: theme.spacing(1),\n  },\n}));\n\nclass PointConfig extends React.Component {\n  static propTypes = {\n    onSelectionChange: PropTypes.func,\n    selection: PropTypes.object,\n    availableTools: PropTypes.array,\n    hideButtons: PropTypes.bool,\n  };\n  constructor(props) {\n    super(props);\n  }\n\n  toggle(point) {\n    const update = { ...this.props.selection };\n    update[point] = !update[point];\n    this._propsUpdate(update);\n  }\n\n  toggleAll(value) {\n    const display = [...PointConfig.types].reduce((acc, point) => {\n      acc[point] = value;\n\n      return acc;\n    }, {});\n\n    this._propsUpdate(display);\n  }\n\n  _propsUpdate(selection) {\n    this.props.onSelectionChange(selection);\n  }\n\n  active(point) {\n    return this.props.selection[point] === true; // ? 'active' : '';\n  }\n\n  render() {\n    // Setting default value if not passed in configuration properties.\n    const { availableTools, hideButtons = false } = this.props;\n\n    const icons = (availableTools || []).map((point) => {\n      return (\n        <Point\n          iconKey={point.toLowerCase()}\n          key={point.toLowerCase()}\n          onClick={this.toggle.bind(this, point)}\n          active={this.active(point)}\n        />\n      );\n    });\n\n    return (\n      <div>\n        <div>{icons}</div>\n        <DisplayToggles hidden={hideButtons}>\n          <Button variant=\"outlined\" size=\"small\" onClick={this.toggleAll.bind(this, true)}>\n            Select All\n          </Button>\n          <Button variant=\"outlined\" size=\"small\" onClick={this.toggleAll.bind(this, false)}>\n            None\n          </Button>\n        </DisplayToggles>\n      </div>\n    );\n  }\n}\n\nPointConfig.types = ['PF', 'LFF', 'LEF', 'LFE', 'LEE', 'RFN', 'RFP', 'REN', 'REP'];\n\nexport default PointConfig;\n"],"mappings":"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","ignoreList":[]}

package/configure/lib/size.js

@@ -1,55 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
-
+var _styles = require("@mui/material/styles");
 var _configUi = require("@pie-lib/config-ui");
-
-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 Size = function Size(props) {
+const FlexRow = (0, _styles.styled)('div')({
+  display: 'flex',
+  alignItems: 'center',
+  gap: '10px'
+});
+const FlexCol = (0, _styles.styled)('div')({
+  display: 'flex',
+  flexFlow: 'column'
+});
+const MinMaxLabel = (0, _styles.styled)('label')({
+  fontSize: 'small',
+  color: 'gray'
+});
+const StyledNumberTextFieldCustom = (0, _styles.styled)(_configUi.NumberTextFieldCustom)({
+  '& input': {
+    cursor: 'default'
+  }
+});
+const Size = props => {
   // Setting default value if not passed in configuration properties.
-  var classes = props.classes,
-      _props$size = props.size,
-      size = _props$size === void 0 ? {
-    width: 500
-  } : _props$size,
-      _props$min = props.min,
-      min = _props$min === void 0 ? 150 : _props$min,
-      _props$max = props.max,
-      max = _props$max === void 0 ? 800 : _props$max,
-      _props$step = props.step,
-      step = _props$step === void 0 ? 20 : _props$step,
-      onChange = props.onChange;
-
-  var changeWidth = function changeWidth(e, width) {
-    return onChange(_objectSpread(_objectSpread({}, props.size), {}, {
-      width: width
-    }));
-  };
-
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexRow
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: classes.flexCol
-  }, /*#__PURE__*/_react["default"].createElement("label", null, "Width (px)"), /*#__PURE__*/_react["default"].createElement("label", {
-    className: classes.minMaxLabel
-  }, "Min ", min, ", Max ", max)), /*#__PURE__*/_react["default"].createElement(_configUi.NumberTextFieldCustom, {
-    inputClassName: classes.numberTextField,
+  const {
+    size = {
+      width: 500
+    },
+    min = 150,
+    max = 800,
+    step = 20,
+    onChange
+  } = props;
+  const changeWidth = (e, width) => onChange({
+    ...props.size,
+    width
+  });
+  return /*#__PURE__*/_react.default.createElement(FlexRow, null, /*#__PURE__*/_react.default.createElement(FlexCol, null, /*#__PURE__*/_react.default.createElement("label", null, "Width (px)"), /*#__PURE__*/_react.default.createElement(MinMaxLabel, null, "Min ", min, ", Max ", max)), /*#__PURE__*/_react.default.createElement(StyledNumberTextFieldCustom, {
     value: size.width,
     min: min,
     max: max,
@@ -59,42 +52,15 @@ var Size = function Size(props) {
     variant: 'outlined'
   }));
 };
-
 Size.propTypes = {
-  classes: _propTypes["default"].object.isRequired,
-  size: _propTypes["default"].shape({
-    width: _propTypes["default"].number,
-    height: _propTypes["default"].number
+  size: _propTypes.default.shape({
+    width: _propTypes.default.number,
+    height: _propTypes.default.number
   }),
-  min: _propTypes["default"].number,
-  max: _propTypes["default"].number,
-  step: _propTypes["default"].number,
-  onChange: _propTypes["default"].func.isRequired
-};
-
-var styles = function styles() {
-  return {
-    "class": {},
-    flexRow: {
-      display: 'flex',
-      alignItems: 'center',
-      gap: '10px'
-    },
-    flexCol: {
-      display: 'flex',
-      'flex-flow': 'column'
-    },
-    minMaxLabel: {
-      'font-size': 'small',
-      color: 'gray'
-    },
-    numberTextField: {
-      cursor: 'default'
-    }
-  };
+  min: _propTypes.default.number,
+  max: _propTypes.default.number,
+  step: _propTypes.default.number,
+  onChange: _propTypes.default.func.isRequired
 };
-
-var _default = (0, _styles.withStyles)(styles)(Size);
-
-exports["default"] = _default;
+var _default = exports.default = Size;
 //# sourceMappingURL=size.js.map

package/configure/lib/size.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/size.jsx"],"names":["Size","props","classes","size","width","min","max","step","onChange","changeWidth","e","flexRow","flexCol","minMaxLabel","numberTextField","propTypes","PropTypes","object","isRequired","shape","number","height","func","styles","display","alignItems","gap","color","cursor"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,CAACC,KAAD,EAAW;AACtB;AACA,MAAQC,OAAR,GAAsFD,KAAtF,CAAQC,OAAR;AAAA,oBAAsFD,KAAtF,CAAiBE,IAAjB;AAAA,MAAiBA,IAAjB,4BAAwB;AAAEC,IAAAA,KAAK,EAAE;AAAT,GAAxB;AAAA,mBAAsFH,KAAtF,CAAwCI,GAAxC;AAAA,MAAwCA,GAAxC,2BAA8C,GAA9C;AAAA,mBAAsFJ,KAAtF,CAAmDK,GAAnD;AAAA,MAAmDA,GAAnD,2BAAyD,GAAzD;AAAA,oBAAsFL,KAAtF,CAA8DM,IAA9D;AAAA,MAA8DA,IAA9D,4BAAqE,EAArE;AAAA,MAAyEC,QAAzE,GAAsFP,KAAtF,CAAyEO,QAAzE;;AACA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIN,KAAJ;AAAA,WAAcI,QAAQ,iCAAMP,KAAK,CAACE,IAAZ;AAAkBC,MAAAA,KAAK,EAALA;AAAlB,OAAtB;AAAA,GAApB;;AACA,sBACE;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACS;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAET,OAAO,CAACU;AAAxB,kBACE,4DADF,eAEE;AAAO,IAAA,SAAS,EAAEV,OAAO,CAACW;AAA1B,aACOR,GADP,YACkBC,GADlB,CAFF,CADF,eAOE,gCAAC,+BAAD;AACE,IAAA,cAAc,EAAEJ,OAAO,CAACY,eAD1B;AAEE,IAAA,KAAK,EAAEX,IAAI,CAACC,KAFd;AAGE,IAAA,GAAG,EAAEC,GAHP;AAIE,IAAA,GAAG,EAAEC,GAJP;AAKE,IAAA,IAAI,EAAEC,IALR;AAME,IAAA,mBAAmB,EAAE,IANvB;AAOE,IAAA,QAAQ,EAAEE,WAPZ;AAQE,IAAA,OAAO,EAAE;AARX,IAPF,CADF;AAoBD,CAxBD;;AA0BAT,IAAI,CAACe,SAAL,GAAiB;AACfb,EAAAA,OAAO,EAAEc,sBAAUC,MAAV,CAAiBC,UADX;AAEff,EAAAA,IAAI,EAAEa,sBAAUG,KAAV,CAAgB;AACpBf,IAAAA,KAAK,EAAEY,sBAAUI,MADG;AAEpBC,IAAAA,MAAM,EAAEL,sBAAUI;AAFE,GAAhB,CAFS;AAMff,EAAAA,GAAG,EAAEW,sBAAUI,MANA;AAOfd,EAAAA,GAAG,EAAEU,sBAAUI,MAPA;AAQfb,EAAAA,IAAI,EAAES,sBAAUI,MARD;AASfZ,EAAAA,QAAQ,EAAEQ,sBAAUM,IAAV,CAAeJ;AATV,CAAjB;;AAYA,IAAMK,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpB,aAAO,EADa;AAEpBZ,IAAAA,OAAO,EAAE;AACPa,MAAAA,OAAO,EAAE,MADF;AAEPC,MAAAA,UAAU,EAAE,QAFL;AAGPC,MAAAA,GAAG,EAAE;AAHE,KAFW;AAOpBd,IAAAA,OAAO,EAAE;AACPY,MAAAA,OAAO,EAAE,MADF;AAEP,mBAAa;AAFN,KAPW;AAWpBX,IAAAA,WAAW,EAAE;AACX,mBAAa,OADF;AAEXc,MAAAA,KAAK,EAAE;AAFI,KAXO;AAepBb,IAAAA,eAAe,EAAE;AACfc,MAAAA,MAAM,EAAE;AADO;AAfG,GAAP;AAAA,CAAf;;eAmBe,wBAAWL,MAAX,EAAmBvB,IAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nconst Size = (props) => {\n  // Setting default value if not passed in configuration properties.\n  const { classes, size = { width: 500 }, min = 150, max = 800, step = 20, onChange } = props;\n  const changeWidth = (e, width) => onChange({ ...props.size, width });\n  return (\n    <div className={classes.flexRow}>\n      <div className={classes.flexCol}>\n        <label>Width (px)</label>\n        <label className={classes.minMaxLabel}>\n          Min {min}, Max {max}\n        </label>\n      </div>\n      <NumberTextFieldCustom\n        inputClassName={classes.numberTextField}\n        value={size.width}\n        min={min}\n        max={max}\n        step={step}\n        onlyIntegersAllowed={true}\n        onChange={changeWidth}\n        variant={'outlined'}\n      />\n    </div>\n  );\n};\n\nSize.propTypes = {\n  classes: PropTypes.object.isRequired,\n  size: PropTypes.shape({\n    width: PropTypes.number,\n    height: PropTypes.number,\n  }),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  onChange: PropTypes.func.isRequired,\n};\n\nconst styles = () => ({\n  class: {},\n  flexRow: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '10px',\n  },\n  flexCol: {\n    display: 'flex',\n    'flex-flow': 'column',\n  },\n  minMaxLabel: {\n    'font-size': 'small',\n    color: 'gray',\n  },\n  numberTextField: {\n    cursor: 'default',\n  },\n});\nexport default withStyles(styles)(Size);\n"],"file":"size.js"}
+{"version":3,"file":"size.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_configUi","FlexRow","styled","display","alignItems","gap","FlexCol","flexFlow","MinMaxLabel","fontSize","color","StyledNumberTextFieldCustom","NumberTextFieldCustom","cursor","Size","props","size","width","min","max","step","onChange","changeWidth","e","default","createElement","value","onlyIntegersAllowed","variant","propTypes","PropTypes","shape","number","height","func","isRequired","_default","exports"],"sources":["../src/size.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport { NumberTextFieldCustom } from '@pie-lib/config-ui';\n\nconst FlexRow = styled('div')({\n  display: 'flex',\n  alignItems: 'center',\n  gap: '10px',\n});\n\nconst FlexCol = styled('div')({\n  display: 'flex',\n  flexFlow: 'column',\n});\n\nconst MinMaxLabel = styled('label')({\n  fontSize: 'small',\n  color: 'gray',\n});\n\nconst StyledNumberTextFieldCustom = styled(NumberTextFieldCustom)({\n  '& input': {\n    cursor: 'default',\n  },\n});\n\nconst Size = (props) => {\n  // Setting default value if not passed in configuration properties.\n  const { size = { width: 500 }, min = 150, max = 800, step = 20, onChange } = props;\n  const changeWidth = (e, width) => onChange({ ...props.size, width });\n  return (\n    <FlexRow>\n      <FlexCol>\n        <label>Width (px)</label>\n        <MinMaxLabel>\n          Min {min}, Max {max}\n        </MinMaxLabel>\n      </FlexCol>\n      <StyledNumberTextFieldCustom\n        value={size.width}\n        min={min}\n        max={max}\n        step={step}\n        onlyIntegersAllowed={true}\n        onChange={changeWidth}\n        variant={'outlined'}\n      />\n    </FlexRow>\n  );\n};\n\nSize.propTypes = {\n  size: PropTypes.shape({\n    width: PropTypes.number,\n    height: PropTypes.number,\n  }),\n  min: PropTypes.number,\n  max: PropTypes.number,\n  step: PropTypes.number,\n  onChange: PropTypes.func.isRequired,\n};\n\nexport default Size;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAEA,MAAMI,OAAO,GAAG,IAAAC,cAAM,EAAC,KAAK,CAAC,CAAC;EAC5BC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,GAAG,EAAE;AACP,CAAC,CAAC;AAEF,MAAMC,OAAO,GAAG,IAAAJ,cAAM,EAAC,KAAK,CAAC,CAAC;EAC5BC,OAAO,EAAE,MAAM;EACfI,QAAQ,EAAE;AACZ,CAAC,CAAC;AAEF,MAAMC,WAAW,GAAG,IAAAN,cAAM,EAAC,OAAO,CAAC,CAAC;EAClCO,QAAQ,EAAE,OAAO;EACjBC,KAAK,EAAE;AACT,CAAC,CAAC;AAEF,MAAMC,2BAA2B,GAAG,IAAAT,cAAM,EAACU,+BAAqB,CAAC,CAAC;EAChE,SAAS,EAAE;IACTC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMC,IAAI,GAAIC,KAAK,IAAK;EACtB;EACA,MAAM;IAAEC,IAAI,GAAG;MAAEC,KAAK,EAAE;IAAI,CAAC;IAAEC,GAAG,GAAG,GAAG;IAAEC,GAAG,GAAG,GAAG;IAAEC,IAAI,GAAG,EAAE;IAAEC;EAAS,CAAC,GAAGN,KAAK;EAClF,MAAMO,WAAW,GAAGA,CAACC,CAAC,EAAEN,KAAK,KAAKI,QAAQ,CAAC;IAAE,GAAGN,KAAK,CAACC,IAAI;IAAEC;EAAM,CAAC,CAAC;EACpE,oBACEtB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACxB,OAAO,qBACNN,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACnB,OAAO,qBACNX,MAAA,CAAA6B,OAAA,CAAAC,aAAA,gBAAO,YAAiB,CAAC,eACzB9B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACjB,WAAW,QAAC,MACP,EAACU,GAAG,EAAC,QAAM,EAACC,GACL,CACN,CAAC,eACVxB,MAAA,CAAA6B,OAAA,CAAAC,aAAA,CAACd,2BAA2B;IAC1Be,KAAK,EAAEV,IAAI,CAACC,KAAM;IAClBC,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTC,IAAI,EAAEA,IAAK;IACXO,mBAAmB,EAAE,IAAK;IAC1BN,QAAQ,EAAEC,WAAY;IACtBM,OAAO,EAAE;EAAW,CACrB,CACM,CAAC;AAEd,CAAC;AAEDd,IAAI,CAACe,SAAS,GAAG;EACfb,IAAI,EAAEc,kBAAS,CAACC,KAAK,CAAC;IACpBd,KAAK,EAAEa,kBAAS,CAACE,MAAM;IACvBC,MAAM,EAAEH,kBAAS,CAACE;EACpB,CAAC,CAAC;EACFd,GAAG,EAAEY,kBAAS,CAACE,MAAM;EACrBb,GAAG,EAAEW,kBAAS,CAACE,MAAM;EACrBZ,IAAI,EAAEU,kBAAS,CAACE,MAAM;EACtBX,QAAQ,EAAES,kBAAS,CAACI,IAAI,CAACC;AAC3B,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaV,IAAI","ignoreList":[]}