@elliemae/ds-query-builder 1.55.0-next.7 → 1.55.0-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +9 -4
  2. package/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
  3. package/esm/components/QueryBuilderRow/QueryBuilderRow.js +9 -4
  4. package/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
  5. package/package.json +9 -7
package/cjs/components/QueryBuilderRow/QueryBuilderRow.js CHANGED
@@ -93,16 +93,21 @@ var RenderField = function RenderField(_ref) {
93
93
  },
94
94
  value: valueProp != null ? valueProp : '',
95
95
  checked: valueProp === true,
96
- additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {}
97
- })), hasError && hasError.errorMessage ? /*#__PURE__*/React__default['default'].createElement("span", {
96
+ additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
97
+ 'aria-invalid': Boolean(hasError)
98
+ })), hasError && hasError.errorMessage ? /*#__PURE__*/React__default['default'].createElement("div", {
99
+ tabIndex: 0,
98
100
  className: "row-icon-alert",
99
- "data-testid": "qb-error-state-icon"
101
+ "data-testid": "qb-error-state-icon",
102
+ role: "alert",
103
+ "aria-label": hasError.errorMessage
100
104
  }, /*#__PURE__*/React__default['default'].createElement(DSTooltip.DSTooltipV2, {
101
105
  title: hasError.errorMessage,
102
106
  triggerComponent: /*#__PURE__*/React__default['default'].createElement(AlertsDetail__default['default'], {
103
107
  width: 20,
104
108
  height: 20,
105
- color: ['danger', 900]
109
+ color: ['danger', 900],
110
+ title: hasError.message
106
111
  })
107
112
  })) : null); // return React.useMemo(
108
113
  // () => (
package/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QueryBuilderRow.js","sources":["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport AlertsDetail from '@elliemae/ds-icons/AlertsDetail';\nimport { DSTooltipV2 } from '@elliemae/ds-basic/Tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n target,\n component,\n valueProp,\n additionalInfo,\n handleMouseEnterInput,\n handleMouseLeaveInput,\n onChangeHandler,\n hasError,\n}) => {\n const ref = React.useRef<HTMLElement>();\n const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n return (\n <div\n className={`em-ds-query-builder-row-input child-type-${target} ${\n hasError && hasError.error ? 'row-input-error' : ''\n }`}\n onMouseDownCapture={() => {\n // eslint-disable-next-line no-underscore-dangle\n const _refInput = ref.current?.querySelector(`#${id}`);\n if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n handleMouseEnterInput();\n }}\n onMouseEnter={() => handleMouseEnterInput()}\n onMouseLeave={() => handleMouseLeaveInput()}\n >\n <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n {React.cloneElement(component, {\n id,\n onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n value: valueProp != null ? valueProp : '',\n checked: valueProp === true,\n additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n })}\n </div>\n {hasError && hasError.errorMessage ? (\n <span className=\"row-icon-alert\" data-testid=\"qb-error-state-icon\">\n <DSTooltipV2\n title={hasError.errorMessage}\n triggerComponent={<AlertsDetail width={20} height={20} color={['danger', 900]} />}\n />\n </span>\n ) : null}\n </div>\n );\n // return React.useMemo(\n // () => (\n // <div\n // className={`em-ds-query-builder-row-input child-type-${target}`}\n // onMouseDownCapture={() => {\n // // eslint-disable-next-line no-underscore-dangle\n // const _refInput = ref.current.querySelector(`#${id}`);\n // if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n // handleMouseEnterInput();\n // }}\n // onMouseEnter={() => handleMouseEnterInput()}\n // onMouseLeave={() => handleMouseLeaveInput()}\n // >\n // <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n // {React.cloneElement(component, {\n // id,\n // onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n // value: valueProp != null ? valueProp : '',\n // checked: valueProp === true,\n // additionalInfo: additionalInfo ? additionalInfo[target] : {},\n // })}\n // </div>\n // </div>\n // ),\n // [target, component, valueProp, additionalInfo],\n // );\n};\nclass QueryBuilderRow extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n };\n }\n\n onChangeHandler(e, target, extraData, hasError) {\n const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n let eventValue = e;\n if (e && e.target) {\n const { value, checked } = e.target;\n if (value || value === '' || typeof value === 'boolean') eventValue = value;\n else eventValue = checked || e;\n }\n handleFieldChange({\n [target]: eventValue,\n idFilter,\n idGroup,\n additionalInfo: {\n ...additionalInfo,\n [target]: extraData,\n [`${target}_error`]: hasError,\n [`${target}_touched`]: true,\n },\n target,\n });\n }\n\n handleMouseEnterRow = () => {};\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleMouseEnterInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(false);\n };\n\n handleMouseLeaveInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(true);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n };\n\n render() {\n const { isOpen } = this.state;\n const {\n fields,\n onAddFilter,\n onRemoveFilter,\n onAddRuleContainer,\n field,\n operator,\n value,\n additionalInfo,\n items,\n singleRow,\n toolTipZIndex,\n error,\n } = this.props;\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-row',\n isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n singleRow ? 'is-single-row' : 'is-multiple-row',\n );\n const test = resolveDependencies(\n {\n field,\n operator,\n value,\n additionalInfo,\n },\n fields,\n );\n\n const gridTemplateColumns = ['24px', ...test.map(() => 'minmax(0, 1fr)'), '30px'].join(' ');\n\n return (\n <>\n <div\n className={cssClassName}\n onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n style={{\n gridTemplateColumns,\n }}\n >\n {!singleRow && (\n <DragControllerRow\n className={classNameElement('drag-controller')}\n onMouseDownCapture={() => this.handleMouseLeaveInput()}\n />\n )}\n {test.map((renderField) => {\n const { target, component } = renderField;\n const { [target]: valueProp } = this.props;\n\n const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n const hasError =\n renderField && renderField.validation\n ? renderField.validation(valueProp, {\n field,\n operator,\n value,\n additionalInfo,\n })\n : false;\n return (\n <RenderField\n component={component}\n target={target}\n valueProp={valueProp}\n onChangeHandler={(e, target, extraData) => {\n this.onChangeHandler(e, target, extraData, hasError);\n }}\n handleMouseEnterInput={this.handleMouseEnterInput}\n handleMouseLeaveInput={this.handleMouseLeaveInput}\n additionalInfo={additionalInfo}\n hasError={isTouched && hasError}\n />\n );\n })}\n {!singleRow && (\n <div className={classNameBlock('controller')}>\n <ConditionController\n handleTooltipRow={this.handleTooltipRow}\n isOpen={isOpen}\n items={items}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onRemoveFilter={onRemoveFilter}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n </>\n );\n }\n}\n\nexport default QueryBuilderRow;\n"],"names":["RenderField","target","component","valueProp","additionalInfo","handleMouseEnterInput","handleMouseLeaveInput","onChangeHandler","hasError","ref","React","useRef","id","useMemo","String","fromCharCode","Math","floor","random","error","_refInput","current","querySelector","focus","setTimeout","cloneElement","onChange","e","extraData","value","checked","errorMessage","DSTooltipV2","AlertsDetail","QueryBuilderRow","props","handleTooltipRow","setDraggableItems","isOpen","setState","state","handleFieldChange","idFilter","idGroup","field","operator","eventValue","fields","onAddFilter","onRemoveFilter","onAddRuleContainer","items","singleRow","toolTipZIndex","convertPropToCssClassName","cssClassName","classNameBlock","classNameElement","test","resolveDependencies","gridTemplateColumns","map","join","handleMouseEnterRow","handleMouseLeaveRow","DragControllerRow","renderField","isTouched","validation","ConditionController","Component"],"mappings":"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"}
1
+ {"version":3,"file":"QueryBuilderRow.js","sources":["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport AlertsDetail from '@elliemae/ds-icons/AlertsDetail';\nimport { DSTooltipV2 } from '@elliemae/ds-basic/Tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n target,\n component,\n valueProp,\n additionalInfo,\n handleMouseEnterInput,\n handleMouseLeaveInput,\n onChangeHandler,\n hasError,\n}) => {\n const ref = React.useRef<HTMLElement>();\n const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n return (\n <div\n className={`em-ds-query-builder-row-input child-type-${target} ${\n hasError && hasError.error ? 'row-input-error' : ''\n }`}\n onMouseDownCapture={() => {\n // eslint-disable-next-line no-underscore-dangle\n const _refInput = ref.current?.querySelector(`#${id}`);\n if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n handleMouseEnterInput();\n }}\n onMouseEnter={() => handleMouseEnterInput()}\n onMouseLeave={() => handleMouseLeaveInput()}\n >\n <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n {React.cloneElement(component, {\n id,\n onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n value: valueProp != null ? valueProp : '',\n checked: valueProp === true,\n additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n 'aria-invalid': Boolean(hasError),\n })}\n </div>\n {hasError && hasError.errorMessage ? (\n <div\n tabIndex={0}\n className=\"row-icon-alert\"\n data-testid=\"qb-error-state-icon\"\n role=\"alert\"\n aria-label={hasError.errorMessage}\n >\n <DSTooltipV2\n title={hasError.errorMessage}\n triggerComponent={<AlertsDetail width={20} height={20} color={['danger', 900]} title={hasError.message} />}\n />\n </div>\n ) : null}\n </div>\n );\n // return React.useMemo(\n // () => (\n // <div\n // className={`em-ds-query-builder-row-input child-type-${target}`}\n // onMouseDownCapture={() => {\n // // eslint-disable-next-line no-underscore-dangle\n // const _refInput = ref.current.querySelector(`#${id}`);\n // if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n // handleMouseEnterInput();\n // }}\n // onMouseEnter={() => handleMouseEnterInput()}\n // onMouseLeave={() => handleMouseLeaveInput()}\n // >\n // <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n // {React.cloneElement(component, {\n // id,\n // onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n // value: valueProp != null ? valueProp : '',\n // checked: valueProp === true,\n // additionalInfo: additionalInfo ? additionalInfo[target] : {},\n // })}\n // </div>\n // </div>\n // ),\n // [target, component, valueProp, additionalInfo],\n // );\n};\nclass QueryBuilderRow extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n };\n }\n\n onChangeHandler(e, target, extraData, hasError) {\n const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n let eventValue = e;\n if (e && e.target) {\n const { value, checked } = e.target;\n if (value || value === '' || typeof value === 'boolean') eventValue = value;\n else eventValue = checked || e;\n }\n handleFieldChange({\n [target]: eventValue,\n idFilter,\n idGroup,\n additionalInfo: {\n ...additionalInfo,\n [target]: extraData,\n [`${target}_error`]: hasError,\n [`${target}_touched`]: true,\n },\n target,\n });\n }\n\n handleMouseEnterRow = () => {};\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleMouseEnterInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(false);\n };\n\n handleMouseLeaveInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(true);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n };\n\n render() {\n const { isOpen } = this.state;\n const {\n fields,\n onAddFilter,\n onRemoveFilter,\n onAddRuleContainer,\n field,\n operator,\n value,\n additionalInfo,\n items,\n singleRow,\n toolTipZIndex,\n error,\n } = this.props;\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-row',\n isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n singleRow ? 'is-single-row' : 'is-multiple-row',\n );\n const test = resolveDependencies(\n {\n field,\n operator,\n value,\n additionalInfo,\n },\n fields,\n );\n\n const gridTemplateColumns = ['24px', ...test.map(() => 'minmax(0, 1fr)'), '30px'].join(' ');\n\n return (\n <>\n <div\n className={cssClassName}\n onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n style={{\n gridTemplateColumns,\n }}\n >\n {!singleRow && (\n <DragControllerRow\n className={classNameElement('drag-controller')}\n onMouseDownCapture={() => this.handleMouseLeaveInput()}\n />\n )}\n {test.map((renderField) => {\n const { target, component } = renderField;\n const { [target]: valueProp } = this.props;\n\n const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n const hasError =\n renderField && renderField.validation\n ? renderField.validation(valueProp, {\n field,\n operator,\n value,\n additionalInfo,\n })\n : false;\n return (\n <RenderField\n component={component}\n target={target}\n valueProp={valueProp}\n onChangeHandler={(e, target, extraData) => {\n this.onChangeHandler(e, target, extraData, hasError);\n }}\n handleMouseEnterInput={this.handleMouseEnterInput}\n handleMouseLeaveInput={this.handleMouseLeaveInput}\n additionalInfo={additionalInfo}\n hasError={isTouched && hasError}\n />\n );\n })}\n {!singleRow && (\n <div className={classNameBlock('controller')}>\n <ConditionController\n handleTooltipRow={this.handleTooltipRow}\n isOpen={isOpen}\n items={items}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onRemoveFilter={onRemoveFilter}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n </>\n );\n }\n}\n\nexport default QueryBuilderRow;\n"],"names":["RenderField","target","component","valueProp","additionalInfo","handleMouseEnterInput","handleMouseLeaveInput","onChangeHandler","hasError","ref","React","useRef","id","useMemo","String","fromCharCode","Math","floor","random","error","_refInput","current","querySelector","focus","setTimeout","cloneElement","onChange","e","extraData","value","checked","Boolean","errorMessage","DSTooltipV2","AlertsDetail","message","QueryBuilderRow","props","handleTooltipRow","setDraggableItems","isOpen","setState","state","handleFieldChange","idFilter","idGroup","field","operator","eventValue","fields","onAddFilter","onRemoveFilter","onAddRuleContainer","items","singleRow","toolTipZIndex","convertPropToCssClassName","cssClassName","classNameBlock","classNameElement","test","resolveDependencies","gridTemplateColumns","map","join","handleMouseEnterRow","handleMouseLeaveRow","DragControllerRow","renderField","isTouched","validation","ConditionController","Component"],"mappings":"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"}
package/esm/components/QueryBuilderRow/QueryBuilderRow.js CHANGED
@@ -78,16 +78,21 @@ var RenderField = function RenderField(_ref) {
78
78
  },
79
79
  value: valueProp != null ? valueProp : '',
80
80
  checked: valueProp === true,
81
- additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {}
82
- })), hasError && hasError.errorMessage ? /*#__PURE__*/React.createElement("span", {
81
+ additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},
82
+ 'aria-invalid': Boolean(hasError)
83
+ })), hasError && hasError.errorMessage ? /*#__PURE__*/React.createElement("div", {
84
+ tabIndex: 0,
83
85
  className: "row-icon-alert",
84
- "data-testid": "qb-error-state-icon"
86
+ "data-testid": "qb-error-state-icon",
87
+ role: "alert",
88
+ "aria-label": hasError.errorMessage
85
89
  }, /*#__PURE__*/React.createElement(DSTooltipV2, {
86
90
  title: hasError.errorMessage,
87
91
  triggerComponent: /*#__PURE__*/React.createElement(AlertsDetail, {
88
92
  width: 20,
89
93
  height: 20,
90
- color: ['danger', 900]
94
+ color: ['danger', 900],
95
+ title: hasError.message
91
96
  })
92
97
  })) : null); // return React.useMemo(
93
98
  // () => (
package/esm/components/QueryBuilderRow/QueryBuilderRow.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"QueryBuilderRow.js","sources":["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport AlertsDetail from '@elliemae/ds-icons/AlertsDetail';\nimport { DSTooltipV2 } from '@elliemae/ds-basic/Tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n target,\n component,\n valueProp,\n additionalInfo,\n handleMouseEnterInput,\n handleMouseLeaveInput,\n onChangeHandler,\n hasError,\n}) => {\n const ref = React.useRef<HTMLElement>();\n const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n return (\n <div\n className={`em-ds-query-builder-row-input child-type-${target} ${\n hasError && hasError.error ? 'row-input-error' : ''\n }`}\n onMouseDownCapture={() => {\n // eslint-disable-next-line no-underscore-dangle\n const _refInput = ref.current?.querySelector(`#${id}`);\n if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n handleMouseEnterInput();\n }}\n onMouseEnter={() => handleMouseEnterInput()}\n onMouseLeave={() => handleMouseLeaveInput()}\n >\n <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n {React.cloneElement(component, {\n id,\n onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n value: valueProp != null ? valueProp : '',\n checked: valueProp === true,\n additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n })}\n </div>\n {hasError && hasError.errorMessage ? (\n <span className=\"row-icon-alert\" data-testid=\"qb-error-state-icon\">\n <DSTooltipV2\n title={hasError.errorMessage}\n triggerComponent={<AlertsDetail width={20} height={20} color={['danger', 900]} />}\n />\n </span>\n ) : null}\n </div>\n );\n // return React.useMemo(\n // () => (\n // <div\n // className={`em-ds-query-builder-row-input child-type-${target}`}\n // onMouseDownCapture={() => {\n // // eslint-disable-next-line no-underscore-dangle\n // const _refInput = ref.current.querySelector(`#${id}`);\n // if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n // handleMouseEnterInput();\n // }}\n // onMouseEnter={() => handleMouseEnterInput()}\n // onMouseLeave={() => handleMouseLeaveInput()}\n // >\n // <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n // {React.cloneElement(component, {\n // id,\n // onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n // value: valueProp != null ? valueProp : '',\n // checked: valueProp === true,\n // additionalInfo: additionalInfo ? additionalInfo[target] : {},\n // })}\n // </div>\n // </div>\n // ),\n // [target, component, valueProp, additionalInfo],\n // );\n};\nclass QueryBuilderRow extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n };\n }\n\n onChangeHandler(e, target, extraData, hasError) {\n const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n let eventValue = e;\n if (e && e.target) {\n const { value, checked } = e.target;\n if (value || value === '' || typeof value === 'boolean') eventValue = value;\n else eventValue = checked || e;\n }\n handleFieldChange({\n [target]: eventValue,\n idFilter,\n idGroup,\n additionalInfo: {\n ...additionalInfo,\n [target]: extraData,\n [`${target}_error`]: hasError,\n [`${target}_touched`]: true,\n },\n target,\n });\n }\n\n handleMouseEnterRow = () => {};\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleMouseEnterInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(false);\n };\n\n handleMouseLeaveInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(true);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n };\n\n render() {\n const { isOpen } = this.state;\n const {\n fields,\n onAddFilter,\n onRemoveFilter,\n onAddRuleContainer,\n field,\n operator,\n value,\n additionalInfo,\n items,\n singleRow,\n toolTipZIndex,\n error,\n } = this.props;\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-row',\n isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n singleRow ? 'is-single-row' : 'is-multiple-row',\n );\n const test = resolveDependencies(\n {\n field,\n operator,\n value,\n additionalInfo,\n },\n fields,\n );\n\n const gridTemplateColumns = ['24px', ...test.map(() => 'minmax(0, 1fr)'), '30px'].join(' ');\n\n return (\n <>\n <div\n className={cssClassName}\n onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n style={{\n gridTemplateColumns,\n }}\n >\n {!singleRow && (\n <DragControllerRow\n className={classNameElement('drag-controller')}\n onMouseDownCapture={() => this.handleMouseLeaveInput()}\n />\n )}\n {test.map((renderField) => {\n const { target, component } = renderField;\n const { [target]: valueProp } = this.props;\n\n const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n const hasError =\n renderField && renderField.validation\n ? renderField.validation(valueProp, {\n field,\n operator,\n value,\n additionalInfo,\n })\n : false;\n return (\n <RenderField\n component={component}\n target={target}\n valueProp={valueProp}\n onChangeHandler={(e, target, extraData) => {\n this.onChangeHandler(e, target, extraData, hasError);\n }}\n handleMouseEnterInput={this.handleMouseEnterInput}\n handleMouseLeaveInput={this.handleMouseLeaveInput}\n additionalInfo={additionalInfo}\n hasError={isTouched && hasError}\n />\n );\n })}\n {!singleRow && (\n <div className={classNameBlock('controller')}>\n <ConditionController\n handleTooltipRow={this.handleTooltipRow}\n isOpen={isOpen}\n items={items}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onRemoveFilter={onRemoveFilter}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n </>\n );\n }\n}\n\nexport default QueryBuilderRow;\n"],"names":["RenderField","target","component","valueProp","additionalInfo","handleMouseEnterInput","handleMouseLeaveInput","onChangeHandler","hasError","ref","React","useRef","id","useMemo","String","fromCharCode","Math","floor","random","error","_refInput","current","querySelector","focus","setTimeout","cloneElement","onChange","e","extraData","value","checked","errorMessage","QueryBuilderRow","props","handleTooltipRow","setDraggableItems","isOpen","setState","state","handleFieldChange","idFilter","idGroup","field","operator","eventValue","fields","onAddFilter","onRemoveFilter","onAddRuleContainer","items","singleRow","toolTipZIndex","convertPropToCssClassName","cssClassName","classNameBlock","classNameElement","test","resolveDependencies","gridTemplateColumns","map","join","handleMouseEnterRow","handleMouseLeaveRow","renderField","isTouched","validation","Component"],"mappings":"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"}
1
+ {"version":3,"file":"QueryBuilderRow.js","sources":["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport AlertsDetail from '@elliemae/ds-icons/AlertsDetail';\nimport { DSTooltipV2 } from '@elliemae/ds-basic/Tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n target,\n component,\n valueProp,\n additionalInfo,\n handleMouseEnterInput,\n handleMouseLeaveInput,\n onChangeHandler,\n hasError,\n}) => {\n const ref = React.useRef<HTMLElement>();\n const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n return (\n <div\n className={`em-ds-query-builder-row-input child-type-${target} ${\n hasError && hasError.error ? 'row-input-error' : ''\n }`}\n onMouseDownCapture={() => {\n // eslint-disable-next-line no-underscore-dangle\n const _refInput = ref.current?.querySelector(`#${id}`);\n if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n handleMouseEnterInput();\n }}\n onMouseEnter={() => handleMouseEnterInput()}\n onMouseLeave={() => handleMouseLeaveInput()}\n >\n <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n {React.cloneElement(component, {\n id,\n onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n value: valueProp != null ? valueProp : '',\n checked: valueProp === true,\n additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n 'aria-invalid': Boolean(hasError),\n })}\n </div>\n {hasError && hasError.errorMessage ? (\n <div\n tabIndex={0}\n className=\"row-icon-alert\"\n data-testid=\"qb-error-state-icon\"\n role=\"alert\"\n aria-label={hasError.errorMessage}\n >\n <DSTooltipV2\n title={hasError.errorMessage}\n triggerComponent={<AlertsDetail width={20} height={20} color={['danger', 900]} title={hasError.message} />}\n />\n </div>\n ) : null}\n </div>\n );\n // return React.useMemo(\n // () => (\n // <div\n // className={`em-ds-query-builder-row-input child-type-${target}`}\n // onMouseDownCapture={() => {\n // // eslint-disable-next-line no-underscore-dangle\n // const _refInput = ref.current.querySelector(`#${id}`);\n // if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n // handleMouseEnterInput();\n // }}\n // onMouseEnter={() => handleMouseEnterInput()}\n // onMouseLeave={() => handleMouseLeaveInput()}\n // >\n // <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n // {React.cloneElement(component, {\n // id,\n // onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n // value: valueProp != null ? valueProp : '',\n // checked: valueProp === true,\n // additionalInfo: additionalInfo ? additionalInfo[target] : {},\n // })}\n // </div>\n // </div>\n // ),\n // [target, component, valueProp, additionalInfo],\n // );\n};\nclass QueryBuilderRow extends Component {\n constructor(props) {\n super(props);\n this.state = {\n isOpen: false,\n };\n }\n\n onChangeHandler(e, target, extraData, hasError) {\n const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n let eventValue = e;\n if (e && e.target) {\n const { value, checked } = e.target;\n if (value || value === '' || typeof value === 'boolean') eventValue = value;\n else eventValue = checked || e;\n }\n handleFieldChange({\n [target]: eventValue,\n idFilter,\n idGroup,\n additionalInfo: {\n ...additionalInfo,\n [target]: extraData,\n [`${target}_error`]: hasError,\n [`${target}_touched`]: true,\n },\n target,\n });\n }\n\n handleMouseEnterRow = () => {};\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleMouseEnterInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(false);\n };\n\n handleMouseLeaveInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(true);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n };\n\n render() {\n const { isOpen } = this.state;\n const {\n fields,\n onAddFilter,\n onRemoveFilter,\n onAddRuleContainer,\n field,\n operator,\n value,\n additionalInfo,\n items,\n singleRow,\n toolTipZIndex,\n error,\n } = this.props;\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-row',\n isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n singleRow ? 'is-single-row' : 'is-multiple-row',\n );\n const test = resolveDependencies(\n {\n field,\n operator,\n value,\n additionalInfo,\n },\n fields,\n );\n\n const gridTemplateColumns = ['24px', ...test.map(() => 'minmax(0, 1fr)'), '30px'].join(' ');\n\n return (\n <>\n <div\n className={cssClassName}\n onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n style={{\n gridTemplateColumns,\n }}\n >\n {!singleRow && (\n <DragControllerRow\n className={classNameElement('drag-controller')}\n onMouseDownCapture={() => this.handleMouseLeaveInput()}\n />\n )}\n {test.map((renderField) => {\n const { target, component } = renderField;\n const { [target]: valueProp } = this.props;\n\n const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n const hasError =\n renderField && renderField.validation\n ? renderField.validation(valueProp, {\n field,\n operator,\n value,\n additionalInfo,\n })\n : false;\n return (\n <RenderField\n component={component}\n target={target}\n valueProp={valueProp}\n onChangeHandler={(e, target, extraData) => {\n this.onChangeHandler(e, target, extraData, hasError);\n }}\n handleMouseEnterInput={this.handleMouseEnterInput}\n handleMouseLeaveInput={this.handleMouseLeaveInput}\n additionalInfo={additionalInfo}\n hasError={isTouched && hasError}\n />\n );\n })}\n {!singleRow && (\n <div className={classNameBlock('controller')}>\n <ConditionController\n handleTooltipRow={this.handleTooltipRow}\n isOpen={isOpen}\n items={items}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onRemoveFilter={onRemoveFilter}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n </>\n );\n }\n}\n\nexport default QueryBuilderRow;\n"],"names":["RenderField","target","component","valueProp","additionalInfo","handleMouseEnterInput","handleMouseLeaveInput","onChangeHandler","hasError","ref","React","useRef","id","useMemo","String","fromCharCode","Math","floor","random","error","_refInput","current","querySelector","focus","setTimeout","cloneElement","onChange","e","extraData","value","checked","Boolean","errorMessage","message","QueryBuilderRow","props","handleTooltipRow","setDraggableItems","isOpen","setState","state","handleFieldChange","idFilter","idGroup","field","operator","eventValue","fields","onAddFilter","onRemoveFilter","onAddRuleContainer","items","singleRow","toolTipZIndex","convertPropToCssClassName","cssClassName","classNameBlock","classNameElement","test","resolveDependencies","gridTemplateColumns","map","join","handleMouseEnterRow","handleMouseLeaveRow","renderField","isTouched","validation","Component"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-query-builder",
3
- "version": "1.55.0-next.7",
3
+ "version": "1.55.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - Query Builder",
6
6
  "main": "cjs/index.js",
@@ -16,14 +16,16 @@
16
16
  "build": "node ../../scripts/build/build.js"
17
17
  },
18
18
  "dependencies": {
19
- "@elliemae/ds-basic": "1.55.0-next.7",
20
- "@elliemae/ds-classnames": "1.55.0-next.7",
21
- "@elliemae/ds-icons": "1.55.0-next.7",
22
- "@elliemae/ds-shared": "1.55.0-next.7",
23
- "@elliemae/ds-utilities": "1.55.0-next.7",
19
+ "@elliemae/ds-basic": "1.55.0-rc.1",
20
+ "@elliemae/ds-classnames": "1.55.0-rc.1",
21
+ "@elliemae/ds-grid": "1.55.0-rc.1",
22
+ "@elliemae/ds-icons": "1.55.0-rc.1",
23
+ "@elliemae/ds-shared": "1.55.0-rc.1",
24
+ "@elliemae/ds-utilities": "1.55.0-rc.1",
24
25
  "classnames": "~2.2.6",
25
26
  "prop-types": "~15.7.2",
26
- "react-addons-update": "~15.6.3"
27
+ "react-addons-update": "~15.6.3",
28
+ "react-desc": "^4.1.2"
27
29
  },
28
30
  "peerDependencies": {
29
31
  "lodash": "^4.17.20",