@elliemae/ds-query-builder 3.3.0-next.2 → 3.3.0-next.5
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/DragControllerRow/DragControllerRow.js +13 -45
- package/dist/cjs/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/cjs/components/Nestable/Nestable.js +8 -18
- package/dist/cjs/components/Nestable/Nestable.js.map +1 -1
- package/dist/cjs/components/Nestable/NestableItem.js +20 -28
- package/dist/cjs/components/Nestable/NestableItem.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/events.js +8 -18
- package/dist/cjs/components/Nestable/actions/events.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/moveItem.js +4 -17
- package/dist/cjs/components/Nestable/actions/moveItem.js.map +1 -1
- package/dist/cjs/components/QueryBuilderImpl.js +8 -36
- package/dist/cjs/components/QueryBuilderImpl.js.map +1 -1
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js +3 -19
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js +3 -19
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js +3 -19
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
- package/dist/cjs/components/helpers/actions.js +12 -23
- package/dist/cjs/components/helpers/actions.js.map +1 -1
- package/dist/cjs/components/helpers/store.js +14 -26
- package/dist/cjs/components/helpers/store.js.map +1 -1
- package/dist/esm/components/DragControllerRow/DragControllerRow.js +13 -47
- package/dist/esm/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/esm/components/Nestable/Nestable.js +8 -20
- package/dist/esm/components/Nestable/Nestable.js.map +1 -1
- package/dist/esm/components/Nestable/NestableItem.js +20 -30
- package/dist/esm/components/Nestable/NestableItem.js.map +1 -1
- package/dist/esm/components/Nestable/actions/events.js +8 -20
- package/dist/esm/components/Nestable/actions/events.js.map +1 -1
- package/dist/esm/components/Nestable/actions/moveItem.js +4 -19
- package/dist/esm/components/Nestable/actions/moveItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderImpl.js +8 -38
- package/dist/esm/components/QueryBuilderImpl.js.map +1 -1
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js +3 -21
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js +3 -21
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js +3 -21
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
- package/dist/esm/components/helpers/actions.js +12 -25
- package/dist/esm/components/helpers/actions.js.map +1 -1
- package/dist/esm/components/helpers/store.js +14 -28
- package/dist/esm/components/helpers/store.js.map +1 -1
- package/package.json +12 -12
|
@@ -1,20 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
-
var __spreadValues = (a, b) => {
|
|
8
|
-
for (var prop in b || (b = {}))
|
|
9
|
-
if (__hasOwnProp.call(b, prop))
|
|
10
|
-
__defNormalProp(a, prop, b[prop]);
|
|
11
|
-
if (__getOwnPropSymbols)
|
|
12
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
-
if (__propIsEnum.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
}
|
|
16
|
-
return a;
|
|
17
|
-
};
|
|
18
2
|
import * as React from "react";
|
|
19
3
|
import { closest, getOffsetRect, getTotalScroll, getTransformProps } from "@elliemae/ds-shared";
|
|
20
4
|
function onDragStart(e, item) {
|
|
@@ -51,12 +35,16 @@ function onMouseMove(e) {
|
|
|
51
35
|
if (!this.elCopyStyles) {
|
|
52
36
|
const offset = getOffsetRect(this.el);
|
|
53
37
|
const scroll = getTotalScroll(this.el);
|
|
54
|
-
this.elCopyStyles =
|
|
38
|
+
this.elCopyStyles = {
|
|
55
39
|
marginTop: offset.top - clientY - scroll.top,
|
|
56
|
-
marginLeft: offset.left - clientX - scroll.left
|
|
57
|
-
|
|
40
|
+
marginLeft: offset.left - clientX - scroll.left,
|
|
41
|
+
...transformProps
|
|
42
|
+
};
|
|
58
43
|
} else {
|
|
59
|
-
this.elCopyStyles =
|
|
44
|
+
this.elCopyStyles = {
|
|
45
|
+
...this.elCopyStyles,
|
|
46
|
+
...transformProps
|
|
47
|
+
};
|
|
60
48
|
for (const key in transformProps) {
|
|
61
49
|
if (transformProps.hasOwnProperty(key)) {
|
|
62
50
|
elCopy.style[key] = transformProps[key];
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/events.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, no-loops/no-loops, max-lines, max-statements, no-restricted-syntax, no-prototype-builtins */\nimport { closest, getOffsetRect, getTotalScroll, getTransformProps } from '@elliemae/ds-shared';\n\nexport function onDragStart(e, item) {\n if (e) {\n e.preventDefault();\n e.stopPropagation();\n }\n this.el = closest(e.target, '.nestable-item');\n this.startTrackMouse();\n this.onMouseMove(e);\n const { items } = this.state;\n this.setState({\n dragItem: item,\n itemsOld: items,\n });\n}\n\nexport function onDragEnd(e, isCancel) {\n if (e && e.preventDefault) e.preventDefault();\n\n this.stopTrackMouse();\n this.el = null;\n\n // check if filter has children\n const { items } = this.state;\n const nestedInFilter = this.checkFilterChildren(items);\n if (nestedInFilter) return this.dragRevert();\n\n return isCancel ? this.dragRevert() : this.dragApply();\n}\n\nexport function onMouseMove(e) {\n const { group, threshold } = this.props;\n const { dragItem } = this.state;\n const { clientX, clientY } = e;\n const transformProps = getTransformProps(clientX, clientY);\n const elCopy = document.querySelector(`.nestable-${group} .nestable-drag-layer > .nestable-list`);\n if (!this.elCopyStyles) {\n const offset = getOffsetRect(this.el);\n const scroll = getTotalScroll(this.el);\n\n this.elCopyStyles = {\n marginTop: offset.top - clientY - scroll.top,\n marginLeft: offset.left - clientX - scroll.left,\n ...transformProps,\n };\n } else {\n this.elCopyStyles = {\n ...this.elCopyStyles,\n ...transformProps,\n };\n for (const key in transformProps) {\n if (transformProps.hasOwnProperty(key)) {\n elCopy.style[key] = transformProps[key];\n }\n }\n const diffX = clientX - this.mouse.last.x;\n if ((diffX >= 0 && this.mouse.shift.x >= 0) || (diffX <= 0 && this.mouse.shift.x <= 0)) {\n this.mouse.shift.x += diffX;\n } else {\n this.mouse.shift.x = 0;\n }\n this.mouse.last.x = clientX;\n if (Math.abs(this.mouse.shift.x) > threshold) {\n if (this.mouse.shift.x > 0) {\n this.tryIncreaseDepth(dragItem);\n } else {\n this.tryDecreaseDepth(dragItem);\n }\n this.mouse.shift.x = 0;\n }\n }\n}\nexport function onMouseEnter(e, item) {\n if (e) {\n e.preventDefault();\n e.stopPropagation();\n }\n\n const { collapsed, childrenProp } = this.props;\n const { dragItem } = this.state;\n if (dragItem.id === item.id) return;\n\n const pathFrom = this.getPathById(dragItem.id);\n const pathTo = this.getPathById(item.id);\n\n // if collapsed by default\n // and move last (by count) child\n // remove parent node from list of open nodes\n let collapseProps = {};\n if (collapsed && pathFrom.length > 1) {\n const parent = this.getItemByPath(pathFrom.slice(0, -1));\n if (parent[childrenProp].length === 1) {\n collapseProps = this.onToggleCollapse(parent, true);\n }\n }\n\n this.moveItem({ dragItem, pathFrom, pathTo }, collapseProps);\n}\n\nexport function onToggleCollapse(item, isGetter) {\n const { collapsed } = this.props;\n const { collapsedGroups } = this.state;\n const isCollapsed = this.isCollapsed(item);\n\n const newState = {\n collapsedGroups:\n isCollapsed ^ collapsed ? collapsedGroups.filter((id) => id !== item.id) : collapsedGroups.concat(item.id),\n };\n\n if (isGetter) {\n return newState;\n }\n return this.setState(newState);\n}\nexport function onKeyDown(e) {\n if (e.which === 27) {\n // ESC\n this.onDragEnd(null, true);\n }\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";AAAA;ACCA;AAEO,qBAAqB,GAAG,MAAM;AACnC,MAAI,GAAG;AACL,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EACpB;AACA,OAAK,KAAK,QAAQ,EAAE,QAAQ,gBAAgB;AAC5C,OAAK,gBAAgB;AACrB,OAAK,YAAY,CAAC;AAClB,QAAM,EAAE,UAAU,KAAK;AACvB,OAAK,SAAS;AAAA,IACZ,UAAU;AAAA,IACV,UAAU;AAAA,EACZ,CAAC;AACH;AAEO,mBAAmB,GAAG,UAAU;AACrC,MAAI,KAAK,EAAE;AAAgB,MAAE,eAAe;AAE5C,OAAK,eAAe;AACpB,OAAK,KAAK;AAGV,QAAM,EAAE,UAAU,KAAK;AACvB,QAAM,iBAAiB,KAAK,oBAAoB,KAAK;AACrD,MAAI;AAAgB,WAAO,KAAK,WAAW;AAE3C,SAAO,WAAW,KAAK,WAAW,IAAI,KAAK,UAAU;AACvD;AAEO,qBAAqB,GAAG;AAC7B,QAAM,EAAE,OAAO,cAAc,KAAK;AAClC,QAAM,EAAE,aAAa,KAAK;AAC1B,QAAM,EAAE,SAAS,YAAY;AAC7B,QAAM,iBAAiB,kBAAkB,SAAS,OAAO;AACzD,QAAM,SAAS,SAAS,cAAc,aAAa,6CAA6C;AAChG,MAAI,CAAC,KAAK,cAAc;AACtB,UAAM,SAAS,cAAc,KAAK,EAAE;AACpC,UAAM,SAAS,eAAe,KAAK,EAAE;AAErC,SAAK,eAAe;AAAA,MAClB,WAAW,OAAO,MAAM,UAAU,OAAO;AAAA,MACzC,YAAY,OAAO,OAAO,UAAU,OAAO;AAAA,MAC3C,GAAG;AAAA,IACL;AAAA,EACF,OAAO;AACL,SAAK,eAAe;AAAA,MAClB,GAAG,KAAK;AAAA,MACR,GAAG;AAAA,IACL;AACA,eAAW,OAAO,gBAAgB;AAChC,UAAI,eAAe,eAAe,GAAG,GAAG;AACtC,eAAO,MAAM,OAAO,eAAe;AAAA,MACrC;AAAA,IACF;AACA,UAAM,QAAQ,UAAU,KAAK,MAAM,KAAK;AACxC,QAAK,SAAS,KAAK,KAAK,MAAM,MAAM,KAAK,KAAO,SAAS,KAAK,KAAK,MAAM,MAAM,KAAK,GAAI;AACtF,WAAK,MAAM,MAAM,KAAK;AAAA,IACxB,OAAO;AACL,WAAK,MAAM,MAAM,IAAI;AAAA,IACvB;AACA,SAAK,MAAM,KAAK,IAAI;AACpB,QAAI,KAAK,IAAI,KAAK,MAAM,MAAM,CAAC,IAAI,WAAW;AAC5C,UAAI,KAAK,MAAM,MAAM,IAAI,GAAG;AAC1B,aAAK,iBAAiB,QAAQ;AAAA,MAChC,OAAO;AACL,aAAK,iBAAiB,QAAQ;AAAA,MAChC;AACA,WAAK,MAAM,MAAM,IAAI;AAAA,IACvB;AAAA,EACF;AACF;AACO,sBAAsB,GAAG,MAAM;AACpC,MAAI,GAAG;AACL,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAAA,EACpB;AAEA,QAAM,EAAE,WAAW,iBAAiB,KAAK;AACzC,QAAM,EAAE,aAAa,KAAK;AAC1B,MAAI,SAAS,OAAO,KAAK;AAAI;AAE7B,QAAM,WAAW,KAAK,YAAY,SAAS,EAAE;AAC7C,QAAM,SAAS,KAAK,YAAY,KAAK,EAAE;AAKvC,MAAI,gBAAgB,CAAC;AACrB,MAAI,aAAa,SAAS,SAAS,GAAG;AACpC,UAAM,SAAS,KAAK,cAAc,SAAS,MAAM,GAAG,EAAE,CAAC;AACvD,QAAI,OAAO,cAAc,WAAW,GAAG;AACrC,sBAAgB,KAAK,iBAAiB,QAAQ,IAAI;AAAA,IACpD;AAAA,EACF;AAEA,OAAK,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa;AAC7D;AAEO,0BAA0B,MAAM,UAAU;AAC/C,QAAM,EAAE,cAAc,KAAK;AAC3B,QAAM,EAAE,oBAAoB,KAAK;AACjC,QAAM,cAAc,KAAK,YAAY,IAAI;AAEzC,QAAM,WAAW;AAAA,IACf,iBACE,cAAc,YAAY,gBAAgB,OAAO,CAAC,OAAO,OAAO,KAAK,EAAE,IAAI,gBAAgB,OAAO,KAAK,EAAE;AAAA,EAC7G;AAEA,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AACA,SAAO,KAAK,SAAS,QAAQ;AAC/B;AACO,mBAAmB,GAAG;AAC3B,MAAI,EAAE,UAAU,IAAI;AAElB,SAAK,UAAU,MAAM,IAAI;AAAA,EAC3B;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,20 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
6
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
7
|
-
var __spreadValues = (a, b) => {
|
|
8
|
-
for (var prop in b || (b = {}))
|
|
9
|
-
if (__hasOwnProp.call(b, prop))
|
|
10
|
-
__defNormalProp(a, prop, b[prop]);
|
|
11
|
-
if (__getOwnPropSymbols)
|
|
12
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
13
|
-
if (__propIsEnum.call(b, prop))
|
|
14
|
-
__defNormalProp(a, prop, b[prop]);
|
|
15
|
-
}
|
|
16
|
-
return a;
|
|
17
|
-
};
|
|
18
2
|
import * as React from "react";
|
|
19
3
|
import update from "react-addons-update";
|
|
20
4
|
function moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {
|
|
@@ -32,10 +16,11 @@ function moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {
|
|
|
32
16
|
});
|
|
33
17
|
items = update(items, removePath);
|
|
34
18
|
items = update(items, insertPath);
|
|
35
|
-
this.setState(
|
|
19
|
+
this.setState({
|
|
36
20
|
items,
|
|
37
|
-
isDirty: true
|
|
38
|
-
|
|
21
|
+
isDirty: true,
|
|
22
|
+
...extraProps
|
|
23
|
+
});
|
|
39
24
|
}
|
|
40
25
|
export {
|
|
41
26
|
moveItem
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/components/Nestable/actions/moveItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import update from 'react-addons-update';\n\nexport function moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n const { childrenProp } = this.props;\n let { items } = this.state;\n\n // the remove action might affect the next position,\n // so update next coordinates accordingly\n const realPathTo = this.getRealNextPath(pathFrom, pathTo);\n\n const removePath = this.getSplicePath(pathFrom, {\n numToRemove: 1,\n childrenProp,\n });\n\n const insertPath = this.getSplicePath(realPathTo, {\n numToRemove: 0,\n itemsToInsert: [dragItem],\n childrenProp,\n });\n\n items = update(items, removePath);\n items = update(items, insertPath);\n\n this.setState({\n items,\n isDirty: true,\n ...extraProps,\n });\n}\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";AAAA;ACAA;AAEO,kBAAkB,EAAE,UAAU,UAAU,UAAU,aAAa,CAAC,GAAG;AACxE,QAAM,EAAE,iBAAiB,KAAK;AAC9B,MAAI,EAAE,UAAU,KAAK;AAIrB,QAAM,aAAa,KAAK,gBAAgB,UAAU,MAAM;AAExD,QAAM,aAAa,KAAK,cAAc,UAAU;AAAA,IAC9C,aAAa;AAAA,IACb;AAAA,EACF,CAAC;AAED,QAAM,aAAa,KAAK,cAAc,YAAY;AAAA,IAChD,aAAa;AAAA,IACb,eAAe,CAAC,QAAQ;AAAA,IACxB;AAAA,EACF,CAAC;AAED,UAAQ,OAAO,OAAO,UAAU;AAChC,UAAQ,OAAO,OAAO,UAAU;AAEhC,OAAK,SAAS;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT,GAAG;AAAA,EACL,CAAC;AACH;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,35 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
|
-
var __objRest = (source, exclude) => {
|
|
22
|
-
var target = {};
|
|
23
|
-
for (var prop in source)
|
|
24
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
25
|
-
target[prop] = source[prop];
|
|
26
|
-
if (source != null && __getOwnPropSymbols)
|
|
27
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
28
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
29
|
-
target[prop] = source[prop];
|
|
30
|
-
}
|
|
31
|
-
return target;
|
|
32
|
-
};
|
|
33
2
|
import * as React from "react";
|
|
34
3
|
import React2, { Component } from "react";
|
|
35
4
|
import Nestable from "./Nestable";
|
|
@@ -72,9 +41,10 @@ class QueryBuilderImpl extends Component {
|
|
|
72
41
|
};
|
|
73
42
|
this.handleFieldChange = (data) => {
|
|
74
43
|
const { fieldsSharedActions } = this.props;
|
|
75
|
-
const newFilters = this.store.changeFilter(
|
|
44
|
+
const newFilters = this.store.changeFilter({
|
|
45
|
+
...data,
|
|
76
46
|
fieldsSharedActions
|
|
77
|
-
})
|
|
47
|
+
});
|
|
78
48
|
this.sendCall("handleFieldChange", { data });
|
|
79
49
|
this.sendChange(newFilters);
|
|
80
50
|
};
|
|
@@ -108,9 +78,8 @@ class QueryBuilderImpl extends Component {
|
|
|
108
78
|
return this.handleDropFilter(dragElement, dragTo);
|
|
109
79
|
return this.handleDropGroup(dragElement, dragTo);
|
|
110
80
|
};
|
|
111
|
-
this.sendChange = (
|
|
112
|
-
|
|
113
|
-
this.setState(__spreadValues({ format }, newFilters));
|
|
81
|
+
this.sendChange = ({ format, ...newFilters }) => {
|
|
82
|
+
this.setState({ format, ...newFilters });
|
|
114
83
|
const { onChange } = this.props;
|
|
115
84
|
onChange(format, newFilters);
|
|
116
85
|
};
|
|
@@ -188,9 +157,10 @@ class QueryBuilderImpl extends Component {
|
|
|
188
157
|
setDraggableItems: this.setDraggableItems,
|
|
189
158
|
singleRow
|
|
190
159
|
}
|
|
191
|
-
}, /* @__PURE__ */ React2.createElement("div",
|
|
160
|
+
}, /* @__PURE__ */ React2.createElement("div", {
|
|
161
|
+
...containerProps,
|
|
192
162
|
className: `nested-main-group ${condition !== true ? "is-or-group" : "is-and-groupL"} ${singleRow ? "query-main-single-row" : "query-main-multiple-row"}`
|
|
193
|
-
}
|
|
163
|
+
}, /* @__PURE__ */ React2.createElement(Nestable, {
|
|
194
164
|
isAndItem: condition === true,
|
|
195
165
|
isDraggableItem: this.isDraggableItem,
|
|
196
166
|
isOrItem: condition !== true,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/QueryBuilderImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable';\n\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types';\nimport QueryBuilderStore from './helpers/store';\nimport AndOrController from './AndOrController/AndOrController';\n\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem';\nimport DisplayOutput from './DisplayOutput/DisplayOutput';\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 *\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 *\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"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import React2 from "react";
|
|
23
4
|
import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
|
|
@@ -45,7 +26,8 @@ const QueryBuilderItem = ({ item }) => {
|
|
|
45
26
|
toolTipZIndex
|
|
46
27
|
}) => {
|
|
47
28
|
if (type === QB_DRAG_TYPES.FILTER) {
|
|
48
|
-
return /* @__PURE__ */ React2.createElement(QueryBuilderRow,
|
|
29
|
+
return /* @__PURE__ */ React2.createElement(QueryBuilderRow, {
|
|
30
|
+
...element,
|
|
49
31
|
fields,
|
|
50
32
|
handleFieldChange,
|
|
51
33
|
isDraggableItem,
|
|
@@ -58,7 +40,7 @@ const QueryBuilderItem = ({ item }) => {
|
|
|
58
40
|
step,
|
|
59
41
|
singleRow,
|
|
60
42
|
toolTipZIndex
|
|
61
|
-
})
|
|
43
|
+
});
|
|
62
44
|
}
|
|
63
45
|
if (singleRow)
|
|
64
46
|
return null;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n const { element } = item;\n const { type, idFilter, idGroup, condition } = element;\n return (\n <QueryBuilderContext.Consumer>\n {({\n fields,\n handleFieldChange,\n onAddFilter,\n onAddFilterToGroup,\n onAddRuleContainer,\n onRemoveFilter,\n showDragController,\n handleRuleContainerOperator,\n handleRuleContainerUnGroup,\n step,\n items,\n isDraggableItem,\n setDraggableItems,\n singleRow,\n toolTipZIndex,\n }) => {\n if (type === QB_DRAG_TYPES.FILTER) {\n return (\n <QueryBuilderRow\n {...element}\n fields={fields}\n handleFieldChange={handleFieldChange}\n isDraggableItem={isDraggableItem}\n items={items}\n onAddFilter={() => onAddFilter(idGroup, idFilter)}\n onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n onRemoveFilter={() => onRemoveFilter(idFilter)}\n setDraggableItems={setDraggableItems}\n showDragController={showDragController}\n step={step}\n singleRow={singleRow}\n toolTipZIndex={toolTipZIndex}\n />\n );\n }\n if (singleRow) return null;\n return (\n <AndOrController\n allowUnGroup\n condition={condition}\n handleRuleContainerOperator={(value) =>\n handleRuleContainerOperator(idGroup, value)\n }\n handleRuleContainerUnGroup={() =>\n handleRuleContainerUnGroup(idGroup)\n }\n multipleSize={false}\n onAddFilter={() => onAddFilterToGroup(idGroup)}\n showDragController\n step={step}\n toolTipZIndex={toolTipZIndex}\n />\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n};\n\nexport default QueryBuilderItem;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";AAAA;ACCA;AAEA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC,EAAE,WAAW;AACrC,QAAM,EAAE,YAAY;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,cAAc;AAC/C,SACE,qCAAC,oBAAoB,UAApB,MACE,CAAC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,QACI;AACJ,QAAI,SAAS,cAAc,QAAQ;AACjC,aACE,qCAAC;AAAA,QACE,GAAG;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa,MAAM,YAAY,SAAS,QAAQ;AAAA,QAChD,oBAAoB,MAAM,mBAAmB,SAAS,QAAQ;AAAA,QAC9D,gBAAgB,MAAM,eAAe,QAAQ;AAAA,QAC7C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,OACF;AAAA,IAEJ;AACA,QAAI;AAAW,aAAO;AACtB,WACE,qCAAC;AAAA,MACC,cAAY;AAAA,MACZ;AAAA,MACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS,KAAK;AAAA,MAE5C,4BAA4B,MAC1B,2BAA2B,OAAO;AAAA,MAEpC,cAAc;AAAA,MACd,aAAa,MAAM,mBAAmB,OAAO;AAAA,MAC7C,oBAAkB;AAAA,MAClB;AAAA,MACA;AAAA,KACF;AAAA,EAEJ,CACF;AAEJ;AAEA,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import React2, { Component } from "react";
|
|
23
4
|
import { AlertsDetail } from "@elliemae/ds-icons";
|
|
@@ -112,11 +93,12 @@ class QueryBuilderRow extends Component {
|
|
|
112
93
|
[target]: eventValue,
|
|
113
94
|
idFilter,
|
|
114
95
|
idGroup,
|
|
115
|
-
additionalInfo:
|
|
96
|
+
additionalInfo: {
|
|
97
|
+
...additionalInfo,
|
|
116
98
|
[target]: extraData,
|
|
117
99
|
[`${target}_error`]: hasError,
|
|
118
100
|
[`${target}_touched`]: true
|
|
119
|
-
}
|
|
101
|
+
},
|
|
120
102
|
target
|
|
121
103
|
});
|
|
122
104
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\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';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n target,\n component,\n valueProp,\n additionalInfo,\n handleMouseEnterInput,\n handleMouseLeaveInput,\n onChangeHandler,\n hasError,\n}) => {\n const ref = React.useRef<HTMLElement>();\n const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n return (\n <div\n className={`em-ds-query-builder-row-input child-type-${target} ${\n hasError && hasError.error ? 'row-input-error' : ''\n }`}\n onMouseDownCapture={() => {\n // eslint-disable-next-line no-underscore-dangle\n const _refInput = ref.current?.querySelector(`#${id}`);\n if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n handleMouseEnterInput();\n }}\n onMouseEnter={() => handleMouseEnterInput()}\n onMouseLeave={() => handleMouseLeaveInput()}\n >\n <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n {React.cloneElement(component, {\n id,\n onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n value: valueProp != null ? valueProp : '',\n checked: valueProp === true,\n additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n 'aria-invalid': Boolean(hasError),\n })}\n </div>\n {hasError && hasError.errorMessage ? (\n <div 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 </div>\n );\n // return React.useMemo(\n // () => (\n // <div\n // className={`em-ds-query-builder-row-input child-type-${target}`}\n // onMouseDownCapture={() => {\n // // eslint-disable-next-line no-underscore-dangle\n // const _refInput = ref.current.querySelector(`#${id}`);\n // if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n // handleMouseEnterInput();\n // }}\n // onMouseEnter={() => handleMouseEnterInput()}\n // onMouseLeave={() => handleMouseLeaveInput()}\n // >\n // <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n // {React.cloneElement(component, {\n // id,\n // onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n // value: valueProp != null ? valueProp : '',\n // checked: valueProp === true,\n // additionalInfo: additionalInfo ? additionalInfo[target] : {},\n // })}\n // </div>\n // </div>\n // ),\n // [target, component, valueProp, additionalInfo],\n // );\n};\nclass QueryBuilderRow extends Component<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, checked } = e.target;\n if (value || value === '' || typeof value === 'boolean') eventValue = value;\n else eventValue = checked || e;\n }\n handleFieldChange({\n [target]: eventValue,\n idFilter,\n idGroup,\n additionalInfo: {\n ...additionalInfo,\n [target]: extraData,\n [`${target}_error`]: hasError,\n [`${target}_touched`]: true,\n },\n target,\n });\n }\n\n handleMouseEnterRow = () => {};\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleMouseEnterInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(false);\n };\n\n handleMouseLeaveInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(true);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n };\n\n render() {\n const { isOpen } = this.state;\n const {\n fields,\n onAddFilter,\n onRemoveFilter,\n onAddRuleContainer,\n field,\n operator,\n value,\n additionalInfo,\n items,\n singleRow,\n toolTipZIndex,\n error,\n } = this.props;\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-row',\n isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n singleRow ? 'is-single-row' : 'is-multiple-row',\n );\n const test = resolveDependencies(\n {\n field,\n operator,\n value,\n additionalInfo,\n },\n fields,\n );\n\n const gridTemplateColumns = [\n '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 <>\n <div\n className={cssClassName}\n onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n style={{\n gridTemplateColumns,\n }}\n >\n {!singleRow && (\n <DragControllerRow\n className={classNameElement('drag-controller')}\n onMouseDownCapture={() => this.handleMouseLeaveInput()}\n />\n )}\n {test.map((renderField) => {\n const { target, component } = renderField;\n const { [target]: valueProp } = this.props;\n\n const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n const hasError =\n renderField && renderField.validation\n ? renderField.validation(valueProp, {\n field,\n operator,\n value,\n additionalInfo,\n })\n : false;\n return (\n <RenderField\n component={component}\n target={target}\n valueProp={valueProp}\n onChangeHandler={(e, target, extraData) => {\n this.onChangeHandler(e, target, extraData, hasError);\n }}\n handleMouseEnterInput={this.handleMouseEnterInput}\n handleMouseLeaveInput={this.handleMouseLeaveInput}\n additionalInfo={additionalInfo}\n hasError={isTouched && hasError}\n />\n );\n })}\n {!singleRow && (\n <div className={classNameBlock('controller')}>\n <ConditionController\n handleTooltipRow={this.handleTooltipRow}\n isOpen={isOpen}\n items={items}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onRemoveFilter={onRemoveFilter}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n </>\n );\n }\n}\n\nexport default QueryBuilderRow;\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,31 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import React2 from "react";
|
|
23
4
|
import GrowRight from "@elliemae/ds-shared";
|
|
24
|
-
const ToolBarAnimation = (props) => /* @__PURE__ */ React2.createElement(GrowRight,
|
|
5
|
+
const ToolBarAnimation = (props) => /* @__PURE__ */ React2.createElement(GrowRight, {
|
|
6
|
+
...props,
|
|
25
7
|
key: "popper-animation-key",
|
|
26
8
|
from: 0.5,
|
|
27
9
|
to: 1
|
|
28
|
-
})
|
|
10
|
+
});
|
|
29
11
|
export {
|
|
30
12
|
ToolBarAnimation
|
|
31
13
|
};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport GrowRight from '@elliemae/ds-shared';\n\nconst ToolBarAnimation = (props) => <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />;\n\nexport { ToolBarAnimation };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";AAAA;ACAA;AACA;AAEA,MAAM,mBAAmB,CAAC,UAAU,qCAAC;AAAA,EAAW,GAAG;AAAA,EAAO,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA,CAAG;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import {
|
|
23
4
|
QB_DRAG_TYPES,
|
|
@@ -45,14 +26,18 @@ const createNewGroup = function(parentIdGroup) {
|
|
|
45
26
|
};
|
|
46
27
|
};
|
|
47
28
|
const addFilterToMap = function(newFilter) {
|
|
48
|
-
this.mapFilters =
|
|
29
|
+
this.mapFilters = {
|
|
30
|
+
...this.mapFilters,
|
|
49
31
|
[newFilter.idFilter]: newFilter
|
|
50
|
-
}
|
|
32
|
+
};
|
|
51
33
|
};
|
|
52
34
|
const addGroupToMap = function(newGroup) {
|
|
53
|
-
this.mapGroups =
|
|
54
|
-
|
|
55
|
-
|
|
35
|
+
this.mapGroups = {
|
|
36
|
+
...this.mapGroups,
|
|
37
|
+
[newGroup.idGroup]: {
|
|
38
|
+
...newGroup
|
|
39
|
+
}
|
|
40
|
+
};
|
|
56
41
|
};
|
|
57
42
|
const addFilterToItem = function(item, newFilter) {
|
|
58
43
|
item.children.push({
|
|
@@ -120,7 +105,9 @@ const removeFilterItem = function(filterId) {
|
|
|
120
105
|
};
|
|
121
106
|
const addGroupFilterToItem = function(idGroup, idFilter, newGroup) {
|
|
122
107
|
const child = findItemFilterById.call(this, idFilter);
|
|
123
|
-
const copy =
|
|
108
|
+
const copy = {
|
|
109
|
+
...child
|
|
110
|
+
};
|
|
124
111
|
if (copy.element.type === "group") {
|
|
125
112
|
copy.element.parentIdGroup = newGroup.idGroup;
|
|
126
113
|
} else {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/helpers/actions.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n QB_DRAG_TYPES,\n QB_GROUP_CONDITION_TYPES,\n QB_FIELD_SHARED_ACTIONS,\n} from './types';\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} idGroup: UUID\n * @param idGroup\n */\nexport const createNewFilter = function(idGroup) {\n const idFilter = `filter_${new Date().getTime()}_${Math.random()\n .toString(36)\n .substring(7)}`;\n return {\n idGroup,\n field: '',\n condition: '',\n value: '',\n idFilter,\n type: QB_DRAG_TYPES.FILTER,\n };\n};\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} parentIdGroup: UUID\n * @param parentIdGroup\n */\nexport const createNewGroup = function(parentIdGroup) {\n const idGroup = `group_${new Date().getTime()}_${Math.random()\n .toString(36)\n .substring(7)}`;\n return {\n parentIdGroup,\n idGroup,\n condition: QB_GROUP_CONDITION_TYPES.AND,\n type: QB_DRAG_TYPES.GROUP,\n };\n};\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} newFilter\n */\nexport const addFilterToMap = function(newFilter) {\n this.mapFilters = {\n ...this.mapFilters,\n [newFilter.idFilter]: newFilter,\n };\n};\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} newFilter\n * @param newGroup\n */\nexport const addGroupToMap = function(newGroup) {\n this.mapGroups = {\n ...this.mapGroups,\n [newGroup.idGroup]: {\n ...newGroup,\n },\n };\n};\n\nexport const addFilterToItem = function(item, newFilter) {\n item.children.push({\n id: newFilter.idFilter,\n element: newFilter,\n children: [],\n });\n};\n\nexport const addFilterToMainItem = function(items, newFilter) {\n items.push({\n id: newFilter.idFilter,\n element: newFilter,\n children: [],\n });\n};\n\nexport const findInChilds = function(childs, filterId) {\n const found = childs.find(({ id }) => id === filterId);\n if (!found) {\n let findInChild;\n childs.forEach(item => {\n if (!findInChild) findInChild = findInChilds(item.children, filterId);\n });\n if (findInChild) return findInChild;\n }\n return found;\n};\nexport const findItemFilterById = function(filterId) {\n return findInChilds(this.items, filterId);\n};\n\nexport const findParentWithFilterId = function(childs, filterId) {\n const found = childs.find(({ id }) => id === filterId);\n if (!found) {\n let findInChild;\n childs.forEach(item => {\n if (!findInChild)\n findInChild = findParentWithFilterId(item.children, filterId);\n });\n if (findInChild) return findInChild;\n }\n return childs;\n};\nexport const findParentFilterById = function(filterId) {\n return findParentWithFilterId(this.items, filterId);\n};\n\nexport const filterInChildren = function(childs, filterId, mainId) {\n if (childs.children) {\n childs.children = childs.children.filter(({ id }) => id !== filterId);\n childs.children = childs.children.forEach(item =>\n filterInChildren(item.children, filterId),\n );\n return childs;\n }\n // main\n if (childs.length > 1) childs = childs.filter(({ id }) => id !== filterId); // https://jira.elliemae.io/browse/PUI-1252\n if (childs.length === 0 && mainId) {\n const emptyFilter = createNewFilter.call(this, mainId);\n addFilterToMainItem.call(this, childs, emptyFilter);\n }\n childs.forEach(\n item => (item.children = filterInChildren(item.children, filterId)),\n );\n return childs;\n};\nexport const removeFilterItem = function(filterId) {\n this.items = filterInChildren(this.items, filterId, this.main);\n};\n\nexport const addGroupFilterToItem = function(idGroup, idFilter, newGroup) {\n const child = findItemFilterById.call(this, idFilter);\n const copy = {\n ...child,\n };\n if (copy.element.type === 'group') {\n copy.element.parentIdGroup = newGroup.idGroup;\n } else {\n copy.element.idGroup = newGroup.idGroup;\n }\n child.id = newGroup.idGroup;\n child.element = newGroup;\n child.children = [copy];\n};\n\nexport const unGroupFilterToItem = function(idGroup) {\n const group = findItemFilterById.call(this, idGroup);\n if (group.element.parentIdGroup === this.main) {\n const index = this.items.map(item => item.id).indexOf(idGroup);\n const tmp = [];\n tmp.splice.apply(this.items, [index, 1].concat(group.children));\n this.items.forEach(item => {\n if (item.element.type === 'group') {\n item.element.parentIdGroup = this.main;\n } else {\n item.element.idGroup = this.main;\n }\n });\n } else {\n const parent = findItemFilterById.call(this, group.element.parentIdGroup);\n const index = parent.children.map(item => item.id).indexOf(idGroup);\n const tmp = [];\n tmp.splice.apply(parent.children, [index, 1].concat(group.children));\n parent.children.forEach(item => {\n if (item.element.type === 'group') {\n item.element.parentIdGroup = parent.id;\n } else {\n item.element.idGroup = parent.id;\n }\n });\n }\n};\n\nexport const changeGroupOperator = function(idGroup, value) {\n const group = findItemFilterById.call(this, idGroup);\n if (idGroup !== this.main) {\n group.element.condition = value;\n }\n};\n\nexport const changeFilterItem = function({\n idFilter,\n field,\n value,\n operator,\n additionalInfo,\n target,\n fieldsSharedActions: { onFieldChange, onOperatorChange, onValueChange },\n}) {\n const child = findItemFilterById.call(this, idFilter);\n if (field || field === '' || typeof field === 'boolean')\n child.element.field = field;\n if (operator) child.element.operator = operator;\n if (value || value === '' || typeof value === 'boolean')\n child.element.value = value;\n if (additionalInfo) child.element.additionalInfo = additionalInfo;\n\n // shared fields actions\n if (target === 'field') {\n onFieldChange.forEach(({ action }) => {\n if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD)\n child.element.field = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR)\n child.element.operator = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE)\n child.element.value = null;\n });\n } else if (target === 'operator') {\n onOperatorChange.forEach(({ action }) => {\n if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD)\n child.element.field = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR)\n child.element.operator = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE)\n child.element.value = null;\n });\n } else if (target === 'value') {\n onValueChange.forEach(({ action }) => {\n if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD)\n child.element.field = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR)\n child.element.operator = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE)\n child.element.value = null;\n });\n }\n};\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,23 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __defProps = Object.defineProperties;
|
|
4
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
5
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
8
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
9
|
-
var __spreadValues = (a, b) => {
|
|
10
|
-
for (var prop in b || (b = {}))
|
|
11
|
-
if (__hasOwnProp.call(b, prop))
|
|
12
|
-
__defNormalProp(a, prop, b[prop]);
|
|
13
|
-
if (__getOwnPropSymbols)
|
|
14
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
15
|
-
if (__propIsEnum.call(b, prop))
|
|
16
|
-
__defNormalProp(a, prop, b[prop]);
|
|
17
|
-
}
|
|
18
|
-
return a;
|
|
19
|
-
};
|
|
20
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
21
2
|
import * as React from "react";
|
|
22
3
|
import {
|
|
23
4
|
createNewFilter,
|
|
@@ -99,7 +80,10 @@ class QueryBuilderStore {
|
|
|
99
80
|
};
|
|
100
81
|
this.changeFilter = (data) => {
|
|
101
82
|
const { idFilter } = data;
|
|
102
|
-
this.mapFilters[idFilter] =
|
|
83
|
+
this.mapFilters[idFilter] = {
|
|
84
|
+
...this.mapFilters[idFilter],
|
|
85
|
+
...data
|
|
86
|
+
};
|
|
103
87
|
changeFilterItem.call(this, data);
|
|
104
88
|
return this.getState();
|
|
105
89
|
};
|
|
@@ -108,29 +92,31 @@ class QueryBuilderStore {
|
|
|
108
92
|
this.getInitialState = () => {
|
|
109
93
|
const newFilters = {
|
|
110
94
|
step: this.step,
|
|
111
|
-
mapFilters:
|
|
112
|
-
mapGroups:
|
|
95
|
+
mapFilters: { ...this.mapFilters },
|
|
96
|
+
mapGroups: { ...this.mapGroups },
|
|
113
97
|
main: this.main,
|
|
114
98
|
items: this.items
|
|
115
99
|
};
|
|
116
100
|
const format = QueryBuilderFormat.run(newFilters, this.format);
|
|
117
|
-
return
|
|
101
|
+
return {
|
|
102
|
+
...newFilters,
|
|
118
103
|
format
|
|
119
|
-
}
|
|
104
|
+
};
|
|
120
105
|
};
|
|
121
106
|
this.getState = () => {
|
|
122
107
|
this.step += 1;
|
|
123
108
|
const newFilters = {
|
|
124
109
|
step: this.step,
|
|
125
|
-
mapFilters:
|
|
126
|
-
mapGroups:
|
|
110
|
+
mapFilters: { ...this.mapFilters },
|
|
111
|
+
mapGroups: { ...this.mapGroups },
|
|
127
112
|
main: this.main,
|
|
128
113
|
items: this.items
|
|
129
114
|
};
|
|
130
115
|
const format = QueryBuilderFormat.run(newFilters, this.format);
|
|
131
|
-
return
|
|
116
|
+
return {
|
|
117
|
+
...newFilters,
|
|
132
118
|
format
|
|
133
|
-
}
|
|
119
|
+
};
|
|
134
120
|
};
|
|
135
121
|
this.firstLoad = true;
|
|
136
122
|
this.format = format;
|