npm - @pie-lib/config-ui - Versions diffs - 11.39.0-mui-update.0 → 11.41.0-mui-update.0 - Mend

@pie-lib/config-ui 11.39.0-mui-update.0 → 11.41.0-mui-update.0

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 (8) hide show

package/CHANGELOG.md +20 -0
package/lib/number-text-field.js +26 -2
package/lib/number-text-field.js.map +1 -1
package/lib/settings/panel.js +2 -1
package/lib/settings/panel.js.map +1 -1
package/package.json +5 -5
package/src/number-text-field.jsx +26 -2
package/src/settings/panel.jsx +5 -4

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,26 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [11.41.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.40.0-mui-update.0...@pie-lib/config-ui@11.41.0-mui-update.0) (2025-12-17)
+**Note:** Version bump only for package @pie-lib/config-ui
+# [11.40.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.39.0-mui-update.0...@pie-lib/config-ui@11.40.0-mui-update.0) (2025-12-17)
+### Bug Fixes
+* number fields in settings panel ([babde84](https://github.com/pie-framework/pie-lib/commit/babde844bffe8efdc4a2622bbfc0e372a0d33806))
+* settings panel label size ([c3606b9](https://github.com/pie-framework/pie-lib/commit/c3606b9319e771284415177bee48ffa49fb72fc6))
 # [11.39.0-mui-update.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@11.38.0-mui-update.0...@pie-lib/config-ui@11.39.0-mui-update.0) (2025-12-11)
 **Note:** Version bump only for package @pie-lib/config-ui

package/lib/number-text-field.js CHANGED Viewed

@@ -25,8 +25,29 @@ var StyledTextField = (0, _styles.styled)(_TextField["default"])(function (_ref)
   var theme = _ref.theme;
   return {
     marginRight: theme.spacing(1),
-    '& label': {
-      width: 'max-content'
+    '& .MuiInputLabel-root': {
+      width: 'auto',
+      minWidth: 'max-content',
+      maxWidth: 'none',
+      whiteSpace: 'nowrap',
+      overflow: 'visible',
+      transform: 'translate(0, 8px) scale(0.75)',
+      transformOrigin: 'top left',
+      position: 'relative'
+    },
+    '& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root': {
+      height: 'auto',
+      minHeight: 'auto'
+    },
+    '& .MuiInputBase-input': {
+      height: 'auto',
+      minHeight: 'auto',
+      padding: '8px 12px'
+    },
+    '& .MuiInput-root, & .MuiFilledInput-root': {
+      '&:before, &:after, &:hover:not(.Mui-disabled):before': {
+        display: 'none'
+      }
     }
   };
 });
@@ -158,6 +179,9 @@ var NumberTextField = exports.NumberTextField = /*#__PURE__*/function (_React$Co
         },
         disabled: disabled,
         label: label,
+        InputLabelProps: {
+          shrink: true
+        },
         value: this.state.value,
         error: !!error,
         helperText: error,

package/lib/number-text-field.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"number-text-field.js","names":["_propTypes","_interopRequireDefault","require","_react","_TextField","_styles","_debug","_isFinite","_InputAdornment","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","StyledTextField","styled","TextField","_ref","theme","marginRight","spacing","width","fallbackNumber","min","max","isFinite","NumberTextField","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","_this$props","concat","float","clamped","errorMessage","bind","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","arguments","length","undefined","Math","render","_this2","_this$props2","className","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","error","getError","createElement","inputRef","ref","helperText","onBlur","onKeyDown","blur","type","slotProps","input","endAdornment","position","inputProps","margin","React","Component","PropTypes","bool","string","func","isRequired","_default"],"sources":["../src/number-text-field.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@mui/material/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n marginRight: theme.spacing(1),\n '& label': {\n width: 'max-content',\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 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 label,\n disabled,\n suffix,\n min,\n max,\n inputClassName,\n disableUnderline,\n showErrorWhenOutsideRange,\n variant,\n } = this.props;\n\n const error = showErrorWhenOutsideRange && this.getError();\n return (\n <StyledTextField\n variant={disableUnderline ? 'filled' : (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 onKeyDown={(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={className}\n slotProps={{\n input: {\n endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n className: inputClassName,\n inputProps: {\n min,\n max,\n },\n },\n }}\n margin=\"normal\"\n />\n );\n }\n}\n\nexport default NumberTextField;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"number-text-field.js","names":["_propTypes","_interopRequireDefault","require","_react","_TextField","_styles","_debug","_isFinite","_InputAdornment","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","log","debug","StyledTextField","styled","TextField","_ref","theme","marginRight","spacing","width","minWidth","maxWidth","whiteSpace","overflow","transform","transformOrigin","position","height","minHeight","padding","display","fallbackNumber","min","max","isFinite","NumberTextField","exports","_React$Component","props","_this","_classCallCheck2","_defineProperty2","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","_this$props","concat","float","clamped","errorMessage","bind","_inherits2","_createClass2","key","UNSAFE_componentWillReceiveProps","arguments","length","undefined","Math","render","_this2","_this$props2","className","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","error","getError","createElement","inputRef","ref","InputLabelProps","shrink","helperText","onBlur","onKeyDown","blur","type","slotProps","input","endAdornment","inputProps","margin","React","Component","PropTypes","bool","string","func","isRequired","_default"],"sources":["../src/number-text-field.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@mui/material/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst StyledTextField = styled(TextField)(({ theme }) => ({\n marginRight: theme.spacing(1),\n '& .MuiInputLabel-root': {\n width: 'auto',\n minWidth: 'max-content',\n maxWidth: 'none',\n whiteSpace: 'nowrap',\n overflow: 'visible',\n transform: 'translate(0, 8px) scale(0.75)',\n transformOrigin: 'top left',\n position: 'relative',\n },\n '& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root': {\n height: 'auto',\n minHeight: 'auto',\n },\n '& .MuiInputBase-input': {\n height: 'auto',\n minHeight: 'auto',\n padding: '8px 12px',\n },\n '& .MuiInput-root, & .MuiFilledInput-root': {\n '&:before, &:after, &:hover:not(.Mui-disabled):before': {\n display: 'none',\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 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 label,\n disabled,\n suffix,\n min,\n max,\n inputClassName,\n disableUnderline,\n showErrorWhenOutsideRange,\n variant,\n } = this.props;\n\n const error = showErrorWhenOutsideRange && this.getError();\n return (\n <StyledTextField\n variant={disableUnderline ? 'filled' : (variant \|\| 'standard')}\n inputRef={(ref) => {\n this.inputRef = ref;\n }}\n disabled={disabled}\n label={label}\n InputLabelProps={{\n shrink: true,\n }}\n value={this.state.value}\n error={!!error}\n helperText={error}\n onChange={this.onChange}\n onBlur={this.onBlur}\n onKeyDown={(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={className}\n slotProps={{\n input: {\n endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n className: inputClassName,\n inputProps: {\n min,\n max,\n },\n },\n }}\n margin=\"normal\"\n />\n );\n }\n}\n\nexport default NumberTextField;\n"],"mappings":"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","ignoreList":[]}

package/lib/settings/panel.js CHANGED Viewed

@@ -70,7 +70,8 @@ var StyledNChoice = (0, _styles.styled)(_twoChoice.NChoice)(function (_ref2) {
     '& > label': {
       color: 'rgba(0, 0, 0, 0.89)',
       transform: 'translate(0, 10px) scale(1)',
-      fontSize: '14px'
+      fontSize: '18px',
+      marginTop: theme.spacing(2.5)
     },
     '& > div': {
       marginTop: theme.spacing(2.5)

package/lib/settings/panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"panel.js","names":["_react","_interopRequireDefault","require","_propTypes","_get2","_set","_styles","_Select","_Input","_MenuItem","_Typography","_debug","_toggle","_twoChoice","_settingsRadioLabel","_numberTextField","_checkbox","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","_ref","createElement","checked","event","target","propTypes","bool","StyledNChoice","styled","NChoice","_ref2","theme","marginTop","spacing","paddingBottom","width","color","transform","fontSize","Radio","_ref3","choices","direction","customLabel","SettingsRadioLabel","header","opts","arrayOf","shape","StyledRadio","StyledLabel","_ref4","margin","typography","StyledSelect","Select","_ref5","border","padding","concat","borderRadius","Dropdown","_ref6","_ref6$choices","getItemLabel","l","getItemValue","_ref7","input","id","disableUnderline","MenuProps","transitionDuration","enter","exit","map","index","key","StyledTypography","Typography","_ref8","marginRight","TextField","_ref9","StyledNumberTextField","NumberTextField","_ref0","backgroundColor","NumberField","_ref1","_ref1$onChange","suffix","min","max","variant","ev","showErrorWhenOutsideRange","number","ToggleWrapper","_ref10","disabled","toggle","tagMap","radio","dropdown","numberField","checkbox","textField","StyledGroup","_ref11","StyledGroupHeader","_ref12","fontWeight","marginBottom","StyledNumberFields","_ref13","Group","props","model","group","configuration","getTag","innerKey","_get","get","isConfigProperty","properties","_objectWithoutProperties2","tagProps","Tag","type","_extends2","v","content","currentGroup","fields","fieldKey","choiceKey","Panel","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","undefined","_this$props","onChangeModel","onChangeConfiguration","set","_inherits2","_createClass2","render","_this2","_this$props2","groups","modal","renderedGroups","showGroup","entries","some","_ref14","_ref15","_slicedToArray2","propVal","change","React","Component","object","_default"],"sources":["../../src/settings/panel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport { styled } from '@mui/material/styles';\nimport Select from '@mui/material/Select';\nimport Input from '@mui/material/Input';\nimport MenuItem from '@mui/material/MenuItem';\nimport Typography from '@mui/material/Typography';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport NumberTextField from '../number-text-field';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n label: PropTypes.string,\n value: PropTypes.string,\n};\n\nconst baseTypes = {\n label: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n return (\n <Checkbox\n checked={value}\n label={label}\n onChange={(event) => {\n onChange(event.target.checked);\n }}\n />\n );\n};\n\nCheckboxChoice.propTypes = {\n label: PropTypes.string,\n value: PropTypes.bool,\n onChange: PropTypes.func,\n};\n\nconst StyledNChoice = styled(NChoice)(({ theme }) => ({\n marginTop: theme.spacing(0.5),\n paddingBottom: theme.spacing(0.5),\n width: '100%',\n '& > label': {\n color: 'rgba(0, 0, 0, 0.89)',\n transform: 'translate(0, 10px) scale(1)',\n fontSize: '14px',\n },\n '& > div': {\n marginTop: theme.spacing(2.5),\n },\n}));\n\nconst Radio = ({ label, value, onChange, choices }) => {\n return (\n <StyledNChoice\n direction=\"horizontal\"\n customLabel={SettingsRadioLabel}\n value={value}\n header={label}\n opts={choices}\n onChange={onChange}\n />\n );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = Radio;\n\nconst StyledLabel = styled('p')(({ theme }) => ({\n margin: 0,\n fontSize: theme.typography.fontSize,\n}));\n\nconst StyledSelect = styled(Select)(({ theme }) => ({\n marginTop: theme.spacing(0.5),\n border: '2px solid lightgrey',\n padding: `0 ${theme.spacing(1)}`,\n borderRadius: '4px',\n}));\n\nconst Dropdown = ({ label, value, onChange, choices = [] }) => {\n const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\n return (\n <div>\n {label && <StyledLabel>{label}</StyledLabel>}\n <StyledSelect\n value={value \|\| (choices && choices[0])}\n onChange={({ target }) => onChange(target.value)}\n input={<Input id={`dropdown-${label}`} />}\n disableUnderline\n MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n >\n {choices.map((l, index) => (\n <MenuItem key={index} value={getItemValue(l)}>\n {getItemLabel(l)}\n </MenuItem>\n ))}\n </StyledSelect>\n </div>\n );\n};\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n marginRight: theme.spacing(3),\n marginTop: theme.spacing(1),\n}));\n\nconst TextField = ({ label }) => {\n return <StyledTypography>{label}</StyledTypography>;\n};\n\nconst StyledNumberTextField = styled(NumberTextField)(({ theme }) => ({\n width: '35%',\n marginRight: theme.spacing(3),\n marginTop: theme.spacing(1),\n '& .MuiInputBase-root': {\n marginTop: theme.spacing(0.5),\n border: '2px solid lightgrey',\n borderRadius: '4px',\n padding: `0 ${theme.spacing(1)}`,\n backgroundColor: 'transparent',\n },\n}));\n\nconst NumberField = ({ label, value, onChange = () => {}, suffix, min, max }) => {\n return (\n <StyledNumberTextField\n variant={'standard'}\n label={label \|\| 'Label'}\n value={value}\n max={max}\n min={min}\n onChange={(ev, value) => onChange(value)}\n suffix={suffix}\n showErrorWhenOutsideRange\n disableUnderline\n />\n );\n};\n\nNumberField.propTypes = {\n ...baseTypes,\n suffix: PropTypes.string,\n min: PropTypes.number,\n max: PropTypes.number,\n value: PropTypes.number,\n};\n\nTextField.propTypes = {\n ...baseTypes,\n};\n\nconst ToggleWrapper = ({ disabled, label, value, onChange }) => (\n <Toggle label={label} checked={!!value} disabled={!!disabled} toggle={onChange} />\n);\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n toggle: ToggleWrapper,\n radio: StyledRadio,\n dropdown: Dropdown,\n numberField: NumberField,\n checkbox: CheckboxChoice,\n textField: TextField,\n};\n\nconst StyledGroup = styled('div')(({ theme }) => ({\n margin: `0 0 ${theme.spacing(2)} 0`,\n}));\n\nconst StyledGroupHeader = styled('div')(({ theme }) => ({\n color: '#495B8F',\n fontSize: theme.typography.fontSize + 2,\n fontWeight: 600,\n marginBottom: theme.spacing(1),\n}));\n\nconst StyledNumberFields = styled('p')(({ theme }) => ({\n fontSize: theme.typography.fontSize,\n marginBottom: 0,\n}));\n\nconst Group = (props) => {\n const { model, label, group, configuration, onChange } = props;\n\n /*\n @param group - the group of settings\n * @param key - the key(or path) to be used to set or get from model or configuration\n * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n * @returns tag that corresponds to element type */\n const getTag = (group, key, innerKey) => {\n const { isConfigProperty, ...properties } = get(group, innerKey \|\| key);\n const value = isConfigProperty ? get(configuration, key) : get(model, key);\n const tagProps = { ...properties, key, value };\n const Tag = tagMap[tagProps.type];\n\n return <Tag key={key} {...tagProps} onChange={(v) => onChange(key, v, isConfigProperty)} />;\n };\n\n const content = (group, key) => {\n const currentGroup = group[key];\n\n if (!currentGroup) {\n return null;\n }\n\n const { type, label, fields, choices } = currentGroup;\n\n if (type === 'numberFields') {\n return (\n <div key={`numberField-${label}`}>\n <StyledNumberFields>{label}</StyledNumberFields>\n {Object.keys(fields).map((fieldKey) => {\n return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n })}\n </div>\n );\n }\n\n if (type === 'checkboxes') {\n return (\n <div key={`checkbox-${label}`}>\n <p>{label}</p>\n {Object.keys(choices).map((choiceKey) => {\n return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n })}\n </div>\n );\n }\n\n // if type is toggle, radio, dropdown, numberField or numberText\n return getTag(group, key);\n };\n\n return (\n <StyledGroup>\n <StyledGroupHeader>{label}</StyledGroupHeader>\n\n {Object.keys(group).map((key) => {\n return content(group, key);\n })}\n </StyledGroup>\n );\n};\n\nexport class Panel extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n configuration: PropTypes.object,\n groups: PropTypes.object,\n onChangeModel: PropTypes.func,\n onChangeConfiguration: PropTypes.func,\n modal: PropTypes.object,\n };\n\n static defaultProps = {\n onChangeModel: () => {},\n onChangeConfiguration: () => {},\n };\n\n change = (key, value, isConfigProperty = false) => {\n log('[changeModel]', key, value);\n\n const { onChangeModel, onChangeConfiguration } = this.props;\n const model = { ...this.props.model };\n const configuration = { ...this.props.configuration };\n\n if (isConfigProperty) {\n set(configuration, key, value);\n onChangeConfiguration(configuration, key);\n } else {\n set(model, key, value);\n onChangeModel(model, key);\n }\n };\n\n render() {\n const { groups, model, configuration, modal } = this.props;\n\n log('render:', model);\n\n const renderedGroups = Object.keys(groups \|\| {}).map((group) => {\n const showGroup = Object.entries(groups[group]).some(([, propVal]) => !!propVal);\n\n if (showGroup) {\n return (\n <Group\n label={group}\n key={group}\n model={model}\n configuration={configuration}\n group={groups[group]}\n onChange={this.change}\n />\n );\n }\n\n return null;\n });\n\n return (\n <div>\n {renderedGroups}\n {modal}\n </div>\n );\n }\n}\n\nexport default Panel;\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"file":"panel.js","names":["_react","_interopRequireDefault","require","_propTypes","_get2","_set","_styles","_Select","_Input","_MenuItem","_Typography","_debug","_toggle","_twoChoice","_settingsRadioLabel","_numberTextField","_checkbox","_excluded","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","ownKeys","r","Object","keys","getOwnPropertySymbols","filter","getOwnPropertyDescriptor","enumerable","push","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","log","debug","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","_ref","createElement","checked","event","target","propTypes","bool","StyledNChoice","styled","NChoice","_ref2","theme","marginTop","spacing","paddingBottom","width","color","transform","fontSize","Radio","_ref3","choices","direction","customLabel","SettingsRadioLabel","header","opts","arrayOf","shape","StyledRadio","StyledLabel","_ref4","margin","typography","StyledSelect","Select","_ref5","border","padding","concat","borderRadius","Dropdown","_ref6","_ref6$choices","getItemLabel","l","getItemValue","_ref7","input","id","disableUnderline","MenuProps","transitionDuration","enter","exit","map","index","key","StyledTypography","Typography","_ref8","marginRight","TextField","_ref9","StyledNumberTextField","NumberTextField","_ref0","backgroundColor","NumberField","_ref1","_ref1$onChange","suffix","min","max","variant","ev","showErrorWhenOutsideRange","number","ToggleWrapper","_ref10","disabled","toggle","tagMap","radio","dropdown","numberField","checkbox","textField","StyledGroup","_ref11","StyledGroupHeader","_ref12","fontWeight","marginBottom","StyledNumberFields","_ref13","Group","props","model","group","configuration","getTag","innerKey","_get","get","isConfigProperty","properties","_objectWithoutProperties2","tagProps","Tag","type","_extends2","v","content","currentGroup","fields","fieldKey","choiceKey","Panel","exports","_React$Component","_this","_classCallCheck2","_len","args","Array","_key","undefined","_this$props","onChangeModel","onChangeConfiguration","set","_inherits2","_createClass2","render","_this2","_this$props2","groups","modal","renderedGroups","showGroup","entries","some","_ref14","_ref15","_slicedToArray2","propVal","change","React","Component","object","_default"],"sources":["../../src/settings/panel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport { styled } from '@mui/material/styles';\nimport Select from '@mui/material/Select';\nimport Input from '@mui/material/Input';\nimport MenuItem from '@mui/material/MenuItem';\nimport Typography from '@mui/material/Typography';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport NumberTextField from '../number-text-field';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n label: PropTypes.string,\n value: PropTypes.string,\n};\n\nconst baseTypes = {\n label: PropTypes.string,\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n return (\n <Checkbox\n checked={value}\n label={label}\n onChange={(event) => {\n onChange(event.target.checked);\n }}\n />\n );\n};\n\nCheckboxChoice.propTypes = {\n label: PropTypes.string,\n value: PropTypes.bool,\n onChange: PropTypes.func,\n};\n\nconst StyledNChoice = styled(NChoice)(({ theme }) => ({\n marginTop: theme.spacing(0.5),\n paddingBottom: theme.spacing(0.5),\n width: '100%',\n '& > label': {\n color: 'rgba(0, 0, 0, 0.89)',\n transform: 'translate(0, 10px) scale(1)',\n fontSize: '18px',\n marginTop: theme.spacing(2.5),\n },\n '& > div': {\n marginTop: theme.spacing(2.5),\n },\n}));\n\nconst Radio = ({ label, value, onChange, choices }) => {\n return (\n <StyledNChoice\n direction=\"horizontal\"\n customLabel={SettingsRadioLabel}\n value={value}\n header={label}\n opts={choices}\n onChange={onChange}\n />\n );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = Radio;\n\nconst StyledLabel = styled('p')(({ theme }) => ({\n margin: 0,\n fontSize: theme.typography.fontSize,\n}));\n\nconst StyledSelect = styled(Select)(({ theme }) => ({\n marginTop: theme.spacing(0.5),\n border: '2px solid lightgrey',\n padding: `0 ${theme.spacing(1)}`,\n borderRadius: '4px',\n}));\n\nconst Dropdown = ({ label, value, onChange, choices = [] }) => {\n const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\n return (\n <div>\n {label && <StyledLabel>{label}</StyledLabel>}\n <StyledSelect\n value={value \|\| (choices && choices[0])}\n onChange={({ target }) => onChange(target.value)}\n input={<Input id={`dropdown-${label}`} />}\n disableUnderline\n MenuProps={{ transitionDuration: { enter: 225, exit: 195 } }}\n >\n {choices.map((l, index) => (\n <MenuItem key={index} value={getItemValue(l)}>\n {getItemLabel(l)}\n </MenuItem>\n ))}\n </StyledSelect>\n </div>\n );\n};\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst StyledTypography = styled(Typography)(({ theme }) => ({\n marginRight: theme.spacing(3),\n marginTop: theme.spacing(1),\n}));\n\nconst TextField = ({ label }) => {\n return <StyledTypography>{label}</StyledTypography>;\n};\n\nconst StyledNumberTextField = styled(NumberTextField)(({ theme }) => ({\n width: '35%',\n marginRight: theme.spacing(3),\n marginTop: theme.spacing(1),\n '& .MuiInputBase-root': {\n marginTop: theme.spacing(0.5),\n border: '2px solid lightgrey',\n borderRadius: '4px',\n padding: `0 ${theme.spacing(1)}`,\n backgroundColor: 'transparent',\n },\n}));\n\nconst NumberField = ({ label, value, onChange = () => { }, suffix, min, max }) => {\n return (\n <StyledNumberTextField\n variant={'standard'}\n label={label \|\| 'Label'}\n value={value}\n max={max}\n min={min}\n onChange={(ev, value) => onChange(value)}\n suffix={suffix}\n showErrorWhenOutsideRange\n disableUnderline\n />\n );\n};\n\nNumberField.propTypes = {\n ...baseTypes,\n suffix: PropTypes.string,\n min: PropTypes.number,\n max: PropTypes.number,\n value: PropTypes.number,\n};\n\nTextField.propTypes = {\n ...baseTypes,\n};\n\nconst ToggleWrapper = ({ disabled, label, value, onChange }) => (\n <Toggle label={label} checked={!!value} disabled={!!disabled} toggle={onChange} />\n);\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n toggle: ToggleWrapper,\n radio: StyledRadio,\n dropdown: Dropdown,\n numberField: NumberField,\n checkbox: CheckboxChoice,\n textField: TextField,\n};\n\nconst StyledGroup = styled('div')(({ theme }) => ({\n margin: `0 0 ${theme.spacing(2)} 0`,\n}));\n\nconst StyledGroupHeader = styled('div')(({ theme }) => ({\n color: '#495B8F',\n fontSize: theme.typography.fontSize + 2,\n fontWeight: 600,\n marginBottom: theme.spacing(1),\n}));\n\nconst StyledNumberFields = styled('p')(({ theme }) => ({\n fontSize: theme.typography.fontSize,\n marginBottom: 0,\n}));\n\nconst Group = (props) => {\n const { model, label, group, configuration, onChange } = props;\n\n /*\n @param group - the group of settings\n * @param key - the key(or path) to be used to set or get from model or configuration\n * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n * @returns tag that corresponds to element type */\n const getTag = (group, key, innerKey) => {\n const { isConfigProperty, ...properties } = get(group, innerKey \|\| key);\n const value = isConfigProperty ? get(configuration, key) : get(model, key);\n const tagProps = { ...properties, key, value };\n const Tag = tagMap[tagProps.type];\n\n return <Tag key={key} {...tagProps} onChange={(v) => onChange(key, v, isConfigProperty)} />;\n };\n\n const content = (group, key) => {\n const currentGroup = group[key];\n\n if (!currentGroup) {\n return null;\n }\n\n const { type, label, fields, choices } = currentGroup;\n\n if (type === 'numberFields') {\n return (\n <div key={`numberField-${label}`}>\n <StyledNumberFields>{label}</StyledNumberFields>\n {Object.keys(fields).map((fieldKey) => {\n return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n })}\n </div>\n );\n }\n\n if (type === 'checkboxes') {\n return (\n <div key={`checkbox-${label}`}>\n <p>{label}</p>\n {Object.keys(choices).map((choiceKey) => {\n return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n })}\n </div>\n );\n }\n\n // if type is toggle, radio, dropdown, numberField or numberText\n return getTag(group, key);\n };\n\n return (\n <StyledGroup>\n <StyledGroupHeader>{label}</StyledGroupHeader>\n\n {Object.keys(group).map((key) => {\n return content(group, key);\n })}\n </StyledGroup>\n );\n};\n\nexport class Panel extends React.Component {\n static propTypes = {\n model: PropTypes.object,\n configuration: PropTypes.object,\n groups: PropTypes.object,\n onChangeModel: PropTypes.func,\n onChangeConfiguration: PropTypes.func,\n modal: PropTypes.object,\n };\n\n static defaultProps = {\n onChangeModel: () => { },\n onChangeConfiguration: () => { },\n };\n\n change = (key, value, isConfigProperty = false) => {\n log('[changeModel]', key, value);\n\n const { onChangeModel, onChangeConfiguration } = this.props;\n const model = { ...this.props.model };\n const configuration = { ...this.props.configuration };\n\n if (isConfigProperty) {\n set(configuration, key, value);\n onChangeConfiguration(configuration, key);\n } else {\n set(model, key, value);\n onChangeModel(model, key);\n }\n };\n\n render() {\n const { groups, model, configuration, modal } = this.props;\n\n log('render:', model);\n\n const renderedGroups = Object.keys(groups \|\| {}).map((group) => {\n const showGroup = Object.entries(groups[group]).some(([, propVal]) => !!propVal);\n\n if (showGroup) {\n return (\n <Group\n label={group}\n key={group}\n model={model}\n configuration={configuration}\n group={groups[group]}\n onChange={this.change}\n />\n );\n }\n\n return null;\n });\n\n return (\n <div>\n {renderedGroups}\n {modal}\n </div>\n );\n }\n}\n\nexport default Panel;\n"],"mappings":"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","ignoreList":[]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.39.0-mui-update.0",
+  "version": "11.41.0-mui-update.0",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -12,9 +12,9 @@
     "@emotion/style": "^0.8.0",
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
-    "@pie-lib/editable-html": "11.31.0-mui-update.0",
-    "@pie-lib/icons": "2.34.0-mui-update.0",
-    "@pie-lib/render-ui": "4.45.0-mui-update.0",
+    "@pie-lib/editable-html": "11.33.0-mui-update.0",
+    "@pie-lib/icons": "2.36.0-mui-update.0",
+    "@pie-lib/render-ui": "4.47.0-mui-update.0",
     "assert": "^1.4.1",
     "classnames": "^2.2.6",
     "complex.js": "2.1.1",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "react": "^18.2.0"
   },
-  "gitHead": "52e6f74168f4129f23dced55b91f5d7f155aaeb6"
+  "gitHead": "c0e988917115177798e7686c1f5585f0af1728fc"
 }

package/src/number-text-field.jsx CHANGED Viewed

@@ -9,8 +9,29 @@ const log = debug('@pie-lib:config-ui:number-text-field');
 const StyledTextField = styled(TextField)(({ theme }) => ({
   marginRight: theme.spacing(1),
-  '& label': {
-    width: 'max-content',
+  '& .MuiInputLabel-root': {
+    width: 'auto',
+    minWidth: 'max-content',
+    maxWidth: 'none',
+    whiteSpace: 'nowrap',
+    overflow: 'visible',
+    transform: 'translate(0, 8px) scale(0.75)',
+    transformOrigin: 'top left',
+    position: 'relative',
+  },
+  '& .MuiInputBase-root, & .MuiInput-root, & .MuiFilledInput-root, & .MuiOutlinedInput-root': {
+    height: 'auto',
+    minHeight: 'auto',
+  },
+  '& .MuiInputBase-input': {
+    height: 'auto',
+    minHeight: 'auto',
+    padding: '8px 12px',
+  },
+  '& .MuiInput-root, & .MuiFilledInput-root': {
+    '&:before, &:after, &:hover:not(.Mui-disabled):before': {
+      display: 'none',
+    },
   },
 }));
@@ -162,6 +183,9 @@ export class NumberTextField extends React.Component {
         }}
         disabled={disabled}
         label={label}
+        InputLabelProps={{
+          shrink: true,
+        }}
         value={this.state.value}
         error={!!error}
         helperText={error}

package/src/settings/panel.jsx CHANGED Viewed

@@ -53,7 +53,8 @@ const StyledNChoice = styled(NChoice)(({ theme }) => ({
   '& > label': {
     color: 'rgba(0, 0, 0, 0.89)',
     transform: 'translate(0, 10px) scale(1)',
-    fontSize: '14px',
+    fontSize: '18px',
+    marginTop: theme.spacing(2.5),
   },
   '& > div': {
     marginTop: theme.spacing(2.5),
@@ -136,7 +137,7 @@ const StyledNumberTextField = styled(NumberTextField)(({ theme }) => ({
   },
 }));
-const NumberField = ({ label, value, onChange = () => {}, suffix, min, max }) => {
+const NumberField = ({ label, value, onChange = () => { }, suffix, min, max }) => {
   return (
     <StyledNumberTextField
       variant={'standard'}
@@ -269,8 +270,8 @@ export class Panel extends React.Component {
   };
   static defaultProps = {
-    onChangeModel: () => {},
-    onChangeConfiguration: () => {},
+    onChangeModel: () => { },
+    onChangeConfiguration: () => { },
   };
   change = (key, value, isConfigProperty = false) => {