@elliemae/ds-query-builder 2.2.0-alpha.4 → 3.0.0-next.2
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 +97 -117
- package/cjs/components/AndOrController/AndOrController.js +162 -148
- package/cjs/components/ConditionController/ConditionController.js +72 -88
- package/cjs/components/DisplayOutput/DisplayOutput.js +68 -63
- package/cjs/components/DragContainerController/DragContainerController.js +41 -61
- package/cjs/components/DragControllerRow/DragControllerRow.js +46 -50
- package/cjs/components/FieldControllerRow/FieldControllerRow.js +32 -54
- package/cjs/components/Nestable/Nestable.js +209 -143
- package/cjs/components/Nestable/NestableItem.js +90 -98
- package/cjs/components/Nestable/actions/events.js +95 -72
- package/cjs/components/Nestable/actions/getItemOptions.js +15 -36
- package/cjs/components/Nestable/actions/getPaths.js +51 -46
- package/cjs/components/Nestable/actions/index.js +28 -42
- package/cjs/components/Nestable/actions/moveItem.js +42 -44
- package/cjs/components/Nestable/actions/paths.js +55 -48
- package/cjs/components/Nestable/actions/tryDecreaseDepth.js +23 -39
- package/cjs/components/Nestable/actions/tryIncreaseDepth.js +26 -39
- package/cjs/components/Nestable/index.js +7 -36
- package/cjs/components/QueryBuilderContext/QueryBuilderContext.js +13 -36
- package/cjs/components/QueryBuilderImpl.js +202 -118
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js +78 -80
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js +211 -154
- package/cjs/components/ToolBarAnimation/ToolBarAnimation.js +26 -39
- package/cjs/components/format/format.js +22 -48
- package/cjs/components/format/sqlFormat.js +48 -69
- package/cjs/components/format/sqlSafeFormat.js +55 -72
- package/cjs/components/format/xmlFormat.js +50 -71
- package/cjs/components/helpers/actions.js +186 -151
- package/cjs/components/helpers/constants.js +8 -36
- package/cjs/components/helpers/dependencies.js +64 -49
- package/cjs/components/helpers/selectors.js +101 -161
- package/cjs/components/helpers/store.js +104 -86
- package/cjs/components/helpers/types.js +44 -72
- package/cjs/index.js +29 -36
- package/cjs/propTypes.js +94 -102
- package/esm/DSQueryBuilder.js +72 -103
- package/esm/components/AndOrController/AndOrController.js +147 -113
- package/esm/components/ConditionController/ConditionController.js +62 -57
- package/esm/components/DisplayOutput/DisplayOutput.js +59 -31
- package/esm/components/DragContainerController/DragContainerController.js +35 -32
- package/esm/components/DragControllerRow/DragControllerRow.js +38 -21
- package/esm/components/FieldControllerRow/FieldControllerRow.js +26 -25
- package/esm/components/Nestable/Nestable.js +186 -115
- package/esm/components/Nestable/NestableItem.js +82 -69
- package/esm/components/Nestable/actions/events.js +79 -45
- package/esm/components/Nestable/actions/getItemOptions.js +11 -7
- package/esm/components/Nestable/actions/getPaths.js +43 -17
- package/esm/components/Nestable/actions/index.js +6 -13
- package/esm/components/Nestable/actions/moveItem.js +31 -13
- package/esm/components/Nestable/actions/paths.js +47 -19
- package/esm/components/Nestable/actions/tryDecreaseDepth.js +19 -10
- package/esm/components/Nestable/actions/tryIncreaseDepth.js +22 -10
- package/esm/components/Nestable/index.js +2 -7
- package/esm/components/QueryBuilderContext/QueryBuilderContext.js +5 -7
- package/esm/components/QueryBuilderImpl.js +187 -82
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js +70 -50
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js +201 -123
- package/esm/components/ToolBarAnimation/ToolBarAnimation.js +17 -10
- package/esm/components/format/format.js +17 -16
- package/esm/components/format/sqlFormat.js +43 -39
- package/esm/components/format/sqlSafeFormat.js +50 -43
- package/esm/components/format/xmlFormat.js +45 -41
- package/esm/components/helpers/actions.js +160 -123
- package/esm/components/helpers/constants.js +2 -7
- package/esm/components/helpers/dependencies.js +39 -19
- package/esm/components/helpers/selectors.js +93 -132
- package/esm/components/helpers/store.js +82 -54
- package/esm/components/helpers/types.js +33 -44
- package/esm/index.js +4 -7
- package/esm/propTypes.js +72 -55
- package/package.json +12 -12
- package/cjs/DSQueryBuilder.js.map +0 -7
- package/cjs/components/AndOrController/AndOrController.js.map +0 -7
- package/cjs/components/ConditionController/ConditionController.js.map +0 -7
- package/cjs/components/DisplayOutput/DisplayOutput.js.map +0 -7
- package/cjs/components/DragContainerController/DragContainerController.js.map +0 -7
- package/cjs/components/DragControllerRow/DragControllerRow.js.map +0 -7
- package/cjs/components/FieldControllerRow/FieldControllerRow.js.map +0 -7
- package/cjs/components/Nestable/Nestable.js.map +0 -7
- package/cjs/components/Nestable/NestableItem.js.map +0 -7
- package/cjs/components/Nestable/actions/events.js.map +0 -7
- package/cjs/components/Nestable/actions/getItemOptions.js.map +0 -7
- package/cjs/components/Nestable/actions/getPaths.js.map +0 -7
- package/cjs/components/Nestable/actions/index.js.map +0 -7
- package/cjs/components/Nestable/actions/moveItem.js.map +0 -7
- package/cjs/components/Nestable/actions/paths.js.map +0 -7
- package/cjs/components/Nestable/actions/tryDecreaseDepth.js.map +0 -7
- package/cjs/components/Nestable/actions/tryIncreaseDepth.js.map +0 -7
- package/cjs/components/Nestable/index.js.map +0 -7
- package/cjs/components/QueryBuilderContext/QueryBuilderContext.js.map +0 -7
- package/cjs/components/QueryBuilderImpl.js.map +0 -7
- package/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +0 -7
- package/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +0 -7
- package/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +0 -7
- package/cjs/components/format/format.js.map +0 -7
- package/cjs/components/format/sqlFormat.js.map +0 -7
- package/cjs/components/format/sqlSafeFormat.js.map +0 -7
- package/cjs/components/format/xmlFormat.js.map +0 -7
- package/cjs/components/helpers/actions.js.map +0 -7
- package/cjs/components/helpers/constants.js.map +0 -7
- package/cjs/components/helpers/dependencies.js.map +0 -7
- package/cjs/components/helpers/selectors.js.map +0 -7
- package/cjs/components/helpers/store.js.map +0 -7
- package/cjs/components/helpers/types.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/cjs/propTypes.js.map +0 -7
- package/esm/DSQueryBuilder.js.map +0 -7
- package/esm/components/AndOrController/AndOrController.js.map +0 -7
- package/esm/components/ConditionController/ConditionController.js.map +0 -7
- package/esm/components/DisplayOutput/DisplayOutput.js.map +0 -7
- package/esm/components/DragContainerController/DragContainerController.js.map +0 -7
- package/esm/components/DragControllerRow/DragControllerRow.js.map +0 -7
- package/esm/components/FieldControllerRow/FieldControllerRow.js.map +0 -7
- package/esm/components/Nestable/Nestable.js.map +0 -7
- package/esm/components/Nestable/NestableItem.js.map +0 -7
- package/esm/components/Nestable/actions/events.js.map +0 -7
- package/esm/components/Nestable/actions/getItemOptions.js.map +0 -7
- package/esm/components/Nestable/actions/getPaths.js.map +0 -7
- package/esm/components/Nestable/actions/index.js.map +0 -7
- package/esm/components/Nestable/actions/moveItem.js.map +0 -7
- package/esm/components/Nestable/actions/paths.js.map +0 -7
- package/esm/components/Nestable/actions/tryDecreaseDepth.js.map +0 -7
- package/esm/components/Nestable/actions/tryIncreaseDepth.js.map +0 -7
- package/esm/components/Nestable/index.js.map +0 -7
- package/esm/components/QueryBuilderContext/QueryBuilderContext.js.map +0 -7
- package/esm/components/QueryBuilderImpl.js.map +0 -7
- package/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +0 -7
- package/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +0 -7
- package/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +0 -7
- package/esm/components/format/format.js.map +0 -7
- package/esm/components/format/sqlFormat.js.map +0 -7
- package/esm/components/format/sqlSafeFormat.js.map +0 -7
- package/esm/components/format/xmlFormat.js.map +0 -7
- package/esm/components/helpers/actions.js.map +0 -7
- package/esm/components/helpers/constants.js.map +0 -7
- package/esm/components/helpers/dependencies.js.map +0 -7
- package/esm/components/helpers/selectors.js.map +0 -7
- package/esm/components/helpers/store.js.map +0 -7
- package/esm/components/helpers/types.js.map +0 -7
- package/esm/index.js.map +0 -7
- package/esm/propTypes.js.map +0 -7
|
@@ -1,116 +1,100 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
onAddFilter = () => null,
|
|
44
|
-
onAddRuleContainer = () => null,
|
|
45
|
-
onRemoveFilter = () => null,
|
|
46
|
-
handleTooltipRow = () => null,
|
|
47
|
-
buttonTriggerSize = import_ds_icon.DSIconSizes.M,
|
|
48
|
-
buttonTriggerType = "text",
|
|
49
|
-
buttonActionSize = import_ds_icon.DSIconSizes.M,
|
|
50
|
-
buttonActionType = "text",
|
|
51
|
-
delayClose = import_constants.DELAY_CLOSE,
|
|
52
|
-
delayOpen = import_constants.DELAY_OPEN,
|
|
53
|
-
isOpen = false,
|
|
54
|
-
toolTipZIndex
|
|
55
|
-
}) => {
|
|
56
|
-
const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-condition-controller");
|
|
57
|
-
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
|
+
var DSTooltip = require('@elliemae/ds-tooltip');
|
|
7
|
+
var dsPopper = require('@elliemae/ds-popper');
|
|
8
|
+
var dsIcon = require('@elliemae/ds-icon');
|
|
9
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
10
|
+
var DSButton = require('@elliemae/ds-button');
|
|
11
|
+
var ToolBarAnimation = require('../ToolBarAnimation/ToolBarAnimation.js');
|
|
12
|
+
var constants = require('../helpers/constants.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
17
|
+
var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
|
|
18
|
+
var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
|
|
19
|
+
|
|
20
|
+
var _ToolBarAnimation, _QueryRemove, _QueryAdd, _ParenthesisAdd;
|
|
21
|
+
|
|
22
|
+
const ConditionController = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
onAddFilter = () => null,
|
|
25
|
+
onAddRuleContainer = () => null,
|
|
26
|
+
onRemoveFilter = () => null,
|
|
27
|
+
handleTooltipRow = () => null,
|
|
28
|
+
buttonTriggerSize = dsIcon.DSIconSizes.M,
|
|
29
|
+
buttonTriggerType = 'text',
|
|
30
|
+
buttonActionSize = dsIcon.DSIconSizes.M,
|
|
31
|
+
buttonActionType = 'text',
|
|
32
|
+
delayClose = constants.DELAY_CLOSE,
|
|
33
|
+
delayOpen = constants.DELAY_OPEN,
|
|
34
|
+
isOpen = false,
|
|
35
|
+
toolTipZIndex
|
|
36
|
+
} = _ref;
|
|
37
|
+
const {
|
|
38
|
+
cssClassName,
|
|
39
|
+
classNameBlock,
|
|
40
|
+
classNameElement
|
|
41
|
+
} = dsClassnames.convertPropToCssClassName('query-builder-condition-controller');
|
|
42
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
58
43
|
className: cssClassName
|
|
59
|
-
},
|
|
60
|
-
delayClose,
|
|
61
|
-
delayOpen,
|
|
62
|
-
interactionType:
|
|
63
|
-
isOpen,
|
|
44
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
|
|
45
|
+
delayClose: delayClose,
|
|
46
|
+
delayOpen: delayOpen,
|
|
47
|
+
interactionType: dsPopper.PopperInteractions.CLICK,
|
|
48
|
+
isOpen: isOpen,
|
|
64
49
|
onOpen: handleTooltipRow,
|
|
65
|
-
placement:
|
|
66
|
-
springAnimationComponent:
|
|
67
|
-
duration:
|
|
68
|
-
}),
|
|
69
|
-
title:
|
|
70
|
-
className: classNameBlock(
|
|
71
|
-
},
|
|
50
|
+
placement: dsPopper.PopperPositions.LEFT,
|
|
51
|
+
springAnimationComponent: _ToolBarAnimation || (_ToolBarAnimation = /*#__PURE__*/_jsx__default["default"](ToolBarAnimation.ToolBarAnimation, {
|
|
52
|
+
duration: constants.TOOLBAR_ANIMATION_DURATION
|
|
53
|
+
})),
|
|
54
|
+
title: /*#__PURE__*/_jsx__default["default"]("div", {
|
|
55
|
+
className: classNameBlock('actions')
|
|
56
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
72
57
|
buttonType: buttonActionType,
|
|
73
|
-
className: classNameElement(
|
|
74
|
-
icon:
|
|
58
|
+
className: classNameElement('remove-rule'),
|
|
59
|
+
icon: _QueryRemove || (_QueryRemove = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryRemove, {})),
|
|
75
60
|
onClick: onRemoveFilter,
|
|
76
61
|
size: buttonActionSize,
|
|
77
62
|
containerProps: {
|
|
78
|
-
|
|
63
|
+
'data-testid': 'query-remove-button'
|
|
79
64
|
}
|
|
80
|
-
}),
|
|
65
|
+
}), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
81
66
|
buttonType: buttonActionType,
|
|
82
|
-
className: classNameElement(
|
|
83
|
-
icon:
|
|
67
|
+
className: classNameElement('add-rule'),
|
|
68
|
+
icon: _QueryAdd || (_QueryAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.QueryAdd, {})),
|
|
84
69
|
onClick: onAddFilter,
|
|
85
70
|
size: buttonActionSize,
|
|
86
71
|
containerProps: {
|
|
87
|
-
|
|
72
|
+
'data-testid': 'query-add-button'
|
|
88
73
|
}
|
|
89
|
-
}),
|
|
74
|
+
}), /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
90
75
|
buttonType: buttonActionType,
|
|
91
|
-
className:
|
|
92
|
-
icon:
|
|
76
|
+
className: "".concat(classNameElement('add-rule-container'), " no-border-right"),
|
|
77
|
+
icon: _ParenthesisAdd || (_ParenthesisAdd = /*#__PURE__*/_jsx__default["default"](dsIcons.ParenthesisAdd, {})),
|
|
93
78
|
onClick: onAddRuleContainer,
|
|
94
79
|
size: buttonActionSize,
|
|
95
80
|
containerProps: {
|
|
96
|
-
|
|
81
|
+
'data-testid': 'parenthesis-add-button'
|
|
97
82
|
}
|
|
98
83
|
})),
|
|
99
|
-
tooltipType:
|
|
100
|
-
triggerComponent:
|
|
84
|
+
tooltipType: DSTooltip.TooltipType.TOOLBAR,
|
|
85
|
+
triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
|
|
101
86
|
buttonType: buttonTriggerType,
|
|
102
|
-
icon:
|
|
103
|
-
color: [
|
|
87
|
+
icon: /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
|
|
88
|
+
color: ['neutral', '500']
|
|
104
89
|
}),
|
|
105
90
|
onClick: handleTooltipRow,
|
|
106
91
|
size: buttonTriggerSize,
|
|
107
92
|
containerProps: {
|
|
108
|
-
|
|
93
|
+
'data-testid': 'condition-more-options-button'
|
|
109
94
|
}
|
|
110
95
|
}),
|
|
111
96
|
zIndex: toolTipZIndex
|
|
112
97
|
}));
|
|
113
98
|
};
|
|
114
|
-
|
|
115
|
-
module.exports =
|
|
116
|
-
//# sourceMappingURL=ConditionController.js.map
|
|
99
|
+
|
|
100
|
+
module.exports = ConditionController;
|
|
@@ -1,88 +1,93 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DisplayOutput_exports = {};
|
|
29
|
-
__export(DisplayOutput_exports, {
|
|
30
|
-
default: () => DisplayOutput_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
36
|
-
var import_ds_accordion = require("@elliemae/ds-accordion");
|
|
37
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
38
|
-
var import_QueryBuilderContext = require("../QueryBuilderContext/QueryBuilderContext");
|
|
39
|
-
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-output");
|
|
40
|
-
class DisplayOutput extends import_react.Component {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var dsGrid = require('@elliemae/ds-grid');
|
|
6
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
7
|
+
var dsAccordion = require('@elliemae/ds-accordion');
|
|
8
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
9
|
+
var QueryBuilderContext = require('../QueryBuilderContext/QueryBuilderContext.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
14
|
+
|
|
15
|
+
const {
|
|
16
|
+
cssClassName
|
|
17
|
+
} = dsClassnames.convertPropToCssClassName('query-builder-output');
|
|
18
|
+
|
|
19
|
+
class DisplayOutput extends React.Component {
|
|
41
20
|
constructor(props) {
|
|
42
21
|
super(props);
|
|
22
|
+
|
|
43
23
|
this.handleChange = () => {
|
|
44
|
-
this.setState(
|
|
45
|
-
|
|
46
|
-
|
|
24
|
+
this.setState(_ref => {
|
|
25
|
+
let {
|
|
26
|
+
show
|
|
27
|
+
} = _ref;
|
|
28
|
+
return {
|
|
29
|
+
show: !show
|
|
30
|
+
};
|
|
31
|
+
});
|
|
47
32
|
};
|
|
33
|
+
|
|
48
34
|
this.state = {
|
|
49
35
|
show: props.show
|
|
50
36
|
};
|
|
51
37
|
}
|
|
38
|
+
|
|
52
39
|
render() {
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
40
|
+
var _Grid;
|
|
41
|
+
|
|
42
|
+
const {
|
|
43
|
+
show
|
|
44
|
+
} = this.state;
|
|
45
|
+
const {
|
|
46
|
+
showLabel,
|
|
47
|
+
hideLabel,
|
|
48
|
+
displayFixedOutput
|
|
49
|
+
} = this.props;
|
|
50
|
+
return /*#__PURE__*/_jsx__default["default"](QueryBuilderContext.QueryBuilderContext.Consumer, {}, void 0, _ref2 => {
|
|
51
|
+
let {
|
|
52
|
+
format
|
|
53
|
+
} = _ref2;
|
|
54
|
+
let display = '';
|
|
55
|
+
|
|
57
56
|
try {
|
|
58
|
-
display = typeof format ===
|
|
57
|
+
display = typeof format === 'object' ? JSON.stringify(format) : format;
|
|
59
58
|
} catch (e) {
|
|
60
59
|
display = e;
|
|
61
60
|
}
|
|
61
|
+
|
|
62
62
|
if (displayFixedOutput) {
|
|
63
|
-
return
|
|
64
|
-
className: cssClassName
|
|
65
|
-
|
|
63
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
64
|
+
className: cssClassName,
|
|
65
|
+
"data-testid": "qb-fixed-output-wrapper"
|
|
66
|
+
}, void 0, _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
66
67
|
p: "xxs"
|
|
67
|
-
},
|
|
68
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("strong", {
|
|
69
|
+
"data-testid": "qb-fixed-output-label"
|
|
70
|
+
}, void 0, displayFixedOutput))), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
|
|
68
71
|
pl: "xxs",
|
|
69
|
-
pr: "xxs"
|
|
70
|
-
|
|
72
|
+
pr: "xxs",
|
|
73
|
+
"data-testid": "qb-fixed-output-content"
|
|
74
|
+
}, void 0, display));
|
|
71
75
|
}
|
|
72
|
-
|
|
76
|
+
|
|
77
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
73
78
|
className: cssClassName
|
|
74
|
-
},
|
|
79
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordion, {
|
|
75
80
|
activeValue: show,
|
|
76
81
|
onChange: this.handleChange
|
|
77
|
-
},
|
|
78
|
-
iconClosed:
|
|
79
|
-
iconOpened:
|
|
82
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](dsAccordion.DSAccordionItem, {
|
|
83
|
+
iconClosed: dsIcons.ChevronRight,
|
|
84
|
+
iconOpened: dsIcons.ChevronDown,
|
|
80
85
|
title: show ? hideLabel : showLabel,
|
|
81
86
|
value: true
|
|
82
|
-
},
|
|
87
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"]("div", {}, void 0, display))));
|
|
83
88
|
});
|
|
84
89
|
}
|
|
90
|
+
|
|
85
91
|
}
|
|
86
|
-
|
|
87
|
-
module.exports =
|
|
88
|
-
//# sourceMappingURL=DisplayOutput.js.map
|
|
92
|
+
|
|
93
|
+
module.exports = DisplayOutput;
|
|
@@ -1,65 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
})
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
35
|
-
var import_ds_icon = require("@elliemae/ds-icon");
|
|
36
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
37
|
-
const DragContainerController = ({
|
|
38
|
-
color = import_ds_icon.DSIconColors.NEUTRAL,
|
|
39
|
-
icon: Icon = import_ds_icons.GripperVertical,
|
|
40
|
-
size = import_ds_icon.DSIconSizes.S,
|
|
41
|
-
multipleSize = false,
|
|
42
|
-
onClick
|
|
43
|
-
}) => {
|
|
44
|
-
const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("query-builder-drag-group");
|
|
45
|
-
return /* @__PURE__ */ import_react.default.createElement("div", {
|
|
46
|
-
className: `${cssClassName}`
|
|
47
|
-
}, /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
48
|
-
color,
|
|
49
|
-
size
|
|
50
|
-
}), /* @__PURE__ */ import_react.default.createElement("div", {
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
6
|
+
var dsIcon = require('@elliemae/ds-icon');
|
|
7
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
8
|
+
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
+
|
|
11
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
12
|
+
|
|
13
|
+
var _div;
|
|
14
|
+
|
|
15
|
+
const DragContainerController = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
color = dsIcon.DSIconColors.NEUTRAL,
|
|
18
|
+
icon: Icon = dsIcons.GripperVertical,
|
|
19
|
+
size = dsIcon.DSIconSizes.S,
|
|
20
|
+
multipleSize = false,
|
|
21
|
+
onClick
|
|
22
|
+
} = _ref;
|
|
23
|
+
const {
|
|
24
|
+
cssClassName
|
|
25
|
+
} = dsClassnames.convertPropToCssClassName('query-builder-drag-group');
|
|
26
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
27
|
+
className: "".concat(cssClassName)
|
|
28
|
+
}, void 0, /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
29
|
+
color: color,
|
|
30
|
+
size: size
|
|
31
|
+
}), _div || (_div = /*#__PURE__*/_jsx__default["default"]("div", {
|
|
51
32
|
className: "separator"
|
|
52
|
-
}),
|
|
53
|
-
color,
|
|
54
|
-
onClick,
|
|
55
|
-
size
|
|
56
|
-
}), multipleSize &&
|
|
33
|
+
})), /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {
|
|
34
|
+
color: color,
|
|
35
|
+
onClick: onClick,
|
|
36
|
+
size: size
|
|
37
|
+
}), multipleSize && /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
57
38
|
className: "additional-drag",
|
|
58
|
-
color,
|
|
59
|
-
onClick,
|
|
60
|
-
size
|
|
39
|
+
color: color,
|
|
40
|
+
onClick: onClick,
|
|
41
|
+
size: size
|
|
61
42
|
}));
|
|
62
43
|
};
|
|
63
|
-
|
|
64
|
-
module.exports =
|
|
65
|
-
//# sourceMappingURL=DragContainerController.js.map
|
|
44
|
+
|
|
45
|
+
module.exports = DragContainerController;
|
|
@@ -1,51 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
4
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
5
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
8
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
9
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
10
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
11
|
+
require('react');
|
|
12
|
+
var dsIcon = require('@elliemae/ds-icon');
|
|
13
|
+
var dsIcons = require('@elliemae/ds-icons');
|
|
14
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
15
|
+
|
|
16
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
17
|
+
|
|
18
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
19
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
20
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
21
|
+
|
|
22
|
+
const _excluded = ["className", "color", "icon", "size"];
|
|
23
|
+
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
+
|
|
28
|
+
const DragControllerRow = _ref => {
|
|
29
|
+
let {
|
|
30
|
+
className = 'drag-controller',
|
|
31
|
+
color = ['neutral', '500'],
|
|
32
|
+
icon: Icon = dsIcons.GripperVertical,
|
|
33
|
+
size = dsIcon.DSIconSizes.M
|
|
34
|
+
} = _ref,
|
|
35
|
+
rest = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
36
|
+
|
|
37
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread({
|
|
38
|
+
className: className
|
|
39
|
+
}, rest), {}, {
|
|
40
|
+
children: /*#__PURE__*/_jsx__default["default"](Icon, {
|
|
41
|
+
color: color,
|
|
42
|
+
size: size
|
|
43
|
+
})
|
|
44
|
+
}));
|
|
11
45
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DragControllerRow_exports = {};
|
|
29
|
-
__export(DragControllerRow_exports, {
|
|
30
|
-
default: () => DragControllerRow_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_icon = require("@elliemae/ds-icon");
|
|
35
|
-
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
|
-
const DragControllerRow = ({
|
|
37
|
-
className = "drag-controller",
|
|
38
|
-
color = ["neutral", "500"],
|
|
39
|
-
icon: Icon = import_ds_icons.GripperVertical,
|
|
40
|
-
size = import_ds_icon.DSIconSizes.M,
|
|
41
|
-
...rest
|
|
42
|
-
}) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
43
|
-
className,
|
|
44
|
-
...rest
|
|
45
|
-
}, /* @__PURE__ */ import_react.default.createElement(Icon, {
|
|
46
|
-
color,
|
|
47
|
-
size
|
|
48
|
-
}));
|
|
49
|
-
var DragControllerRow_default = DragControllerRow;
|
|
50
|
-
module.exports = __toCommonJS(DragControllerRow_exports);
|
|
51
|
-
//# sourceMappingURL=DragControllerRow.js.map
|
|
46
|
+
|
|
47
|
+
module.exports = DragControllerRow;
|
|
@@ -1,55 +1,33 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
4
|
+
require('react');
|
|
5
|
+
var dsForm = require('@elliemae/ds-form');
|
|
6
|
+
|
|
7
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
+
|
|
9
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
10
|
+
|
|
11
|
+
const FieldControllerRow = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
className = '',
|
|
14
|
+
onChange = () => null,
|
|
15
|
+
options = [],
|
|
16
|
+
value = '',
|
|
17
|
+
type = 'DSComboBox'
|
|
18
|
+
} = _ref;
|
|
19
|
+
return /*#__PURE__*/_jsx__default["default"]("div", {
|
|
20
|
+
className: className
|
|
21
|
+
}, void 0, type === 'DSComboBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
|
|
22
|
+
onChange: onChange,
|
|
23
|
+
options: options,
|
|
24
|
+
value: value
|
|
25
|
+
}), type === 'DSTextBox' && /*#__PURE__*/_jsx__default["default"](dsForm.DSTextBox, {
|
|
26
|
+
fluidWidth: true,
|
|
27
|
+
onChange: onChange,
|
|
28
|
+
options: options,
|
|
29
|
+
value: value
|
|
30
|
+
}));
|
|
11
31
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var FieldControllerRow_exports = {};
|
|
29
|
-
__export(FieldControllerRow_exports, {
|
|
30
|
-
default: () => FieldControllerRow_default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
var import_react = __toESM(require("react"));
|
|
34
|
-
var import_ds_form = require("@elliemae/ds-form");
|
|
35
|
-
const FieldControllerRow = ({
|
|
36
|
-
className = "",
|
|
37
|
-
onChange = () => null,
|
|
38
|
-
options = [],
|
|
39
|
-
value = "",
|
|
40
|
-
type = "DSComboBox"
|
|
41
|
-
}) => /* @__PURE__ */ import_react.default.createElement("div", {
|
|
42
|
-
className
|
|
43
|
-
}, type === "DSComboBox" && /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSComboBox, {
|
|
44
|
-
onChange,
|
|
45
|
-
options,
|
|
46
|
-
value
|
|
47
|
-
}), type === "DSTextBox" && /* @__PURE__ */ import_react.default.createElement(import_ds_form.DSTextBox, {
|
|
48
|
-
fluidWidth: true,
|
|
49
|
-
onChange,
|
|
50
|
-
options,
|
|
51
|
-
value
|
|
52
|
-
}));
|
|
53
|
-
var FieldControllerRow_default = FieldControllerRow;
|
|
54
|
-
module.exports = __toCommonJS(FieldControllerRow_exports);
|
|
55
|
-
//# sourceMappingURL=FieldControllerRow.js.map
|
|
32
|
+
|
|
33
|
+
module.exports = FieldControllerRow;
|