@elliemae/ds-query-builder 1.58.0-rc.3 → 1.58.0-rc.4
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/cjs/DSQueryBuilder.js +2 -2
- package/cjs/components/AndOrController/AndOrController.js +10 -14
- package/cjs/components/AndOrController/AndOrController.js.map +1 -1
- package/cjs/components/DisplayOutput/DisplayOutput.js +2 -6
- package/cjs/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/cjs/components/Nestable/Nestable.js +28 -28
- package/cjs/components/Nestable/Nestable.js.map +1 -1
- package/cjs/components/Nestable/index.js +1 -1
- package/cjs/components/QueryBuilderImpl.js +32 -34
- package/cjs/components/QueryBuilderImpl.js.map +1 -1
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +1 -2
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +11 -13
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/cjs/components/format/format.js +9 -12
- package/cjs/components/format/format.js.map +1 -1
- package/cjs/components/helpers/store.js +39 -45
- package/cjs/components/helpers/store.js.map +1 -1
- package/cjs/index.js +2 -2
- package/esm/DSQueryBuilder.js +2 -2
- package/esm/components/AndOrController/AndOrController.js +10 -12
- package/esm/components/AndOrController/AndOrController.js.map +1 -1
- package/esm/components/DisplayOutput/DisplayOutput.js +2 -4
- package/esm/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/esm/components/Nestable/Nestable.js +27 -27
- package/esm/components/Nestable/Nestable.js.map +1 -1
- package/esm/components/Nestable/index.js +1 -1
- package/esm/components/QueryBuilderImpl.js +31 -32
- package/esm/components/QueryBuilderImpl.js.map +1 -1
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js +1 -2
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js +10 -11
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/esm/components/format/format.js +9 -11
- package/esm/components/format/format.js.map +1 -1
- package/esm/components/helpers/store.js +38 -44
- package/esm/components/helpers/store.js.map +1 -1
- package/esm/index.js +2 -2
- package/package.json +7 -7
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
3
4
|
var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
|
|
4
5
|
var _createClass = require('@babel/runtime/helpers/createClass');
|
|
5
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
6
6
|
var components_helpers_actions = require('./actions.js');
|
|
7
7
|
var components_format_format = require('../format/format.js');
|
|
8
8
|
require('./types.js');
|
|
@@ -12,9 +12,9 @@ require('../format/sqlSafeFormat.js');
|
|
|
12
12
|
|
|
13
13
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
14
|
|
|
15
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
15
16
|
var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
|
|
16
17
|
var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
|
|
17
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
18
18
|
|
|
19
19
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
20
20
|
|
|
@@ -37,41 +37,35 @@ var QueryBuilderStore = /*#__PURE__*/function () {
|
|
|
37
37
|
|
|
38
38
|
_classCallCheck__default['default'](this, QueryBuilderStore);
|
|
39
39
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
_defineProperty__default['default'](this, "mapGroups", {});
|
|
49
|
-
|
|
50
|
-
_defineProperty__default['default'](this, "main", null);
|
|
51
|
-
|
|
52
|
-
_defineProperty__default['default'](this, "format", null);
|
|
40
|
+
this.items = [];
|
|
41
|
+
this.step = 0;
|
|
42
|
+
this.steps = {};
|
|
43
|
+
this.mapFilters = {};
|
|
44
|
+
this.mapGroups = {};
|
|
45
|
+
this.main = null;
|
|
46
|
+
this.format = null;
|
|
53
47
|
|
|
54
|
-
|
|
48
|
+
this.createNewFilter = function (idGroup) {
|
|
55
49
|
return components_helpers_actions.createNewFilter.call(_this, idGroup);
|
|
56
|
-
}
|
|
50
|
+
};
|
|
57
51
|
|
|
58
|
-
|
|
52
|
+
this.createNewGroup = function (parentIdGroup) {
|
|
59
53
|
return components_helpers_actions.createNewGroup.call(_this, parentIdGroup);
|
|
60
|
-
}
|
|
54
|
+
};
|
|
61
55
|
|
|
62
|
-
|
|
56
|
+
this.onOrderDragAndDrop = function (items) {
|
|
63
57
|
_this.items = items;
|
|
64
58
|
return _this.getState();
|
|
65
|
-
}
|
|
59
|
+
};
|
|
66
60
|
|
|
67
|
-
|
|
61
|
+
this.addFilterNextToFilterId = function (idGroup, idFilter) {
|
|
68
62
|
// eslint-disable-line
|
|
69
63
|
_this.addFilter(idGroup);
|
|
70
64
|
|
|
71
65
|
return _this.getState();
|
|
72
|
-
}
|
|
66
|
+
};
|
|
73
67
|
|
|
74
|
-
|
|
68
|
+
this.addFilter = function (idGroup) {
|
|
75
69
|
var newFilter = _this.createNewFilter(idGroup);
|
|
76
70
|
|
|
77
71
|
components_helpers_actions.addFilterToMap.call(_this, newFilter); // new API
|
|
@@ -87,23 +81,23 @@ var QueryBuilderStore = /*#__PURE__*/function () {
|
|
|
87
81
|
}
|
|
88
82
|
|
|
89
83
|
return _this.getState();
|
|
90
|
-
}
|
|
84
|
+
};
|
|
91
85
|
|
|
92
|
-
|
|
86
|
+
this.onRemoveFilter = function (idFilter) {
|
|
93
87
|
// new API
|
|
94
88
|
components_helpers_actions.removeFilterItem.call(_this, idFilter);
|
|
95
89
|
return _this.getState();
|
|
96
|
-
}
|
|
90
|
+
};
|
|
97
91
|
|
|
98
|
-
|
|
92
|
+
this.addRuleContainerInPlace = function (idGroup, idFilter) {
|
|
99
93
|
// Create a new group
|
|
100
94
|
var newGroup = _this.createNewGroup(idGroup);
|
|
101
95
|
|
|
102
96
|
components_helpers_actions.addGroupFilterToItem.call(_this, idGroup, idFilter, newGroup);
|
|
103
97
|
return _this.getState();
|
|
104
|
-
}
|
|
98
|
+
};
|
|
105
99
|
|
|
106
|
-
|
|
100
|
+
this.addRuleContainer = function (idGroup, idFilter) {
|
|
107
101
|
// eslint-disable-line
|
|
108
102
|
var newGroup = _this.createNewGroup(idGroup);
|
|
109
103
|
|
|
@@ -120,35 +114,35 @@ var QueryBuilderStore = /*#__PURE__*/function () {
|
|
|
120
114
|
}
|
|
121
115
|
|
|
122
116
|
return _this.getState();
|
|
123
|
-
}
|
|
117
|
+
};
|
|
124
118
|
|
|
125
|
-
|
|
119
|
+
this.unGroup = function (idGroup) {
|
|
126
120
|
components_helpers_actions.unGroupFilterToItem.call(_this, idGroup);
|
|
127
121
|
return _this.getState();
|
|
128
|
-
}
|
|
122
|
+
};
|
|
129
123
|
|
|
130
|
-
|
|
124
|
+
this.changeGroupOperator = function (idGroup, value) {
|
|
131
125
|
_this.getGroupById(idGroup).condition = value;
|
|
132
126
|
components_helpers_actions.changeGroupOperator.call(_this, idGroup, value);
|
|
133
127
|
return _this.getState();
|
|
134
|
-
}
|
|
128
|
+
};
|
|
135
129
|
|
|
136
|
-
|
|
130
|
+
this.changeFilter = function (data) {
|
|
137
131
|
var idFilter = data.idFilter;
|
|
138
132
|
_this.mapFilters[idFilter] = _objectSpread(_objectSpread({}, _this.mapFilters[idFilter]), data);
|
|
139
133
|
components_helpers_actions.changeFilterItem.call(_this, data);
|
|
140
134
|
return _this.getState();
|
|
141
|
-
}
|
|
135
|
+
};
|
|
142
136
|
|
|
143
|
-
|
|
137
|
+
this.getGroupById = function (idGroup) {
|
|
144
138
|
return _this.mapGroups[idGroup] || {};
|
|
145
|
-
}
|
|
139
|
+
};
|
|
146
140
|
|
|
147
|
-
|
|
141
|
+
this.getFilterById = function (idFilter) {
|
|
148
142
|
return _this.mapFilters[idFilter];
|
|
149
|
-
}
|
|
143
|
+
};
|
|
150
144
|
|
|
151
|
-
|
|
145
|
+
this.getInitialState = function () {
|
|
152
146
|
var newFilters = {
|
|
153
147
|
step: _this.step,
|
|
154
148
|
mapFilters: _objectSpread({}, _this.mapFilters),
|
|
@@ -160,9 +154,9 @@ var QueryBuilderStore = /*#__PURE__*/function () {
|
|
|
160
154
|
return _objectSpread(_objectSpread({}, newFilters), {}, {
|
|
161
155
|
format: format
|
|
162
156
|
});
|
|
163
|
-
}
|
|
157
|
+
};
|
|
164
158
|
|
|
165
|
-
|
|
159
|
+
this.getState = function () {
|
|
166
160
|
_this.step += 1;
|
|
167
161
|
var newFilters = {
|
|
168
162
|
step: _this.step,
|
|
@@ -175,7 +169,7 @@ var QueryBuilderStore = /*#__PURE__*/function () {
|
|
|
175
169
|
return _objectSpread(_objectSpread({}, newFilters), {}, {
|
|
176
170
|
format: format
|
|
177
171
|
});
|
|
178
|
-
}
|
|
172
|
+
};
|
|
179
173
|
|
|
180
174
|
this.firstLoad = true;
|
|
181
175
|
this.format = _format;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store.js","sources":["../../../../src/components/helpers/store.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport {\n createNewFilter,\n createNewGroup,\n addFilterToMap,\n addGroupToMap,\n addFilterToItem, // new API\n addFilterToMainItem, // new API\n findItemFilterById, // new API\n removeFilterItem, // new API\n addGroupFilterToItem, // new API\n unGroupFilterToItem, // new API\n changeFilterItem, // new API\n changeGroupOperator, // new API\n} from './actions';\nimport QueryBuilderFormat from '../format/format';\n/**\n * Fluent interface: https://en.wikipedia.org/wiki/Fluent_interface\n *\n * @param idGroup\n * @param parentIdGroup\n * @param items\n * @param idFilter\n * @param value\n * @param data\n * @class QueryBuilderStore\n */\nclass QueryBuilderStore {\n items = [];\n\n step = 0;\n\n steps = {};\n\n mapFilters = {};\n\n mapGroups = {};\n\n main = null;\n\n format = null;\n\n constructor(init, format) {\n this.firstLoad = true;\n this.format = format;\n if (init) return this.initSetupUp(init);\n const mainGroup = this.createNewGroup('main');\n this.mapGroups = {\n [mainGroup.idGroup]: mainGroup,\n };\n this.main = mainGroup.idGroup;\n this.addFilter(mainGroup.idGroup);\n }\n\n initSetupUp(init) {\n this.step = init.step || 1;\n Object.keys(init).forEach((key) => {\n if (init[key] && this[key] !== undefined) this[key] = init[key];\n });\n }\n\n createNewFilter = (idGroup) => createNewFilter.call(this, idGroup);\n\n createNewGroup = (parentIdGroup) => createNewGroup.call(this, parentIdGroup);\n\n onOrderDragAndDrop = (items) => {\n this.items = items;\n return this.getState();\n };\n\n // eslint-disable-next-line no-unused-vars\n addFilterNextToFilterId = (idGroup, idFilter) => {\n // eslint-disable-line\n this.addFilter(idGroup);\n return this.getState();\n };\n\n addFilter = (idGroup) => {\n const newFilter = this.createNewFilter(idGroup);\n addFilterToMap.call(this, newFilter);\n // new API\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newFilter);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newFilter);\n }\n }\n return this.getState();\n };\n\n onRemoveFilter = (idFilter) => {\n // new API\n removeFilterItem.call(this, idFilter);\n return this.getState();\n };\n\n addRuleContainerInPlace = (idGroup, idFilter) => {\n // Create a new group\n const newGroup = this.createNewGroup(idGroup);\n addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);\n return this.getState();\n };\n\n /**\n * Group a filter inside a new Group\n *\n * @param idGroup\n * @param idFilter\n */\n // eslint-disable-next-line no-unused-vars\n addRuleContainer = (idGroup, idFilter) => {\n // eslint-disable-line\n const newGroup = this.createNewGroup(idGroup);\n addGroupToMap.call(this, newGroup);\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newGroup);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newGroup);\n }\n }\n return this.getState();\n };\n\n unGroup = (idGroup) => {\n unGroupFilterToItem.call(this, idGroup);\n return this.getState();\n };\n\n changeGroupOperator = (idGroup, value) => {\n this.getGroupById(idGroup).condition = value;\n changeGroupOperator.call(this, idGroup, value);\n return this.getState();\n };\n\n changeFilter = (data) => {\n const { idFilter } = data;\n this.mapFilters[idFilter] = {\n ...this.mapFilters[idFilter],\n ...data,\n };\n changeFilterItem.call(this, data);\n return this.getState();\n };\n\n getGroupById = (idGroup) => this.mapGroups[idGroup] || {};\n\n getFilterById = (idFilter) => this.mapFilters[idFilter];\n\n getInitialState = () => {\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n\n getState = () => {\n this.step += 1;\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n}\n\nexport default QueryBuilderStore;\n"],"names":["QueryBuilderStore","init","format","idGroup","createNewFilter","call","parentIdGroup","createNewGroup","items","getState","idFilter","addFilter","newFilter","addFilterToMap","main","addFilterToMainItem","foundInItems","findItemFilterById","addFilterToItem","removeFilterItem","newGroup","addGroupFilterToItem","addGroupToMap","unGroupFilterToItem","value","getGroupById","condition","changeGroupOperator","data","mapFilters","changeFilterItem","mapGroups","newFilters","step","QueryBuilderFormat","run","firstLoad","initSetupUp","mainGroup","Object","keys","forEach","key","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;IACMA;AAeJ,6BAAYC,IAAZ,EAAkBC,OAAlB,EAA0B;AAAA;;AAAA;;AAAA,uDAdlB,EAckB;;AAAA,sDAZnB,CAYmB;;AAAA,uDAVlB,EAUkB;;AAAA,4DARb,EAQa;;AAAA,2DANd,EAMc;;AAAA,sDAJnB,IAImB;;AAAA,wDAFjB,IAEiB;;AAAA,iEAmBR,UAACC,OAAD;AAAA,aAAaC,0CAAe,CAACC,IAAhB,CAAqB,KAArB,EAA2BF,OAA3B,CAAb;AAAA,KAnBQ;;AAAA,gEAqBT,UAACG,aAAD;AAAA,aAAmBC,yCAAc,CAACF,IAAf,CAAoB,KAApB,EAA0BC,aAA1B,CAAnB;AAAA,KArBS;;AAAA,oEAuBL,UAACE,KAAD,EAAW;AAC9B,MAAA,KAAI,CAACA,KAAL,GAAaA,KAAb;AACA,aAAO,KAAI,CAACC,QAAL,EAAP;AACD,KA1ByB;;AAAA,yEA6BA,UAACN,OAAD,EAAUO,QAAV,EAAuB;AAC/C;AACA,MAAA,KAAI,CAACC,SAAL,CAAeR,OAAf;;AACA,aAAO,KAAI,CAACM,QAAL,EAAP;AACD,KAjCyB;;AAAA,2DAmCd,UAACN,OAAD,EAAa;AACvB,UAAMS,SAAS,GAAG,KAAI,CAACR,eAAL,CAAqBD,OAArB,CAAlB;;AACAU,MAAAA,yCAAc,CAACR,IAAf,CAAoB,KAApB,EAA0BO,SAA1B,EAFuB;;AAIvB,UAAI,KAAI,CAACE,IAAL,KAAcX,OAAlB,EAA2B;AACzBY,QAAAA,8CAAmB,CAACV,IAApB,CAAyB,KAAzB,EAA+B,KAAI,CAACG,KAApC,EAA2CI,SAA3C;AACD,OAFD,MAEO;AACL,YAAMI,YAAY,GAAGC,6CAAkB,CAACZ,IAAnB,CAAwB,KAAxB,EAA8BF,OAA9B,CAArB;;AACA,YAAIa,YAAJ,EAAkB;AAChBE,UAAAA,0CAAe,CAACb,IAAhB,CAAqB,KAArB,EAA2BW,YAA3B,EAAyCJ,SAAzC;AACD;AACF;;AACD,aAAO,KAAI,CAACH,QAAL,EAAP;AACD,KAhDyB;;AAAA,gEAkDT,UAACC,QAAD,EAAc;AAC7B;AACAS,MAAAA,2CAAgB,CAACd,IAAjB,CAAsB,KAAtB,EAA4BK,QAA5B;AACA,aAAO,KAAI,CAACD,QAAL,EAAP;AACD,KAtDyB;;AAAA,yEAwDA,UAACN,OAAD,EAAUO,QAAV,EAAuB;AAC/C;AACA,UAAMU,QAAQ,GAAG,KAAI,CAACb,cAAL,CAAoBJ,OAApB,CAAjB;;AACAkB,MAAAA,+CAAoB,CAAChB,IAArB,CAA0B,KAA1B,EAAgCF,OAAhC,EAAyCO,QAAzC,EAAmDU,QAAnD;AACA,aAAO,KAAI,CAACX,QAAL,EAAP;AACD,KA7DyB;;AAAA,kEAsEP,UAACN,OAAD,EAAUO,QAAV,EAAuB;AACxC;AACA,UAAMU,QAAQ,GAAG,KAAI,CAACb,cAAL,CAAoBJ,OAApB,CAAjB;;AACAmB,MAAAA,wCAAa,CAACjB,IAAd,CAAmB,KAAnB,EAAyBe,QAAzB;;AACA,UAAI,KAAI,CAACN,IAAL,KAAcX,OAAlB,EAA2B;AACzBY,QAAAA,8CAAmB,CAACV,IAApB,CAAyB,KAAzB,EAA+B,KAAI,CAACG,KAApC,EAA2CY,QAA3C;AACD,OAFD,MAEO;AACL,YAAMJ,YAAY,GAAGC,6CAAkB,CAACZ,IAAnB,CAAwB,KAAxB,EAA8BF,OAA9B,CAArB;;AACA,YAAIa,YAAJ,EAAkB;AAChBE,UAAAA,0CAAe,CAACb,IAAhB,CAAqB,KAArB,EAA2BW,YAA3B,EAAyCI,QAAzC;AACD;AACF;;AACD,aAAO,KAAI,CAACX,QAAL,EAAP;AACD,KAnFyB;;AAAA,yDAqFhB,UAACN,OAAD,EAAa;AACrBoB,MAAAA,8CAAmB,CAAClB,IAApB,CAAyB,KAAzB,EAA+BF,OAA/B;AACA,aAAO,KAAI,CAACM,QAAL,EAAP;AACD,KAxFyB;;AAAA,qEA0FJ,UAACN,OAAD,EAAUqB,KAAV,EAAoB;AACxC,MAAA,KAAI,CAACC,YAAL,CAAkBtB,OAAlB,EAA2BuB,SAA3B,GAAuCF,KAAvC;AACAG,MAAAA,8CAAmB,CAACtB,IAApB,CAAyB,KAAzB,EAA+BF,OAA/B,EAAwCqB,KAAxC;AACA,aAAO,KAAI,CAACf,QAAL,EAAP;AACD,KA9FyB;;AAAA,8DAgGX,UAACmB,IAAD,EAAU;AACvB,UAAQlB,QAAR,GAAqBkB,IAArB,CAAQlB,QAAR;AACA,MAAA,KAAI,CAACmB,UAAL,CAAgBnB,QAAhB,oCACK,KAAI,CAACmB,UAAL,CAAgBnB,QAAhB,CADL,GAEKkB,IAFL;AAIAE,MAAAA,2CAAgB,CAACzB,IAAjB,CAAsB,KAAtB,EAA4BuB,IAA5B;AACA,aAAO,KAAI,CAACnB,QAAL,EAAP;AACD,KAxGyB;;AAAA,8DA0GX,UAACN,OAAD;AAAA,aAAa,KAAI,CAAC4B,SAAL,CAAe5B,OAAf,KAA2B,EAAxC;AAAA,KA1GW;;AAAA,+DA4GV,UAACO,QAAD;AAAA,aAAc,KAAI,CAACmB,UAAL,CAAgBnB,QAAhB,CAAd;AAAA,KA5GU;;AAAA,iEA8GR,YAAM;AACtB,UAAMsB,UAAU,GAAG;AACjBC,QAAAA,IAAI,EAAE,KAAI,CAACA,IADM;AAEjBJ,QAAAA,UAAU,oBAAO,KAAI,CAACA,UAAZ,CAFO;AAGjBE,QAAAA,SAAS,oBAAO,KAAI,CAACA,SAAZ,CAHQ;AAIjBjB,QAAAA,IAAI,EAAE,KAAI,CAACA,IAJM;AAKjBN,QAAAA,KAAK,EAAE,KAAI,CAACA;AALK,OAAnB;AAOA,UAAMN,MAAM,GAAGgC,wBAAkB,CAACC,GAAnB,CAAuBH,UAAvB,EAAmC,KAAI,CAAC9B,MAAxC,CAAf;AACA,6CACK8B,UADL;AAEE9B,QAAAA,MAAM,EAANA;AAFF;AAID,KA3HyB;;AAAA,0DA6Hf,YAAM;AACf,MAAA,KAAI,CAAC+B,IAAL,IAAa,CAAb;AACA,UAAMD,UAAU,GAAG;AACjBC,QAAAA,IAAI,EAAE,KAAI,CAACA,IADM;AAEjBJ,QAAAA,UAAU,oBAAO,KAAI,CAACA,UAAZ,CAFO;AAGjBE,QAAAA,SAAS,oBAAO,KAAI,CAACA,SAAZ,CAHQ;AAIjBjB,QAAAA,IAAI,EAAE,KAAI,CAACA,IAJM;AAKjBN,QAAAA,KAAK,EAAE,KAAI,CAACA;AALK,OAAnB;AAOA,UAAMN,MAAM,GAAGgC,wBAAkB,CAACC,GAAnB,CAAuBH,UAAvB,EAAmC,KAAI,CAAC9B,MAAxC,CAAf;AACA,6CACK8B,UADL;AAEE9B,QAAAA,MAAM,EAANA;AAFF;AAID,KA3IyB;;AACxB,SAAKkC,SAAL,GAAiB,IAAjB;AACA,SAAKlC,MAAL,GAAcA,OAAd;AACA,QAAID,IAAJ,EAAU,OAAO,KAAKoC,WAAL,CAAiBpC,IAAjB,CAAP;AACV,QAAMqC,SAAS,GAAG,KAAK/B,cAAL,CAAoB,MAApB,CAAlB;AACA,SAAKwB,SAAL,2CACGO,SAAS,CAACnC,OADb,EACuBmC,SADvB;AAGA,SAAKxB,IAAL,GAAYwB,SAAS,CAACnC,OAAtB;AACA,SAAKQ,SAAL,CAAe2B,SAAS,CAACnC,OAAzB;AACD;;;;WAED,qBAAYF,IAAZ,EAAkB;AAAA;;AAChB,WAAKgC,IAAL,GAAYhC,IAAI,CAACgC,IAAL,IAAa,CAAzB;AACAM,MAAAA,MAAM,CAACC,IAAP,CAAYvC,IAAZ,EAAkBwC,OAAlB,CAA0B,UAACC,GAAD,EAAS;AACjC,YAAIzC,IAAI,CAACyC,GAAD,CAAJ,IAAa,MAAI,CAACA,GAAD,CAAJ,KAAcC,SAA/B,EAA0C,MAAI,CAACD,GAAD,CAAJ,GAAYzC,IAAI,CAACyC,GAAD,CAAhB;AAC3C,OAFD;AAGD;;;;;;;;"}
|
|
1
|
+
{"version":3,"file":"store.js","sources":["../../../../src/components/helpers/store.tsx"],"sourcesContent":["/* eslint-disable max-lines */\nimport {\n createNewFilter,\n createNewGroup,\n addFilterToMap,\n addGroupToMap,\n addFilterToItem, // new API\n addFilterToMainItem, // new API\n findItemFilterById, // new API\n removeFilterItem, // new API\n addGroupFilterToItem, // new API\n unGroupFilterToItem, // new API\n changeFilterItem, // new API\n changeGroupOperator, // new API\n} from './actions';\nimport QueryBuilderFormat from '../format/format';\n/**\n * Fluent interface: https://en.wikipedia.org/wiki/Fluent_interface\n *\n * @param idGroup\n * @param parentIdGroup\n * @param items\n * @param idFilter\n * @param value\n * @param data\n * @class QueryBuilderStore\n */\nclass QueryBuilderStore {\n items = [];\n\n step = 0;\n\n steps = {};\n\n mapFilters = {};\n\n mapGroups = {};\n\n main = null;\n\n format = null;\n\n constructor(init, format) {\n this.firstLoad = true;\n this.format = format;\n if (init) return this.initSetupUp(init);\n const mainGroup = this.createNewGroup('main');\n this.mapGroups = {\n [mainGroup.idGroup]: mainGroup,\n };\n this.main = mainGroup.idGroup;\n this.addFilter(mainGroup.idGroup);\n }\n\n initSetupUp(init) {\n this.step = init.step || 1;\n Object.keys(init).forEach((key) => {\n if (init[key] && this[key] !== undefined) this[key] = init[key];\n });\n }\n\n createNewFilter = (idGroup) => createNewFilter.call(this, idGroup);\n\n createNewGroup = (parentIdGroup) => createNewGroup.call(this, parentIdGroup);\n\n onOrderDragAndDrop = (items) => {\n this.items = items;\n return this.getState();\n };\n\n // eslint-disable-next-line no-unused-vars\n addFilterNextToFilterId = (idGroup, idFilter) => {\n // eslint-disable-line\n this.addFilter(idGroup);\n return this.getState();\n };\n\n addFilter = (idGroup) => {\n const newFilter = this.createNewFilter(idGroup);\n addFilterToMap.call(this, newFilter);\n // new API\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newFilter);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newFilter);\n }\n }\n return this.getState();\n };\n\n onRemoveFilter = (idFilter) => {\n // new API\n removeFilterItem.call(this, idFilter);\n return this.getState();\n };\n\n addRuleContainerInPlace = (idGroup, idFilter) => {\n // Create a new group\n const newGroup = this.createNewGroup(idGroup);\n addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);\n return this.getState();\n };\n\n /**\n * Group a filter inside a new Group\n *\n * @param idGroup\n * @param idFilter\n */\n // eslint-disable-next-line no-unused-vars\n addRuleContainer = (idGroup, idFilter) => {\n // eslint-disable-line\n const newGroup = this.createNewGroup(idGroup);\n addGroupToMap.call(this, newGroup);\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newGroup);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newGroup);\n }\n }\n return this.getState();\n };\n\n unGroup = (idGroup) => {\n unGroupFilterToItem.call(this, idGroup);\n return this.getState();\n };\n\n changeGroupOperator = (idGroup, value) => {\n this.getGroupById(idGroup).condition = value;\n changeGroupOperator.call(this, idGroup, value);\n return this.getState();\n };\n\n changeFilter = (data) => {\n const { idFilter } = data;\n this.mapFilters[idFilter] = {\n ...this.mapFilters[idFilter],\n ...data,\n };\n changeFilterItem.call(this, data);\n return this.getState();\n };\n\n getGroupById = (idGroup) => this.mapGroups[idGroup] || {};\n\n getFilterById = (idFilter) => this.mapFilters[idFilter];\n\n getInitialState = () => {\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n\n getState = () => {\n this.step += 1;\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n}\n\nexport default QueryBuilderStore;\n"],"names":["QueryBuilderStore","init","format","items","step","steps","mapFilters","mapGroups","main","createNewFilter","idGroup","call","createNewGroup","parentIdGroup","onOrderDragAndDrop","getState","addFilterNextToFilterId","idFilter","addFilter","newFilter","addFilterToMap","addFilterToMainItem","foundInItems","findItemFilterById","addFilterToItem","onRemoveFilter","removeFilterItem","addRuleContainerInPlace","newGroup","addGroupFilterToItem","addRuleContainer","addGroupToMap","unGroup","unGroupFilterToItem","changeGroupOperator","value","getGroupById","condition","changeFilter","data","changeFilterItem","getFilterById","getInitialState","newFilters","QueryBuilderFormat","run","firstLoad","initSetupUp","mainGroup","Object","keys","forEach","key","undefined"],"mappings":"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"}
|
package/cjs/index.js
CHANGED
|
@@ -11,14 +11,14 @@ require('react-desc');
|
|
|
11
11
|
require('./components/QueryBuilderImpl.js');
|
|
12
12
|
require('@babel/runtime/helpers/extends');
|
|
13
13
|
require('@babel/runtime/helpers/objectWithoutProperties');
|
|
14
|
+
require('@babel/runtime/helpers/defineProperty');
|
|
14
15
|
require('@babel/runtime/helpers/classCallCheck');
|
|
15
16
|
require('@babel/runtime/helpers/createClass');
|
|
16
|
-
require('@babel/runtime/helpers/assertThisInitialized');
|
|
17
17
|
require('@babel/runtime/helpers/inherits');
|
|
18
18
|
require('@babel/runtime/helpers/possibleConstructorReturn');
|
|
19
19
|
require('@babel/runtime/helpers/getPrototypeOf');
|
|
20
|
-
require('@babel/runtime/helpers/defineProperty');
|
|
21
20
|
require('./components/Nestable/Nestable.js');
|
|
21
|
+
require('@babel/runtime/helpers/assertThisInitialized');
|
|
22
22
|
require('prop-types');
|
|
23
23
|
require('classnames');
|
|
24
24
|
require('@elliemae/ds-shared/utils');
|
package/esm/DSQueryBuilder.js
CHANGED
|
@@ -8,14 +8,14 @@ export { default as QueryBuilderFormat } from './components/format/format.js';
|
|
|
8
8
|
import { props } from './propTypes.js';
|
|
9
9
|
import '@babel/runtime/helpers/esm/extends';
|
|
10
10
|
import '@babel/runtime/helpers/esm/objectWithoutProperties';
|
|
11
|
+
import '@babel/runtime/helpers/esm/defineProperty';
|
|
11
12
|
import '@babel/runtime/helpers/esm/classCallCheck';
|
|
12
13
|
import '@babel/runtime/helpers/esm/createClass';
|
|
13
|
-
import '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
14
14
|
import '@babel/runtime/helpers/esm/inherits';
|
|
15
15
|
import '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
16
16
|
import '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
17
|
-
import '@babel/runtime/helpers/esm/defineProperty';
|
|
18
17
|
import './components/Nestable/Nestable.js';
|
|
18
|
+
import '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
19
19
|
import 'prop-types';
|
|
20
20
|
import 'classnames';
|
|
21
21
|
import '@elliemae/ds-shared/utils';
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
|
|
2
2
|
import _createClass from '@babel/runtime/helpers/esm/createClass';
|
|
3
|
-
import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
4
3
|
import _inherits from '@babel/runtime/helpers/esm/inherits';
|
|
5
4
|
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
6
5
|
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
7
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
6
|
import React, { Component } from 'react';
|
|
9
7
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
10
8
|
import DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';
|
|
@@ -49,12 +47,12 @@ var AndOrController = /*#__PURE__*/function (_Component) {
|
|
|
49
47
|
|
|
50
48
|
_this = _super.call(this, props);
|
|
51
49
|
|
|
52
|
-
|
|
50
|
+
_this.handleMouseEnterRow = function (e) {
|
|
53
51
|
_this.handleTooltipRow(true); // this.handleMouseMove(e)
|
|
54
52
|
|
|
55
|
-
}
|
|
53
|
+
};
|
|
56
54
|
|
|
57
|
-
|
|
55
|
+
_this.handleMouseMove = function (e) {
|
|
58
56
|
if (!_this.contenerRef.current) return;
|
|
59
57
|
var mouse = e.clientY;
|
|
60
58
|
|
|
@@ -70,20 +68,20 @@ var AndOrController = /*#__PURE__*/function (_Component) {
|
|
|
70
68
|
_this.setState({
|
|
71
69
|
top: mouse - topDiff - refHeight / 2 - delta
|
|
72
70
|
});
|
|
73
|
-
}
|
|
71
|
+
};
|
|
74
72
|
|
|
75
|
-
|
|
73
|
+
_this.handleMouseLeaveRow = function () {
|
|
76
74
|
_this.handleTooltipRow(false);
|
|
77
|
-
}
|
|
75
|
+
};
|
|
78
76
|
|
|
79
|
-
|
|
77
|
+
_this.handleTooltipRow = function (isOpen) {
|
|
80
78
|
_this.setState({
|
|
81
79
|
isOpen: isOpen
|
|
82
80
|
});
|
|
83
81
|
|
|
84
82
|
var handleTooltipGroup = _this.props.handleTooltipGroup;
|
|
85
83
|
handleTooltipGroup(isOpen);
|
|
86
|
-
}
|
|
84
|
+
};
|
|
87
85
|
|
|
88
86
|
_this.contenerRef = /*#__PURE__*/React.createRef();
|
|
89
87
|
_this.myRef = /*#__PURE__*/React.createRef();
|
|
@@ -212,7 +210,7 @@ var AndOrController = /*#__PURE__*/function (_Component) {
|
|
|
212
210
|
return AndOrController;
|
|
213
211
|
}(Component);
|
|
214
212
|
|
|
215
|
-
|
|
213
|
+
AndOrController.defaultProps = {
|
|
216
214
|
isMain: false,
|
|
217
215
|
handleRuleContainerOperator: function handleRuleContainerOperator() {
|
|
218
216
|
return null;
|
|
@@ -241,7 +239,7 @@ _defineProperty(AndOrController, "defaultProps", {
|
|
|
241
239
|
toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,
|
|
242
240
|
toolBarInteractionType: PopperInteractions.CLICK,
|
|
243
241
|
toolBarPosition: PopperPositions.LEFT
|
|
244
|
-
}
|
|
242
|
+
};
|
|
245
243
|
|
|
246
244
|
export { AndOrController as default };
|
|
247
245
|
//# sourceMappingURL=AndOrController.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AndOrController.js","sources":["../../../../src/components/AndOrController/AndOrController.tsx"],"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';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\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 *\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 <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 {allowUnGroup && (\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 <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"],"names":["convertPropToCssClassName","cssClassName","classNameBlock","classNameElement","mainModifier","classNameBlockModifier","AndOrController","props","e","handleTooltipRow","contenerRef","current","mouse","clientY","getBoundingClientRect","height","delta","topDiff","myRef","top","refHeight","setState","isOpen","handleTooltipGroup","React","createRef","state","right","handleRuleContainerOperator","handleRuleContainerUnGroup","labelOn","labelOff","condition","showDragController","allowUnGroup","buttonActionSize","buttonActionType","toogleActionSize","onAddFilter","multipleSize","delayClose","delayOpen","step","toolBarAnimationDuration","toolBarInteractionType","toolBarPosition","isMain","toolTipZIndex","handleMouseLeaveRow","transition","position","target","checked","TooltipType","TOOLBAR","DSIconColors","NEUTRAL","handleMouseEnterRow","DSIconSizes","S","Component","M","DELAY_CLOSE","DELAY_OPEN","TOOLBAR_ANIMATION_DURATION","Interaction","CLICK","Position","LEFT"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,4BACEA,yBAAyB,CAAC,iCAAD,CAD3B;AAAA,IAAQC,YAAR,yBAAQA,YAAR;AAAA,IAAsBC,cAAtB,yBAAsBA,cAAtB;AAAA,IAAsCC,gBAAtC,yBAAsCA,gBAAtC;AAAA,IAAwDC,YAAxD,yBAAwDA,YAAxD;AAAA,IAAsEC,sBAAtE,yBAAsEA,sBAAtE;AAEA;AACA;AACA;AACA;AACA;AACA;;;IACMC;;;;;AAwBJ,2BAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,0EAWG,UAACC,CAAD,EAAO;AAC3B,YAAKC,gBAAL,CAAsB,IAAtB,EAD2B;;AAG5B,KAdkB;;AAAA,sEAgBD,UAACD,CAAD,EAAO;AACvB,UAAI,CAAC,MAAKE,WAAL,CAAiBC,OAAtB,EAA+B;AAC/B,UAAMC,KAAK,GAAGJ,CAAC,CAACK,OAAhB;;AACA,kCAAmB,MAAKH,WAAL,CAAiBC,OAAjB,CAAyBG,qBAAzB,EAAnB;AAAA,UAAQC,MAAR,yBAAQA,MAAR;;AACA,UAAMC,KAAK,GAAGD,MAAM,GAAG,CAAvB;;AACA,UAAME,OAAO,GAAG,MAAKC,KAAL,CAAWP,OAAX,CAAmBG,qBAAnB,GAA2CK,GAA3D;;AACA,UAAMC,SAAS,GAAG,MAAKF,KAAL,CAAWP,OAAX,CAAmBG,qBAAnB,GAA2CC,MAA7D;;AAEA,YAAKM,QAAL,CAAc;AACZF,QAAAA,GAAG,EAAEP,KAAK,GAAGK,OAAR,GAAkBG,SAAS,GAAG,CAA9B,GAAkCJ;AAD3B,OAAd;AAGD,KA3BkB;;AAAA,0EA6BG,YAAM;AAC1B,YAAKP,gBAAL,CAAsB,KAAtB;AACD,KA/BkB;;AAAA,uEAiCA,UAACa,MAAD,EAAY;AAC7B,YAAKD,QAAL,CAAc;AAAEC,QAAAA,MAAM,EAANA;AAAF,OAAd;;AACA,UAAQC,kBAAR,GAA+B,MAAKhB,KAApC,CAAQgB,kBAAR;AACAA,MAAAA,kBAAkB,CAACD,MAAD,CAAlB;AACD,KArCkB;;AAEjB,UAAKZ,WAAL,gBAAmBc,KAAK,CAACC,SAAN,EAAnB;AACA,UAAKP,KAAL,gBAAaM,KAAK,CAACC,SAAN,EAAb;AACA,UAAKC,KAAL,GAAa;AACXJ,MAAAA,MAAM,EAAE,KADG;AAEXH,MAAAA,GAAG,EAAE,CAFM;AAGXQ,MAAAA,KAAK,EAAE,CAAC;AAHG,KAAb;AAJiB;AASlB;;;;WA8BD,kBAAS;AACP,wBAqBI,KAAKpB,KArBT;AAAA,UACEqB,2BADF,eACEA,2BADF;AAAA,UAEEC,0BAFF,eAEEA,0BAFF;AAAA,UAGEC,OAHF,eAGEA,OAHF;AAAA,UAIEC,QAJF,eAIEA,QAJF;AAAA,UAKEC,SALF,eAKEA,SALF;AAAA,UAMEC,kBANF,eAMEA,kBANF;AAAA,UAOEC,YAPF,eAOEA,YAPF;AAAA,UAQEC,gBARF,eAQEA,gBARF;AAAA,UASEC,gBATF,eASEA,gBATF;AAAA,UAUEC,gBAVF,eAUEA,gBAVF;AAAA,UAWEC,WAXF,eAWEA,WAXF;AAAA,UAYEC,YAZF,eAYEA,YAZF;AAAA,UAaEC,UAbF,eAaEA,UAbF;AAAA,UAcEC,SAdF,eAcEA,SAdF;AAAA,UAeEC,IAfF,eAeEA,IAfF;AAAA,UAgBEC,wBAhBF,eAgBEA,wBAhBF;AAAA,UAiBEC,sBAjBF,eAiBEA,sBAjBF;AAAA,UAkBEC,eAlBF,eAkBEA,eAlBF;AAAA,UAmBEC,MAnBF,eAmBEA,MAnBF;AAAA,UAoBEC,aApBF,eAoBEA,aApBF;AAsBA,wBAA+B,KAAKrB,KAApC;AAAA,UAAQJ,MAAR,eAAQA,MAAR;AAAA,UAAgBH,GAAhB,eAAgBA,GAAhB;AAAA,UAAqBQ,KAArB,eAAqBA,KAArB;AACA,0BACE;AACE,QAAA,GAAG,EAAE,KAAKT,KADZ;AAEE,QAAA,SAAS,YAAKjB,YAAL,cAAqBG,YAAY,CAAC4B,SAAS,GAAG,QAAH,GAAc,SAAxB,CAAjC,mBAA4EU,IAA5E,eACPI,MAAM,GAAG,oBAAH,GAA0B,EADzB,CAFX;AAAA;AAME,QAAA,YAAY,EAAE,KAAKE,mBANrB;;AAAA,sBASE;AAAK,QAAA,SAAS,YAAK9C,cAAc,CAAC,SAAD,CAAnB,mBAAuCwC,IAAvC;AAAd,sBACE,oBAAC,SAAD;AACE,QAAA,UAAU,EAAEF,UADd;AAEE,QAAA,SAAS,EAAEC,SAFb;AAGE,QAAA,eAAe,EAAEG,sBAHnB;AAIE,QAAA,MAAM,EAAEtB,MAJV;AAKE,QAAA,MAAM,EAAE,KAAKb,gBALf;AAME,QAAA,SAAS,EAAEoC,eANb;AAOE,QAAA,wBAAwB,eAAE,oBAAC,gBAAD;AAAkB,UAAA,QAAQ,EAAEF;AAA5B,UAP5B;AAQE,QAAA,IAAI,EAAED,IARR;AASE,QAAA,KAAK,eACH;AACE,UAAA,GAAG,EAAE,KAAKhC,WADZ;AAEE,UAAA,SAAS,EAAER,cAAc,CAAC,SAAD,CAF3B;AAGE,UAAA,KAAK,EAAE;AACL+C,YAAAA,UAAU,EAAE,MADP;AAELC,YAAAA,QAAQ,EAAE,UAFL;AAGL/B,YAAAA,GAAG,YAAKA,GAAL,OAHE;AAILQ,YAAAA,KAAK,YAAKA,KAAL;AAJA;AAHT,wBAUE,oBAAC,QAAD;AACE,UAAA,UAAU,EAAES,gBADd;AAEE,UAAA,SAAS,EAAEjC,gBAAgB,CAAC,UAAD,CAF7B;AAGE,UAAA,IAAI,eAAE,oBAAC,QAAD,OAHR;AAIE,UAAA,OAAO,EAAEmC,WAJX;AAKE,UAAA,IAAI,EAAEH,gBALR;AAME,UAAA,cAAc,EAAE;AACd,2BAAe;AADD;AANlB,UAVF,EAoBGD,YAAY,iBACX,oBAAC,QAAD;AACE,UAAA,UAAU,EAAC,MADb;AAEE,UAAA,SAAS,EAAE/B,gBAAgB,CAAC,SAAD,CAF7B;AAGE,UAAA,IAAI,eAAE,oBAAC,iBAAD,OAHR;AAIE,UAAA,OAAO,EAAE0B,0BAJX;AAKE,UAAA,IAAI,EAAEM,gBALR;AAME,UAAA,cAAc,EAAE;AACd,2BAAe;AADD;AANlB,UArBJ,eAgCE,oBAAC,QAAD;AACE,UAAA,OAAO,EAAEH,SADX;AAEE,UAAA,SAAS,EAAE7B,gBAAgB,CAAC,eAAD,CAF7B;AAGE,UAAA,QAAQ,EAAE4B,QAHZ;AAIE,UAAA,OAAO,EAAED,OAJX;AAKE,UAAA,QAAQ,EAAE,kBAACtB,CAAD;AAAA,mBAAOoB,2BAA2B,CAACpB,CAAC,CAAC2C,MAAF,CAASC,OAAV,CAAlC;AAAA,WALZ;AAME,UAAA,IAAI,EAAEf,gBANR;AAOE,UAAA,cAAc,EAAE;AACd,2BAAe;AADD;AAPlB,UAhCF,CAVJ;AAuDE,QAAA,WAAW,EAAEgB,WAAW,CAACC,OAvD3B;AAwDE,QAAA,gBAAgB,eACd;AACE,UAAA,SAAS,YAAKpD,cAAc,CAAC,oBAAD,CAAnB,cACP+B,kBAAkB,GAAG5B,sBAAsB,CAAC,WAAD,EAAc,oBAAd,CAAzB,GAA+D,EAD1E,mBAEAqC,IAFA;AADX,wBAKE;AAAK,UAAA,SAAS,EAAEvC,gBAAgB,CAAC,mBAAD;AAAhC,wBACE;AAAM,UAAA,SAAS,EAAEA,gBAAgB,CAAC,yBAAD;AAAjC,WAA+D6B,SAAS,GAAGF,OAAH,GAAaC,QAArF,CADF,eAEE;AAAM,UAAA,SAAS,EAAE5B,gBAAgB,CAAC,wBAAD;AAAjC,WAA8DuC,IAA9D,CAFF,eAGE;AAAK,UAAA,SAAS,EAAC;AAAf,UAHF,eAIE,oBAAC,eAAD;AACE,UAAA,KAAK,EAAEa,YAAY,CAACC,OADtB;AAEE,UAAA,OAAO,EAAE,KAAKC,mBAFhB;AAGE,UAAA,IAAI,EAAEC,WAAW,CAACC,CAHpB;AAIE,UAAA,cAAc,EAAE;AACd,2BAAe;AADD;AAJlB,UAJF,CALF,EAkBG1B,kBAAkB,iBACjB,oBAAC,uBAAD;AAAyB,UAAA,YAAY,EAAEM,YAAvC;AAAqD,UAAA,OAAO,EAAE,KAAKkB;AAAnE,UAnBJ,CAzDJ;AAgFE,QAAA,MAAM,EAAEV;AAhFV,QADF,CATF,CADF;AAgGD;;;;EAvL2Ba;;gBAAxBtD,iCACkB;AACpBwC,EAAAA,MAAM,EAAE,KADY;AAEpBlB,EAAAA,2BAA2B,EAAE;AAAA,WAAM,IAAN;AAAA,GAFT;AAGpBC,EAAAA,0BAA0B,EAAE;AAAA,WAAM,IAAN;AAAA,GAHR;AAIpBN,EAAAA,kBAAkB,EAAE;AAAA,WAAM,IAAN;AAAA,GAJA;AAKpBO,EAAAA,OAAO,EAAE,KALW;AAMpBC,EAAAA,QAAQ,EAAE,IANU;AAOpBC,EAAAA,SAAS,EAAE,IAPS;AAQpBC,EAAAA,kBAAkB,EAAE,IARA;AASpBC,EAAAA,YAAY,EAAE,IATM;AAUpBC,EAAAA,gBAAgB,EAAEuB,WAAW,CAACG,CAVV;AAWpBzB,EAAAA,gBAAgB,EAAE,MAXE;AAYpBC,EAAAA,gBAAgB,EAAEqB,WAAW,CAACC,CAZV;AAapBrB,EAAAA,WAAW,EAAE;AAAA,WAAM,IAAN;AAAA,GAbO;AAcpBC,EAAAA,YAAY,EAAE,KAdM;AAepBC,EAAAA,UAAU,EAAEsB,WAfQ;AAgBpBrB,EAAAA,SAAS,EAAEsB,UAhBS;AAiBpBrB,EAAAA,IAAI,EAAE,IAjBc;AAkBpBC,EAAAA,wBAAwB,EAAEqB,0BAlBN;AAmBpBpB,EAAAA,sBAAsB,EAAEqB,kBAAW,CAACC,KAnBhB;AAoBpBrB,EAAAA,eAAe,EAAEsB,eAAQ,CAACC;AApBN;;;;"}
|
|
1
|
+
{"version":3,"file":"AndOrController.js","sources":["../../../../src/components/AndOrController/AndOrController.tsx"],"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';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\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 *\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 <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 {allowUnGroup && (\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 <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"],"names":["convertPropToCssClassName","cssClassName","classNameBlock","classNameElement","mainModifier","classNameBlockModifier","AndOrController","props","handleMouseEnterRow","e","handleTooltipRow","handleMouseMove","contenerRef","current","mouse","clientY","getBoundingClientRect","height","delta","topDiff","myRef","top","refHeight","setState","handleMouseLeaveRow","isOpen","handleTooltipGroup","React","createRef","state","right","handleRuleContainerOperator","handleRuleContainerUnGroup","labelOn","labelOff","condition","showDragController","allowUnGroup","buttonActionSize","buttonActionType","toogleActionSize","onAddFilter","multipleSize","delayClose","delayOpen","step","toolBarAnimationDuration","toolBarInteractionType","toolBarPosition","isMain","toolTipZIndex","transition","position","target","checked","TooltipType","TOOLBAR","DSIconColors","NEUTRAL","DSIconSizes","S","Component","defaultProps","M","DELAY_CLOSE","DELAY_OPEN","TOOLBAR_ANIMATION_DURATION","Interaction","CLICK","Position","LEFT"],"mappings":"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"}
|
|
@@ -1,11 +1,9 @@
|
|
|
1
1
|
import _typeof from '@babel/runtime/helpers/esm/typeof';
|
|
2
2
|
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
|
|
3
3
|
import _createClass from '@babel/runtime/helpers/esm/createClass';
|
|
4
|
-
import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
5
4
|
import _inherits from '@babel/runtime/helpers/esm/inherits';
|
|
6
5
|
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
7
6
|
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
8
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
9
7
|
import React, { Component } from 'react';
|
|
10
8
|
import { Grid } from '@elliemae/ds-grid';
|
|
11
9
|
import { convertPropToCssClassName } from '@elliemae/ds-classnames';
|
|
@@ -32,14 +30,14 @@ var DisplayOutput = /*#__PURE__*/function (_Component) {
|
|
|
32
30
|
|
|
33
31
|
_this = _super.call(this, props);
|
|
34
32
|
|
|
35
|
-
|
|
33
|
+
_this.handleChange = function () {
|
|
36
34
|
_this.setState(function (_ref) {
|
|
37
35
|
var show = _ref.show;
|
|
38
36
|
return {
|
|
39
37
|
show: !show
|
|
40
38
|
};
|
|
41
39
|
});
|
|
42
|
-
}
|
|
40
|
+
};
|
|
43
41
|
|
|
44
42
|
_this.state = {
|
|
45
43
|
show: props.show
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DisplayOutput.js","sources":["../../../../src/components/DisplayOutput/DisplayOutput.tsx"],"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';\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}>\n <Grid p=\"xxs\">\n <strong>{displayFixedOutput}</strong>\n </Grid>\n <Grid pl=\"xxs\" pr=\"xxs\">\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"],"names":["convertPropToCssClassName","cssClassName","DisplayOutput","props","setState","show","state","showLabel","hideLabel","displayFixedOutput","format","display","JSON","stringify","e","
|
|
1
|
+
{"version":3,"file":"DisplayOutput.js","sources":["../../../../src/components/DisplayOutput/DisplayOutput.tsx"],"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';\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}>\n <Grid p=\"xxs\">\n <strong>{displayFixedOutput}</strong>\n </Grid>\n <Grid pl=\"xxs\" pr=\"xxs\">\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"],"names":["convertPropToCssClassName","cssClassName","DisplayOutput","props","handleChange","setState","show","state","showLabel","hideLabel","displayFixedOutput","format","display","JSON","stringify","e","ChevronRight","ChevronDown","Component"],"mappings":";;;;;;;;;;;;;;;;;AAOA,4BAAyBA,yBAAyB,CAAC,sBAAD,CAAlD;AAAA,IAAQC,YAAR,yBAAQA,YAAR;;IAEMC;;;;;AACJ,yBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,UAOnBC,YAPmB,GAOJ,YAAM;AACnB,YAAKC,QAAL,CAAc;AAAA,YAAGC,IAAH,QAAGA,IAAH;AAAA,eAAe;AAC3BA,UAAAA,IAAI,EAAE,CAACA;AADoB,SAAf;AAAA,OAAd;AAGD,KAXkB;;AAEjB,UAAKC,KAAL,GAAa;AACXD,MAAAA,IAAI,EAAEH,KAAK,CAACG;AADD,KAAb;AAFiB;AAKlB;;;;WAQD,kBAAS;AAAA;;AACP,UAAQA,IAAR,GAAiB,KAAKC,KAAtB,CAAQD,IAAR;AACA,wBAAqD,KAAKH,KAA1D;AAAA,UAAQK,SAAR,eAAQA,SAAR;AAAA,UAAmBC,SAAnB,eAAmBA,SAAnB;AAAA,UAA8BC,kBAA9B,eAA8BA,kBAA9B;AACA,0BACE,oBAAC,mBAAD,CAAqB,QAArB,QACG,iBAAgB;AAAA,YAAbC,MAAa,SAAbA,MAAa;AACf,YAAIC,OAAO,GAAG,EAAd;;AACA,YAAI;AACFA,UAAAA,OAAO,GAAG,QAAOD,MAAP,MAAkB,QAAlB,GAA6BE,IAAI,CAACC,SAAL,CAAeH,MAAf,CAA7B,GAAsDA,MAAhE;AACD,SAFD,CAEE,OAAOI,CAAP,EAAU;AACVH,UAAAA,OAAO,GAAGG,CAAV;AACD;;AACD,YAAIL,kBAAJ,EAAwB;AACtB,8BACE;AAAK,YAAA,SAAS,EAAET;AAAhB,0BACE,oBAAC,IAAD;AAAM,YAAA,CAAC,EAAC;AAAR,0BACE,oCAASS,kBAAT,CADF,CADF,eAIE,oBAAC,IAAD;AAAM,YAAA,EAAE,EAAC,KAAT;AAAe,YAAA,EAAE,EAAC;AAAlB,aACGE,OADH,CAJF,CADF;AAUD;;AAED,4BACE;AAAK,UAAA,SAAS,EAAEX;AAAhB,wBACE,oBAAC,WAAD;AAAa,UAAA,WAAW,EAAEK,IAA1B;AAAgC,UAAA,QAAQ,EAAE,MAAI,CAACF;AAA/C,wBACE,oBAAC,eAAD;AACE,UAAA,UAAU,EAAEY,YADd;AAEE,UAAA,UAAU,EAAEC,WAFd;AAGE,UAAA,KAAK,EAAEX,IAAI,GAAGG,SAAH,GAAeD,SAH5B;AAIE,UAAA,KAAK;AAJP,wBAME,iCAAMI,OAAN,CANF,CADF,CADF,CADF;AAcD,OAnCH,CADF;AAuCD;;;;EAxDyBM;;;;"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
1
2
|
import _classCallCheck from '@babel/runtime/helpers/esm/classCallCheck';
|
|
2
3
|
import _createClass from '@babel/runtime/helpers/esm/createClass';
|
|
3
4
|
import _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';
|
|
4
5
|
import _inherits from '@babel/runtime/helpers/esm/inherits';
|
|
5
6
|
import _possibleConstructorReturn from '@babel/runtime/helpers/esm/possibleConstructorReturn';
|
|
6
7
|
import _getPrototypeOf from '@babel/runtime/helpers/esm/getPrototypeOf';
|
|
7
|
-
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
8
8
|
import React, { Component } from 'react';
|
|
9
9
|
import PropTypes from 'prop-types';
|
|
10
10
|
import cn from 'classnames';
|
|
@@ -45,68 +45,68 @@ var Nestable = /*#__PURE__*/function (_Component) {
|
|
|
45
45
|
|
|
46
46
|
_this = _super.call(this, props);
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
_this.onDragStart = function (e, item) {
|
|
49
49
|
onDragStart.call(_assertThisInitialized(_this), e, item);
|
|
50
|
-
}
|
|
50
|
+
};
|
|
51
51
|
|
|
52
|
-
|
|
52
|
+
_this.onDragEnd = function (e, isCancel) {
|
|
53
53
|
return onDragEnd.call(_assertThisInitialized(_this), e, isCancel);
|
|
54
|
-
}
|
|
54
|
+
};
|
|
55
55
|
|
|
56
|
-
|
|
56
|
+
_this.onMouseMove = function (e) {
|
|
57
57
|
return onMouseMove.call(_assertThisInitialized(_this), e);
|
|
58
|
-
}
|
|
58
|
+
};
|
|
59
59
|
|
|
60
|
-
|
|
60
|
+
_this.onMouseEnter = function (e, item) {
|
|
61
61
|
return onMouseEnter.call(_assertThisInitialized(_this), e, item);
|
|
62
|
-
}
|
|
62
|
+
};
|
|
63
63
|
|
|
64
|
-
|
|
64
|
+
_this.onToggleCollapse = function (item, isGetter) {
|
|
65
65
|
return onToggleCollapse.call(_assertThisInitialized(_this), item, isGetter);
|
|
66
|
-
}
|
|
66
|
+
};
|
|
67
67
|
|
|
68
|
-
|
|
68
|
+
_this.onKeyDown = function (e) {
|
|
69
69
|
return onKeyDown.call(_assertThisInitialized(_this), e);
|
|
70
|
-
}
|
|
70
|
+
};
|
|
71
71
|
|
|
72
|
-
|
|
72
|
+
_this.getDefaultItems = function () {
|
|
73
73
|
var items = _this.state.items;
|
|
74
74
|
return items;
|
|
75
|
-
}
|
|
75
|
+
};
|
|
76
76
|
|
|
77
|
-
|
|
77
|
+
_this.getItemDepth = function (item) {
|
|
78
78
|
return getItemDepth.call(_assertThisInitialized(_this), item);
|
|
79
|
-
}
|
|
79
|
+
};
|
|
80
80
|
|
|
81
|
-
|
|
81
|
+
_this.startTrackMouse = function () {
|
|
82
82
|
document.addEventListener('mousemove', _this.onMouseMove);
|
|
83
83
|
document.addEventListener('mouseup', _this.onDragEnd);
|
|
84
84
|
document.addEventListener('keydown', _this.onKeyDown);
|
|
85
|
-
}
|
|
85
|
+
};
|
|
86
86
|
|
|
87
|
-
|
|
87
|
+
_this.stopTrackMouse = function () {
|
|
88
88
|
document.removeEventListener('mousemove', _this.onMouseMove);
|
|
89
89
|
document.removeEventListener('mouseup', _this.onDragEnd);
|
|
90
90
|
document.removeEventListener('keydown', _this.onKeyDown);
|
|
91
91
|
_this.elCopyStyles = null;
|
|
92
|
-
}
|
|
92
|
+
};
|
|
93
93
|
|
|
94
|
-
|
|
94
|
+
_this.isCollapsed = function (item) {
|
|
95
95
|
var collapsed = _this.props.collapsed;
|
|
96
96
|
var collapsedGroups = _this.state.collapsedGroups;
|
|
97
97
|
return !!(collapsedGroups.indexOf(item.id) > -1 ^ collapsed);
|
|
98
|
-
}
|
|
98
|
+
};
|
|
99
99
|
|
|
100
|
-
|
|
100
|
+
_this.checkFilterChildren = function (items) {
|
|
101
101
|
return items.find(function (current) {
|
|
102
102
|
var type = current.element.type,
|
|
103
103
|
children = current.children;
|
|
104
104
|
if (type === 'filter' && children.length > 0) return true;
|
|
105
105
|
return _this.checkFilterChildren(children);
|
|
106
106
|
});
|
|
107
|
-
}
|
|
107
|
+
};
|
|
108
108
|
|
|
109
|
-
|
|
109
|
+
_this.dragRevert = function () {
|
|
110
110
|
var itemsOld = _this.state.itemsOld;
|
|
111
111
|
|
|
112
112
|
_this.setState({
|
|
@@ -115,7 +115,7 @@ var Nestable = /*#__PURE__*/function (_Component) {
|
|
|
115
115
|
dragItem: null,
|
|
116
116
|
isDirty: false
|
|
117
117
|
});
|
|
118
|
-
}
|
|
118
|
+
};
|
|
119
119
|
|
|
120
120
|
_this.state = {
|
|
121
121
|
items: [],
|