@elliemae/ds-query-builder 3.49.0-rc.8 → 3.49.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.
- package/dist/cjs/components/AndOrController/AndOrController.js +44 -44
- package/dist/cjs/components/AndOrController/AndOrController.js.map +2 -2
- package/dist/cjs/components/DisplayOutput/DisplayOutput.js +5 -5
- package/dist/cjs/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/dist/cjs/components/Nestable/Nestable.js +46 -46
- package/dist/cjs/components/Nestable/Nestable.js.map +1 -1
- package/dist/cjs/components/QueryBuilderImpl.js +105 -105
- package/dist/cjs/components/QueryBuilderImpl.js.map +1 -1
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js +23 -17
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
- package/dist/cjs/components/format/format.js +15 -17
- package/dist/cjs/components/format/format.js.map +1 -1
- package/dist/cjs/components/helpers/store.js +108 -108
- package/dist/cjs/components/helpers/store.js.map +1 -1
- package/dist/esm/components/AndOrController/AndOrController.js +44 -44
- package/dist/esm/components/AndOrController/AndOrController.js.map +1 -1
- package/dist/esm/components/DisplayOutput/DisplayOutput.js +5 -5
- package/dist/esm/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/dist/esm/components/Nestable/Nestable.js +46 -46
- package/dist/esm/components/Nestable/Nestable.js.map +1 -1
- package/dist/esm/components/QueryBuilderImpl.js +105 -105
- package/dist/esm/components/QueryBuilderImpl.js.map +1 -1
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js +23 -17
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
- package/dist/esm/components/format/format.js +15 -17
- package/dist/esm/components/format/format.js.map +1 -1
- package/dist/esm/components/helpers/store.js +108 -108
- package/dist/esm/components/helpers/store.js.map +1 -1
- package/package.json +18 -15
|
@@ -37,9 +37,15 @@ var import_react = __toESM(require("react"));
|
|
|
37
37
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
38
38
|
var import_ds_tooltip = require("@elliemae/ds-tooltip");
|
|
39
39
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
40
|
+
var import_ds_system = require("@elliemae/ds-system");
|
|
40
41
|
var import_dependencies = require("../helpers/dependencies.js");
|
|
41
42
|
var import_ConditionController = __toESM(require("../ConditionController/ConditionController.js"));
|
|
42
43
|
var import_DragControllerRow = __toESM(require("../DragControllerRow/DragControllerRow.js"));
|
|
44
|
+
const StyledDiv = import_ds_system.styled.div`
|
|
45
|
+
.em-ds-query-builder-row__input-controller {
|
|
46
|
+
padding-top: 0.1538rem; // 2px converted to rem based on 1rem = 13px
|
|
47
|
+
}
|
|
48
|
+
`;
|
|
43
49
|
const RenderField = ({
|
|
44
50
|
target,
|
|
45
51
|
component,
|
|
@@ -62,7 +68,7 @@ const RenderField = ({
|
|
|
62
68
|
"aria-invalid": Boolean(hasError)
|
|
63
69
|
};
|
|
64
70
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
65
|
-
|
|
71
|
+
StyledDiv,
|
|
66
72
|
{
|
|
67
73
|
className: `em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? "row-input-error" : ""}`,
|
|
68
74
|
onMouseDownCapture: () => {
|
|
@@ -82,22 +88,6 @@ const RenderField = ({
|
|
|
82
88
|
class QueryBuilderRow extends import_react.Component {
|
|
83
89
|
constructor(props) {
|
|
84
90
|
super(props);
|
|
85
|
-
this.handleMouseEnterRow = () => {
|
|
86
|
-
};
|
|
87
|
-
this.handleMouseLeaveRow = () => {
|
|
88
|
-
this.handleTooltipRow(false);
|
|
89
|
-
};
|
|
90
|
-
this.handleMouseEnterInput = () => {
|
|
91
|
-
const { setDraggableItems } = this.props;
|
|
92
|
-
setDraggableItems(false);
|
|
93
|
-
};
|
|
94
|
-
this.handleMouseLeaveInput = () => {
|
|
95
|
-
const { setDraggableItems } = this.props;
|
|
96
|
-
setDraggableItems(true);
|
|
97
|
-
};
|
|
98
|
-
this.handleTooltipRow = (isOpen) => {
|
|
99
|
-
this.setState({ isOpen });
|
|
100
|
-
};
|
|
101
91
|
this.state = {
|
|
102
92
|
isOpen: false
|
|
103
93
|
};
|
|
@@ -124,6 +114,22 @@ class QueryBuilderRow extends import_react.Component {
|
|
|
124
114
|
target
|
|
125
115
|
});
|
|
126
116
|
}
|
|
117
|
+
handleMouseEnterRow = () => {
|
|
118
|
+
};
|
|
119
|
+
handleMouseLeaveRow = () => {
|
|
120
|
+
this.handleTooltipRow(false);
|
|
121
|
+
};
|
|
122
|
+
handleMouseEnterInput = () => {
|
|
123
|
+
const { setDraggableItems } = this.props;
|
|
124
|
+
setDraggableItems(false);
|
|
125
|
+
};
|
|
126
|
+
handleMouseLeaveInput = () => {
|
|
127
|
+
const { setDraggableItems } = this.props;
|
|
128
|
+
setDraggableItems(true);
|
|
129
|
+
};
|
|
130
|
+
handleTooltipRow = (isOpen) => {
|
|
131
|
+
this.setState({ isOpen });
|
|
132
|
+
};
|
|
127
133
|
render() {
|
|
128
134
|
const { isOpen } = this.state;
|
|
129
135
|
const {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-argument, max-params */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* eslint-disable max-lines, complexity, @typescript-eslint/no-unsafe-call */\n/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-assignment */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n// this is what a legacy 7 year old codebase looks like.\n// also, react class components.\n\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies.js';\nimport ConditionController from '../ConditionController/ConditionController.js';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow.js';\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 const UserComponent = component;\n const componentNewProps = {\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\n return (\n <
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-argument, max-params */\n/* eslint-disable @typescript-eslint/ban-ts-comment, @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any */\n/* eslint-disable max-lines, complexity, @typescript-eslint/no-unsafe-call */\n/* eslint-disable no-unused-vars, @typescript-eslint/no-unsafe-member-access */\n/* eslint-disable @typescript-eslint/no-unsafe-return, @typescript-eslint/no-unsafe-assignment */\n/* tslint:disable */\n// @ts-nocheck\n// What's with all the above disables?\n// this is what a legacy 7 year old codebase looks like.\n// also, react class components.\n\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { styled } from '@elliemae/ds-system';\nimport { resolveDependencies } from '../helpers/dependencies.js';\nimport ConditionController from '../ConditionController/ConditionController.js';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow.js';\n\nconst StyledDiv = styled.div`\n .em-ds-query-builder-row__input-controller {\n padding-top: 0.1538rem; // 2px converted to rem based on 1rem = 13px\n }\n`;\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 const UserComponent = component;\n const componentNewProps = {\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\n return (\n <StyledDiv\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 // eslint-disable-next-line @typescript-eslint/no-implied-eval\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.isValidElement(UserComponent) ? (\n React.cloneElement(UserComponent, componentNewProps)\n ) : (\n <UserComponent {...componentNewProps} />\n )}\n </div>\n {hasError && hasError.errorMessage ? (\n <div style={{ width: '40px' }}>\n <DSTooltipV3 text={hasError.errorMessage}>\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n <div tabIndex={0} className=\"row-icon-alert\" data-testid=\"qb-error-state-icon\" role=\"alert\">\n <AlertsDetail width={20} height={20} color={['danger', 900]} title={hasError.errorMessage} />\n </div>\n </DSTooltipV3>\n </div>\n ) : null}\n </StyledDiv>\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<any, any> {\n constructor(props: any) {\n super(props);\n this.state = {\n isOpen: false,\n };\n\n this.onChangeHandler = this.onChangeHandler.bind(this);\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: targetValue, checked } = e.target;\n if (targetValue || targetValue === '' || typeof targetValue === 'boolean') eventValue = targetValue;\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 // eslint-disable-next-line @typescript-eslint/unbound-method\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 = [\n singleRow ? '' : '24px',\n ...test.map((r) => {\n if (r.handleWidth) {\n return r.handleWidth(this.props[r.target], {\n field,\n operator,\n value,\n additionalInfo,\n });\n }\n return 'minmax(0, 1fr)';\n }),\n '30px',\n ].join(' ');\n\n return (\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, changeTarget, extraData) => {\n this.onChangeHandler(e, changeTarget, 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\nexport default QueryBuilderRow;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "DragControllerRow", "ConditionController"]
|
|
7
7
|
}
|
|
@@ -36,23 +36,21 @@ var import_sqlFormat = require("./sqlFormat.js");
|
|
|
36
36
|
var import_xmlFormat = require("./xmlFormat.js");
|
|
37
37
|
var import_sqlSafeFormat = require("./sqlSafeFormat.js");
|
|
38
38
|
class QueryBuilderFormat {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
this.
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
this.
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
};
|
|
55
|
-
}
|
|
39
|
+
format = {
|
|
40
|
+
defaultFormat: (query) => query,
|
|
41
|
+
sqlFormat: import_sqlFormat.sqlFormat,
|
|
42
|
+
xmlFormat: import_xmlFormat.xmlFormat,
|
|
43
|
+
sqlSafeFormat: import_sqlSafeFormat.sqlSafeFormat
|
|
44
|
+
};
|
|
45
|
+
currentFormat = "sqlFormat";
|
|
46
|
+
setDefaultFormat = (formatName) => {
|
|
47
|
+
if (this.format[formatName]) this.currentFormat = formatName;
|
|
48
|
+
};
|
|
49
|
+
addFormat = (formatName, format) => this.format[formatName] = format;
|
|
50
|
+
run = (query, formatName) => {
|
|
51
|
+
if (this.format[formatName]) return this.format[formatName](query);
|
|
52
|
+
return this.format[this.currentFormat](query);
|
|
53
|
+
};
|
|
56
54
|
}
|
|
57
55
|
var format_default = new QueryBuilderFormat();
|
|
58
56
|
//# sourceMappingURL=format.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/format/format.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import { sqlFormat } from './sqlFormat.js';\nimport { xmlFormat } from './xmlFormat.js';\nimport { sqlSafeFormat } from './sqlSafeFormat.js';\n\nclass QueryBuilderFormat {\n format = {\n defaultFormat: (query) => query,\n sqlFormat,\n xmlFormat,\n sqlSafeFormat,\n };\n\n currentFormat = 'sqlFormat';\n\n setDefaultFormat = (formatName) => {\n if (this.format[formatName]) this.currentFormat = formatName;\n };\n\n addFormat = (formatName, format) => (this.format[formatName] = format);\n\n run = (query, formatName) => {\n if (this.format[formatName]) return this.format[formatName](query);\n return this.format[this.currentFormat](query);\n };\n}\n\nexport default new QueryBuilderFormat();\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAC1B,uBAA0B;AAC1B,2BAA8B;AAE9B,MAAM,mBAAmB;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA0B;AAC1B,uBAA0B;AAC1B,2BAA8B;AAE9B,MAAM,mBAAmB;AAAA,EACvB,SAAS;AAAA,IACP,eAAe,CAAC,UAAU;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,gBAAgB;AAAA,EAEhB,mBAAmB,CAAC,eAAe;AACjC,QAAI,KAAK,OAAO,UAAU,EAAG,MAAK,gBAAgB;AAAA,EACpD;AAAA,EAEA,YAAY,CAAC,YAAY,WAAY,KAAK,OAAO,UAAU,IAAI;AAAA,EAE/D,MAAM,CAAC,OAAO,eAAe;AAC3B,QAAI,KAAK,OAAO,UAAU,EAAG,QAAO,KAAK,OAAO,UAAU,EAAE,KAAK;AACjE,WAAO,KAAK,OAAO,KAAK,aAAa,EAAE,KAAK;AAAA,EAC9C;AACF;AAEA,IAAO,iBAAQ,IAAI,mBAAmB;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -35,115 +35,14 @@ var React = __toESM(require("react"));
|
|
|
35
35
|
var import_actions = require("./actions.js");
|
|
36
36
|
var import_format = __toESM(require("../format/format.js"));
|
|
37
37
|
class QueryBuilderStore {
|
|
38
|
+
items = [];
|
|
39
|
+
step = 0;
|
|
40
|
+
steps = {};
|
|
41
|
+
mapFilters = {};
|
|
42
|
+
mapGroups = {};
|
|
43
|
+
main = null;
|
|
44
|
+
format = null;
|
|
38
45
|
constructor(init, format) {
|
|
39
|
-
this.items = [];
|
|
40
|
-
this.step = 0;
|
|
41
|
-
this.steps = {};
|
|
42
|
-
this.mapFilters = {};
|
|
43
|
-
this.mapGroups = {};
|
|
44
|
-
this.main = null;
|
|
45
|
-
this.format = null;
|
|
46
|
-
this.createNewFilter = (idGroup) => import_actions.createNewFilter.call(this, idGroup);
|
|
47
|
-
this.createNewGroup = (parentIdGroup) => import_actions.createNewGroup.call(this, parentIdGroup);
|
|
48
|
-
this.onOrderDragAndDrop = (items) => {
|
|
49
|
-
this.items = items;
|
|
50
|
-
return this.getState();
|
|
51
|
-
};
|
|
52
|
-
// eslint-disable-next-line no-unused-vars
|
|
53
|
-
this.addFilterNextToFilterId = (idGroup, idFilter) => {
|
|
54
|
-
this.addFilter(idGroup);
|
|
55
|
-
return this.getState();
|
|
56
|
-
};
|
|
57
|
-
this.addFilter = (idGroup) => {
|
|
58
|
-
const newFilter = this.createNewFilter(idGroup);
|
|
59
|
-
import_actions.addFilterToMap.call(this, newFilter);
|
|
60
|
-
if (this.main === idGroup) {
|
|
61
|
-
import_actions.addFilterToMainItem.call(this, this.items, newFilter);
|
|
62
|
-
} else {
|
|
63
|
-
const foundInItems = import_actions.findItemFilterById.call(this, idGroup);
|
|
64
|
-
if (foundInItems) {
|
|
65
|
-
import_actions.addFilterToItem.call(this, foundInItems, newFilter);
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
return this.getState();
|
|
69
|
-
};
|
|
70
|
-
this.onRemoveFilter = (idFilter) => {
|
|
71
|
-
import_actions.removeFilterItem.call(this, idFilter);
|
|
72
|
-
return this.getState();
|
|
73
|
-
};
|
|
74
|
-
this.addRuleContainerInPlace = (idGroup, idFilter) => {
|
|
75
|
-
const newGroup = this.createNewGroup(idGroup);
|
|
76
|
-
import_actions.addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);
|
|
77
|
-
return this.getState();
|
|
78
|
-
};
|
|
79
|
-
/**
|
|
80
|
-
* Group a filter inside a new Group
|
|
81
|
-
* @param idGroup
|
|
82
|
-
* @param idFilter
|
|
83
|
-
*/
|
|
84
|
-
// eslint-disable-next-line no-unused-vars
|
|
85
|
-
this.addRuleContainer = (idGroup, idFilter) => {
|
|
86
|
-
const newGroup = this.createNewGroup(idGroup);
|
|
87
|
-
import_actions.addGroupToMap.call(this, newGroup);
|
|
88
|
-
if (this.main === idGroup) {
|
|
89
|
-
import_actions.addFilterToMainItem.call(this, this.items, newGroup);
|
|
90
|
-
} else {
|
|
91
|
-
const foundInItems = import_actions.findItemFilterById.call(this, idGroup);
|
|
92
|
-
if (foundInItems) {
|
|
93
|
-
import_actions.addFilterToItem.call(this, foundInItems, newGroup);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
return this.getState();
|
|
97
|
-
};
|
|
98
|
-
this.unGroup = (idGroup) => {
|
|
99
|
-
import_actions.unGroupFilterToItem.call(this, idGroup);
|
|
100
|
-
return this.getState();
|
|
101
|
-
};
|
|
102
|
-
this.changeGroupOperator = (idGroup, value) => {
|
|
103
|
-
this.getGroupById(idGroup).condition = value;
|
|
104
|
-
import_actions.changeGroupOperator.call(this, idGroup, value);
|
|
105
|
-
return this.getState();
|
|
106
|
-
};
|
|
107
|
-
this.changeFilter = (data) => {
|
|
108
|
-
const { idFilter } = data;
|
|
109
|
-
this.mapFilters[idFilter] = {
|
|
110
|
-
...this.mapFilters[idFilter],
|
|
111
|
-
...data
|
|
112
|
-
};
|
|
113
|
-
import_actions.changeFilterItem.call(this, data);
|
|
114
|
-
return this.getState();
|
|
115
|
-
};
|
|
116
|
-
this.getGroupById = (idGroup) => this.mapGroups[idGroup] || {};
|
|
117
|
-
this.getFilterById = (idFilter) => this.mapFilters[idFilter];
|
|
118
|
-
this.getInitialState = () => {
|
|
119
|
-
const newFilters = {
|
|
120
|
-
step: this.step,
|
|
121
|
-
mapFilters: { ...this.mapFilters },
|
|
122
|
-
mapGroups: { ...this.mapGroups },
|
|
123
|
-
main: this.main,
|
|
124
|
-
items: this.items
|
|
125
|
-
};
|
|
126
|
-
const format = import_format.default.run(newFilters, this.format);
|
|
127
|
-
return {
|
|
128
|
-
...newFilters,
|
|
129
|
-
format
|
|
130
|
-
};
|
|
131
|
-
};
|
|
132
|
-
this.getState = () => {
|
|
133
|
-
this.step += 1;
|
|
134
|
-
const newFilters = {
|
|
135
|
-
step: this.step,
|
|
136
|
-
mapFilters: { ...this.mapFilters },
|
|
137
|
-
mapGroups: { ...this.mapGroups },
|
|
138
|
-
main: this.main,
|
|
139
|
-
items: this.items
|
|
140
|
-
};
|
|
141
|
-
const format = import_format.default.run(newFilters, this.format);
|
|
142
|
-
return {
|
|
143
|
-
...newFilters,
|
|
144
|
-
format
|
|
145
|
-
};
|
|
146
|
-
};
|
|
147
46
|
this.firstLoad = true;
|
|
148
47
|
this.format = format;
|
|
149
48
|
if (init) return this.initSetupUp(init);
|
|
@@ -161,6 +60,107 @@ class QueryBuilderStore {
|
|
|
161
60
|
if (init[key] && this[key] !== void 0) this[key] = init[key];
|
|
162
61
|
});
|
|
163
62
|
}
|
|
63
|
+
createNewFilter = (idGroup) => import_actions.createNewFilter.call(this, idGroup);
|
|
64
|
+
createNewGroup = (parentIdGroup) => import_actions.createNewGroup.call(this, parentIdGroup);
|
|
65
|
+
onOrderDragAndDrop = (items) => {
|
|
66
|
+
this.items = items;
|
|
67
|
+
return this.getState();
|
|
68
|
+
};
|
|
69
|
+
// eslint-disable-next-line no-unused-vars
|
|
70
|
+
addFilterNextToFilterId = (idGroup, idFilter) => {
|
|
71
|
+
this.addFilter(idGroup);
|
|
72
|
+
return this.getState();
|
|
73
|
+
};
|
|
74
|
+
addFilter = (idGroup) => {
|
|
75
|
+
const newFilter = this.createNewFilter(idGroup);
|
|
76
|
+
import_actions.addFilterToMap.call(this, newFilter);
|
|
77
|
+
if (this.main === idGroup) {
|
|
78
|
+
import_actions.addFilterToMainItem.call(this, this.items, newFilter);
|
|
79
|
+
} else {
|
|
80
|
+
const foundInItems = import_actions.findItemFilterById.call(this, idGroup);
|
|
81
|
+
if (foundInItems) {
|
|
82
|
+
import_actions.addFilterToItem.call(this, foundInItems, newFilter);
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return this.getState();
|
|
86
|
+
};
|
|
87
|
+
onRemoveFilter = (idFilter) => {
|
|
88
|
+
import_actions.removeFilterItem.call(this, idFilter);
|
|
89
|
+
return this.getState();
|
|
90
|
+
};
|
|
91
|
+
addRuleContainerInPlace = (idGroup, idFilter) => {
|
|
92
|
+
const newGroup = this.createNewGroup(idGroup);
|
|
93
|
+
import_actions.addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);
|
|
94
|
+
return this.getState();
|
|
95
|
+
};
|
|
96
|
+
/**
|
|
97
|
+
* Group a filter inside a new Group
|
|
98
|
+
* @param idGroup
|
|
99
|
+
* @param idFilter
|
|
100
|
+
*/
|
|
101
|
+
// eslint-disable-next-line no-unused-vars
|
|
102
|
+
addRuleContainer = (idGroup, idFilter) => {
|
|
103
|
+
const newGroup = this.createNewGroup(idGroup);
|
|
104
|
+
import_actions.addGroupToMap.call(this, newGroup);
|
|
105
|
+
if (this.main === idGroup) {
|
|
106
|
+
import_actions.addFilterToMainItem.call(this, this.items, newGroup);
|
|
107
|
+
} else {
|
|
108
|
+
const foundInItems = import_actions.findItemFilterById.call(this, idGroup);
|
|
109
|
+
if (foundInItems) {
|
|
110
|
+
import_actions.addFilterToItem.call(this, foundInItems, newGroup);
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
return this.getState();
|
|
114
|
+
};
|
|
115
|
+
unGroup = (idGroup) => {
|
|
116
|
+
import_actions.unGroupFilterToItem.call(this, idGroup);
|
|
117
|
+
return this.getState();
|
|
118
|
+
};
|
|
119
|
+
changeGroupOperator = (idGroup, value) => {
|
|
120
|
+
this.getGroupById(idGroup).condition = value;
|
|
121
|
+
import_actions.changeGroupOperator.call(this, idGroup, value);
|
|
122
|
+
return this.getState();
|
|
123
|
+
};
|
|
124
|
+
changeFilter = (data) => {
|
|
125
|
+
const { idFilter } = data;
|
|
126
|
+
this.mapFilters[idFilter] = {
|
|
127
|
+
...this.mapFilters[idFilter],
|
|
128
|
+
...data
|
|
129
|
+
};
|
|
130
|
+
import_actions.changeFilterItem.call(this, data);
|
|
131
|
+
return this.getState();
|
|
132
|
+
};
|
|
133
|
+
getGroupById = (idGroup) => this.mapGroups[idGroup] || {};
|
|
134
|
+
getFilterById = (idFilter) => this.mapFilters[idFilter];
|
|
135
|
+
getInitialState = () => {
|
|
136
|
+
const newFilters = {
|
|
137
|
+
step: this.step,
|
|
138
|
+
mapFilters: { ...this.mapFilters },
|
|
139
|
+
mapGroups: { ...this.mapGroups },
|
|
140
|
+
main: this.main,
|
|
141
|
+
items: this.items
|
|
142
|
+
};
|
|
143
|
+
const format = import_format.default.run(newFilters, this.format);
|
|
144
|
+
return {
|
|
145
|
+
...newFilters,
|
|
146
|
+
format
|
|
147
|
+
};
|
|
148
|
+
};
|
|
149
|
+
getState = () => {
|
|
150
|
+
this.step += 1;
|
|
151
|
+
const newFilters = {
|
|
152
|
+
step: this.step,
|
|
153
|
+
mapFilters: { ...this.mapFilters },
|
|
154
|
+
mapGroups: { ...this.mapGroups },
|
|
155
|
+
main: this.main,
|
|
156
|
+
items: this.items
|
|
157
|
+
};
|
|
158
|
+
const format = import_format.default.run(newFilters, this.format);
|
|
159
|
+
return {
|
|
160
|
+
...newFilters,
|
|
161
|
+
format
|
|
162
|
+
};
|
|
163
|
+
};
|
|
164
164
|
}
|
|
165
165
|
var store_default = QueryBuilderStore;
|
|
166
166
|
//# sourceMappingURL=store.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/helpers/store.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport {\n createNewFilter,\n createNewGroup,\n addFilterToMap,\n addGroupToMap,\n addFilterToItem, // new API\n addFilterToMainItem, // new API\n findItemFilterById, // new API\n removeFilterItem, // new API\n addGroupFilterToItem, // new API\n unGroupFilterToItem, // new API\n changeFilterItem, // new API\n changeGroupOperator, // new API\n} from './actions.js';\nimport QueryBuilderFormat from '../format/format.js';\n/**\n * Fluent interface: https://en.wikipedia.org/wiki/Fluent_interface\n * @param idGroup\n * @param parentIdGroup\n * @param items\n * @param idFilter\n * @param value\n * @param data\n * @class QueryBuilderStore\n */\nclass QueryBuilderStore {\n items = [];\n\n step = 0;\n\n steps = {};\n\n mapFilters = {};\n\n mapGroups = {};\n\n main = null;\n\n format = null;\n\n constructor(init, format) {\n this.firstLoad = true;\n this.format = format;\n if (init) return this.initSetupUp(init);\n const mainGroup = this.createNewGroup('main');\n this.mapGroups = {\n [mainGroup.idGroup]: mainGroup,\n };\n this.main = mainGroup.idGroup;\n this.addFilter(mainGroup.idGroup);\n\n this.initSetupUp = this.initSetupUp.bind(this);\n }\n\n initSetupUp(init) {\n this.step = init.step || 1;\n Object.keys(init).forEach((key) => {\n if (init[key] && this[key] !== undefined) this[key] = init[key];\n });\n }\n\n createNewFilter = (idGroup) => createNewFilter.call(this, idGroup);\n\n createNewGroup = (parentIdGroup) => createNewGroup.call(this, parentIdGroup);\n\n onOrderDragAndDrop = (items) => {\n this.items = items;\n return this.getState();\n };\n\n // eslint-disable-next-line no-unused-vars\n addFilterNextToFilterId = (idGroup, idFilter) => {\n // eslint-disable-line\n this.addFilter(idGroup);\n return this.getState();\n };\n\n addFilter = (idGroup) => {\n const newFilter = this.createNewFilter(idGroup);\n addFilterToMap.call(this, newFilter);\n // new API\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newFilter);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newFilter);\n }\n }\n return this.getState();\n };\n\n onRemoveFilter = (idFilter) => {\n // new API\n removeFilterItem.call(this, idFilter);\n return this.getState();\n };\n\n addRuleContainerInPlace = (idGroup, idFilter) => {\n // Create a new group\n const newGroup = this.createNewGroup(idGroup);\n addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);\n return this.getState();\n };\n\n /**\n * Group a filter inside a new Group\n * @param idGroup\n * @param idFilter\n */\n // eslint-disable-next-line no-unused-vars\n addRuleContainer = (idGroup, idFilter) => {\n // eslint-disable-line\n const newGroup = this.createNewGroup(idGroup);\n addGroupToMap.call(this, newGroup);\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newGroup);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newGroup);\n }\n }\n return this.getState();\n };\n\n unGroup = (idGroup) => {\n unGroupFilterToItem.call(this, idGroup);\n return this.getState();\n };\n\n changeGroupOperator = (idGroup, value) => {\n this.getGroupById(idGroup).condition = value;\n changeGroupOperator.call(this, idGroup, value);\n return this.getState();\n };\n\n changeFilter = (data) => {\n const { idFilter } = data;\n this.mapFilters[idFilter] = {\n ...this.mapFilters[idFilter],\n ...data,\n };\n changeFilterItem.call(this, data);\n return this.getState();\n };\n\n getGroupById = (idGroup) => this.mapGroups[idGroup] || {};\n\n getFilterById = (idFilter) => this.mapFilters[idFilter];\n\n getInitialState = () => {\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n\n getState = () => {\n this.step += 1;\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n}\n\nexport default QueryBuilderStore;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,qBAaO;AACP,oBAA+B;AAW/B,MAAM,kBAAkB;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["QueryBuilderFormat"]
|
|
7
7
|
}
|
|
@@ -13,30 +13,30 @@ import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation.js";
|
|
|
13
13
|
import DragContainerController from "../DragContainerController/DragContainerController.js";
|
|
14
14
|
const { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } = convertPropToCssClassName("query-builder-and-or-controller");
|
|
15
15
|
class AndOrController extends Component {
|
|
16
|
+
static defaultProps = {
|
|
17
|
+
isMain: false,
|
|
18
|
+
handleRuleContainerOperator: () => null,
|
|
19
|
+
handleRuleContainerUnGroup: () => null,
|
|
20
|
+
handleTooltipGroup: () => null,
|
|
21
|
+
labelOn: "AND",
|
|
22
|
+
labelOff: "OR",
|
|
23
|
+
condition: true,
|
|
24
|
+
showDragController: true,
|
|
25
|
+
allowUnGroup: true,
|
|
26
|
+
buttonActionSize: DSIconSizes.M,
|
|
27
|
+
buttonActionType: "text",
|
|
28
|
+
toogleActionSize: DSIconSizes.S,
|
|
29
|
+
onAddFilter: () => null,
|
|
30
|
+
multipleSize: false,
|
|
31
|
+
delayClose: DELAY_CLOSE,
|
|
32
|
+
delayOpen: DELAY_OPEN,
|
|
33
|
+
step: null,
|
|
34
|
+
toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,
|
|
35
|
+
toolBarInteractionType: Interaction.CLICK,
|
|
36
|
+
toolBarPosition: Position.LEFT
|
|
37
|
+
};
|
|
16
38
|
constructor(props) {
|
|
17
39
|
super(props);
|
|
18
|
-
this.handleMouseEnterRow = (e) => {
|
|
19
|
-
this.handleTooltipRow(true);
|
|
20
|
-
};
|
|
21
|
-
this.handleMouseMove = (e) => {
|
|
22
|
-
if (!this.contenerRef.current) return;
|
|
23
|
-
const mouse = e.clientY;
|
|
24
|
-
const { height } = this.contenerRef.current.getBoundingClientRect();
|
|
25
|
-
const delta = height / 2;
|
|
26
|
-
const topDiff = this.myRef.current.getBoundingClientRect().top;
|
|
27
|
-
const refHeight = this.myRef.current.getBoundingClientRect().height;
|
|
28
|
-
this.setState({
|
|
29
|
-
top: mouse - topDiff - refHeight / 2 - delta
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
this.handleMouseLeaveRow = () => {
|
|
33
|
-
this.handleTooltipRow(false);
|
|
34
|
-
};
|
|
35
|
-
this.handleTooltipRow = (isOpen) => {
|
|
36
|
-
this.setState({ isOpen });
|
|
37
|
-
const { handleTooltipGroup } = this.props;
|
|
38
|
-
handleTooltipGroup(isOpen);
|
|
39
|
-
};
|
|
40
40
|
this.contenerRef = React2.createRef();
|
|
41
41
|
this.myRef = React2.createRef();
|
|
42
42
|
this.state = {
|
|
@@ -45,6 +45,28 @@ class AndOrController extends Component {
|
|
|
45
45
|
right: -2
|
|
46
46
|
};
|
|
47
47
|
}
|
|
48
|
+
handleMouseEnterRow = (e) => {
|
|
49
|
+
this.handleTooltipRow(true);
|
|
50
|
+
};
|
|
51
|
+
handleMouseMove = (e) => {
|
|
52
|
+
if (!this.contenerRef.current) return;
|
|
53
|
+
const mouse = e.clientY;
|
|
54
|
+
const { height } = this.contenerRef.current.getBoundingClientRect();
|
|
55
|
+
const delta = height / 2;
|
|
56
|
+
const topDiff = this.myRef.current.getBoundingClientRect().top;
|
|
57
|
+
const refHeight = this.myRef.current.getBoundingClientRect().height;
|
|
58
|
+
this.setState({
|
|
59
|
+
top: mouse - topDiff - refHeight / 2 - delta
|
|
60
|
+
});
|
|
61
|
+
};
|
|
62
|
+
handleMouseLeaveRow = () => {
|
|
63
|
+
this.handleTooltipRow(false);
|
|
64
|
+
};
|
|
65
|
+
handleTooltipRow = (isOpen) => {
|
|
66
|
+
this.setState({ isOpen });
|
|
67
|
+
const { handleTooltipGroup } = this.props;
|
|
68
|
+
handleTooltipGroup(isOpen);
|
|
69
|
+
};
|
|
48
70
|
render() {
|
|
49
71
|
const {
|
|
50
72
|
handleRuleContainerOperator,
|
|
@@ -186,28 +208,6 @@ class AndOrController extends Component {
|
|
|
186
208
|
);
|
|
187
209
|
}
|
|
188
210
|
}
|
|
189
|
-
AndOrController.defaultProps = {
|
|
190
|
-
isMain: false,
|
|
191
|
-
handleRuleContainerOperator: () => null,
|
|
192
|
-
handleRuleContainerUnGroup: () => null,
|
|
193
|
-
handleTooltipGroup: () => null,
|
|
194
|
-
labelOn: "AND",
|
|
195
|
-
labelOff: "OR",
|
|
196
|
-
condition: true,
|
|
197
|
-
showDragController: true,
|
|
198
|
-
allowUnGroup: true,
|
|
199
|
-
buttonActionSize: DSIconSizes.M,
|
|
200
|
-
buttonActionType: "text",
|
|
201
|
-
toogleActionSize: DSIconSizes.S,
|
|
202
|
-
onAddFilter: () => null,
|
|
203
|
-
multipleSize: false,
|
|
204
|
-
delayClose: DELAY_CLOSE,
|
|
205
|
-
delayOpen: DELAY_OPEN,
|
|
206
|
-
step: null,
|
|
207
|
-
toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,
|
|
208
|
-
toolBarInteractionType: Interaction.CLICK,
|
|
209
|
-
toolBarPosition: Position.LEFT
|
|
210
|
-
};
|
|
211
211
|
var AndOrController_default = AndOrController;
|
|
212
212
|
export {
|
|
213
213
|
AndOrController_default as default
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/AndOrController/AndOrController.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSTooltip, TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport { DSButton } from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';\nimport DragContainerController from '../DragContainerController/DragContainerController.js';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n static defaultProps = {\n isMain: false,\n handleRuleContainerOperator: () => null,\n handleRuleContainerUnGroup: () => null,\n handleTooltipGroup: () => null,\n labelOn: 'AND',\n labelOff: 'OR',\n condition: true,\n showDragController: true,\n allowUnGroup: true,\n buttonActionSize: DSIconSizes.M,\n buttonActionType: 'text',\n toogleActionSize: DSIconSizes.S,\n onAddFilter: () => null,\n multipleSize: false,\n delayClose: DELAY_CLOSE,\n delayOpen: DELAY_OPEN,\n step: null,\n toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n toolBarInteractionType: Interaction.CLICK,\n toolBarPosition: Position.LEFT,\n };\n\n constructor(props) {\n super(props);\n this.contenerRef = React.createRef();\n this.myRef = React.createRef();\n this.state = {\n isOpen: false,\n top: 0,\n right: -2,\n };\n }\n\n handleMouseEnterRow = (e) => {\n this.handleTooltipRow(true);\n // this.handleMouseMove(e)\n };\n\n handleMouseMove = (e) => {\n if (!this.contenerRef.current) return;\n const mouse = e.clientY;\n const { height } = this.contenerRef.current.getBoundingClientRect();\n const delta = height / 2;\n const topDiff = this.myRef.current.getBoundingClientRect().top;\n const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n this.setState({\n top: mouse - topDiff - refHeight / 2 - delta,\n });\n };\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n const { handleTooltipGroup } = this.props;\n handleTooltipGroup(isOpen);\n };\n\n render() {\n const {\n handleRuleContainerOperator,\n handleRuleContainerUnGroup,\n labelOn,\n labelOff,\n condition,\n showDragController,\n allowUnGroup,\n buttonActionSize,\n buttonActionType,\n toogleActionSize,\n onAddFilter,\n multipleSize,\n delayClose,\n delayOpen,\n step,\n toolBarAnimationDuration,\n toolBarInteractionType,\n toolBarPosition,\n isMain,\n toolTipZIndex,\n } = this.props;\n const { isOpen, top, right } = this.state;\n return (\n <div\n ref={this.myRef}\n className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step} ${\n isMain ? 'is-main-group-join' : ''\n }`}\n // onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n // onMouseMove={this.handleMouseMove}\n >\n <div className={`${classNameBlock('content')} step-${step}`}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={toolBarInteractionType}\n isOpen={isOpen}\n onOpen={this.handleTooltipRow}\n placement={toolBarPosition}\n springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n step={step}\n title={\n <div\n ref={this.contenerRef}\n className={classNameBlock('actions')}\n style={{\n transition: '0.2s',\n position: 'absolute',\n top: `${top}px`,\n right: `${right}px`,\n }}\n >\n <DSTooltip\n title=\"Add condition\"\n triggerComponent={\n <DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />\n }\n />\n {allowUnGroup && (\n <DSTooltip\n title=\"Remove group\"\n triggerComponent={\n <DSButton\n buttonType=\"text\"\n className={classNameElement('ungroup')}\n icon={<ParenthesisRemove />}\n onClick={handleRuleContainerUnGroup}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-remove-button',\n }}\n />\n }\n />\n )}\n <DSToggle\n checked={condition}\n className={classNameElement('and-or-toggle')}\n labelOff={labelOff}\n labelOn={labelOn}\n onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n size={toogleActionSize}\n containerProps={{\n 'data-testid': 'and-or-toggle-button',\n }}\n />\n </div>\n }\n tooltipType={TooltipType.TOOLBAR}\n triggerComponent={\n <div\n className={`${classNameBlock('trigger-controller')} ${\n showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n } step-${step}`}\n >\n <div className={classNameElement('condition-display')}>\n <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n <span className={classNameElement('condition-display-step')}>{step}</span>\n <div className=\"separator\" />\n <MoreOptionsVert\n color={DSIconColors.NEUTRAL}\n onClick={this.handleMouseEnterRow}\n size={DSIconSizes.S}\n containerProps={{\n 'data-testid': 'and-or-more-options-button',\n }}\n />\n </div>\n {showDragController && (\n <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n )}\n </div>\n }\n zIndex={toolTipZIndex}\n />\n </div>\n </div>\n );\n }\n}\n\nexport default AndOrController;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACgIe,cAGxB,YAHwB;AA5HtC,OAAOA,UAAS,iBAAiB;AACjC,SAAS,iCAAiC;AAC1C,SAAS,WAAW,mBAAmB;AACvC,SAAS,sBAAsB,aAAa,mBAAmB,gBAAgB;AAC/E,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,mBAAmB,iBAAiB,gBAAgB;AAC7D,SAAS,cAAc,mBAAmB;AAC1C,SAAS,aAAa,YAAY,kCAAkC;AACpE,SAAS,wBAAwB;AACjC,OAAO,6BAA6B;AAEpC,MAAM,EAAE,cAAc,gBAAgB,kBAAkB,cAAc,uBAAuB,IAC3F,0BAA0B,iCAAiC;AAM7D,MAAM,wBAAwB,UAAU;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -10,15 +10,15 @@ const { cssClassName } = convertPropToCssClassName("query-builder-output");
|
|
|
10
10
|
class DisplayOutput extends Component {
|
|
11
11
|
constructor(props) {
|
|
12
12
|
super(props);
|
|
13
|
-
this.handleChange = () => {
|
|
14
|
-
this.setState(({ show }) => ({
|
|
15
|
-
show: !show
|
|
16
|
-
}));
|
|
17
|
-
};
|
|
18
13
|
this.state = {
|
|
19
14
|
show: props.show
|
|
20
15
|
};
|
|
21
16
|
}
|
|
17
|
+
handleChange = () => {
|
|
18
|
+
this.setState(({ show }) => ({
|
|
19
|
+
show: !show
|
|
20
|
+
}));
|
|
21
|
+
};
|
|
22
22
|
render() {
|
|
23
23
|
const { show } = this.state;
|
|
24
24
|
const { showLabel, hideLabel, displayFixedOutput } = this.props;
|