@pie-lib/config-ui 11.30.0-mui-update.0 → 11.30.1-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/CHANGELOG.md +12 -9
  2. package/lib/__tests__/choice-utils.test.js +16 -0
  3. package/lib/__tests__/langs.test.js +55 -0
  4. package/lib/__tests__/number-text-field.test.js +128 -0
  5. package/lib/__tests__/settings-panel.test.js +201 -0
  6. package/lib/__tests__/two-choice.test.js +33 -0
  7. package/lib/alert-dialog.js +42 -23
  8. package/lib/alert-dialog.js.map +1 -1
  9. package/lib/checkbox.js +71 -56
  10. package/lib/checkbox.js.map +1 -1
  11. package/lib/choice-configuration/__tests__/feedback-menu.test.js +20 -0
  12. package/lib/choice-configuration/__tests__/index.test.js +119 -0
  13. package/lib/choice-configuration/feedback-menu.js +63 -24
  14. package/lib/choice-configuration/feedback-menu.js.map +1 -1
  15. package/lib/choice-configuration/index.js +257 -201
  16. package/lib/choice-configuration/index.js.map +1 -1
  17. package/lib/choice-utils.js +18 -6
  18. package/lib/choice-utils.js.map +1 -1
  19. package/lib/feedback-config/__tests__/feedback-config.test.js +78 -0
  20. package/lib/feedback-config/__tests__/feedback-selector.test.js +71 -0
  21. package/lib/feedback-config/feedback-selector.js +114 -77
  22. package/lib/feedback-config/feedback-selector.js.map +1 -1
  23. package/lib/feedback-config/group.js +40 -26
  24. package/lib/feedback-config/group.js.map +1 -1
  25. package/lib/feedback-config/index.js +90 -38
  26. package/lib/feedback-config/index.js.map +1 -1
  27. package/lib/form-section.js +33 -24
  28. package/lib/form-section.js.map +1 -1
  29. package/lib/help.js +80 -39
  30. package/lib/help.js.map +1 -1
  31. package/lib/index.js +31 -1
  32. package/lib/index.js.map +1 -1
  33. package/lib/input.js +54 -21
  34. package/lib/input.js.map +1 -1
  35. package/lib/inputs.js +95 -61
  36. package/lib/inputs.js.map +1 -1
  37. package/lib/langs.js +100 -56
  38. package/lib/langs.js.map +1 -1
  39. package/lib/layout/__tests__/config.layout.test.js +33 -0
  40. package/lib/layout/__tests__/layout-content.test.js +6 -0
  41. package/lib/layout/config-layout.js +99 -48
  42. package/lib/layout/config-layout.js.map +1 -1
  43. package/lib/layout/index.js +3 -0
  44. package/lib/layout/index.js.map +1 -1
  45. package/lib/layout/layout-contents.js +101 -72
  46. package/lib/layout/layout-contents.js.map +1 -1
  47. package/lib/layout/settings-box.js +56 -27
  48. package/lib/layout/settings-box.js.map +1 -1
  49. package/lib/mui-box/index.js +57 -41
  50. package/lib/mui-box/index.js.map +1 -1
  51. package/lib/number-text-field-custom.js +161 -79
  52. package/lib/number-text-field-custom.js.map +1 -1
  53. package/lib/number-text-field.js +115 -57
  54. package/lib/number-text-field.js.map +1 -1
  55. package/lib/radio-with-label.js +31 -23
  56. package/lib/radio-with-label.js.map +1 -1
  57. package/lib/settings/display-size.js +32 -16
  58. package/lib/settings/display-size.js.map +1 -1
  59. package/lib/settings/index.js +47 -14
  60. package/lib/settings/index.js.map +1 -1
  61. package/lib/settings/panel.js +228 -142
  62. package/lib/settings/panel.js.map +1 -1
  63. package/lib/settings/settings-radio-label.js +30 -21
  64. package/lib/settings/settings-radio-label.js.map +1 -1
  65. package/lib/settings/toggle.js +46 -34
  66. package/lib/settings/toggle.js.map +1 -1
  67. package/lib/tabs/index.js +57 -22
  68. package/lib/tabs/index.js.map +1 -1
  69. package/lib/tags-input/__tests__/index.test.js +88 -0
  70. package/lib/tags-input/index.js +99 -50
  71. package/lib/tags-input/index.js.map +1 -1
  72. package/lib/two-choice.js +90 -46
  73. package/lib/two-choice.js.map +1 -1
  74. package/lib/with-stateful-model.js +31 -8
  75. package/lib/with-stateful-model.js.map +1 -1
  76. package/package.json +10 -12
  77. package/src/__tests__/number-text-field.test.jsx +1 -1
  78. package/src/alert-dialog.jsx +18 -14
  79. package/src/checkbox.jsx +46 -42
  80. package/src/choice-configuration/feedback-menu.jsx +5 -5
  81. package/src/choice-configuration/index.jsx +193 -205
  82. package/src/feedback-config/feedback-selector.jsx +53 -51
  83. package/src/feedback-config/group.jsx +22 -21
  84. package/src/feedback-config/index.jsx +29 -27
  85. package/src/form-section.jsx +18 -18
  86. package/src/help.jsx +28 -20
  87. package/src/input.jsx +1 -1
  88. package/src/inputs.jsx +50 -34
  89. package/src/langs.jsx +46 -40
  90. package/src/layout/config-layout.jsx +36 -25
  91. package/src/layout/layout-contents.jsx +34 -34
  92. package/src/layout/settings-box.jsx +19 -16
  93. package/src/mui-box/index.jsx +43 -35
  94. package/src/number-text-field-custom.jsx +36 -30
  95. package/src/number-text-field.jsx +30 -22
  96. package/src/radio-with-label.jsx +13 -17
  97. package/src/settings/display-size.jsx +11 -12
  98. package/src/settings/panel.jsx +89 -83
  99. package/src/settings/settings-radio-label.jsx +13 -17
  100. package/src/settings/toggle.jsx +29 -29
  101. package/src/tabs/index.jsx +8 -8
  102. package/src/tags-input/index.jsx +38 -35
  103. package/src/two-choice.jsx +19 -15
  104. package/LICENSE.md +0 -5
  105. package/NEXT.CHANGELOG.json +0 -1
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_alertDialog","_interopRequireDefault","require","_feedbackConfig","_interopRequireWildcard","_inputs","_langs","_tabs","_checkbox","_formSection","_help","_input","_renderUi","_numberTextField","_numberTextFieldCustom","_twoChoice","_tagsInput","_muiBox","_choiceConfiguration","layout","exports","choiceUtils","_withStatefulModel","_toggle","_displaySize","settings","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sources":["../src/index.js"],"sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, { FeedbackSelector, buildDefaults as feedbackConfigDefaults } from './feedback-config';\nimport { InputCheckbox, InputSwitch, InputRadio } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n AlertDialog,\n FeedbackConfig,\n FeedbackSelector,\n feedbackConfigDefaults,\n InputCheckbox,\n InputSwitch,\n InputRadio,\n Langs,\n LanguageControls,\n Tabs,\n Checkbox,\n FormSection,\n Help,\n Input,\n InputContainer,\n NumberTextField,\n NumberTextFieldCustom,\n TwoChoice,\n NChoice,\n TagsInput,\n MuiBox,\n ChoiceConfiguration,\n layout,\n choiceUtils,\n withStatefulModel,\n Toggle,\n DisplaySize,\n settings,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAF,uBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,SAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,YAAA,GAAAR,sBAAA,CAAAC,OAAA;AACA,IAAAQ,KAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,MAAA,GAAAV,sBAAA,CAAAC,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAZ,sBAAA,CAAAC,OAAA;AACA,IAAAY,sBAAA,GAAAb,sBAAA,CAAAC,OAAA;AACA,IAAAa,UAAA,GAAAX,uBAAA,CAAAF,OAAA;AACA,IAAAc,UAAA,GAAAf,sBAAA,CAAAC,OAAA;AACA,IAAAe,OAAA,GAAAhB,sBAAA,CAAAC,OAAA;AACA,IAAAgB,oBAAA,GAAAjB,sBAAA,CAAAC,OAAA;AACA,IAAAiB,MAAA,GAAAf,uBAAA,CAAAF,OAAA;AAAmCkB,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAEnC,IAAAE,WAAA,GAAAjB,uBAAA,CAAAF,OAAA;AAA8CkB,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAC9C,IAAAC,kBAAA,GAAArB,sBAAA,CAAAC,OAAA;AACA,IAAAqB,OAAA,GAAAtB,sBAAA,CAAAC,OAAA;AACA,IAAAsB,YAAA,GAAAvB,sBAAA,CAAAC,OAAA;AAEA,IAAAuB,QAAA,GAAArB,uBAAA,CAAAF,OAAA;AAAuCkB,OAAA,CAAAK,QAAA,GAAAA,QAAA;AAAA,SAAArB,wBAAAsB,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAxB,uBAAA,YAAAA,wBAAAsB,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}
1
+ {"version":3,"sources":["../src/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA;;;;AACA;;AACA;;AACA;;AAEA","sourcesContent":["import AlertDialog from './alert-dialog';\nimport FeedbackConfig, { FeedbackSelector, buildDefaults as feedbackConfigDefaults } from './feedback-config';\nimport { InputCheckbox, InputSwitch, InputRadio } from './inputs';\nimport Langs, { LanguageControls } from './langs';\nimport Tabs from './tabs';\nimport Checkbox from './checkbox';\nimport FormSection from './form-section';\nimport Help from './help';\nimport Input from './input';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport NumberTextField from './number-text-field';\nimport NumberTextFieldCustom from './number-text-field-custom';\nimport TwoChoice, { NChoice } from './two-choice';\nimport TagsInput from './tags-input';\nimport MuiBox from './mui-box';\nimport ChoiceConfiguration from './choice-configuration';\nimport * as layout from './layout';\n\nimport * as choiceUtils from './choice-utils';\nimport withStatefulModel from './with-stateful-model';\nimport Toggle from './settings/toggle';\nimport DisplaySize from './settings/display-size';\n\nimport * as settings from './settings';\n\nexport {\n AlertDialog,\n FeedbackConfig,\n FeedbackSelector,\n feedbackConfigDefaults,\n InputCheckbox,\n InputSwitch,\n InputRadio,\n Langs,\n LanguageControls,\n Tabs,\n Checkbox,\n FormSection,\n Help,\n Input,\n InputContainer,\n NumberTextField,\n NumberTextFieldCustom,\n TwoChoice,\n NChoice,\n TagsInput,\n MuiBox,\n ChoiceConfiguration,\n layout,\n choiceUtils,\n withStatefulModel,\n Toggle,\n DisplaySize,\n settings,\n};\n"],"file":"index.js"}
package/lib/input.js CHANGED
@@ -1,38 +1,67 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  var _typeof = require("@babel/runtime/helpers/typeof");
6
+
5
7
  Object.defineProperty(exports, "__esModule", {
6
8
  value: true
7
9
  });
8
10
  exports["default"] = void 0;
11
+
9
12
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
13
+
10
14
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
15
+
11
16
  var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
17
+
12
18
  var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
19
+
20
+ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
21
+
22
+ var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
23
+
13
24
  var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
25
+
14
26
  var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
15
- var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
27
+
16
28
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
29
+
17
30
  var React = _interopRequireWildcard(require("react"));
31
+
18
32
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _Input2 = _interopRequireDefault(require("@mui/material/Input"));
33
+
34
+ var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
35
+
20
36
  var _renderUi = require("@pie-lib/render-ui");
37
+
21
38
  var _excluded = ["label", "type", "noModelUpdateOnError"];
22
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
23
- function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
24
- function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
25
- var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
39
+
40
+ 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); }
41
+
42
+ 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; }
43
+
44
+ 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); }; }
45
+
46
+ 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; } }
47
+
48
+ var Input = /*#__PURE__*/function (_React$Component) {
49
+ (0, _inherits2["default"])(Input, _React$Component);
50
+
51
+ var _super = _createSuper(Input);
52
+
26
53
  function Input(props) {
27
54
  var _this;
55
+
28
56
  (0, _classCallCheck2["default"])(this, Input);
29
- _this = _callSuper(this, Input, [props]);
30
- (0, _defineProperty2["default"])(_this, "onChange", function (event) {
57
+ _this = _super.call(this, props);
58
+ (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (event) {
31
59
  var _this$props = _this.props,
32
- type = _this$props.type,
33
- onChange = _this$props.onChange,
34
- error = _this$props.error;
60
+ type = _this$props.type,
61
+ onChange = _this$props.onChange,
62
+ error = _this$props.error;
35
63
  var value = event.target.value;
64
+
36
65
  if (error(value, type)) {
37
66
  _this.setState({
38
67
  error: true,
@@ -43,6 +72,7 @@ var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
43
72
  error: false,
44
73
  value: event.target.value
45
74
  });
75
+
46
76
  onChange(event);
47
77
  }
48
78
  });
@@ -51,8 +81,8 @@ var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
51
81
  };
52
82
  return _this;
53
83
  }
54
- (0, _inherits2["default"])(Input, _React$Component);
55
- return (0, _createClass2["default"])(Input, [{
84
+
85
+ (0, _createClass2["default"])(Input, [{
56
86
  key: "UNSAFE_componentWillReceiveProps",
57
87
  value: function UNSAFE_componentWillReceiveProps(newProps) {
58
88
  this.setState({
@@ -63,22 +93,22 @@ var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
63
93
  key: "render",
64
94
  value: function render() {
65
95
  var _this$props2 = this.props,
66
- label = _this$props2.label,
67
- type = _this$props2.type,
68
- noModelUpdateOnError = _this$props2.noModelUpdateOnError,
69
- rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
96
+ label = _this$props2.label,
97
+ type = _this$props2.type,
98
+ noModelUpdateOnError = _this$props2.noModelUpdateOnError,
99
+ rest = (0, _objectWithoutProperties2["default"])(_this$props2, _excluded);
70
100
  var _this$state = this.state,
71
- value = _this$state.value,
72
- error = _this$state.error;
101
+ value = _this$state.value,
102
+ error = _this$state.error;
73
103
  return label ? /*#__PURE__*/React.createElement(_renderUi.InputContainer, {
74
104
  label: label
75
- }, /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
105
+ }, /*#__PURE__*/React.createElement(_Input["default"], (0, _extends2["default"])({
76
106
  type: type
77
107
  }, rest, {
78
108
  value: value,
79
109
  onChange: this.onChange,
80
110
  error: error
81
- }))) : /*#__PURE__*/React.createElement(_Input2["default"], (0, _extends2["default"])({
111
+ }))) : /*#__PURE__*/React.createElement(_Input["default"], (0, _extends2["default"])({
82
112
  type: type
83
113
  }, rest, {
84
114
  value: value,
@@ -87,7 +117,10 @@ var Input = exports["default"] = /*#__PURE__*/function (_React$Component) {
87
117
  }));
88
118
  }
89
119
  }]);
120
+ return Input;
90
121
  }(React.Component);
122
+
123
+ exports["default"] = Input;
91
124
  (0, _defineProperty2["default"])(Input, "propTypes", {
92
125
  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number]),
93
126
  onChange: _propTypes["default"].func.isRequired,
package/lib/input.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"input.js","names":["React","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_Input2","_renderUi","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","Input","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","_this$props","type","onChange","error","value","target","setState","state","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","newProps","render","_this$props2","label","noModelUpdateOnError","rest","_objectWithoutProperties2","_this$state","createElement","InputContainer","_extends2","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"sources":["../src/input.jsx"],"sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@mui/material/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n type: PropTypes.string.isRequired,\n error: PropTypes.func,\n noModelUpdateOnError: PropTypes.bool,\n };\n\n static defaultProps = {\n type: 'text',\n error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n noModelUpdateOnError: false,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n value: props.value,\n };\n }\n\n UNSAFE_componentWillReceiveProps(newProps) {\n this.setState({\n value: newProps.value,\n });\n }\n\n onChange = (event) => {\n const { type, onChange, error } = this.props;\n const value = event.target.value;\n\n if (error(value, type)) {\n this.setState({\n error: true,\n value: event.target.value,\n });\n } else {\n this.setState({\n error: false,\n value: event.target.value,\n });\n\n onChange(event);\n }\n };\n\n render() {\n const {\n label,\n type,\n noModelUpdateOnError, // eslint-disable-line no-unused-vars\n ...rest\n } = this.props;\n const { value, error } = this.state;\n\n return label ? (\n <InputContainer label={label}>\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n </InputContainer>\n ) : (\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n );\n }\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,OAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAAoD,IAAAK,SAAA;AAAA,SAAAN,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,wBAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,mBAAAT,CAAA,iBAAAA,CAAA,gBAAAU,OAAA,CAAAV,CAAA,0BAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,WAAAnB,CAAA,EAAAK,CAAA,EAAAN,CAAA,WAAAM,CAAA,OAAAe,gBAAA,aAAAf,CAAA,OAAAgB,2BAAA,aAAArB,CAAA,EAAAsB,yBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAnB,CAAA,EAAAN,CAAA,YAAAqB,gBAAA,aAAApB,CAAA,EAAAyB,WAAA,IAAApB,CAAA,CAAAqB,KAAA,CAAA1B,CAAA,EAAAD,CAAA;AAAA,SAAAuB,0BAAA,cAAAtB,CAAA,IAAA2B,OAAA,CAAAC,SAAA,CAAAC,OAAA,CAAAd,IAAA,CAAAQ,OAAA,CAAAC,SAAA,CAAAG,OAAA,iCAAA3B,CAAA,aAAAsB,yBAAA,YAAAA,0BAAA,aAAAtB,CAAA;AAAA,IAE/B8B,KAAK,GAAAC,OAAA,qCAAAC,gBAAA;EAgBxB,SAAAF,MAAYG,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAL,KAAA;IACjBI,KAAA,GAAAf,UAAA,OAAAW,KAAA,GAAMG,KAAK;IAAE,IAAAG,gBAAA,aAAAF,KAAA,cAaJ,UAACG,KAAK,EAAK;MACpB,IAAAC,WAAA,GAAkCJ,KAAA,CAAKD,KAAK;QAApCM,IAAI,GAAAD,WAAA,CAAJC,IAAI;QAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ;QAAEC,KAAK,GAAAH,WAAA,CAALG,KAAK;MAC7B,IAAMC,KAAK,GAAGL,KAAK,CAACM,MAAM,CAACD,KAAK;MAEhC,IAAID,KAAK,CAACC,KAAK,EAAEH,IAAI,CAAC,EAAE;QACtBL,KAAA,CAAKU,QAAQ,CAAC;UACZH,KAAK,EAAE,IAAI;UACXC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACD;QACtB,CAAC,CAAC;MACJ,CAAC,MAAM;QACLR,KAAA,CAAKU,QAAQ,CAAC;UACZH,KAAK,EAAE,KAAK;UACZC,KAAK,EAAEL,KAAK,CAACM,MAAM,CAACD;QACtB,CAAC,CAAC;QAEFF,QAAQ,CAACH,KAAK,CAAC;MACjB;IACF,CAAC;IA5BCH,KAAA,CAAKW,KAAK,GAAG;MACXH,KAAK,EAAET,KAAK,CAACS;IACf,CAAC;IAAC,OAAAR,KAAA;EACJ;EAAC,IAAAY,UAAA,aAAAhB,KAAA,EAAAE,gBAAA;EAAA,WAAAe,aAAA,aAAAjB,KAAA;IAAAkB,GAAA;IAAAN,KAAA,EAED,SAAAO,gCAAgCA,CAACC,QAAQ,EAAE;MACzC,IAAI,CAACN,QAAQ,CAAC;QACZF,KAAK,EAAEQ,QAAQ,CAACR;MAClB,CAAC,CAAC;IACJ;EAAC;IAAAM,GAAA;IAAAN,KAAA,EAqBD,SAAAS,MAAMA,CAAA,EAAG;MACP,IAAAC,YAAA,GAKI,IAAI,CAACnB,KAAK;QAJZoB,KAAK,GAAAD,YAAA,CAALC,KAAK;QACLd,IAAI,GAAAa,YAAA,CAAJb,IAAI;QACJe,oBAAoB,GAAAF,YAAA,CAApBE,oBAAoB;QACjBC,IAAI,OAAAC,yBAAA,aAAAJ,YAAA,EAAAtD,SAAA;MAET,IAAA2D,WAAA,GAAyB,IAAI,CAACZ,KAAK;QAA3BH,KAAK,GAAAe,WAAA,CAALf,KAAK;QAAED,KAAK,GAAAgB,WAAA,CAALhB,KAAK;MAEpB,OAAOY,KAAK,gBACV9D,KAAA,CAAAmE,aAAA,CAAC7D,SAAA,CAAA8D,cAAc;QAACN,KAAK,EAAEA;MAAM,gBAC3B9D,KAAA,CAAAmE,aAAA,CAAC9D,OAAA,WAAa,MAAAgE,SAAA;QAACrB,IAAI,EAAEA;MAAK,GAAKgB,IAAI;QAAEb,KAAK,EAAEA,KAAM;QAACF,QAAQ,EAAE,IAAI,CAACA,QAAS;QAACC,KAAK,EAAEA;MAAM,EAAE,CAC7E,CAAC,gBAEjBlD,KAAA,CAAAmE,aAAA,CAAC9D,OAAA,WAAa,MAAAgE,SAAA;QAACrB,IAAI,EAAEA;MAAK,GAAKgB,IAAI;QAAEb,KAAK,EAAEA,KAAM;QAACF,QAAQ,EAAE,IAAI,CAACA,QAAS;QAACC,KAAK,EAAEA;MAAM,EAAE,CAC5F;IACH;EAAC;AAAA,EAjEgClD,KAAK,CAACsE,SAAS;AAAA,IAAAzB,gBAAA,aAA7BN,KAAK,eACL;EACjBY,KAAK,EAAEoB,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,MAAM,CAAC,CAAC;EAChEzB,QAAQ,EAAEsB,qBAAS,CAACI,IAAI,CAACC,UAAU;EACnCd,KAAK,EAAES,qBAAS,CAACE,MAAM;EACvBzB,IAAI,EAAEuB,qBAAS,CAACE,MAAM,CAACG,UAAU;EACjC1B,KAAK,EAAEqB,qBAAS,CAACI,IAAI;EACrBZ,oBAAoB,EAAEQ,qBAAS,CAACM;AAClC,CAAC;AAAA,IAAAhC,gBAAA,aARkBN,KAAK,kBAUF;EACpBS,IAAI,EAAE,MAAM;EACZE,KAAK,EAAE,SAAPA,KAAKA,CAAGC,KAAK,EAAEH,IAAI;IAAA,OAAMA,IAAI,KAAK,QAAQ,GAAG,CAACG,KAAK,IAAI2B,KAAK,CAAC3B,KAAK,CAAC,GAAG,CAACA,KAAK;EAAA,CAAC;EAC7EY,oBAAoB,EAAE;AACxB,CAAC","ignoreList":[]}
1
+ {"version":3,"sources":["../src/input.jsx"],"names":["Input","props","event","type","onChange","error","value","target","setState","state","newProps","label","noModelUpdateOnError","rest","React","Component","PropTypes","oneOfType","string","number","func","isRequired","bool","isNaN"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;IAEqBA,K;;;;;AAgBnB,iBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAcR,UAACC,KAAD,EAAW;AACpB,wBAAkC,MAAKD,KAAvC;AAAA,UAAQE,IAAR,eAAQA,IAAR;AAAA,UAAcC,QAAd,eAAcA,QAAd;AAAA,UAAwBC,KAAxB,eAAwBA,KAAxB;AACA,UAAMC,KAAK,GAAGJ,KAAK,CAACK,MAAN,CAAaD,KAA3B;;AAEA,UAAID,KAAK,CAACC,KAAD,EAAQH,IAAR,CAAT,EAAwB;AACtB,cAAKK,QAAL,CAAc;AACZH,UAAAA,KAAK,EAAE,IADK;AAEZC,UAAAA,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;AAFR,SAAd;AAID,OALD,MAKO;AACL,cAAKE,QAAL,CAAc;AACZH,UAAAA,KAAK,EAAE,KADK;AAEZC,UAAAA,KAAK,EAAEJ,KAAK,CAACK,MAAN,CAAaD;AAFR,SAAd;;AAKAF,QAAAA,QAAQ,CAACF,KAAD,CAAR;AACD;AACF,KA/BkB;AAGjB,UAAKO,KAAL,GAAa;AACXH,MAAAA,KAAK,EAAEL,KAAK,CAACK;AADF,KAAb;AAHiB;AAMlB;;;;WAED,0CAAiCI,QAAjC,EAA2C;AACzC,WAAKF,QAAL,CAAc;AACZF,QAAAA,KAAK,EAAEI,QAAQ,CAACJ;AADJ,OAAd;AAGD;;;WAqBD,kBAAS;AACP,yBAKI,KAAKL,KALT;AAAA,UACEU,KADF,gBACEA,KADF;AAAA,UAEER,IAFF,gBAEEA,IAFF;AAAA,UAGES,oBAHF,gBAGEA,oBAHF;AAAA,UAIKC,IAJL;AAMA,wBAAyB,KAAKJ,KAA9B;AAAA,UAAQH,KAAR,eAAQA,KAAR;AAAA,UAAeD,KAAf,eAAeA,KAAf;AAEA,aAAOM,KAAK,gBACV,oBAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEA;AAAvB,sBACE,oBAAC,iBAAD;AAAe,QAAA,IAAI,EAAER;AAArB,SAA+BU,IAA/B;AAAqC,QAAA,KAAK,EAAEP,KAA5C;AAAmD,QAAA,QAAQ,EAAE,KAAKF,QAAlE;AAA4E,QAAA,KAAK,EAAEC;AAAnF,SADF,CADU,gBAKV,oBAAC,iBAAD;AAAe,QAAA,IAAI,EAAEF;AAArB,SAA+BU,IAA/B;AAAqC,QAAA,KAAK,EAAEP,KAA5C;AAAmD,QAAA,QAAQ,EAAE,KAAKF,QAAlE;AAA4E,QAAA,KAAK,EAAEC;AAAnF,SALF;AAOD;;;EAjEgCS,KAAK,CAACC,S;;;iCAApBf,K,eACA;AACjBM,EAAAA,KAAK,EAAEU,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,MAA7B,CAApB,CADU;AAEjBf,EAAAA,QAAQ,EAAEY,sBAAUI,IAAV,CAAeC,UAFR;AAGjBV,EAAAA,KAAK,EAAEK,sBAAUE,MAHA;AAIjBf,EAAAA,IAAI,EAAEa,sBAAUE,MAAV,CAAiBG,UAJN;AAKjBhB,EAAAA,KAAK,EAAEW,sBAAUI,IALA;AAMjBR,EAAAA,oBAAoB,EAAEI,sBAAUM;AANf,C;iCADAtB,K,kBAUG;AACpBG,EAAAA,IAAI,EAAE,MADc;AAEpBE,EAAAA,KAAK,EAAE,eAACC,KAAD,EAAQH,IAAR;AAAA,WAAkBA,IAAI,KAAK,QAAT,GAAoB,CAACG,KAAD,IAAUiB,KAAK,CAACjB,KAAD,CAAnC,GAA6C,CAACA,KAAhE;AAAA,GAFa;AAGpBM,EAAAA,oBAAoB,EAAE;AAHF,C","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport { default as MaterialInput } from '@material-ui/core/Input';\nimport { InputContainer } from '@pie-lib/render-ui';\n\nexport default class Input extends React.Component {\n static propTypes = {\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onChange: PropTypes.func.isRequired,\n label: PropTypes.string,\n type: PropTypes.string.isRequired,\n error: PropTypes.func,\n noModelUpdateOnError: PropTypes.bool,\n };\n\n static defaultProps = {\n type: 'text',\n error: (value, type) => (type === 'number' ? !value || isNaN(value) : !value),\n noModelUpdateOnError: false,\n };\n\n constructor(props) {\n super(props);\n\n this.state = {\n value: props.value,\n };\n }\n\n UNSAFE_componentWillReceiveProps(newProps) {\n this.setState({\n value: newProps.value,\n });\n }\n\n onChange = (event) => {\n const { type, onChange, error } = this.props;\n const value = event.target.value;\n\n if (error(value, type)) {\n this.setState({\n error: true,\n value: event.target.value,\n });\n } else {\n this.setState({\n error: false,\n value: event.target.value,\n });\n\n onChange(event);\n }\n };\n\n render() {\n const {\n label,\n type,\n noModelUpdateOnError, // eslint-disable-line no-unused-vars\n ...rest\n } = this.props;\n const { value, error } = this.state;\n\n return label ? (\n <InputContainer label={label}>\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n </InputContainer>\n ) : (\n <MaterialInput type={type} {...rest} value={value} onChange={this.onChange} error={error} />\n );\n }\n}\n"],"file":"input.js"}
package/lib/inputs.js CHANGED
@@ -1,21 +1,36 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.InputSwitch = exports.InputRadio = exports.InputCheckbox = void 0;
9
+
8
10
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
- var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
10
- var _Radio = _interopRequireDefault(require("@mui/material/Radio"));
11
+
12
+ var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
13
+
14
+ var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
15
+
11
16
  var _renderUi = require("@pie-lib/render-ui");
17
+
12
18
  var _propTypes = _interopRequireDefault(require("prop-types"));
19
+
13
20
  var _react = _interopRequireDefault(require("react"));
14
- var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
15
- var _styles = require("@mui/material/styles");
16
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
17
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
21
+
22
+ var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
23
+
24
+ var _styles = require("@material-ui/core/styles");
25
+
26
+ var _classnames = _interopRequireDefault(require("classnames"));
27
+
28
+ 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; }
29
+
30
+ 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; }
31
+
18
32
  var InputTypes = {
33
+ classes: _propTypes["default"].object.isRequired,
19
34
  className: _propTypes["default"].string,
20
35
  label: _propTypes["default"].string,
21
36
  checked: _propTypes["default"].bool,
@@ -23,83 +38,102 @@ var InputTypes = {
23
38
  disabled: _propTypes["default"].bool,
24
39
  error: _propTypes["default"].string
25
40
  };
26
- var StyledSwitch = (0, _styles.styled)(_Switch["default"])(function () {
27
- return {
28
- justifyContent: 'inherit',
29
- transform: 'translate(-20%, 20%)'
30
- };
31
- });
32
- var InputSwitch = exports.InputSwitch = function InputSwitch(_ref) {
33
- var className = _ref.className,
34
- label = _ref.label,
35
- checked = _ref.checked,
36
- onChange = _ref.onChange;
41
+
42
+ var RawInputSwitch = function RawInputSwitch(_ref) {
43
+ var classes = _ref.classes,
44
+ className = _ref.className,
45
+ label = _ref.label,
46
+ checked = _ref.checked,
47
+ onChange = _ref.onChange;
37
48
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
38
49
  className: className,
39
50
  label: label
40
- }, /*#__PURE__*/_react["default"].createElement(StyledSwitch, {
51
+ }, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
52
+ className: classes.switchRoot,
41
53
  checked: checked,
42
54
  onChange: onChange,
43
55
  "aria-label": label
44
56
  }));
45
57
  };
46
- InputSwitch.propTypes = _objectSpread({}, InputTypes);
47
- var StyledCheckbox = (0, _styles.styled)(_Checkbox["default"])(function (_ref2) {
48
- var theme = _ref2.theme,
49
- error = _ref2.error;
50
- return _objectSpread({
51
- transform: 'translate(-25%, 20%)',
52
- color: "".concat(_renderUi.color.tertiary(), " !important")
53
- }, error && {
54
- color: "".concat(theme.palette.error.main, " !important")
55
- });
56
- });
57
- var InputCheckbox = exports.InputCheckbox = function InputCheckbox(_ref3) {
58
- var className = _ref3.className,
59
- label = _ref3.label,
60
- checked = _ref3.checked,
61
- onChange = _ref3.onChange,
62
- disabled = _ref3.disabled,
63
- error = _ref3.error;
58
+
59
+ RawInputSwitch.propTypes = _objectSpread({}, InputTypes);
60
+ var InputSwitch = (0, _styles.withStyles)({
61
+ switchRoot: {
62
+ justifyContent: 'inherit',
63
+ transform: 'translate(-20%, 20%)'
64
+ }
65
+ })(RawInputSwitch);
66
+ exports.InputSwitch = InputSwitch;
67
+
68
+ var RawInputCheckbox = function RawInputCheckbox(props) {
69
+ var classes = props.classes,
70
+ className = props.className,
71
+ label = props.label,
72
+ checked = props.checked,
73
+ onChange = props.onChange,
74
+ disabled = props.disabled,
75
+ error = props.error;
64
76
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
65
77
  className: className,
66
78
  label: label
67
- }, /*#__PURE__*/_react["default"].createElement(StyledCheckbox, {
79
+ }, /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
80
+ className: (0, _classnames["default"])(classes.checkboxRoot, classes.customColor, error && classes.error),
68
81
  disabled: disabled,
69
82
  checked: checked,
70
83
  onChange: onChange,
71
- "aria-label": label,
72
- error: error
84
+ "aria-label": label
73
85
  }));
74
86
  };
75
- InputCheckbox.propTypes = _objectSpread({}, InputTypes);
76
- var StyledRadio = (0, _styles.styled)(_Radio["default"])(function (_ref4) {
77
- var theme = _ref4.theme,
78
- error = _ref4.error;
79
- return _objectSpread({
80
- transform: 'translate(-20%, 20%)',
81
- color: "".concat(_renderUi.color.tertiary(), " !important")
82
- }, error && {
83
- color: "".concat(theme.palette.error.main, " !important")
84
- });
85
- });
86
- var InputRadio = exports.InputRadio = function InputRadio(_ref5) {
87
- var className = _ref5.className,
88
- label = _ref5.label,
89
- checked = _ref5.checked,
90
- onChange = _ref5.onChange,
91
- disabled = _ref5.disabled,
92
- error = _ref5.error;
87
+
88
+ RawInputCheckbox.propTypes = _objectSpread({}, InputTypes);
89
+
90
+ var RawInputRadio = function RawInputRadio(props) {
91
+ var classes = props.classes,
92
+ className = props.className,
93
+ label = props.label,
94
+ checked = props.checked,
95
+ onChange = props.onChange,
96
+ disabled = props.disabled,
97
+ error = props.error;
93
98
  return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
94
99
  className: className,
95
100
  label: label
96
- }, /*#__PURE__*/_react["default"].createElement(StyledRadio, {
101
+ }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
102
+ className: (0, _classnames["default"])(classes.radioRoot, classes.customColor, error && classes.error),
97
103
  disabled: disabled,
98
104
  checked: checked,
99
105
  onChange: onChange,
100
- "aria-label": label,
101
- error: error
106
+ "aria-label": label
102
107
  }));
103
108
  };
104
- InputRadio.propTypes = _objectSpread({}, InputTypes);
109
+
110
+ RawInputRadio.propTypes = _objectSpread({}, InputTypes);
111
+ var InputCheckbox = (0, _styles.withStyles)(function (theme) {
112
+ return {
113
+ checkboxRoot: {
114
+ transform: 'translate(-25%, 20%)'
115
+ },
116
+ error: {
117
+ color: theme.palette.error.main
118
+ },
119
+ customColor: {
120
+ color: "".concat(_renderUi.color.tertiary(), " !important")
121
+ }
122
+ };
123
+ })(RawInputCheckbox);
124
+ exports.InputCheckbox = InputCheckbox;
125
+ var InputRadio = (0, _styles.withStyles)(function (theme) {
126
+ return {
127
+ radioRoot: {
128
+ transform: 'translate(-20%, 20%)'
129
+ },
130
+ error: {
131
+ color: theme.palette.error.main
132
+ },
133
+ customColor: {
134
+ color: "".concat(_renderUi.color.tertiary(), " !important")
135
+ }
136
+ };
137
+ })(RawInputRadio);
138
+ exports.InputRadio = InputRadio;
105
139
  //# sourceMappingURL=inputs.js.map
package/lib/inputs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputs.js","names":["_Checkbox","_interopRequireDefault","require","_Radio","_renderUi","_propTypes","_react","_Switch","_styles","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","InputTypes","className","PropTypes","string","label","checked","bool","onChange","func","disabled","error","StyledSwitch","styled","Switch","justifyContent","transform","InputSwitch","exports","_ref","createElement","InputContainer","propTypes","StyledCheckbox","Checkbox","_ref2","theme","color","concat","tertiary","palette","main","InputCheckbox","_ref3","StyledRadio","Radio","_ref4","InputRadio","_ref5"],"sources":["../src/inputs.jsx"],"sourcesContent":["import Checkbox from '@mui/material/Checkbox';\nimport Radio from '@mui/material/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@mui/material/Switch';\nimport { styled } from '@mui/material/styles';\nimport { color } from '@pie-lib/render-ui';\n\nconst InputTypes = {\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string,\n};\n\nconst StyledSwitch = styled(Switch)(() => ({\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)',\n}));\n\nconst InputSwitch = ({ className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledSwitch checked={checked} onChange={onChange} aria-label={label} />\n </InputContainer>\n );\n};\n\nInputSwitch.propTypes = { ...InputTypes };\n\nconst StyledCheckbox = styled(Checkbox)(({ theme, error }) => ({\n transform: 'translate(-25%, 20%)',\n color: `${color.tertiary()} !important`,\n ...(error && {\n color: `${theme.palette.error.main} !important`,\n }),\n}));\n\nconst InputCheckbox = ({ className, label, checked, onChange, disabled, error }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledCheckbox\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n error={error}\n />\n </InputContainer>\n );\n};\n\nInputCheckbox.propTypes = { ...InputTypes };\n\nconst StyledRadio = styled(Radio)(({ theme, error }) => ({\n transform: 'translate(-20%, 20%)',\n color: `${color.tertiary()} !important`,\n ...(error && {\n color: `${theme.palette.error.main} !important`,\n }),\n}));\n\nconst InputRadio = ({ className, label, checked, onChange, disabled, error }) => {\n return (\n <InputContainer className={className} label={label}>\n <StyledRadio\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n error={error}\n />\n </InputContainer>\n );\n};\n\nInputRadio.propTypes = { ...InputTypes };\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"sources":["../src/inputs.jsx"],"names":["InputTypes","classes","PropTypes","object","isRequired","className","string","label","checked","bool","onChange","func","disabled","error","RawInputSwitch","switchRoot","propTypes","InputSwitch","justifyContent","transform","RawInputCheckbox","props","checkboxRoot","customColor","RawInputRadio","radioRoot","InputCheckbox","theme","color","palette","main","tertiary","InputRadio"],"mappings":"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","sourcesContent":["import Checkbox from '@material-ui/core/Checkbox';\nimport Radio from '@material-ui/core/Radio';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport Switch from '@material-ui/core/Switch';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\n\nconst InputTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n label: PropTypes.string,\n checked: PropTypes.bool,\n onChange: PropTypes.func,\n disabled: PropTypes.bool,\n error: PropTypes.string,\n};\n\nconst RawInputSwitch = ({ classes, className, label, checked, onChange }) => {\n return (\n <InputContainer className={className} label={label}>\n <Switch className={classes.switchRoot} checked={checked} onChange={onChange} aria-label={label} />\n </InputContainer>\n );\n};\n\nRawInputSwitch.propTypes = { ...InputTypes };\n\nconst InputSwitch = withStyles({\n switchRoot: {\n justifyContent: 'inherit',\n transform: 'translate(-20%, 20%)',\n },\n})(RawInputSwitch);\n\nconst RawInputCheckbox = (props) => {\n const { classes, className, label, checked, onChange, disabled, error } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Checkbox\n className={classNames(classes.checkboxRoot, classes.customColor, error && classes.error)}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputCheckbox.propTypes = { ...InputTypes };\n\nconst RawInputRadio = (props) => {\n const { classes, className, label, checked, onChange, disabled, error } = props;\n\n return (\n <InputContainer className={className} label={label}>\n <Radio\n className={classNames(classes.radioRoot, classes.customColor, error && classes.error)}\n disabled={disabled}\n checked={checked}\n onChange={onChange}\n aria-label={label}\n />\n </InputContainer>\n );\n};\n\nRawInputRadio.propTypes = { ...InputTypes };\n\nconst InputCheckbox = withStyles((theme) => ({\n checkboxRoot: {\n transform: 'translate(-25%, 20%)',\n },\n error: {\n color: theme.palette.error.main,\n },\n customColor: {\n color: `${color.tertiary()} !important`,\n },\n}))(RawInputCheckbox);\n\nconst InputRadio = withStyles((theme) => ({\n radioRoot: {\n transform: 'translate(-20%, 20%)',\n },\n error: {\n color: theme.palette.error.main,\n },\n customColor: {\n color: `${color.tertiary()} !important`,\n },\n}))(RawInputRadio);\n\nexport { InputSwitch, InputCheckbox, InputRadio };\n"],"file":"inputs.js"}