@pie-element/categorize 12.1.0-next.0 → 12.1.2-next.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.
@@ -26,15 +26,6 @@ class InputHeader extends _react.default.Component {
26
26
  constructor(props) {
27
27
  super(props);
28
28
  }
29
- componentDidMount() {
30
- const {
31
- focusedEl,
32
- index
33
- } = this.props;
34
- if (focusedEl && index && focusedEl === index) {
35
- this.inputRef.focus('end', null, true);
36
- }
37
- }
38
29
  render() {
39
30
  const {
40
31
  onChange,
@@ -49,16 +40,19 @@ class InputHeader extends _react.default.Component {
49
40
  maxImageWidth,
50
41
  maxImageHeight,
51
42
  uploadSoundSupport,
52
- mathMlOptions = {}
43
+ mathMlOptions = {},
44
+ focusedEl,
45
+ index
53
46
  } = this.props;
54
47
  const {
55
48
  headers,
56
49
  baseInputConfiguration
57
50
  } = configuration;
51
+ const shouldAutoFocus = focusedEl !== null && focusedEl !== undefined && focusedEl === index;
58
52
  return /*#__PURE__*/_react.default.createElement(InputHeaderContainer, null, /*#__PURE__*/_react.default.createElement(StyledEditableHtml, {
59
53
  imageSupport: imageSupport,
60
54
  disabled: disabled,
61
- ref: ref => this.inputRef = ref,
55
+ autoFocus: shouldAutoFocus,
62
56
  autoWidthToolbar: true,
63
57
  label: 'label',
64
58
  markup: label,
@@ -1 +1 @@
1
- {"version":3,"file":"input-header.js","names":["_utils","require","_react","_interopRequireDefault","_propTypes","_styles","_editableHtmlTipTap","StyledEditableHtml","styled","EditableHtml","theme","flex","paddingBottom","spacing","maxWidth","InputHeaderContainer","display","justifyContent","InputHeader","React","Component","constructor","props","componentDidMount","focusedEl","index","inputRef","focus","render","onChange","configuration","label","deleteFocusedEl","disabled","imageSupport","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","headers","baseInputConfiguration","default","createElement","ref","autoWidthToolbar","markup","pluginProps","getPluginProps","inputConfiguration","languageCharactersProps","language","onDone","exports","_defineProperty2","PropTypes","object","isRequired","func","bool","number","string","onDelete","shape","add","delete","_default"],"sources":["../../src/design/input-header.jsx"],"sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\n\nconst StyledEditableHtml = styled(EditableHtml)(({ theme }) => ({\n flex: '1',\n paddingBottom: theme.spacing(1),\n maxWidth: '100%',\n}));\n\nconst InputHeaderContainer = styled('div')({\n display: 'flex',\n justifyContent: 'space-between',\n});\n\nexport class InputHeader extends React.Component {\n static propTypes = {\n configuration: PropTypes.object.isRequired,\n deleteFocusedEl: PropTypes.func,\n disabled: PropTypes.bool,\n focusedEl: PropTypes.number,\n index: PropTypes.number,\n label: PropTypes.string,\n maxImageWidth: PropTypes.object,\n maxImageHeight: PropTypes.object,\n onChange: PropTypes.func,\n onDelete: PropTypes.func,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n toolbarOpts: PropTypes.object,\n error: PropTypes.string,\n spellCheck: PropTypes.bool,\n };\n\n static defaultProps = {};\n\n constructor(props) {\n super(props);\n }\n\n componentDidMount() {\n const { focusedEl, index } = this.props;\n if (focusedEl && index && focusedEl === index) {\n this.inputRef.focus('end', null, true);\n }\n }\n\n render() {\n const {\n onChange,\n configuration,\n label,\n deleteFocusedEl,\n disabled,\n imageSupport,\n toolbarOpts,\n spellCheck,\n error,\n maxImageWidth,\n maxImageHeight,\n uploadSoundSupport,\n mathMlOptions = {},\n } = this.props;\n\n const { headers, baseInputConfiguration } = configuration;\n\n return (\n <InputHeaderContainer>\n <StyledEditableHtml\n imageSupport={imageSupport}\n disabled={disabled}\n ref={(ref) => (this.inputRef = ref)}\n autoWidthToolbar\n label={'label'}\n markup={label}\n onChange={onChange}\n pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheck}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n onDone={() => {\n deleteFocusedEl && deleteFocusedEl();\n }}\n mathMlOptions={mathMlOptions}\n />\n </InputHeaderContainer>\n );\n }\n}\n\nexport default InputHeader;\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"input-header.js","names":["_utils","require","_react","_interopRequireDefault","_propTypes","_styles","_editableHtmlTipTap","StyledEditableHtml","styled","EditableHtml","theme","flex","paddingBottom","spacing","maxWidth","InputHeaderContainer","display","justifyContent","InputHeader","React","Component","constructor","props","render","onChange","configuration","label","deleteFocusedEl","disabled","imageSupport","toolbarOpts","spellCheck","error","maxImageWidth","maxImageHeight","uploadSoundSupport","mathMlOptions","focusedEl","index","headers","baseInputConfiguration","shouldAutoFocus","undefined","default","createElement","autoFocus","autoWidthToolbar","markup","pluginProps","getPluginProps","inputConfiguration","languageCharactersProps","language","onDone","exports","_defineProperty2","PropTypes","object","isRequired","func","bool","number","string","onDelete","shape","add","delete","_default"],"sources":["../../src/design/input-header.jsx"],"sourcesContent":["import { getPluginProps } from './utils';\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport EditableHtml from '@pie-lib/editable-html-tip-tap';\n\nconst StyledEditableHtml = styled(EditableHtml)(({ theme }) => ({\n flex: '1',\n paddingBottom: theme.spacing(1),\n maxWidth: '100%',\n}));\n\nconst InputHeaderContainer = styled('div')({\n display: 'flex',\n justifyContent: 'space-between',\n});\n\nexport class InputHeader extends React.Component {\n static propTypes = {\n configuration: PropTypes.object.isRequired,\n deleteFocusedEl: PropTypes.func,\n disabled: PropTypes.bool,\n focusedEl: PropTypes.number,\n index: PropTypes.number,\n label: PropTypes.string,\n maxImageWidth: PropTypes.object,\n maxImageHeight: PropTypes.object,\n onChange: PropTypes.func,\n onDelete: PropTypes.func,\n imageSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n uploadSoundSupport: PropTypes.shape({\n add: PropTypes.func.isRequired,\n delete: PropTypes.func.isRequired,\n }),\n toolbarOpts: PropTypes.object,\n error: PropTypes.string,\n spellCheck: PropTypes.bool,\n };\n\n static defaultProps = {};\n\n constructor(props) {\n super(props);\n }\n\n render() {\n const {\n onChange,\n configuration,\n label,\n deleteFocusedEl,\n disabled,\n imageSupport,\n toolbarOpts,\n spellCheck,\n error,\n maxImageWidth,\n maxImageHeight,\n uploadSoundSupport,\n mathMlOptions = {},\n focusedEl,\n index,\n } = this.props;\n\n const { headers, baseInputConfiguration } = configuration;\n const shouldAutoFocus = focusedEl !== null && focusedEl !== undefined && focusedEl === index;\n\n return (\n <InputHeaderContainer>\n <StyledEditableHtml\n imageSupport={imageSupport}\n disabled={disabled}\n autoFocus={shouldAutoFocus}\n autoWidthToolbar\n label={'label'}\n markup={label}\n onChange={onChange}\n pluginProps={getPluginProps(headers?.inputConfiguration, baseInputConfiguration)}\n toolbarOpts={toolbarOpts}\n spellCheck={spellCheck}\n error={error}\n maxImageWidth={maxImageWidth}\n maxImageHeight={maxImageHeight}\n uploadSoundSupport={uploadSoundSupport}\n languageCharactersProps={[{ language: 'spanish' }, { language: 'special' }]}\n onDone={() => {\n deleteFocusedEl && deleteFocusedEl();\n }}\n mathMlOptions={mathMlOptions}\n />\n </InputHeaderContainer>\n );\n }\n}\n\nexport default InputHeader;\n"],"mappings":"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","ignoreList":[]}
@@ -3,7 +3,7 @@
3
3
  "private": true,
4
4
  "main": "lib/index.js",
5
5
  "module": "src/index.js",
6
- "version": "10.1.0-next.0",
6
+ "version": "10.1.1-next.2",
7
7
  "description": "",
8
8
  "scripts": {},
9
9
  "author": "pie framework developers",
@@ -15,13 +15,13 @@
15
15
  "@mui/icons-material": "^7.3.4",
16
16
  "@mui/material": "^7.3.4",
17
17
  "@pie-framework/pie-configure-events": "^1.3.0",
18
- "@pie-lib/categorize": "1.1.1-next.1",
19
- "@pie-lib/config-ui": "12.1.1-next.3",
20
- "@pie-lib/drag": "3.1.1-next.1",
21
- "@pie-lib/editable-html-tip-tap": "1.1.1-next.3",
22
- "@pie-lib/math-rendering": "4.1.1-next.1",
23
- "@pie-lib/render-ui": "5.1.1-next.1",
24
- "@pie-lib/translator": "3.1.1-next.1",
18
+ "@pie-lib/categorize": "1.2.0-next.3",
19
+ "@pie-lib/config-ui": "12.2.0-next.12",
20
+ "@pie-lib/drag": "3.2.0-next.4",
21
+ "@pie-lib/editable-html-tip-tap": "1.2.0-next.12",
22
+ "@pie-lib/math-rendering": "4.2.0-next.3",
23
+ "@pie-lib/render-ui": "5.2.0-next.4",
24
+ "@pie-lib/translator": "3.2.0-next.3",
25
25
  "debug": "^4.1.1",
26
26
  "lodash-es": "^4.17.23",
27
27
  "prop-types": "^15.6.2",