@pie-lib/config-ui 11.10.0-beta.1 → 11.10.0-beta.2
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.
- package/CHANGELOG.md +16 -0
- package/package.json +4 -4
- package/lib/alert-dialog.js +0 -75
- package/lib/alert-dialog.js.map +0 -1
- package/lib/checkbox.js +0 -99
- package/lib/checkbox.js.map +0 -1
- package/lib/choice-configuration/feedback-menu.js +0 -164
- package/lib/choice-configuration/feedback-menu.js.map +0 -1
- package/lib/choice-configuration/index.js +0 -445
- package/lib/choice-configuration/index.js.map +0 -1
- package/lib/choice-utils.js +0 -54
- package/lib/choice-utils.js.map +0 -1
- package/lib/feedback-config/feedback-selector.js +0 -195
- package/lib/feedback-config/feedback-selector.js.map +0 -1
- package/lib/feedback-config/group.js +0 -75
- package/lib/feedback-config/group.js.map +0 -1
- package/lib/feedback-config/index.js +0 -189
- package/lib/feedback-config/index.js.map +0 -1
- package/lib/form-section.js +0 -46
- package/lib/form-section.js.map +0 -1
- package/lib/help.js +0 -147
- package/lib/help.js.map +0 -1
- package/lib/index.js +0 -216
- package/lib/index.js.map +0 -1
- package/lib/input.js +0 -139
- package/lib/input.js.map +0 -1
- package/lib/inputs.js +0 -139
- package/lib/inputs.js.map +0 -1
- package/lib/langs.js +0 -179
- package/lib/langs.js.map +0 -1
- package/lib/layout/config-layout.js +0 -143
- package/lib/layout/config-layout.js.map +0 -1
- package/lib/layout/index.js +0 -24
- package/lib/layout/index.js.map +0 -1
- package/lib/layout/layout-contents.js +0 -191
- package/lib/layout/layout-contents.js.map +0 -1
- package/lib/layout/settings-box.js +0 -86
- package/lib/layout/settings-box.js.map +0 -1
- package/lib/mui-box/index.js +0 -79
- package/lib/mui-box/index.js.map +0 -1
- package/lib/number-text-field-custom.js +0 -458
- package/lib/number-text-field-custom.js.map +0 -1
- package/lib/number-text-field.js +0 -267
- package/lib/number-text-field.js.map +0 -1
- package/lib/radio-with-label.js +0 -49
- package/lib/radio-with-label.js.map +0 -1
- package/lib/settings/display-size.js +0 -77
- package/lib/settings/display-size.js.map +0 -1
- package/lib/settings/index.js +0 -143
- package/lib/settings/index.js.map +0 -1
- package/lib/settings/panel.js +0 -463
- package/lib/settings/panel.js.map +0 -1
- package/lib/settings/settings-radio-label.js +0 -53
- package/lib/settings/settings-radio-label.js.map +0 -1
- package/lib/settings/toggle.js +0 -74
- package/lib/settings/toggle.js.map +0 -1
- package/lib/tabs/index.js +0 -110
- package/lib/tabs/index.js.map +0 -1
- package/lib/tags-input/index.js +0 -198
- package/lib/tags-input/index.js.map +0 -1
- package/lib/two-choice.js +0 -180
- package/lib/two-choice.js.map +0 -1
- package/lib/with-stateful-model.js +0 -84
- package/lib/with-stateful-model.js.map +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/number-text-field-custom.jsx"],"names":["styles","input","margin","iconButton","padding","fallbackNumber","min","max","NumberTextFieldCustom","props","customValues","number","type","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestFractionValue","getClosestValue","index","reduce","closest","Math","abs","math","fraction","isPositiveInteger","trim","split","numerator","denominator","isNaN","parseFloat","Number","isInteger","n","event","onlyIntegersAllowed","target","tempValue","getValidFraction","rawNumber","round","normalizeValueAndIndex","setState","toString","onChange","state","bind","sign","shouldUpdate","preventDefault","step","updatedIndex","parseInt","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","disabledStart","disabledEnd","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","array","bool","func","any"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport isFinite from 'lodash/isFinite';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Remove from '@material-ui/icons/Remove';\nimport Add from '@material-ui/icons/Add';\nimport * as math from 'mathjs';\n\nconst styles = () => ({\n input: {\n '& input[type=number]': {\n '-moz-appearance': 'textfield',\n },\n '& input[type=number]::-webkit-outer-spin-button': {\n '-webkit-appearance': 'none',\n margin: 0,\n },\n '& input[type=number]::-webkit-inner-spin-button': {\n '-webkit-appearance': 'none',\n margin: 0,\n },\n },\n iconButton: {\n padding: '2px',\n },\n});\n\nconst fallbackNumber = (min, max) => {\n if (!isFinite(min) && !isFinite(max)) {\n return 0;\n }\n\n if (!isFinite(min) && isFinite(max)) {\n return max;\n }\n\n if (isFinite(min)) {\n return min;\n }\n};\n\nexport class NumberTextFieldCustom extends React.Component {\n static propTypes = {\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n customValues: PropTypes.array,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n inputClassName: PropTypes.string,\n helperText: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n onlyIntegersAllowed: PropTypes.bool,\n value: PropTypes.any,\n min: PropTypes.number,\n max: PropTypes.number,\n step: PropTypes.number,\n label: PropTypes.string,\n disableUnderline: PropTypes.bool,\n textAlign: PropTypes.string,\n variant: PropTypes.string,\n type: PropTypes.string,\n };\n\n static defaultProps = {\n step: 1,\n customValues: [],\n textAlign: 'center',\n variant: 'standard',\n onlyIntegersAllowed: false,\n };\n\n constructor(props) {\n super(props);\n\n const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);\n\n this.state = {\n value,\n currentIndex,\n };\n\n if (value !== props.value) {\n this.props.onChange({}, value);\n }\n\n this.onChange = this.onChange.bind(this);\n }\n\n UNSAFE_componentWillReceiveProps(props) {\n const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value, props.min, props.max);\n\n this.setState({ value, currentIndex });\n }\n\n clamp(value, min = this.props.min, max = this.props.max) {\n const { customValues } = this.props;\n\n if ((customValues || []).length > 0) {\n return value;\n }\n\n if (!isFinite(value)) {\n return fallbackNumber(min, max);\n }\n\n if (isFinite(max)) {\n value = Math.min(value, max);\n }\n\n if (isFinite(min)) {\n value = Math.max(value, min);\n }\n\n return value;\n }\n\n normalizeValueAndIndex = (customValues, number, min, max) => {\n const { type } = this.props;\n const value = this.clamp(number, min, max);\n const currentIndex = (customValues || []).findIndex((val) => val === value);\n\n if ((customValues || []).length > 0 && currentIndex === -1) {\n const closestValue =\n type === 'text' ? this.getClosestFractionValue(customValues, value) : this.getClosestValue(customValues, value);\n\n return { value: closestValue.value, currentIndex: closestValue.index };\n }\n\n return { value, currentIndex };\n };\n\n getClosestValue = (customValues, number) =>\n customValues.reduce(\n (closest, value, index) =>\n Math.abs(value - number) < Math.abs(closest.value - number) ? { value, index } : closest,\n { value: customValues[0], index: 0 },\n );\n\n getClosestFractionValue = (customValues, number) =>\n customValues.reduce(\n (closest, value, index) =>\n Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) <\n Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number)))\n ? { value, index }\n : closest,\n { value: customValues[0], index: 0 },\n );\n\n getValidFraction = (value) => {\n if (this.isPositiveInteger(value.trim())) {\n return value.trim();\n }\n if (value.trim() === '' || value.trim().split('/').length !== 2) {\n return false;\n }\n let [numerator, denominator] = value.trim().split('/');\n if (isNaN(numerator) || isNaN(denominator)) {\n return false;\n }\n numerator = parseFloat(numerator);\n denominator = parseFloat(denominator);\n if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {\n return false;\n }\n if (numerator < 0 || denominator < 1) {\n return false;\n }\n return numerator + '/' + denominator;\n };\n\n isPositiveInteger = (n) => {\n return n >>> 0 === parseFloat(n);\n };\n\n onBlur = (event) => {\n const { customValues, onlyIntegersAllowed, type } = this.props;\n let { value } = event.target;\n if (type === 'text') {\n let tempValue = this.getValidFraction(value);\n if (tempValue) {\n value = tempValue;\n } else {\n value = this.props.value;\n }\n }\n let rawNumber = onlyIntegersAllowed ? Math.round(parseFloat(value)) : parseFloat(value);\n if (type === 'text') {\n rawNumber = value.trim();\n }\n const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n this.setState(\n {\n value: number.toString(),\n currentIndex,\n },\n () => this.props.onChange(event, number),\n );\n };\n\n onChange(event) {\n const { type } = this.props;\n const { value } = event.target;\n if (type !== 'text' && typeof value === 'string' && value.trim() === '') {\n return;\n }\n this.setState({ value });\n }\n\n changeValue(event, sign = 1, shouldUpdate = false) {\n event.preventDefault();\n const { customValues, step, onlyIntegersAllowed, onChange } = this.props;\n const { currentIndex, value } = this.state;\n const updatedIndex = currentIndex + sign * 1;\n let number;\n if (customValues.length > 0) {\n if (updatedIndex < 0 || updatedIndex >= customValues.length) {\n return;\n }\n number = customValues[updatedIndex];\n } else {\n const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;\n number = this.clamp(updatedValue);\n }\n this.setState(\n {\n value: number.toString(),\n currentIndex: updatedIndex,\n },\n () => {\n if (shouldUpdate) {\n onChange(event, number);\n }\n },\n );\n }\n\n render() {\n const {\n className,\n classes,\n label,\n disabled,\n error,\n min,\n max,\n customValues,\n inputClassName,\n disableUnderline,\n helperText,\n variant,\n textAlign,\n type = 'number',\n } = this.props;\n const { value } = this.state;\n const names = classNames(className, classes.input);\n //Logic to disable the increment and decrement buttons\n let disabledStart = false;\n let disabledEnd = false;\n if (customValues.length > 0) {\n disabledStart = value === customValues[0];\n disabledEnd = value === customValues[customValues.length - 1];\n } else if (isFinite(min) && isFinite(max)) {\n disabledStart = value === min;\n disabledEnd = value === max;\n }\n\n return (\n <TextField\n variant={variant}\n inputRef={(ref) => (this.inputRef = ref)}\n disabled={disabled}\n label={label}\n value={value}\n error={error}\n helperText={helperText}\n onChange={this.onChange}\n onBlur={this.onBlur}\n onKeyPress={(e) => {\n // once the Enter key is pressed, we force input blur\n if (e.key === 'Enter' && this.inputRef) {\n this.inputRef.blur();\n }\n }}\n onKeyDown={(e) => {\n if (e.key === 'ArrowUp') {\n this.changeValue(e);\n }\n\n if (e.key === 'ArrowDown') {\n this.changeValue(e, -1);\n }\n }}\n title={''}\n type={type}\n className={names}\n InputProps={{\n className: inputClassName,\n disableUnderline: disableUnderline,\n startAdornment: (\n <InputAdornment position=\"start\">\n <IconButton\n className={classes.iconButton}\n disabled={disabled ? disabled : disabledStart}\n onClick={(e) => this.changeValue(e, -1, true)}\n >\n <Remove fontSize=\"small\" />\n </IconButton>\n </InputAdornment>\n ),\n endAdornment: (\n <InputAdornment position=\"end\">\n <IconButton\n className={classes.iconButton}\n disabled={disabled ? disabled : disabledEnd}\n onClick={(e) => this.changeValue(e, 1, true)}\n >\n <Add fontSize=\"small\" />\n </IconButton>\n </InputAdornment>\n ),\n }}\n inputProps={{\n style: { textAlign },\n min,\n max,\n }}\n />\n );\n }\n}\n\nexport default withStyles(styles)(NumberTextFieldCustom);\n"],"file":"number-text-field-custom.js"}
|
package/lib/number-text-field.js
DELETED
|
@@ -1,267 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = exports.NumberTextField = void 0;
|
|
9
|
-
|
|
10
|
-
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
|
-
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
|
-
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
|
-
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
|
-
|
|
26
|
-
var _react = _interopRequireDefault(require("react"));
|
|
27
|
-
|
|
28
|
-
var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
|
|
29
|
-
|
|
30
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
31
|
-
|
|
32
|
-
var _styles = require("@material-ui/core/styles");
|
|
33
|
-
|
|
34
|
-
var _debug = _interopRequireDefault(require("debug"));
|
|
35
|
-
|
|
36
|
-
var _isFinite = _interopRequireDefault(require("lodash/isFinite"));
|
|
37
|
-
|
|
38
|
-
var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
|
|
39
|
-
|
|
40
|
-
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); }; }
|
|
41
|
-
|
|
42
|
-
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; } }
|
|
43
|
-
|
|
44
|
-
var log = (0, _debug["default"])('@pie-lib:config-ui:number-text-field');
|
|
45
|
-
|
|
46
|
-
var styles = function styles(theme) {
|
|
47
|
-
return {
|
|
48
|
-
root: {
|
|
49
|
-
marginRight: theme.spacing.unit,
|
|
50
|
-
'& label': {
|
|
51
|
-
width: 'max-content'
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
};
|
|
55
|
-
};
|
|
56
|
-
|
|
57
|
-
var fallbackNumber = function fallbackNumber(min, max) {
|
|
58
|
-
if (!(0, _isFinite["default"])(min) && !(0, _isFinite["default"])(max)) {
|
|
59
|
-
return 0;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
if (!(0, _isFinite["default"])(min) && (0, _isFinite["default"])(max)) {
|
|
63
|
-
return max;
|
|
64
|
-
}
|
|
65
|
-
|
|
66
|
-
if ((0, _isFinite["default"])(min)) {
|
|
67
|
-
return min;
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
|
|
71
|
-
var NumberTextField = /*#__PURE__*/function (_React$Component) {
|
|
72
|
-
(0, _inherits2["default"])(NumberTextField, _React$Component);
|
|
73
|
-
|
|
74
|
-
var _super = _createSuper(NumberTextField);
|
|
75
|
-
|
|
76
|
-
function NumberTextField(props) {
|
|
77
|
-
var _this;
|
|
78
|
-
|
|
79
|
-
(0, _classCallCheck2["default"])(this, NumberTextField);
|
|
80
|
-
_this = _super.call(this, props);
|
|
81
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onBlur", function (event) {
|
|
82
|
-
var value = event.target.value;
|
|
83
|
-
var rawNumber = parseFloat(value);
|
|
84
|
-
log('rawNumber: ', rawNumber);
|
|
85
|
-
|
|
86
|
-
var number = _this.clamp(rawNumber);
|
|
87
|
-
|
|
88
|
-
log('number: ', number);
|
|
89
|
-
|
|
90
|
-
if (number !== _this.state.value) {
|
|
91
|
-
log('trigger update...');
|
|
92
|
-
|
|
93
|
-
_this.setState({
|
|
94
|
-
value: number.toString()
|
|
95
|
-
}, function () {
|
|
96
|
-
_this.props.onChange(event, number);
|
|
97
|
-
});
|
|
98
|
-
}
|
|
99
|
-
});
|
|
100
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "errorMessage", function () {
|
|
101
|
-
var _this$props = _this.props,
|
|
102
|
-
min = _this$props.min,
|
|
103
|
-
max = _this$props.max;
|
|
104
|
-
|
|
105
|
-
if (min && max) {
|
|
106
|
-
return "The value must be between ".concat(min, " and ").concat(max);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
if (min) {
|
|
110
|
-
return "The value must be greater than ".concat(min);
|
|
111
|
-
}
|
|
112
|
-
|
|
113
|
-
if (max) {
|
|
114
|
-
return "The value must be less than ".concat(max);
|
|
115
|
-
}
|
|
116
|
-
});
|
|
117
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getError", function () {
|
|
118
|
-
var value = _this.state.value;
|
|
119
|
-
|
|
120
|
-
var _float = parseFloat(value);
|
|
121
|
-
|
|
122
|
-
var clamped = _this.clamp(_float);
|
|
123
|
-
|
|
124
|
-
if (clamped !== _float) {
|
|
125
|
-
return _this.errorMessage();
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
|
|
129
|
-
var _value = _this.clamp(props.value);
|
|
130
|
-
|
|
131
|
-
_this.state = {
|
|
132
|
-
value: _value
|
|
133
|
-
};
|
|
134
|
-
|
|
135
|
-
if (_value !== props.value) {
|
|
136
|
-
_this.props.onChange({}, _value);
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
_this.onChange = _this.onChange.bind((0, _assertThisInitialized2["default"])(_this));
|
|
140
|
-
return _this;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
(0, _createClass2["default"])(NumberTextField, [{
|
|
144
|
-
key: "UNSAFE_componentWillReceiveProps",
|
|
145
|
-
value: function UNSAFE_componentWillReceiveProps(props) {
|
|
146
|
-
var value = this.clamp(props.value, props.min, props.max);
|
|
147
|
-
this.setState({
|
|
148
|
-
value: value
|
|
149
|
-
});
|
|
150
|
-
}
|
|
151
|
-
}, {
|
|
152
|
-
key: "clamp",
|
|
153
|
-
value: function clamp(value) {
|
|
154
|
-
var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
|
|
155
|
-
var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
|
|
156
|
-
|
|
157
|
-
if (!(0, _isFinite["default"])(value)) {
|
|
158
|
-
return fallbackNumber(min, max);
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
if ((0, _isFinite["default"])(max)) {
|
|
162
|
-
value = Math.min(value, max);
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
if ((0, _isFinite["default"])(min)) {
|
|
166
|
-
value = Math.max(value, min);
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
return value;
|
|
170
|
-
}
|
|
171
|
-
/**
|
|
172
|
-
* on Blur (this can be triggered by pressing Enter, see below)
|
|
173
|
-
* we check the entered value and reset it if needed
|
|
174
|
-
*/
|
|
175
|
-
|
|
176
|
-
}, {
|
|
177
|
-
key: "onChange",
|
|
178
|
-
value: function onChange(event) {
|
|
179
|
-
var value = event.target.value;
|
|
180
|
-
this.setState({
|
|
181
|
-
value: value
|
|
182
|
-
});
|
|
183
|
-
}
|
|
184
|
-
}, {
|
|
185
|
-
key: "render",
|
|
186
|
-
value: function render() {
|
|
187
|
-
var _this2 = this;
|
|
188
|
-
|
|
189
|
-
var _this$props2 = this.props,
|
|
190
|
-
className = _this$props2.className,
|
|
191
|
-
classes = _this$props2.classes,
|
|
192
|
-
label = _this$props2.label,
|
|
193
|
-
disabled = _this$props2.disabled,
|
|
194
|
-
suffix = _this$props2.suffix,
|
|
195
|
-
min = _this$props2.min,
|
|
196
|
-
max = _this$props2.max,
|
|
197
|
-
inputClassName = _this$props2.inputClassName,
|
|
198
|
-
disableUnderline = _this$props2.disableUnderline,
|
|
199
|
-
showErrorWhenOutsideRange = _this$props2.showErrorWhenOutsideRange,
|
|
200
|
-
variant = _this$props2.variant;
|
|
201
|
-
var names = (0, _classnames["default"])(classes.root, className);
|
|
202
|
-
var error = showErrorWhenOutsideRange && this.getError();
|
|
203
|
-
return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
|
|
204
|
-
variant: variant || 'standard',
|
|
205
|
-
inputRef: function inputRef(ref) {
|
|
206
|
-
_this2.inputRef = ref;
|
|
207
|
-
},
|
|
208
|
-
disabled: disabled,
|
|
209
|
-
label: label,
|
|
210
|
-
value: this.state.value,
|
|
211
|
-
error: !!error,
|
|
212
|
-
helperText: error,
|
|
213
|
-
onChange: this.onChange,
|
|
214
|
-
onBlur: this.onBlur,
|
|
215
|
-
onKeyPress: function onKeyPress(e) {
|
|
216
|
-
// once the Enter key is pressed, we force input blur
|
|
217
|
-
if (e.key === 'Enter' && _this2.inputRef) {
|
|
218
|
-
_this2.inputRef.blur();
|
|
219
|
-
}
|
|
220
|
-
},
|
|
221
|
-
type: "number",
|
|
222
|
-
className: names,
|
|
223
|
-
InputLabelProps: {
|
|
224
|
-
shrink: true
|
|
225
|
-
},
|
|
226
|
-
InputProps: {
|
|
227
|
-
endAdornment: suffix && /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
|
|
228
|
-
position: "end"
|
|
229
|
-
}, suffix),
|
|
230
|
-
className: inputClassName,
|
|
231
|
-
disableUnderline: disableUnderline
|
|
232
|
-
},
|
|
233
|
-
inputProps: {
|
|
234
|
-
min: min,
|
|
235
|
-
max: max
|
|
236
|
-
},
|
|
237
|
-
margin: "normal"
|
|
238
|
-
});
|
|
239
|
-
}
|
|
240
|
-
}]);
|
|
241
|
-
return NumberTextField;
|
|
242
|
-
}(_react["default"].Component);
|
|
243
|
-
|
|
244
|
-
exports.NumberTextField = NumberTextField;
|
|
245
|
-
(0, _defineProperty2["default"])(NumberTextField, "propTypes", {
|
|
246
|
-
disabled: _propTypes["default"].bool,
|
|
247
|
-
classes: _propTypes["default"].object.isRequired,
|
|
248
|
-
className: _propTypes["default"].string,
|
|
249
|
-
inputClassName: _propTypes["default"].string,
|
|
250
|
-
onChange: _propTypes["default"].func.isRequired,
|
|
251
|
-
value: _propTypes["default"].number,
|
|
252
|
-
min: _propTypes["default"].number,
|
|
253
|
-
max: _propTypes["default"].number,
|
|
254
|
-
label: _propTypes["default"].string,
|
|
255
|
-
suffix: _propTypes["default"].string,
|
|
256
|
-
showErrorWhenOutsideRange: _propTypes["default"].bool,
|
|
257
|
-
disableUnderline: _propTypes["default"].bool,
|
|
258
|
-
variant: _propTypes["default"].string
|
|
259
|
-
});
|
|
260
|
-
(0, _defineProperty2["default"])(NumberTextField, "defaultProps", {
|
|
261
|
-
showErrorWhenOutsideRange: false
|
|
262
|
-
});
|
|
263
|
-
|
|
264
|
-
var _default = (0, _styles.withStyles)(styles)(NumberTextField);
|
|
265
|
-
|
|
266
|
-
exports["default"] = _default;
|
|
267
|
-
//# sourceMappingURL=number-text-field.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/number-text-field.jsx"],"names":["log","styles","theme","root","marginRight","spacing","unit","width","fallbackNumber","min","max","NumberTextField","props","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","float","clamped","errorMessage","bind","Math","className","classes","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","names","error","getError","ref","inputRef","onBlur","e","key","blur","shrink","endAdornment","React","Component","PropTypes","bool","object","isRequired","string","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst styles = (theme) => ({\n root: {\n marginRight: theme.spacing.unit,\n '& label': {\n width: 'max-content',\n },\n },\n});\n\nconst fallbackNumber = (min, max) => {\n if (!isFinite(min) && !isFinite(max)) {\n return 0;\n }\n if (!isFinite(min) && isFinite(max)) {\n return max;\n }\n\n if (isFinite(min)) {\n return min;\n }\n};\n\nexport class NumberTextField extends React.Component {\n static propTypes = {\n disabled: PropTypes.bool,\n classes: PropTypes.object.isRequired,\n className: PropTypes.string,\n inputClassName: PropTypes.string,\n onChange: PropTypes.func.isRequired,\n value: PropTypes.number,\n min: PropTypes.number,\n max: PropTypes.number,\n label: PropTypes.string,\n suffix: PropTypes.string,\n showErrorWhenOutsideRange: PropTypes.bool,\n disableUnderline: PropTypes.bool,\n variant: PropTypes.string,\n };\n\n static defaultProps = {\n showErrorWhenOutsideRange: false,\n };\n\n constructor(props) {\n super(props);\n\n const value = this.clamp(props.value);\n\n this.state = {\n value,\n };\n\n if (value !== props.value) {\n this.props.onChange({}, value);\n }\n\n this.onChange = this.onChange.bind(this);\n }\n\n UNSAFE_componentWillReceiveProps(props) {\n const value = this.clamp(props.value, props.min, props.max);\n\n this.setState({ value });\n }\n\n clamp(value, min = this.props.min, max = this.props.max) {\n if (!isFinite(value)) {\n return fallbackNumber(min, max);\n }\n\n if (isFinite(max)) {\n value = Math.min(value, max);\n }\n\n if (isFinite(min)) {\n value = Math.max(value, min);\n }\n\n return value;\n }\n\n /**\n * on Blur (this can be triggered by pressing Enter, see below)\n * we check the entered value and reset it if needed\n */\n onBlur = (event) => {\n const value = event.target.value;\n\n const rawNumber = parseFloat(value);\n log('rawNumber: ', rawNumber);\n\n const number = this.clamp(rawNumber);\n log('number: ', number);\n\n if (number !== this.state.value) {\n log('trigger update...');\n this.setState({ value: number.toString() }, () => {\n this.props.onChange(event, number);\n });\n }\n };\n\n onChange(event) {\n const value = event.target.value;\n this.setState({ value });\n }\n\n errorMessage = () => {\n const { min, max } = this.props;\n if (min && max) {\n return `The value must be between ${min} and ${max}`;\n }\n if (min) {\n return `The value must be greater than ${min}`;\n }\n if (max) {\n return `The value must be less than ${max}`;\n }\n };\n\n /**\n * if the input has to show error when outside range,\n * and the entered value is not matching the requirements\n * we display error message\n */\n\n getError = () => {\n const { value } = this.state;\n const float = parseFloat(value);\n const clamped = this.clamp(float);\n if (clamped !== float) {\n return this.errorMessage();\n }\n };\n\n render() {\n const {\n className,\n classes,\n label,\n disabled,\n suffix,\n min,\n max,\n inputClassName,\n disableUnderline,\n showErrorWhenOutsideRange,\n variant,\n } = this.props;\n const names = classNames(classes.root, className);\n\n const error = showErrorWhenOutsideRange && this.getError();\n return (\n <TextField\n variant={variant || 'standard'}\n inputRef={(ref) => {\n this.inputRef = ref;\n }}\n disabled={disabled}\n label={label}\n value={this.state.value}\n error={!!error}\n helperText={error}\n onChange={this.onChange}\n onBlur={this.onBlur}\n onKeyPress={(e) => {\n // once the Enter key is pressed, we force input blur\n if (e.key === 'Enter' && this.inputRef) {\n this.inputRef.blur();\n }\n }}\n type=\"number\"\n className={names}\n InputLabelProps={{\n shrink: true,\n }}\n InputProps={{\n endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n className: inputClassName,\n disableUnderline: disableUnderline,\n }}\n inputProps={{\n min,\n max,\n }}\n margin=\"normal\"\n />\n );\n }\n}\n\nexport default withStyles(styles)(NumberTextField);\n"],"file":"number-text-field.js"}
|
package/lib/radio-with-label.js
DELETED
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
|
|
11
|
-
|
|
12
|
-
var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
|
|
13
|
-
|
|
14
|
-
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
|
-
var _styles = require("@material-ui/core/styles");
|
|
17
|
-
|
|
18
|
-
var _renderUi = require("@pie-lib/render-ui");
|
|
19
|
-
|
|
20
|
-
var _default = (0, _styles.withStyles)({
|
|
21
|
-
label: {
|
|
22
|
-
left: '-5px',
|
|
23
|
-
position: 'relative'
|
|
24
|
-
},
|
|
25
|
-
customColor: {
|
|
26
|
-
color: "".concat(_renderUi.color.tertiary(), " !important")
|
|
27
|
-
}
|
|
28
|
-
})(function (_ref) {
|
|
29
|
-
var label = _ref.label,
|
|
30
|
-
value = _ref.value,
|
|
31
|
-
checked = _ref.checked,
|
|
32
|
-
onChange = _ref.onChange,
|
|
33
|
-
classes = _ref.classes;
|
|
34
|
-
return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
|
|
35
|
-
value: value,
|
|
36
|
-
classes: {
|
|
37
|
-
label: classes.label
|
|
38
|
-
},
|
|
39
|
-
control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
|
|
40
|
-
className: classes.customColor,
|
|
41
|
-
checked: checked,
|
|
42
|
-
onChange: onChange
|
|
43
|
-
}),
|
|
44
|
-
label: label
|
|
45
|
-
});
|
|
46
|
-
});
|
|
47
|
-
|
|
48
|
-
exports["default"] = _default;
|
|
49
|
-
//# sourceMappingURL=radio-with-label.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/radio-with-label.jsx"],"names":["label","left","position","customColor","color","tertiary","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;eAEe,wBAAW;AACxBA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,QAAQ,EAAE;AAFL,GADiB;AAKxBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,YAAKA,gBAAMC,QAAN,EAAL;AADM;AALW,CAAX,EAQZ;AAAA,MAAGL,KAAH,QAAGA,KAAH;AAAA,MAAUM,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACD,gCAAC,4BAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,OAAO,EAAE;AAAEN,MAAAA,KAAK,EAAES,OAAO,CAACT;AAAjB,KAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,SAAS,EAAES,OAAO,CAACN,WAA1B;AAAuC,MAAA,OAAO,EAAEI,OAAhD;AAAyD,MAAA,QAAQ,EAAEC;AAAnE,MAHX;AAIE,IAAA,KAAK,EAAER;AAJT,IADC;AAAA,CARY,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\nimport { color } from '@pie-lib/render-ui';\n\nexport default withStyles({\n label: {\n left: '-5px',\n position: 'relative',\n },\n customColor: {\n color: `${color.tertiary()} !important`,\n },\n})(({ label, value, checked, onChange, classes }) => (\n <FormControlLabel\n value={value}\n classes={{ label: classes.label }}\n control={<Radio className={classes.customColor} checked={checked} onChange={onChange} />}\n label={label}\n />\n));\n"],"file":"radio-with-label.js"}
|
|
@@ -1,77 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
exports["default"] = void 0;
|
|
9
|
-
|
|
10
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
11
|
-
|
|
12
|
-
var _react = _interopRequireDefault(require("react"));
|
|
13
|
-
|
|
14
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
|
-
|
|
16
|
-
var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
|
|
17
|
-
|
|
18
|
-
var _styles = require("@material-ui/core/styles");
|
|
19
|
-
|
|
20
|
-
var _numberTextField = _interopRequireDefault(require("../number-text-field"));
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
|
-
var DisplaySize = (0, _styles.withStyles)(function (theme) {
|
|
27
|
-
return {
|
|
28
|
-
displaySize: {
|
|
29
|
-
display: 'flex',
|
|
30
|
-
paddingTop: theme.spacing.unit
|
|
31
|
-
}
|
|
32
|
-
};
|
|
33
|
-
})(function (_ref) {
|
|
34
|
-
var size = _ref.size,
|
|
35
|
-
label = _ref.label,
|
|
36
|
-
classes = _ref.classes,
|
|
37
|
-
onChange = _ref.onChange;
|
|
38
|
-
|
|
39
|
-
var updateSize = function updateSize(key, v) {
|
|
40
|
-
onChange(_objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, v)));
|
|
41
|
-
};
|
|
42
|
-
|
|
43
|
-
return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, label), /*#__PURE__*/_react["default"].createElement("div", {
|
|
44
|
-
className: classes.displaySize
|
|
45
|
-
}, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
|
|
46
|
-
label: "Width",
|
|
47
|
-
type: "number",
|
|
48
|
-
variant: "outlined",
|
|
49
|
-
value: size.width,
|
|
50
|
-
min: 150,
|
|
51
|
-
max: 1000,
|
|
52
|
-
onChange: function onChange(e, v) {
|
|
53
|
-
return updateSize('width', v);
|
|
54
|
-
}
|
|
55
|
-
}), /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
|
|
56
|
-
label: "Height",
|
|
57
|
-
type: "number",
|
|
58
|
-
variant: "outlined",
|
|
59
|
-
min: 150,
|
|
60
|
-
max: 1000,
|
|
61
|
-
value: size.height,
|
|
62
|
-
onChange: function onChange(e, v) {
|
|
63
|
-
return updateSize('height', v);
|
|
64
|
-
}
|
|
65
|
-
})));
|
|
66
|
-
});
|
|
67
|
-
DisplaySize.propTypes = {
|
|
68
|
-
size: _propTypes["default"].shape({
|
|
69
|
-
width: _propTypes["default"].number.isRequired,
|
|
70
|
-
height: _propTypes["default"].number.isRequired
|
|
71
|
-
}).isRequired,
|
|
72
|
-
label: _propTypes["default"].string.isRequired,
|
|
73
|
-
onChange: _propTypes["default"].func
|
|
74
|
-
};
|
|
75
|
-
var _default = DisplaySize;
|
|
76
|
-
exports["default"] = _default;
|
|
77
|
-
//# sourceMappingURL=display-size.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/settings/display-size.jsx"],"names":["DisplaySize","theme","displaySize","display","paddingTop","spacing","unit","size","label","classes","onChange","updateSize","key","v","width","e","height","propTypes","PropTypes","shape","number","isRequired","string","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACzCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAFf;AAD4B,GAAZ;AAAA,CAAX,EAKhB,gBAAwC;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,OAAwB,QAAxBA,OAAwB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1C,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC7BH,IAAAA,QAAQ,iCAAMH,IAAN,4CAAaK,GAAb,EAAmBC,CAAnB,GAAR;AACD,GAFD;;AAGA,sBACE,0DACE,gCAAC,sBAAD,QAAaL,KAAb,CADF,eAEE;AAAK,IAAA,SAAS,EAAEC,OAAO,CAACP;AAAxB,kBACE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,KAAK,EAAEK,IAAI,CAACO,KAJd;AAKE,IAAA,GAAG,EAAE,GALP;AAME,IAAA,GAAG,EAAE,IANP;AAOE,IAAA,QAAQ,EAAE,kBAACC,CAAD,EAAIF,CAAJ;AAAA,aAAUF,UAAU,CAAC,OAAD,EAAUE,CAAV,CAApB;AAAA;AAPZ,IADF,eAUE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAC,QADR;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,GAAG,EAAE,GAJP;AAKE,IAAA,GAAG,EAAE,IALP;AAME,IAAA,KAAK,EAAEN,IAAI,CAACS,MANd;AAOE,IAAA,QAAQ,EAAE,kBAACD,CAAD,EAAIF,CAAJ;AAAA,aAAUF,UAAU,CAAC,QAAD,EAAWE,CAAX,CAApB;AAAA;AAPZ,IAVF,CAFF,CADF;AAyBD,CAlCmB,CAApB;AAoCAb,WAAW,CAACiB,SAAZ,GAAwB;AACtBV,EAAAA,IAAI,EAAEW,sBAAUC,KAAV,CAAgB;AACpBL,IAAAA,KAAK,EAAEI,sBAAUE,MAAV,CAAiBC,UADJ;AAEpBL,IAAAA,MAAM,EAAEE,sBAAUE,MAAV,CAAiBC;AAFL,GAAhB,EAGHA,UAJmB;AAKtBb,EAAAA,KAAK,EAAEU,sBAAUI,MAAV,CAAiBD,UALF;AAMtBX,EAAAA,QAAQ,EAAEQ,sBAAUK;AANE,CAAxB;eASevB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport NumberTextField from '../number-text-field';\n\nconst DisplaySize = withStyles((theme) => ({\n displaySize: {\n display: 'flex',\n paddingTop: theme.spacing.unit,\n },\n}))(({ size, label, classes, onChange }) => {\n const updateSize = (key, v) => {\n onChange({ ...size, [key]: v });\n };\n return (\n <div>\n <Typography>{label}</Typography>\n <div className={classes.displaySize}>\n <NumberTextField\n label=\"Width\"\n type=\"number\"\n variant=\"outlined\"\n value={size.width}\n min={150}\n max={1000}\n onChange={(e, v) => updateSize('width', v)}\n />\n <NumberTextField\n label=\"Height\"\n type=\"number\"\n variant=\"outlined\"\n min={150}\n max={1000}\n value={size.height}\n onChange={(e, v) => updateSize('height', v)}\n />\n </div>\n </div>\n );\n});\n\nDisplaySize.propTypes = {\n size: PropTypes.shape({\n width: PropTypes.number.isRequired,\n height: PropTypes.number.isRequired,\n }).isRequired,\n label: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n};\n\nexport default DisplaySize;\n"],"file":"display-size.js"}
|
package/lib/settings/index.js
DELETED
|
@@ -1,143 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
|
6
|
-
value: true
|
|
7
|
-
});
|
|
8
|
-
Object.defineProperty(exports, "Panel", {
|
|
9
|
-
enumerable: true,
|
|
10
|
-
get: function get() {
|
|
11
|
-
return _panel["default"];
|
|
12
|
-
}
|
|
13
|
-
});
|
|
14
|
-
exports.toggle = exports.textField = exports.radio = exports.numberFields = exports.numberField = exports.dropdown = exports.checkboxes = exports.checkbox = void 0;
|
|
15
|
-
|
|
16
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
17
|
-
|
|
18
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
19
|
-
|
|
20
|
-
var _panel = _interopRequireDefault(require("./panel"));
|
|
21
|
-
|
|
22
|
-
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; }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
26
|
-
var textField = function textField(label) {
|
|
27
|
-
var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
28
|
-
return {
|
|
29
|
-
label: label,
|
|
30
|
-
type: 'textField',
|
|
31
|
-
isConfigProperty: isConfigProperty
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
exports.textField = textField;
|
|
36
|
-
|
|
37
|
-
var toggle = function toggle(label) {
|
|
38
|
-
var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
39
|
-
var disabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
40
|
-
return {
|
|
41
|
-
type: 'toggle',
|
|
42
|
-
label: label,
|
|
43
|
-
isConfigProperty: isConfigProperty,
|
|
44
|
-
disabled: disabled
|
|
45
|
-
};
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
exports.toggle = toggle;
|
|
49
|
-
|
|
50
|
-
var toChoice = function toChoice(opt) {
|
|
51
|
-
if (typeof opt === 'string') {
|
|
52
|
-
return {
|
|
53
|
-
label: opt,
|
|
54
|
-
value: opt
|
|
55
|
-
};
|
|
56
|
-
} else {
|
|
57
|
-
return opt;
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
|
|
61
|
-
var radio = function radio() {
|
|
62
|
-
var args = Array.prototype.slice.call(arguments);
|
|
63
|
-
|
|
64
|
-
var _args = (0, _slicedToArray2["default"])(args, 3),
|
|
65
|
-
label = _args[0],
|
|
66
|
-
choices = _args[1],
|
|
67
|
-
_args$ = _args[2],
|
|
68
|
-
isConfigProperty = _args$ === void 0 ? false : _args$;
|
|
69
|
-
|
|
70
|
-
return {
|
|
71
|
-
type: 'radio',
|
|
72
|
-
label: label,
|
|
73
|
-
choices: choices && choices.map(function (o) {
|
|
74
|
-
return toChoice(o);
|
|
75
|
-
}),
|
|
76
|
-
isConfigProperty: isConfigProperty
|
|
77
|
-
};
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
exports.radio = radio;
|
|
81
|
-
|
|
82
|
-
var dropdown = function dropdown(label, choices) {
|
|
83
|
-
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
84
|
-
return {
|
|
85
|
-
type: 'dropdown',
|
|
86
|
-
label: label,
|
|
87
|
-
choices: choices,
|
|
88
|
-
isConfigProperty: isConfigProperty
|
|
89
|
-
};
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
exports.dropdown = dropdown;
|
|
93
|
-
|
|
94
|
-
var numberField = function numberField(label, options) {
|
|
95
|
-
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
96
|
-
return _objectSpread(_objectSpread({}, options), {}, {
|
|
97
|
-
label: label,
|
|
98
|
-
type: 'numberField',
|
|
99
|
-
isConfigProperty: isConfigProperty
|
|
100
|
-
});
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
exports.numberField = numberField;
|
|
104
|
-
|
|
105
|
-
var numberFields = function numberFields(label, fields) {
|
|
106
|
-
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
107
|
-
Object.keys(fields).map(function (key) {
|
|
108
|
-
fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);
|
|
109
|
-
});
|
|
110
|
-
return {
|
|
111
|
-
type: 'numberFields',
|
|
112
|
-
label: label,
|
|
113
|
-
fields: fields
|
|
114
|
-
};
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
exports.numberFields = numberFields;
|
|
118
|
-
|
|
119
|
-
var checkbox = function checkbox(label, settings) {
|
|
120
|
-
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
121
|
-
return _objectSpread(_objectSpread({}, settings), {}, {
|
|
122
|
-
label: label,
|
|
123
|
-
type: 'checkbox',
|
|
124
|
-
isConfigProperty: isConfigProperty
|
|
125
|
-
});
|
|
126
|
-
};
|
|
127
|
-
|
|
128
|
-
exports.checkbox = checkbox;
|
|
129
|
-
|
|
130
|
-
var checkboxes = function checkboxes(label, choices) {
|
|
131
|
-
var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
|
|
132
|
-
Object.keys(choices).map(function (key) {
|
|
133
|
-
choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);
|
|
134
|
-
});
|
|
135
|
-
return {
|
|
136
|
-
type: 'checkboxes',
|
|
137
|
-
label: label,
|
|
138
|
-
choices: choices
|
|
139
|
-
};
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
exports.checkboxes = checkboxes;
|
|
143
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/settings/index.js"],"names":["textField","label","isConfigProperty","type","toggle","disabled","toChoice","opt","value","radio","args","Array","prototype","slice","call","arguments","choices","map","o","dropdown","numberField","options","numberFields","fields","Object","keys","key","checkbox","settings","checkboxes"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAIO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,MAAQC,gBAAR,uEAA2B,IAA3B;AAAA,SAAqC;AAC5DD,IAAAA,KAAK,EAALA,KAD4D;AAE5DE,IAAAA,IAAI,EAAE,WAFsD;AAG5DD,IAAAA,gBAAgB,EAAhBA;AAH4D,GAArC;AAAA,CAAlB;;;;AAMA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACH,KAAD;AAAA,MAAQC,gBAAR,uEAA2B,KAA3B;AAAA,MAAkCG,QAAlC,uEAA6C,KAA7C;AAAA,SAAwD;AAC5EF,IAAAA,IAAI,EAAE,QADsE;AAE5EF,IAAAA,KAAK,EAALA,KAF4E;AAG5EC,IAAAA,gBAAgB,EAAhBA,gBAH4E;AAI5EG,IAAAA,QAAQ,EAARA;AAJ4E,GAAxD;AAAA,CAAf;;;;AAOP,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD,EAAS;AACxB,MAAI,OAAOA,GAAP,KAAe,QAAnB,EAA6B;AAC3B,WAAO;AAAEN,MAAAA,KAAK,EAAEM,GAAT;AAAcC,MAAAA,KAAK,EAAED;AAArB,KAAP;AACD,GAFD,MAEO;AACL,WAAOA,GAAP;AACD;AACF,CAND;;AAQO,IAAME,KAAK,GAAG,SAARA,KAAQ,GAAW;AAC9B,MAAMC,IAAI,GAAGC,KAAK,CAACC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CAA2BC,SAA3B,CAAb;;AACA,8CAAmDL,IAAnD;AAAA,MAAOT,KAAP;AAAA,MAAce,OAAd;AAAA;AAAA,MAAuBd,gBAAvB,uBAA0C,KAA1C;;AAEA,SAAO;AACLC,IAAAA,IAAI,EAAE,OADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLe,IAAAA,OAAO,EAAEA,OAAO,IAAIA,OAAO,CAACC,GAAR,CAAY,UAACC,CAAD;AAAA,aAAOZ,QAAQ,CAACY,CAAD,CAAf;AAAA,KAAZ,CAHf;AAILhB,IAAAA,gBAAgB,EAAhBA;AAJK,GAAP;AAMD,CAVM;;;;AAYA,IAAMiB,QAAQ,GAAG,SAAXA,QAAW,CAAClB,KAAD,EAAQe,OAAR,EAA8C;AAAA,MAA7Bd,gBAA6B,uEAAV,KAAU;AACpE,SAAO;AACLC,IAAAA,IAAI,EAAE,UADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLe,IAAAA,OAAO,EAAPA,OAHK;AAILd,IAAAA,gBAAgB,EAAhBA;AAJK,GAAP;AAMD,CAPM;;;;AASA,IAAMkB,WAAW,GAAG,SAAdA,WAAc,CAACnB,KAAD,EAAQoB,OAAR;AAAA,MAAiBnB,gBAAjB,uEAAoC,KAApC;AAAA,yCACtBmB,OADsB;AAEzBpB,IAAAA,KAAK,EAALA,KAFyB;AAGzBE,IAAAA,IAAI,EAAE,aAHmB;AAIzBD,IAAAA,gBAAgB,EAAhBA;AAJyB;AAAA,CAApB;;;;AAOA,IAAMoB,YAAY,GAAG,SAAfA,YAAe,CAACrB,KAAD,EAAQsB,MAAR,EAA6C;AAAA,MAA7BrB,gBAA6B,uEAAV,KAAU;AACvEsB,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBN,GAApB,CAAwB,UAACS,GAAD,EAAS;AAC/BH,IAAAA,MAAM,CAACG,GAAD,CAAN,GAAcN,WAAW,CAACG,MAAM,CAACG,GAAD,CAAN,CAAYzB,KAAb,EAAoBsB,MAAM,CAACG,GAAD,CAA1B,EAAiCxB,gBAAjC,CAAzB;AACD,GAFD;AAIA,SAAO;AACLC,IAAAA,IAAI,EAAE,cADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLsB,IAAAA,MAAM,EAANA;AAHK,GAAP;AAKD,CAVM;;;;AAYA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAC1B,KAAD,EAAQ2B,QAAR;AAAA,MAAkB1B,gBAAlB,uEAAqC,KAArC;AAAA,yCACnB0B,QADmB;AAEtB3B,IAAAA,KAAK,EAALA,KAFsB;AAGtBE,IAAAA,IAAI,EAAE,UAHgB;AAItBD,IAAAA,gBAAgB,EAAhBA;AAJsB;AAAA,CAAjB;;;;AAOA,IAAM2B,UAAU,GAAG,SAAbA,UAAa,CAAC5B,KAAD,EAAQe,OAAR,EAA8C;AAAA,MAA7Bd,gBAA6B,uEAAV,KAAU;AACtEsB,EAAAA,MAAM,CAACC,IAAP,CAAYT,OAAZ,EAAqBC,GAArB,CAAyB,UAACS,GAAD,EAAS;AAChCV,IAAAA,OAAO,CAACU,GAAD,CAAP,GAAeC,QAAQ,CAACX,OAAO,CAACU,GAAD,CAAP,CAAazB,KAAd,EAAqBe,OAAO,CAACU,GAAD,CAA5B,EAAmCxB,gBAAnC,CAAvB;AACD,GAFD;AAIA,SAAO;AACLC,IAAAA,IAAI,EAAE,YADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLe,IAAAA,OAAO,EAAPA;AAHK,GAAP;AAKD,CAVM","sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const textField = (label, isConfigProperty = true) => ({\n label,\n type: 'textField',\n isConfigProperty,\n});\n\nexport const toggle = (label, isConfigProperty = false, disabled = false) => ({\n type: 'toggle',\n label,\n isConfigProperty,\n disabled,\n});\n\nconst toChoice = (opt) => {\n if (typeof opt === 'string') {\n return { label: opt, value: opt };\n } else {\n return opt;\n }\n};\n\nexport const radio = function() {\n const args = Array.prototype.slice.call(arguments);\n const [label, choices, isConfigProperty = false] = args;\n\n return {\n type: 'radio',\n label,\n choices: choices && choices.map((o) => toChoice(o)),\n isConfigProperty,\n };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n return {\n type: 'dropdown',\n label,\n choices,\n isConfigProperty,\n };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n ...options,\n label,\n type: 'numberField',\n isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n Object.keys(fields).map((key) => {\n fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n });\n\n return {\n type: 'numberFields',\n label,\n fields,\n };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n ...settings,\n label,\n type: 'checkbox',\n isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n Object.keys(choices).map((key) => {\n choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n });\n\n return {\n type: 'checkboxes',\n label,\n choices,\n };\n};\n"],"file":"index.js"}
|