@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
|
@@ -46,30 +46,30 @@ var import_ToolBarAnimation = require("../ToolBarAnimation/ToolBarAnimation.js")
|
|
|
46
46
|
var import_DragContainerController = __toESM(require("../DragContainerController/DragContainerController.js"));
|
|
47
47
|
const { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-and-or-controller");
|
|
48
48
|
class AndOrController extends import_react.Component {
|
|
49
|
+
static defaultProps = {
|
|
50
|
+
isMain: false,
|
|
51
|
+
handleRuleContainerOperator: () => null,
|
|
52
|
+
handleRuleContainerUnGroup: () => null,
|
|
53
|
+
handleTooltipGroup: () => null,
|
|
54
|
+
labelOn: "AND",
|
|
55
|
+
labelOff: "OR",
|
|
56
|
+
condition: true,
|
|
57
|
+
showDragController: true,
|
|
58
|
+
allowUnGroup: true,
|
|
59
|
+
buttonActionSize: import_ds_icon.DSIconSizes.M,
|
|
60
|
+
buttonActionType: "text",
|
|
61
|
+
toogleActionSize: import_ds_icon.DSIconSizes.S,
|
|
62
|
+
onAddFilter: () => null,
|
|
63
|
+
multipleSize: false,
|
|
64
|
+
delayClose: import_constants.DELAY_CLOSE,
|
|
65
|
+
delayOpen: import_constants.DELAY_OPEN,
|
|
66
|
+
step: null,
|
|
67
|
+
toolBarAnimationDuration: import_constants.TOOLBAR_ANIMATION_DURATION,
|
|
68
|
+
toolBarInteractionType: import_ds_popper.PopperInteractions.CLICK,
|
|
69
|
+
toolBarPosition: import_ds_popper.PopperPositions.LEFT
|
|
70
|
+
};
|
|
49
71
|
constructor(props) {
|
|
50
72
|
super(props);
|
|
51
|
-
this.handleMouseEnterRow = (e) => {
|
|
52
|
-
this.handleTooltipRow(true);
|
|
53
|
-
};
|
|
54
|
-
this.handleMouseMove = (e) => {
|
|
55
|
-
if (!this.contenerRef.current) return;
|
|
56
|
-
const mouse = e.clientY;
|
|
57
|
-
const { height } = this.contenerRef.current.getBoundingClientRect();
|
|
58
|
-
const delta = height / 2;
|
|
59
|
-
const topDiff = this.myRef.current.getBoundingClientRect().top;
|
|
60
|
-
const refHeight = this.myRef.current.getBoundingClientRect().height;
|
|
61
|
-
this.setState({
|
|
62
|
-
top: mouse - topDiff - refHeight / 2 - delta
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
this.handleMouseLeaveRow = () => {
|
|
66
|
-
this.handleTooltipRow(false);
|
|
67
|
-
};
|
|
68
|
-
this.handleTooltipRow = (isOpen) => {
|
|
69
|
-
this.setState({ isOpen });
|
|
70
|
-
const { handleTooltipGroup } = this.props;
|
|
71
|
-
handleTooltipGroup(isOpen);
|
|
72
|
-
};
|
|
73
73
|
this.contenerRef = import_react.default.createRef();
|
|
74
74
|
this.myRef = import_react.default.createRef();
|
|
75
75
|
this.state = {
|
|
@@ -78,6 +78,28 @@ class AndOrController extends import_react.Component {
|
|
|
78
78
|
right: -2
|
|
79
79
|
};
|
|
80
80
|
}
|
|
81
|
+
handleMouseEnterRow = (e) => {
|
|
82
|
+
this.handleTooltipRow(true);
|
|
83
|
+
};
|
|
84
|
+
handleMouseMove = (e) => {
|
|
85
|
+
if (!this.contenerRef.current) return;
|
|
86
|
+
const mouse = e.clientY;
|
|
87
|
+
const { height } = this.contenerRef.current.getBoundingClientRect();
|
|
88
|
+
const delta = height / 2;
|
|
89
|
+
const topDiff = this.myRef.current.getBoundingClientRect().top;
|
|
90
|
+
const refHeight = this.myRef.current.getBoundingClientRect().height;
|
|
91
|
+
this.setState({
|
|
92
|
+
top: mouse - topDiff - refHeight / 2 - delta
|
|
93
|
+
});
|
|
94
|
+
};
|
|
95
|
+
handleMouseLeaveRow = () => {
|
|
96
|
+
this.handleTooltipRow(false);
|
|
97
|
+
};
|
|
98
|
+
handleTooltipRow = (isOpen) => {
|
|
99
|
+
this.setState({ isOpen });
|
|
100
|
+
const { handleTooltipGroup } = this.props;
|
|
101
|
+
handleTooltipGroup(isOpen);
|
|
102
|
+
};
|
|
81
103
|
render() {
|
|
82
104
|
const {
|
|
83
105
|
handleRuleContainerOperator,
|
|
@@ -219,27 +241,5 @@ class AndOrController extends import_react.Component {
|
|
|
219
241
|
);
|
|
220
242
|
}
|
|
221
243
|
}
|
|
222
|
-
AndOrController.defaultProps = {
|
|
223
|
-
isMain: false,
|
|
224
|
-
handleRuleContainerOperator: () => null,
|
|
225
|
-
handleRuleContainerUnGroup: () => null,
|
|
226
|
-
handleTooltipGroup: () => null,
|
|
227
|
-
labelOn: "AND",
|
|
228
|
-
labelOff: "OR",
|
|
229
|
-
condition: true,
|
|
230
|
-
showDragController: true,
|
|
231
|
-
allowUnGroup: true,
|
|
232
|
-
buttonActionSize: import_ds_icon.DSIconSizes.M,
|
|
233
|
-
buttonActionType: "text",
|
|
234
|
-
toogleActionSize: import_ds_icon.DSIconSizes.S,
|
|
235
|
-
onAddFilter: () => null,
|
|
236
|
-
multipleSize: false,
|
|
237
|
-
delayClose: import_constants.DELAY_CLOSE,
|
|
238
|
-
delayOpen: import_constants.DELAY_OPEN,
|
|
239
|
-
step: null,
|
|
240
|
-
toolBarAnimationDuration: import_constants.TOOLBAR_ANIMATION_DURATION,
|
|
241
|
-
toolBarInteractionType: import_ds_popper.PopperInteractions.CLICK,
|
|
242
|
-
toolBarPosition: import_ds_popper.PopperPositions.LEFT
|
|
243
|
-
};
|
|
244
244
|
var AndOrController_default = AndOrController;
|
|
245
245
|
//# sourceMappingURL=AndOrController.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/AndOrController/AndOrController.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgIe;AA5HtC,mBAAiC;AACjC,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAAyB;AACzB,uBAAyB;AACzB,sBAA6D;AAC7D,qBAA0C;AAC1C,uBAAoE;AACpE,8BAAiC;AACjC,qCAAoC;AAEpC,MAAM,EAAE,cAAc,gBAAgB,kBAAkB,cAAc,uBAAuB,QAC3F,gDAA0B,iCAAiC;AAM7D,MAAM,wBAAwB,uBAAU;AAAA,
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Interaction", "Position", "React", "DragContainerController"]
|
|
7
7
|
}
|
|
@@ -43,15 +43,15 @@ const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("qu
|
|
|
43
43
|
class DisplayOutput extends import_react.Component {
|
|
44
44
|
constructor(props) {
|
|
45
45
|
super(props);
|
|
46
|
-
this.handleChange = () => {
|
|
47
|
-
this.setState(({ show }) => ({
|
|
48
|
-
show: !show
|
|
49
|
-
}));
|
|
50
|
-
};
|
|
51
46
|
this.state = {
|
|
52
47
|
show: props.show
|
|
53
48
|
};
|
|
54
49
|
}
|
|
50
|
+
handleChange = () => {
|
|
51
|
+
this.setState(({ show }) => ({
|
|
52
|
+
show: !show
|
|
53
|
+
}));
|
|
54
|
+
};
|
|
55
55
|
render() {
|
|
56
56
|
const { show } = this.state;
|
|
57
57
|
const { showLabel, hideLabel, displayFixedOutput } = this.props;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DisplayOutput/DisplayOutput.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n constructor(props) {\n super(props);\n this.state = {\n show: props.show,\n };\n }\n\n handleChange = () => {\n this.setState(({ show }) => ({\n show: !show,\n }));\n };\n\n render() {\n const { show } = this.state;\n const { showLabel, hideLabel, displayFixedOutput } = this.props;\n return (\n <QueryBuilderContext.Consumer>\n {({ format }) => {\n let display = '';\n try {\n display = typeof format === 'object' ? JSON.stringify(format) : format;\n } catch (e) {\n display = e;\n }\n if (displayFixedOutput) {\n return (\n <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n <Grid p=\"xxs\">\n <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n </Grid>\n <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n {display}\n </Grid>\n </div>\n );\n }\n\n return (\n <div className={cssClassName}>\n <DSAccordion activeValue={show} onChange={this.handleChange}>\n <DSAccordionItem\n iconClosed={ChevronRight}\n iconOpened={ChevronDown}\n title={show ? hideLabel : showLabel}\n value\n >\n <div>{display}</div>\n </DSAccordionItem>\n </DSAccordion>\n </div>\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n }\n}\n\nexport default DisplayOutput;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCT;AArCd,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,aAAa,QAAI,gDAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCT;AArCd,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,aAAa,QAAI,gDAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAEA,eAAe,MAAM;AACnB,SAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,MAC3B,MAAM,CAAC;AAAA,IACT,EAAE;AAAA,EACJ;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,mBAAmB,IAAI,KAAK;AAC1D,WACE,4CAAC,+CAAoB,UAApB,EACE,WAAC,EAAE,OAAO,MAAM;AACf,UAAI,UAAU;AACd,UAAI;AACF,kBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,MAClE,SAAS,GAAG;AACV,kBAAU;AAAA,MACZ;AACA,UAAI,oBAAoB;AACtB,eACE,6CAAC,SAAI,WAAW,cAAc,eAAY,2BACxC;AAAA,sDAAC,uBAAK,GAAE,OACN,sDAAC,YAAO,eAAY,yBAAyB,8BAAmB,GAClE;AAAA,UACA,4CAAC,uBAAK,IAAG,OAAM,IAAG,OAAM,eAAY,2BACjC,mBACH;AAAA,WACF;AAAA,MAEJ;AAEA,aACE,4CAAC,SAAI,WAAW,cACd,sDAAC,mCAAY,aAAa,MAAM,UAAU,KAAK,cAC7C;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,OAAO,OAAO,YAAY;AAAA,UAC1B,OAAK;AAAA,UAEL,sDAAC,SAAK,mBAAQ;AAAA;AAAA,MAChB,GACF,GACF;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -44,52 +44,6 @@ const shallowCompare = (instance, nextProps, nextState) => !(0, import_lodash.is
|
|
|
44
44
|
class Nestable extends import_react.Component {
|
|
45
45
|
constructor(props) {
|
|
46
46
|
super(props);
|
|
47
|
-
this.onDragStart = (e, item) => {
|
|
48
|
-
import_actions.onDragStart.call(this, e, item);
|
|
49
|
-
};
|
|
50
|
-
this.onDragEnd = (e, isCancel) => import_actions.onDragEnd.call(this, e, isCancel);
|
|
51
|
-
this.onMouseMove = (e) => import_actions.onMouseMove.call(this, e);
|
|
52
|
-
this.onMouseEnter = (e, item) => import_actions.onMouseEnter.call(this, e, item);
|
|
53
|
-
this.onToggleCollapse = (item, isGetter) => import_actions.onToggleCollapse.call(this, item, isGetter);
|
|
54
|
-
this.onKeyDown = (e) => import_actions.onKeyDown.call(this, e);
|
|
55
|
-
this.getDefaultItems = () => {
|
|
56
|
-
const { items } = this.state;
|
|
57
|
-
return items;
|
|
58
|
-
};
|
|
59
|
-
this.getItemDepth = (item) => import_actions.getItemDepth.call(this, item);
|
|
60
|
-
this.startTrackMouse = () => {
|
|
61
|
-
document.addEventListener("mousemove", this.onMouseMove);
|
|
62
|
-
document.addEventListener("mouseup", this.onDragEnd);
|
|
63
|
-
document.addEventListener("keydown", this.onKeyDown);
|
|
64
|
-
};
|
|
65
|
-
this.stopTrackMouse = () => {
|
|
66
|
-
document.removeEventListener("mousemove", this.onMouseMove);
|
|
67
|
-
document.removeEventListener("mouseup", this.onDragEnd);
|
|
68
|
-
document.removeEventListener("keydown", this.onKeyDown);
|
|
69
|
-
this.elCopyStyles = null;
|
|
70
|
-
};
|
|
71
|
-
this.isCollapsed = (item) => {
|
|
72
|
-
const { collapsed } = this.props;
|
|
73
|
-
const { collapsedGroups } = this.state;
|
|
74
|
-
return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
|
|
75
|
-
};
|
|
76
|
-
this.checkFilterChildren = (items) => items.find((current) => {
|
|
77
|
-
const {
|
|
78
|
-
element: { type },
|
|
79
|
-
children
|
|
80
|
-
} = current;
|
|
81
|
-
if (type === "filter" && children.length > 0) return true;
|
|
82
|
-
return this.checkFilterChildren(children);
|
|
83
|
-
});
|
|
84
|
-
this.dragRevert = () => {
|
|
85
|
-
const { itemsOld } = this.state;
|
|
86
|
-
this.setState({
|
|
87
|
-
items: itemsOld,
|
|
88
|
-
itemsOld: null,
|
|
89
|
-
dragItem: null,
|
|
90
|
-
isDirty: false
|
|
91
|
-
});
|
|
92
|
-
};
|
|
93
47
|
this.state = {
|
|
94
48
|
items: [],
|
|
95
49
|
itemsOld: null,
|
|
@@ -136,12 +90,25 @@ class Nestable extends import_react.Component {
|
|
|
136
90
|
}
|
|
137
91
|
return null;
|
|
138
92
|
}
|
|
93
|
+
onDragStart = (e, item) => {
|
|
94
|
+
import_actions.onDragStart.call(this, e, item);
|
|
95
|
+
};
|
|
96
|
+
onDragEnd = (e, isCancel) => import_actions.onDragEnd.call(this, e, isCancel);
|
|
97
|
+
onMouseMove = (e) => import_actions.onMouseMove.call(this, e);
|
|
98
|
+
onMouseEnter = (e, item) => import_actions.onMouseEnter.call(this, e, item);
|
|
99
|
+
onToggleCollapse = (item, isGetter) => import_actions.onToggleCollapse.call(this, item, isGetter);
|
|
100
|
+
onKeyDown = (e) => import_actions.onKeyDown.call(this, e);
|
|
101
|
+
getDefaultItems = () => {
|
|
102
|
+
const { items } = this.state;
|
|
103
|
+
return items;
|
|
104
|
+
};
|
|
139
105
|
getPathById(id, items = this.getDefaultItems()) {
|
|
140
106
|
return import_actions.getPathById.call(this, id, items);
|
|
141
107
|
}
|
|
142
108
|
getItemByPath(path, items = this.getDefaultItems()) {
|
|
143
109
|
return import_actions.getItemByPath.call(this, path, items);
|
|
144
110
|
}
|
|
111
|
+
getItemDepth = (item) => import_actions.getItemDepth.call(this, item);
|
|
145
112
|
getSplicePath(path, options = {}) {
|
|
146
113
|
return import_actions.getSplicePath.call(this, path, options);
|
|
147
114
|
}
|
|
@@ -151,6 +118,39 @@ class Nestable extends import_react.Component {
|
|
|
151
118
|
getItemOptions() {
|
|
152
119
|
return import_actions.getItemOptions.call(this);
|
|
153
120
|
}
|
|
121
|
+
startTrackMouse = () => {
|
|
122
|
+
document.addEventListener("mousemove", this.onMouseMove);
|
|
123
|
+
document.addEventListener("mouseup", this.onDragEnd);
|
|
124
|
+
document.addEventListener("keydown", this.onKeyDown);
|
|
125
|
+
};
|
|
126
|
+
stopTrackMouse = () => {
|
|
127
|
+
document.removeEventListener("mousemove", this.onMouseMove);
|
|
128
|
+
document.removeEventListener("mouseup", this.onDragEnd);
|
|
129
|
+
document.removeEventListener("keydown", this.onKeyDown);
|
|
130
|
+
this.elCopyStyles = null;
|
|
131
|
+
};
|
|
132
|
+
isCollapsed = (item) => {
|
|
133
|
+
const { collapsed } = this.props;
|
|
134
|
+
const { collapsedGroups } = this.state;
|
|
135
|
+
return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
|
|
136
|
+
};
|
|
137
|
+
checkFilterChildren = (items) => items.find((current) => {
|
|
138
|
+
const {
|
|
139
|
+
element: { type },
|
|
140
|
+
children
|
|
141
|
+
} = current;
|
|
142
|
+
if (type === "filter" && children.length > 0) return true;
|
|
143
|
+
return this.checkFilterChildren(children);
|
|
144
|
+
});
|
|
145
|
+
dragRevert = () => {
|
|
146
|
+
const { itemsOld } = this.state;
|
|
147
|
+
this.setState({
|
|
148
|
+
items: itemsOld,
|
|
149
|
+
itemsOld: null,
|
|
150
|
+
dragItem: null,
|
|
151
|
+
isDirty: false
|
|
152
|
+
});
|
|
153
|
+
};
|
|
154
154
|
dragApply() {
|
|
155
155
|
const { onChange } = this.props;
|
|
156
156
|
const { items, isDirty, dragItem } = this.state;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/Nestable/Nestable.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable no-bitwise, max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from 'lodash';\nimport {\n tryIncreaseDepth,\n tryDecreaseDepth,\n moveItem,\n getItemOptions,\n getRealNextPath,\n getPathById,\n getItemByPath,\n getItemDepth,\n getSplicePath,\n onDragStart,\n onDragEnd,\n onMouseMove,\n onMouseEnter,\n onToggleCollapse,\n onKeyDown,\n} from './actions/index.js';\nimport NestableItem from './NestableItem.js';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n constructor(props) {\n super(props);\n this.state = {\n items: [],\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n collapsedGroups: [],\n stopTrackingMouse: this.stopTrackMouse.bind(this),\n oldProps: props,\n };\n\n this.el = null;\n this.elCopyStyles = null;\n this.mouse = {\n last: { x: 0 },\n shift: { x: 0 },\n };\n\n this.dragApply = this.dragApply.bind(this);\n this.renderDragLayer = this.renderDragLayer.bind(this);\n }\n\n componentDidMount() {\n const { childrenProp } = this.props;\n let { items } = this.props;\n // make sure every item has property 'children'\n items = listWithChildren(items, childrenProp);\n this.setState({ items });\n }\n\n componentWillUnmount() {\n this.stopTrackMouse();\n }\n\n static getDerivedStateFromProps(props, state) {\n const { items: itemsNew, childrenProp } = props;\n const { stopTrackingMouse, oldProps } = state;\n\n if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n stopTrackingMouse();\n const extra = {};\n if (oldProps.collapsed !== props.collapsed) {\n extra.collapsedGroups = [];\n }\n return {\n items: listWithChildren(itemsNew, childrenProp),\n dragItem: null,\n isDirty: false,\n oldProps: props,\n ...extra,\n };\n }\n return null;\n }\n\n onDragStart = (e, item) => {\n onDragStart.call(this, e, item);\n };\n\n onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n onMouseMove = (e) => onMouseMove.call(this, e);\n\n onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n onKeyDown = (e) => onKeyDown.call(this, e);\n\n getDefaultItems = () => {\n const { items } = this.state;\n return items;\n };\n\n getPathById(id, items = this.getDefaultItems()) {\n return getPathById.call(this, id, items);\n }\n\n getItemByPath(path, items = this.getDefaultItems()) {\n return getItemByPath.call(this, path, items);\n }\n\n getItemDepth = (item) => getItemDepth.call(this, item);\n\n getSplicePath(path, options = {}) {\n return getSplicePath.call(this, path, options);\n }\n\n getRealNextPath(prevPath, nextPath) {\n return getRealNextPath.call(this, prevPath, nextPath);\n }\n\n getItemOptions() {\n return getItemOptions.call(this);\n }\n\n startTrackMouse = () => {\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onDragEnd);\n document.addEventListener('keydown', this.onKeyDown);\n };\n\n stopTrackMouse = () => {\n document.removeEventListener('mousemove', this.onMouseMove);\n document.removeEventListener('mouseup', this.onDragEnd);\n document.removeEventListener('keydown', this.onKeyDown);\n this.elCopyStyles = null;\n };\n\n isCollapsed = (item) => {\n const { collapsed } = this.props;\n const { collapsedGroups } = this.state;\n return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n };\n\n checkFilterChildren = (items) =>\n items.find((current) => {\n const {\n element: { type },\n children,\n } = current;\n if (type === 'filter' && children.length > 0) return true;\n return this.checkFilterChildren(children);\n });\n\n dragRevert = () => {\n const { itemsOld } = this.state;\n\n this.setState({\n items: itemsOld,\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n };\n\n dragApply() {\n const { onChange } = this.props;\n const { items, isDirty, dragItem } = this.state;\n\n this.setState({\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n\n if (onChange && isDirty) onChange(items, dragItem);\n }\n\n tryIncreaseDepth(dragItem) {\n tryIncreaseDepth.call(this, dragItem);\n }\n\n tryDecreaseDepth(dragItem) {\n tryDecreaseDepth.call(this, dragItem);\n }\n\n moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n }\n\n renderDragLayer() {\n const { group } = this.props;\n const { dragItem } = this.state;\n const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n let listStyles = {};\n if (el) {\n listStyles.width = el.clientWidth;\n }\n if (this.elCopyStyles) {\n listStyles = {\n ...listStyles,\n ...this.elCopyStyles,\n };\n }\n\n const options = this.getItemOptions();\n\n return (\n <div className=\"nestable-drag-layer\">\n <ol className=\"nestable-list\" style={listStyles}>\n <NestableItem isCopy item={dragItem} options={options} />\n </ol>\n </div>\n );\n }\n\n render() {\n const { items, dragItem } = this.state;\n const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n const options = this.getItemOptions();\n const childLength = items.length;\n let childClass = 'single';\n if (childLength === 0) childClass = 'empty';\n else if (childLength > 1) childClass = 'multiple';\n\n return (\n <div\n className={cn('nestable', `nestable-${group}`, {\n 'is-drag-active': dragItem,\n })}\n >\n <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n {items.map((item, i) => (\n <NestableItem\n key={item.id}\n index={i}\n isAndItem={isAndItem}\n isDraggableItem={isDraggableItem}\n isOrItem={isOrItem}\n item={item}\n options={options}\n setDraggableItems={setDraggableItems}\n singleRow={singleRow}\n />\n ))}\n </ol>\n {dragItem && this.renderDragLayer()}\n </div>\n );\n }\n}\n\nNestable.defaultProps = {\n items: [],\n collapsed: false,\n group: Math.random().toString(36).slice(2),\n childrenProp: 'children',\n onChange: () => {},\n};\n\nNestable.propTypes = {\n childrenProp: PropTypes.string,\n group: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n collapsed: PropTypes.bool,\n onChange: PropTypes.func,\n isAndItem: PropTypes.bool,\n isOrItem: PropTypes.bool,\n isDraggableItem: PropTypes.bool,\n setDraggableItems: PropTypes.func,\n singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADoNb;AAnNV,mBAAiC;AACjC,wBAAsB;AACtB,wBAAe;AACf,uBAAiC;AACjC,oBAA4B;AAC5B,qBAgBO;AACP,0BAAyB;AAEzB,MAAM,iBAAiB,CAAC,UAAU,WAAW,cAC3C,KAAC,2BAAY,SAAS,OAAO,SAAS,KAAK,KAAC,2BAAY,SAAS,OAAO,SAAS;AAEnF,MAAM,iBAAiB,uBAAU;AAAA,EAC/B,YAAY,OAAO;AACjB,UAAM,KAAK;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["NestableItem", "cn", "PropTypes"]
|
|
7
7
|
}
|
|
@@ -42,116 +42,39 @@ var import_AndOrController = __toESM(require("./AndOrController/AndOrController.
|
|
|
42
42
|
var import_QueryBuilderItem = __toESM(require("./QueryBuilderItem/QueryBuilderItem.js"));
|
|
43
43
|
var import_DisplayOutput = __toESM(require("./DisplayOutput/DisplayOutput.js"));
|
|
44
44
|
class QueryBuilderImpl extends import_react.Component {
|
|
45
|
+
isDraggableItem = true;
|
|
45
46
|
constructor(props) {
|
|
46
47
|
super(props);
|
|
47
|
-
this.isDraggableItem = true;
|
|
48
|
-
this.onOrderDragAndDrop = (items, item) => {
|
|
49
|
-
const newFilters = this.store.onOrderDragAndDrop(items, item);
|
|
50
|
-
this.sendCall("reOrderOnDragAndDrop", { items });
|
|
51
|
-
this.sendChange(newFilters);
|
|
52
|
-
};
|
|
53
|
-
this.onAddFilterToGroup = (idGroup) => {
|
|
54
|
-
const newFilters = this.store.addFilter(idGroup);
|
|
55
|
-
this.sendCall("onAddFilterToGroup", { idGroup });
|
|
56
|
-
this.sendChange(newFilters);
|
|
57
|
-
};
|
|
58
|
-
this.onAddFilter = (idGroup, idFilter) => {
|
|
59
|
-
const { addFilterMethod } = this.props;
|
|
60
|
-
const newFilters = addFilterMethod === import_types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addFilterNextToFilterId(idGroup, idFilter) : this.onAddFilterToGroup(idGroup);
|
|
61
|
-
this.sendCall("onAddFilter", { idGroup, idFilter });
|
|
62
|
-
this.sendChange(newFilters);
|
|
63
|
-
};
|
|
64
|
-
this.onAddRuleContainer = (idGroup, idFilter) => {
|
|
65
|
-
const { groupFilterMethod } = this.props;
|
|
66
|
-
const newFilters = groupFilterMethod === import_types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addRuleContainerInPlace(idGroup, idFilter) : this.store.addRuleContainer(idGroup, idFilter);
|
|
67
|
-
this.sendCall("onAddRuleContainer", { idGroup, idFilter });
|
|
68
|
-
this.sendChange(newFilters);
|
|
69
|
-
};
|
|
70
|
-
this.onRemoveFilter = (idFilter) => {
|
|
71
|
-
const newFilters = this.store.onRemoveFilter(idFilter);
|
|
72
|
-
this.sendCall("onRemoveFilter", { idFilter });
|
|
73
|
-
this.sendChange(newFilters);
|
|
74
|
-
};
|
|
75
|
-
this.handleFieldChange = (data) => {
|
|
76
|
-
const { fieldsSharedActions } = this.props;
|
|
77
|
-
const newFilters = this.store.changeFilter({
|
|
78
|
-
...data,
|
|
79
|
-
fieldsSharedActions
|
|
80
|
-
});
|
|
81
|
-
this.sendCall("handleFieldChange", { data });
|
|
82
|
-
this.sendChange(newFilters);
|
|
83
|
-
};
|
|
84
|
-
this.handleRuleContainerOperator = (idGroup, value) => {
|
|
85
|
-
const newFilters = this.store.changeGroupOperator(idGroup, value);
|
|
86
|
-
this.sendCall("handleRuleContainerOperator", { idGroup, value });
|
|
87
|
-
this.sendChange(newFilters);
|
|
88
|
-
};
|
|
89
|
-
this.handleRuleContainerUnGroup = (idGroup) => {
|
|
90
|
-
const newFilters = this.store.unGroup(idGroup);
|
|
91
|
-
this.sendCall("handleRuleContainerUnGroup", { idGroup });
|
|
92
|
-
this.sendChange(newFilters);
|
|
93
|
-
};
|
|
94
|
-
/**
|
|
95
|
-
* handleFieldChange and handleDropFilter
|
|
96
|
-
* are equals right now, but they maybe
|
|
97
|
-
* will have diferents logic
|
|
98
|
-
* @param filter
|
|
99
|
-
* @param dragTo
|
|
100
|
-
*/
|
|
101
|
-
this.handleDropFilter = (filter, dragTo) => {
|
|
102
|
-
const { position: oldPosition, idGroup, idFilter } = filter;
|
|
103
|
-
const { position: newPosition, targetIdGroup } = dragTo;
|
|
104
|
-
const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
|
|
105
|
-
this.sendCall("handleDropFilter", { filter, dragTo });
|
|
106
|
-
this.sendChange(newFilters);
|
|
107
|
-
};
|
|
108
|
-
/**
|
|
109
|
-
* handleFieldChange and handleDropFilter
|
|
110
|
-
* are equals right now, but they maybe
|
|
111
|
-
* will have diferents logic
|
|
112
|
-
* @param group
|
|
113
|
-
* @param dragTo
|
|
114
|
-
*/
|
|
115
|
-
this.handleDropGroup = (group, dragTo) => {
|
|
116
|
-
const { position: oldPosition, idFilter, idGroup } = group;
|
|
117
|
-
const { position: newPosition, targetIdGroup } = dragTo;
|
|
118
|
-
const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
|
|
119
|
-
this.sendCall("handleDropGroup", { group, dragTo });
|
|
120
|
-
this.sendChange(newFilters);
|
|
121
|
-
};
|
|
122
|
-
this.handleDrop = (dragElement, dragTo) => {
|
|
123
|
-
const { type } = dragElement;
|
|
124
|
-
if (type === import_types.QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
|
|
125
|
-
return this.handleDropGroup(dragElement, dragTo);
|
|
126
|
-
};
|
|
127
|
-
this.sendChange = ({ format, ...newFilters }) => {
|
|
128
|
-
this.setState({ format, ...newFilters });
|
|
129
|
-
const { onChange } = this.props;
|
|
130
|
-
onChange(format, newFilters);
|
|
131
|
-
};
|
|
132
|
-
this.sendCall = (action, data) => {
|
|
133
|
-
const { [action]: callback } = this.props;
|
|
134
|
-
if (callback) callback(data);
|
|
135
|
-
};
|
|
136
|
-
this.setDraggableItems = (drag) => {
|
|
137
|
-
this.isDraggableItem = true;
|
|
138
|
-
try {
|
|
139
|
-
const ua = window.navigator.userAgent;
|
|
140
|
-
const msie = ua.indexOf("MSIE ");
|
|
141
|
-
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
|
|
142
|
-
const { isDraggableItem } = this.state;
|
|
143
|
-
if (drag !== isDraggableItem) {
|
|
144
|
-
this.setState({ isDraggableItem: drag });
|
|
145
|
-
}
|
|
146
|
-
this.isDraggableItem = drag;
|
|
147
|
-
}
|
|
148
|
-
} catch (error) {
|
|
149
|
-
this.isDraggableItem = true;
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
48
|
this.store = new import_store.default(props.init, props.format);
|
|
153
49
|
this.state = this.store.getInitialState();
|
|
154
50
|
}
|
|
51
|
+
onOrderDragAndDrop = (items, item) => {
|
|
52
|
+
const newFilters = this.store.onOrderDragAndDrop(items, item);
|
|
53
|
+
this.sendCall("reOrderOnDragAndDrop", { items });
|
|
54
|
+
this.sendChange(newFilters);
|
|
55
|
+
};
|
|
56
|
+
onAddFilterToGroup = (idGroup) => {
|
|
57
|
+
const newFilters = this.store.addFilter(idGroup);
|
|
58
|
+
this.sendCall("onAddFilterToGroup", { idGroup });
|
|
59
|
+
this.sendChange(newFilters);
|
|
60
|
+
};
|
|
61
|
+
onAddFilter = (idGroup, idFilter) => {
|
|
62
|
+
const { addFilterMethod } = this.props;
|
|
63
|
+
const newFilters = addFilterMethod === import_types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addFilterNextToFilterId(idGroup, idFilter) : this.onAddFilterToGroup(idGroup);
|
|
64
|
+
this.sendCall("onAddFilter", { idGroup, idFilter });
|
|
65
|
+
this.sendChange(newFilters);
|
|
66
|
+
};
|
|
67
|
+
onAddRuleContainer = (idGroup, idFilter) => {
|
|
68
|
+
const { groupFilterMethod } = this.props;
|
|
69
|
+
const newFilters = groupFilterMethod === import_types.QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE ? this.store.addRuleContainerInPlace(idGroup, idFilter) : this.store.addRuleContainer(idGroup, idFilter);
|
|
70
|
+
this.sendCall("onAddRuleContainer", { idGroup, idFilter });
|
|
71
|
+
this.sendChange(newFilters);
|
|
72
|
+
};
|
|
73
|
+
onRemoveFilter = (idFilter) => {
|
|
74
|
+
const newFilters = this.store.onRemoveFilter(idFilter);
|
|
75
|
+
this.sendCall("onRemoveFilter", { idFilter });
|
|
76
|
+
this.sendChange(newFilters);
|
|
77
|
+
};
|
|
155
78
|
static getDerivedStateFromProps(props, state) {
|
|
156
79
|
if (props.init && props.init.step !== void 0 && Number.isInteger(props.init.step) && props.init.step !== state.step) {
|
|
157
80
|
const store = new import_store.default(props.init, props.format);
|
|
@@ -166,6 +89,83 @@ class QueryBuilderImpl extends import_react.Component {
|
|
|
166
89
|
QueryBuilderImpl.recalculateStore = null;
|
|
167
90
|
}
|
|
168
91
|
}
|
|
92
|
+
handleFieldChange = (data) => {
|
|
93
|
+
const { fieldsSharedActions } = this.props;
|
|
94
|
+
const newFilters = this.store.changeFilter({
|
|
95
|
+
...data,
|
|
96
|
+
fieldsSharedActions
|
|
97
|
+
});
|
|
98
|
+
this.sendCall("handleFieldChange", { data });
|
|
99
|
+
this.sendChange(newFilters);
|
|
100
|
+
};
|
|
101
|
+
handleRuleContainerOperator = (idGroup, value) => {
|
|
102
|
+
const newFilters = this.store.changeGroupOperator(idGroup, value);
|
|
103
|
+
this.sendCall("handleRuleContainerOperator", { idGroup, value });
|
|
104
|
+
this.sendChange(newFilters);
|
|
105
|
+
};
|
|
106
|
+
handleRuleContainerUnGroup = (idGroup) => {
|
|
107
|
+
const newFilters = this.store.unGroup(idGroup);
|
|
108
|
+
this.sendCall("handleRuleContainerUnGroup", { idGroup });
|
|
109
|
+
this.sendChange(newFilters);
|
|
110
|
+
};
|
|
111
|
+
/**
|
|
112
|
+
* handleFieldChange and handleDropFilter
|
|
113
|
+
* are equals right now, but they maybe
|
|
114
|
+
* will have diferents logic
|
|
115
|
+
* @param filter
|
|
116
|
+
* @param dragTo
|
|
117
|
+
*/
|
|
118
|
+
handleDropFilter = (filter, dragTo) => {
|
|
119
|
+
const { position: oldPosition, idGroup, idFilter } = filter;
|
|
120
|
+
const { position: newPosition, targetIdGroup } = dragTo;
|
|
121
|
+
const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
|
|
122
|
+
this.sendCall("handleDropFilter", { filter, dragTo });
|
|
123
|
+
this.sendChange(newFilters);
|
|
124
|
+
};
|
|
125
|
+
/**
|
|
126
|
+
* handleFieldChange and handleDropFilter
|
|
127
|
+
* are equals right now, but they maybe
|
|
128
|
+
* will have diferents logic
|
|
129
|
+
* @param group
|
|
130
|
+
* @param dragTo
|
|
131
|
+
*/
|
|
132
|
+
handleDropGroup = (group, dragTo) => {
|
|
133
|
+
const { position: oldPosition, idFilter, idGroup } = group;
|
|
134
|
+
const { position: newPosition, targetIdGroup } = dragTo;
|
|
135
|
+
const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);
|
|
136
|
+
this.sendCall("handleDropGroup", { group, dragTo });
|
|
137
|
+
this.sendChange(newFilters);
|
|
138
|
+
};
|
|
139
|
+
handleDrop = (dragElement, dragTo) => {
|
|
140
|
+
const { type } = dragElement;
|
|
141
|
+
if (type === import_types.QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);
|
|
142
|
+
return this.handleDropGroup(dragElement, dragTo);
|
|
143
|
+
};
|
|
144
|
+
sendChange = ({ format, ...newFilters }) => {
|
|
145
|
+
this.setState({ format, ...newFilters });
|
|
146
|
+
const { onChange } = this.props;
|
|
147
|
+
onChange(format, newFilters);
|
|
148
|
+
};
|
|
149
|
+
sendCall = (action, data) => {
|
|
150
|
+
const { [action]: callback } = this.props;
|
|
151
|
+
if (callback) callback(data);
|
|
152
|
+
};
|
|
153
|
+
setDraggableItems = (drag) => {
|
|
154
|
+
this.isDraggableItem = true;
|
|
155
|
+
try {
|
|
156
|
+
const ua = window.navigator.userAgent;
|
|
157
|
+
const msie = ua.indexOf("MSIE ");
|
|
158
|
+
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) {
|
|
159
|
+
const { isDraggableItem } = this.state;
|
|
160
|
+
if (drag !== isDraggableItem) {
|
|
161
|
+
this.setState({ isDraggableItem: drag });
|
|
162
|
+
}
|
|
163
|
+
this.isDraggableItem = drag;
|
|
164
|
+
}
|
|
165
|
+
} catch (error) {
|
|
166
|
+
this.isDraggableItem = true;
|
|
167
|
+
}
|
|
168
|
+
};
|
|
169
169
|
render() {
|
|
170
170
|
const { mapGroups, main, mapFilters, step, items, format } = this.state;
|
|
171
171
|
const {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/QueryBuilderImpl.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable/index.js';\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext.js';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types.js';\nimport QueryBuilderStore from './helpers/store.js';\nimport AndOrController from './AndOrController/AndOrController.js';\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem.js';\nimport DisplayOutput from './DisplayOutput/DisplayOutput.js';\n\nclass QueryBuilderImpl extends Component {\n isDraggableItem = true;\n\n constructor(props) {\n super(props);\n\n this.store = new QueryBuilderStore(props.init, props.format);\n this.state = this.store.getInitialState();\n }\n\n onOrderDragAndDrop = (items, item) => {\n const newFilters = this.store.onOrderDragAndDrop(items, item);\n this.sendCall('reOrderOnDragAndDrop', { items });\n this.sendChange(newFilters);\n };\n\n onAddFilterToGroup = (idGroup) => {\n const newFilters = this.store.addFilter(idGroup);\n this.sendCall('onAddFilterToGroup', { idGroup });\n this.sendChange(newFilters);\n };\n\n onAddFilter = (idGroup, idFilter) => {\n const { addFilterMethod } = this.props;\n const newFilters =\n addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE\n ? this.store.addFilterNextToFilterId(idGroup, idFilter)\n : this.onAddFilterToGroup(idGroup);\n this.sendCall('onAddFilter', { idGroup, idFilter });\n this.sendChange(newFilters);\n };\n\n onAddRuleContainer = (idGroup, idFilter) => {\n const { groupFilterMethod } = this.props;\n const newFilters =\n groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE\n ? this.store.addRuleContainerInPlace(idGroup, idFilter)\n : this.store.addRuleContainer(idGroup, idFilter);\n this.sendCall('onAddRuleContainer', { idGroup, idFilter });\n this.sendChange(newFilters);\n };\n\n onRemoveFilter = (idFilter) => {\n const newFilters = this.store.onRemoveFilter(idFilter);\n this.sendCall('onRemoveFilter', { idFilter });\n this.sendChange(newFilters);\n };\n\n static getDerivedStateFromProps(props, state) {\n if (\n props.init &&\n props.init.step !== undefined &&\n Number.isInteger(props.init.step) &&\n props.init.step !== state.step\n ) {\n const store = new QueryBuilderStore(props.init, props.format);\n QueryBuilderImpl.recalculateStore = store;\n return store.getInitialState();\n }\n return null;\n }\n\n componentDidUpdate() {\n if (QueryBuilderImpl.recalculateStore) {\n this.store = QueryBuilderImpl.recalculateStore;\n QueryBuilderImpl.recalculateStore = null;\n }\n }\n\n handleFieldChange = (data) => {\n const { fieldsSharedActions } = this.props;\n const newFilters = this.store.changeFilter({\n ...data,\n fieldsSharedActions,\n });\n this.sendCall('handleFieldChange', { data });\n this.sendChange(newFilters);\n };\n\n handleRuleContainerOperator = (idGroup, value) => {\n const newFilters = this.store.changeGroupOperator(idGroup, value);\n this.sendCall('handleRuleContainerOperator', { idGroup, value });\n this.sendChange(newFilters);\n };\n\n handleRuleContainerUnGroup = (idGroup) => {\n const newFilters = this.store.unGroup(idGroup);\n this.sendCall('handleRuleContainerUnGroup', { idGroup });\n this.sendChange(newFilters);\n };\n\n /**\n * handleFieldChange and handleDropFilter\n * are equals right now, but they maybe\n * will have diferents logic\n * @param filter\n * @param dragTo\n */\n handleDropFilter = (filter, dragTo) => {\n const { position: oldPosition, idGroup, idFilter } = filter;\n const { position: newPosition, targetIdGroup } = dragTo;\n const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n this.sendCall('handleDropFilter', { filter, dragTo });\n this.sendChange(newFilters);\n };\n\n /**\n * handleFieldChange and handleDropFilter\n * are equals right now, but they maybe\n * will have diferents logic\n * @param group\n * @param dragTo\n */\n handleDropGroup = (group, dragTo) => {\n const { position: oldPosition, idFilter, idGroup } = group;\n const { position: newPosition, targetIdGroup } = dragTo;\n const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n this.sendCall('handleDropGroup', { group, dragTo });\n this.sendChange(newFilters);\n };\n\n handleDrop = (dragElement, dragTo) => {\n const { type } = dragElement;\n if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);\n return this.handleDropGroup(dragElement, dragTo);\n };\n\n sendChange = ({ format, ...newFilters }) => {\n this.setState({ format, ...newFilters });\n const { onChange } = this.props;\n onChange(format, newFilters);\n };\n\n sendCall = (action, data) => {\n const { [action]: callback } = this.props;\n if (callback) callback(data);\n };\n\n setDraggableItems = (drag) => {\n this.isDraggableItem = true;\n try {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE ');\n // eslint-disable-next-line no-useless-escape\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n const { isDraggableItem } = this.state;\n if (drag !== isDraggableItem) {\n this.setState({ isDraggableItem: drag });\n }\n this.isDraggableItem = drag;\n }\n } catch (error) {\n this.isDraggableItem = true;\n }\n };\n\n render() {\n const { mapGroups, main, mapFilters, step, items, format } = this.state;\n const {\n containerProps,\n ruleContainerClassName,\n fields,\n displayFixedOutput,\n displayOutput,\n displayOutputLabel,\n singleRow,\n toolTipZIndex,\n } = this.props;\n // const { children } = items[0]\n const { condition } = mapGroups[main];\n\n return (\n <QueryBuilderContext.Provider\n value={{\n toolTipZIndex,\n fields,\n handleDrop: this.handleDrop,\n handleFieldChange: this.handleFieldChange,\n handleRuleContainerOperator: this.handleRuleContainerOperator,\n handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,\n mapFilters,\n mapGroups,\n onAddFilter: this.onAddFilter,\n onAddFilterToGroup: this.onAddFilterToGroup,\n onAddRuleContainer: this.onAddRuleContainer,\n onRemoveFilter: this.onRemoveFilter,\n ruleContainerClassName,\n showDragController: false,\n format,\n step,\n items,\n isDraggableItem: this.isDraggableItem,\n setDraggableItems: this.setDraggableItems,\n singleRow,\n }}\n >\n <div\n {...containerProps}\n className={`nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${\n singleRow ? 'query-main-single-row' : 'query-main-multiple-row'\n }`}\n >\n <Nestable\n isAndItem={condition === true}\n isDraggableItem={this.isDraggableItem}\n isOrItem={condition !== true}\n items={items}\n onChange={this.onOrderDragAndDrop}\n renderItem={QueryBuilderItem}\n setDraggableItems={this.setDraggableItems}\n step={step}\n singleRow={singleRow}\n />\n {!singleRow && (\n <div className=\"rule-container-options\">\n <AndOrController\n allowUnGroup={false}\n condition={condition}\n handleRuleContainerOperator={(value) => this.handleRuleContainerOperator(main, value)}\n handleRuleContainerUnGroup={() => this.handleRuleContainerUnGroup(main)}\n isMain\n onAddFilter={() => this.onAddFilterToGroup(main)}\n showDragController={false}\n step={step}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n {(displayOutput || displayFixedOutput) && (\n <DisplayOutput\n displayFixedOutput={displayFixedOutput}\n hideLabel={displayOutputLabel.hide}\n showLabel={displayOutputLabel.show}\n show={displayOutputLabel.open}\n />\n )}\n </QueryBuilderContext.Provider>\n );\n }\n}\n\nexport default QueryBuilderImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+Mf;AA7MR,mBAAiC;AACjC,sBAAqB;AACrB,iCAAoC;AACpC,mBAAwF;AACxF,mBAA8B;AAC9B,6BAA4B;AAC5B,8BAA6B;AAC7B,2BAA0B;AAE1B,MAAM,yBAAyB,uBAAU;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["QueryBuilderStore", "Nestable", "QueryBuilderItem", "AndOrController", "DisplayOutput"]
|
|
7
7
|
}
|