@elliemae/ds-query-builder 3.12.0-rc.2 → 3.12.0-rc.3

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.
Files changed (53) hide show
  1. package/dist/cjs/DSQueryBuilder.js +28 -25
  2. package/dist/cjs/DSQueryBuilder.js.map +1 -1
  3. package/dist/cjs/components/AndOrController/AndOrController.js +112 -101
  4. package/dist/cjs/components/AndOrController/AndOrController.js.map +1 -1
  5. package/dist/cjs/components/ConditionController/ConditionController.js +70 -56
  6. package/dist/cjs/components/ConditionController/ConditionController.js.map +1 -1
  7. package/dist/cjs/components/DisplayOutput/DisplayOutput.js +23 -46
  8. package/dist/cjs/components/DisplayOutput/DisplayOutput.js.map +1 -1
  9. package/dist/cjs/components/DragContainerController/DragContainerController.js +6 -23
  10. package/dist/cjs/components/DragContainerController/DragContainerController.js.map +1 -1
  11. package/dist/cjs/components/DragControllerRow/DragControllerRow.js +1 -8
  12. package/dist/cjs/components/DragControllerRow/DragControllerRow.js.map +1 -1
  13. package/dist/cjs/components/FieldControllerRow/FieldControllerRow.js +4 -16
  14. package/dist/cjs/components/FieldControllerRow/FieldControllerRow.js.map +1 -1
  15. package/dist/cjs/components/Nestable/Nestable.js +25 -32
  16. package/dist/cjs/components/Nestable/Nestable.js.map +1 -1
  17. package/dist/cjs/components/Nestable/NestableItem.js +21 -24
  18. package/dist/cjs/components/Nestable/NestableItem.js.map +1 -1
  19. package/dist/cjs/components/QueryBuilderImpl.js +75 -63
  20. package/dist/cjs/components/QueryBuilderImpl.js.map +1 -1
  21. package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js +32 -28
  22. package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
  23. package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js +52 -63
  24. package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
  25. package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js +1 -6
  26. package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
  27. package/dist/esm/DSQueryBuilder.js +28 -25
  28. package/dist/esm/DSQueryBuilder.js.map +1 -1
  29. package/dist/esm/components/AndOrController/AndOrController.js +112 -101
  30. package/dist/esm/components/AndOrController/AndOrController.js.map +1 -1
  31. package/dist/esm/components/ConditionController/ConditionController.js +70 -56
  32. package/dist/esm/components/ConditionController/ConditionController.js.map +1 -1
  33. package/dist/esm/components/DisplayOutput/DisplayOutput.js +23 -46
  34. package/dist/esm/components/DisplayOutput/DisplayOutput.js.map +1 -1
  35. package/dist/esm/components/DragContainerController/DragContainerController.js +6 -23
  36. package/dist/esm/components/DragContainerController/DragContainerController.js.map +1 -1
  37. package/dist/esm/components/DragControllerRow/DragControllerRow.js +1 -8
  38. package/dist/esm/components/DragControllerRow/DragControllerRow.js.map +1 -1
  39. package/dist/esm/components/FieldControllerRow/FieldControllerRow.js +4 -16
  40. package/dist/esm/components/FieldControllerRow/FieldControllerRow.js.map +1 -1
  41. package/dist/esm/components/Nestable/Nestable.js +25 -32
  42. package/dist/esm/components/Nestable/Nestable.js.map +1 -1
  43. package/dist/esm/components/Nestable/NestableItem.js +21 -24
  44. package/dist/esm/components/Nestable/NestableItem.js.map +1 -1
  45. package/dist/esm/components/QueryBuilderImpl.js +75 -63
  46. package/dist/esm/components/QueryBuilderImpl.js.map +1 -1
  47. package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js +32 -28
  48. package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
  49. package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js +52 -63
  50. package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
  51. package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js +1 -6
  52. package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
  53. package/package.json +12 -12
@@ -83,31 +83,34 @@ const DSQueryBuilder = ({
83
83
  },
84
84
  singleRow = false,
85
85
  toolTipZIndex = 110
86
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_QueryBuilderImpl.default, {
87
- addFilterMethod,
88
- containerProps,
89
- displayFixedOutput,
90
- displayOutput,
91
- displayOutputLabel,
92
- fields,
93
- fieldsSharedActions,
94
- format,
95
- groupFilterMethod,
96
- handleDrop,
97
- handleDropFilter,
98
- handleDropGroup,
99
- handleFieldChange,
100
- handleRuleContainerOperator,
101
- handleRuleContainerUnGroup,
102
- init,
103
- onAddFilter,
104
- onAddRuleContainer,
105
- onChange,
106
- onRemoveFilter,
107
- ruleContainerClassName,
108
- singleRow,
109
- toolTipZIndex
110
- });
86
+ }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
87
+ import_QueryBuilderImpl.default,
88
+ {
89
+ addFilterMethod,
90
+ containerProps,
91
+ displayFixedOutput,
92
+ displayOutput,
93
+ displayOutputLabel,
94
+ fields,
95
+ fieldsSharedActions,
96
+ format,
97
+ groupFilterMethod,
98
+ handleDrop,
99
+ handleDropFilter,
100
+ handleDropGroup,
101
+ handleFieldChange,
102
+ handleRuleContainerOperator,
103
+ handleRuleContainerUnGroup,
104
+ init,
105
+ onAddFilter,
106
+ onAddRuleContainer,
107
+ onChange,
108
+ onRemoveFilter,
109
+ ruleContainerClassName,
110
+ singleRow,
111
+ toolTipZIndex
112
+ }
113
+ );
111
114
  DSQueryBuilder.propTypes = import_propTypes.props;
112
115
  DSQueryBuilder.displayName = "DSQueryBuilder";
113
116
  const DSQueryBuilderWithSchema = (0, import_ds_utilities.describe)(DSQueryBuilder);
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSQueryBuilder.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport QueryBuilderImpl from './components/QueryBuilderImpl';\nimport {\n QB_FIELD_TYPES,\n QB_OPERATOR_TYPES,\n QB_GROUP_CONDITION_TYPES,\n QB_DRAG_TYPES,\n QB_DRAG_LOCATIONS,\n QB_EXPORT_FORMAT_TYPES,\n QB_ADD_FILTER_METHOD_TYPES,\n QB_GROUP_FILTER_METHOD_TYPES,\n QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types';\nimport {\n QB_OPERATOR_OPTIONS,\n QB_DEFAULT_VALUES_OPTIONS,\n QB_FIELD_OPTIONS,\n QB_LOAN_VALUES_OPTIONS,\n QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors';\nimport QueryBuilderFormat from './components/format/format';\nimport { props } from './propTypes';\n\nconst DSQueryBuilder = ({\n containerProps = {},\n addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n onChange = () => null,\n fields = [],\n fieldsSharedActions = {\n onFieldChange: [],\n onOperatorChange: [],\n onValueChange: [],\n },\n format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n init = null,\n ruleContainerClassName = '',\n handleDrop = () => null,\n handleDropFilter = () => null,\n handleDropGroup = () => null,\n handleFieldChange = () => null,\n handleRuleContainerOperator = () => null,\n handleRuleContainerUnGroup = () => null,\n onAddFilter = () => null,\n onAddRuleContainer = () => null,\n onRemoveFilter = () => null,\n displayFixedOutput,\n displayOutput = false,\n displayOutputLabel = {\n show: 'Show output',\n hide: 'Hide output',\n },\n singleRow = false,\n toolTipZIndex = 110,\n}) => (\n <QueryBuilderImpl\n addFilterMethod={addFilterMethod}\n containerProps={containerProps}\n displayFixedOutput={displayFixedOutput}\n displayOutput={displayOutput}\n displayOutputLabel={displayOutputLabel}\n fields={fields}\n fieldsSharedActions={fieldsSharedActions}\n format={format}\n groupFilterMethod={groupFilterMethod}\n handleDrop={handleDrop}\n handleDropFilter={handleDropFilter}\n handleDropGroup={handleDropGroup}\n handleFieldChange={handleFieldChange}\n handleRuleContainerOperator={handleRuleContainerOperator}\n handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n init={init}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onChange={onChange}\n onRemoveFilter={onRemoveFilter}\n ruleContainerClassName={ruleContainerClassName}\n singleRow={singleRow}\n toolTipZIndex={toolTipZIndex}\n />\n);\n\nDSQueryBuilder.propTypes = props;\nDSQueryBuilder.displayName = 'DSQueryBuilder';\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n QB_FIELD_SHARED_ACTIONS,\n QB_FIELD_TYPES,\n QB_OPERATOR_TYPES,\n QB_OPERATOR_OPTIONS,\n QB_DEFAULT_VALUES_OPTIONS,\n QB_FIELD_OPTIONS,\n QB_LOAN_VALUES_OPTIONS,\n QB_SUBJECT_VALUES_OPTIONS,\n QB_GROUP_CONDITION_TYPES,\n QB_DRAG_TYPES,\n QB_DRAG_LOCATIONS,\n QB_EXPORT_FORMAT_TYPES,\n QB_ADD_FILTER_METHOD_TYPES,\n QB_GROUP_FILTER_METHOD_TYPES,\n QueryBuilderFormat,\n DSQueryBuilderWithSchema,\n DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADwDrB;AAvDF,0BAAyB;AACzB,8BAA6B;AAC7B,mBAUO;AACP,uBAMO;AACP,oBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,wCAA2B;AAAA,EAC7C,oBAAoB,0CAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,oCAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE,4CAAC,wBAAAC,SAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADwDrB;AAvDF,0BAAyB;AACzB,8BAA6B;AAC7B,mBAUO;AACP,uBAMO;AACP,oBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,wCAA2B;AAAA,EAC7C,oBAAoB,0CAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,oCAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE;AAAA,EAAC,wBAAAC;AAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
6
6
  "names": ["QueryBuilderFormat", "QueryBuilderImpl"]
7
7
  }
@@ -99,110 +99,121 @@ class AndOrController extends import_react.Component {
99
99
  toolTipZIndex
100
100
  } = this.props;
101
101
  const { isOpen, top, right } = this.state;
102
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
103
- ref: this.myRef,
104
- className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step} ${isMain ? "is-main-group-join" : ""}`,
105
- onMouseLeave: this.handleMouseLeaveRow,
106
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
107
- className: `${classNameBlock("content")} step-${step}`,
108
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
109
- delayClose,
110
- delayOpen,
111
- interactionType: toolBarInteractionType,
112
- isOpen,
113
- onOpen: this.handleTooltipRow,
114
- placement: toolBarPosition,
115
- springAnimationComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolBarAnimation.ToolBarAnimation, {
116
- duration: toolBarAnimationDuration
117
- }),
118
- step,
119
- title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
120
- ref: this.contenerRef,
121
- className: classNameBlock("actions"),
122
- style: {
123
- transition: "0.2s",
124
- position: "absolute",
125
- top: `${top}px`,
126
- right: `${right}px`
127
- },
128
- children: [
129
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
130
- title: "Add condition",
131
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
132
- buttonType: buttonActionType,
133
- className: classNameElement("add-rule"),
134
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryAdd, {}),
135
- onClick: onAddFilter,
136
- size: buttonActionSize,
137
- containerProps: {
138
- "data-testid": "query-add-button"
139
- }
140
- })
141
- }),
142
- allowUnGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
143
- title: "Remove group",
144
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
145
- buttonType: "text",
146
- className: classNameElement("ungroup"),
147
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ParenthesisRemove, {}),
148
- onClick: handleRuleContainerUnGroup,
149
- size: buttonActionSize,
150
- containerProps: {
151
- "data-testid": "parenthesis-remove-button"
152
- }
153
- })
154
- }),
155
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_form.DSToggle, {
156
- checked: condition,
157
- className: classNameElement("and-or-toggle"),
158
- labelOff,
159
- labelOn,
160
- onChange: (e) => handleRuleContainerOperator(e.target.checked),
161
- size: toogleActionSize,
162
- containerProps: {
163
- "data-testid": "and-or-toggle-button"
164
- }
165
- })
166
- ]
167
- }),
168
- tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
169
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
170
- className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`,
171
- children: [
172
- /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
173
- className: classNameElement("condition-display"),
102
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
103
+ "div",
104
+ {
105
+ ref: this.myRef,
106
+ className: `${cssClassName} ${mainModifier(condition ? "active" : "default")} step-${step} ${isMain ? "is-main-group-join" : ""}`,
107
+ onMouseLeave: this.handleMouseLeaveRow,
108
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classNameBlock("content")} step-${step}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
109
+ import_ds_tooltip.default,
110
+ {
111
+ delayClose,
112
+ delayOpen,
113
+ interactionType: toolBarInteractionType,
114
+ isOpen,
115
+ onOpen: this.handleTooltipRow,
116
+ placement: toolBarPosition,
117
+ springAnimationComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolBarAnimation.ToolBarAnimation, { duration: toolBarAnimationDuration }),
118
+ step,
119
+ title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
120
+ "div",
121
+ {
122
+ ref: this.contenerRef,
123
+ className: classNameBlock("actions"),
124
+ style: {
125
+ transition: "0.2s",
126
+ position: "absolute",
127
+ top: `${top}px`,
128
+ right: `${right}px`
129
+ },
174
130
  children: [
175
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
176
- className: classNameElement("condition-display-label"),
177
- children: condition ? labelOn : labelOff
178
- }),
179
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
180
- className: classNameElement("condition-display-step"),
181
- children: step
182
- }),
183
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
184
- className: "separator"
185
- }),
186
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {
187
- color: import_ds_icon.DSIconColors.NEUTRAL,
188
- onClick: this.handleMouseEnterRow,
189
- size: import_ds_icon.DSIconSizes.S,
190
- containerProps: {
191
- "data-testid": "and-or-more-options-button"
131
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
132
+ import_ds_tooltip.default,
133
+ {
134
+ title: "Add condition",
135
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
136
+ import_ds_button.default,
137
+ {
138
+ buttonType: buttonActionType,
139
+ className: classNameElement("add-rule"),
140
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryAdd, {}),
141
+ onClick: onAddFilter,
142
+ size: buttonActionSize,
143
+ containerProps: {
144
+ "data-testid": "query-add-button"
145
+ }
146
+ }
147
+ )
192
148
  }
193
- })
149
+ ),
150
+ allowUnGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
151
+ import_ds_tooltip.default,
152
+ {
153
+ title: "Remove group",
154
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
155
+ import_ds_button.default,
156
+ {
157
+ buttonType: "text",
158
+ className: classNameElement("ungroup"),
159
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ParenthesisRemove, {}),
160
+ onClick: handleRuleContainerUnGroup,
161
+ size: buttonActionSize,
162
+ containerProps: {
163
+ "data-testid": "parenthesis-remove-button"
164
+ }
165
+ }
166
+ )
167
+ }
168
+ ),
169
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
170
+ import_ds_form.DSToggle,
171
+ {
172
+ checked: condition,
173
+ className: classNameElement("and-or-toggle"),
174
+ labelOff,
175
+ labelOn,
176
+ onChange: (e) => handleRuleContainerOperator(e.target.checked),
177
+ size: toogleActionSize,
178
+ containerProps: {
179
+ "data-testid": "and-or-toggle-button"
180
+ }
181
+ }
182
+ )
183
+ ]
184
+ }
185
+ ),
186
+ tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
187
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
188
+ "div",
189
+ {
190
+ className: `${classNameBlock("trigger-controller")} ${showDragController ? classNameBlockModifier("draggable", "trigger-controller") : ""} step-${step}`,
191
+ children: [
192
+ /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classNameElement("condition-display"), children: [
193
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: classNameElement("condition-display-label"), children: condition ? labelOn : labelOff }),
194
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: classNameElement("condition-display-step"), children: step }),
195
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "separator" }),
196
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
197
+ import_ds_icons.MoreOptionsVert,
198
+ {
199
+ color: import_ds_icon.DSIconColors.NEUTRAL,
200
+ onClick: this.handleMouseEnterRow,
201
+ size: import_ds_icon.DSIconSizes.S,
202
+ containerProps: {
203
+ "data-testid": "and-or-more-options-button"
204
+ }
205
+ }
206
+ )
207
+ ] }),
208
+ showDragController && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DragContainerController.default, { multipleSize, onClick: this.handleMouseEnterRow })
194
209
  ]
195
- }),
196
- showDragController && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DragContainerController.default, {
197
- multipleSize,
198
- onClick: this.handleMouseEnterRow
199
- })
200
- ]
201
- }),
202
- zIndex: toolTipZIndex
203
- })
204
- })
205
- });
210
+ }
211
+ ),
212
+ zIndex: toolTipZIndex
213
+ }
214
+ ) })
215
+ }
216
+ );
206
217
  }
207
218
  }
208
219
  AndOrController.defaultProps = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/AndOrController/AndOrController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\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} ${isMain ? 'is-main-group-join' : ''\n }`}\n // onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n // onMouseMove={this.handleMouseMove}\n >\n <div className={`${classNameBlock('content')} step-${step}`}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={toolBarInteractionType}\n isOpen={isOpen}\n onOpen={this.handleTooltipRow}\n placement={toolBarPosition}\n springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n step={step}\n title={\n <div\n ref={this.contenerRef}\n className={classNameBlock('actions')}\n style={{\n transition: '0.2s',\n position: 'absolute',\n top: `${top}px`,\n right: `${right}px`,\n }}\n >\n <DSTooltip title=\"Add condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />}\n />\n {allowUnGroup && (\n <DSTooltip title=\"Remove group\"\n triggerComponent={<DSButton\n buttonType=\"text\"\n className={classNameElement('ungroup')}\n icon={<ParenthesisRemove />}\n onClick={handleRuleContainerUnGroup}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-remove-button',\n }}\n />}\n />\n )}\n <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')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n } step-${step}`}\n >\n <div className={classNameElement('condition-display')}>\n <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n <span className={classNameElement('condition-display-step')}>{step}</span>\n <div className=\"separator\" />\n <MoreOptionsVert\n color={DSIconColors.NEUTRAL}\n onClick={this.handleMouseEnterRow}\n size={DSIconSizes.S}\n containerProps={{\n 'data-testid': 'and-or-more-options-button',\n }}\n />\n </div>\n {showDragController && (\n <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n )}\n </div>\n }\n zIndex={toolTipZIndex}\n />\n </div>\n </div>\n );\n }\n}\n\nexport default AndOrController;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": ["React", "DSTooltip", "DSButton", "DragContainerController", "Interaction", "Position"]
7
7
  }
@@ -54,77 +54,91 @@ const ConditionController = ({
54
54
  const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)(
55
55
  "query-builder-condition-controller"
56
56
  );
57
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
58
- className: cssClassName,
59
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
57
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cssClassName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
58
+ import_ds_tooltip.default,
59
+ {
60
60
  delayClose,
61
61
  delayOpen,
62
62
  interactionType: import_ds_popper.PopperInteractions.CLICK,
63
63
  isOpen,
64
64
  onOpen: handleTooltipRow,
65
65
  placement: import_ds_popper.PopperPositions.LEFT,
66
- springAnimationComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolBarAnimation.ToolBarAnimation, {
67
- duration: import_constants.TOOLBAR_ANIMATION_DURATION
68
- }),
69
- title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
70
- className: classNameBlock("actions"),
71
- children: [
72
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
66
+ springAnimationComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ToolBarAnimation.ToolBarAnimation, { duration: import_constants.TOOLBAR_ANIMATION_DURATION }),
67
+ title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: classNameBlock("actions"), children: [
68
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
69
+ import_ds_tooltip.default,
70
+ {
73
71
  title: "Remove condition",
74
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
75
- buttonType: buttonActionType,
76
- className: classNameElement("remove-rule"),
77
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryRemove, {}),
78
- onClick: onRemoveFilter,
79
- size: buttonActionSize,
80
- containerProps: {
81
- "data-testid": "query-remove-button"
72
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
73
+ import_ds_button.default,
74
+ {
75
+ buttonType: buttonActionType,
76
+ className: classNameElement("remove-rule"),
77
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryRemove, {}),
78
+ onClick: onRemoveFilter,
79
+ size: buttonActionSize,
80
+ containerProps: {
81
+ "data-testid": "query-remove-button"
82
+ }
82
83
  }
83
- })
84
- }),
85
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
84
+ )
85
+ }
86
+ ),
87
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
88
+ import_ds_tooltip.default,
89
+ {
86
90
  title: "Add condition",
87
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
88
- buttonType: buttonActionType,
89
- className: classNameElement("add-rule"),
90
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryAdd, {}),
91
- onClick: onAddFilter,
92
- size: buttonActionSize,
93
- containerProps: {
94
- "data-testid": "query-add-button"
91
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
92
+ import_ds_button.default,
93
+ {
94
+ buttonType: buttonActionType,
95
+ className: classNameElement("add-rule"),
96
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.QueryAdd, {}),
97
+ onClick: onAddFilter,
98
+ size: buttonActionSize,
99
+ containerProps: {
100
+ "data-testid": "query-add-button"
101
+ }
95
102
  }
96
- })
97
- }),
98
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_tooltip.default, {
103
+ )
104
+ }
105
+ ),
106
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
107
+ import_ds_tooltip.default,
108
+ {
99
109
  title: "Add group",
100
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
101
- buttonType: buttonActionType,
102
- className: `${classNameElement("add-rule-container")} no-border-right`,
103
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ParenthesisAdd, {}),
104
- onClick: onAddRuleContainer,
105
- size: buttonActionSize,
106
- containerProps: {
107
- "data-testid": "parenthesis-add-button"
110
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
111
+ import_ds_button.default,
112
+ {
113
+ buttonType: buttonActionType,
114
+ className: `${classNameElement("add-rule-container")} no-border-right`,
115
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ParenthesisAdd, {}),
116
+ onClick: onAddRuleContainer,
117
+ size: buttonActionSize,
118
+ containerProps: {
119
+ "data-testid": "parenthesis-add-button"
120
+ }
108
121
  }
109
- })
110
- })
111
- ]
112
- }),
122
+ )
123
+ }
124
+ )
125
+ ] }),
113
126
  tooltipType: import_ds_tooltip.TooltipType.TOOLBAR,
114
- triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.default, {
115
- buttonType: buttonTriggerType,
116
- icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, {
117
- color: ["neutral", "500"]
118
- }),
119
- onClick: handleTooltipRow,
120
- size: buttonTriggerSize,
121
- containerProps: {
122
- "data-testid": "condition-more-options-button"
127
+ triggerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
128
+ import_ds_button.default,
129
+ {
130
+ buttonType: buttonTriggerType,
131
+ icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.MoreOptionsVert, { color: ["neutral", "500"] }),
132
+ onClick: handleTooltipRow,
133
+ size: buttonTriggerSize,
134
+ containerProps: {
135
+ "data-testid": "condition-more-options-button"
136
+ }
123
137
  }
124
- }),
138
+ ),
125
139
  zIndex: toolTipZIndex
126
- })
127
- });
140
+ }
141
+ ) });
128
142
  };
129
143
  var ConditionController_default = ConditionController;
130
144
  //# sourceMappingURL=ConditionController.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/ConditionController/ConditionController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React 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 { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n onAddFilter = () => null,\n onAddRuleContainer = () => null,\n onRemoveFilter = () => null,\n handleTooltipRow = () => null,\n buttonTriggerSize = DSIconSizes.M,\n buttonTriggerType = 'text',\n buttonActionSize = DSIconSizes.M,\n buttonActionType = 'text',\n delayClose = DELAY_CLOSE,\n delayOpen = DELAY_OPEN,\n isOpen = false,\n toolTipZIndex,\n}) => {\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-condition-controller',\n );\n return (\n <div className={cssClassName}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={Interaction.CLICK}\n isOpen={isOpen}\n onOpen={handleTooltipRow}\n placement={Position.LEFT}\n springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n title={\n <div className={classNameBlock('actions')}>\n <DSTooltip title=\"Remove condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('remove-rule')}\n icon={<QueryRemove />}\n onClick={onRemoveFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-remove-button',\n }}\n />}\n />\n\n <DSTooltip title=\"Add condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />}\n />\n\n <DSTooltip title=\"Add group\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={`${classNameElement('add-rule-container')} no-border-right`}\n icon={<ParenthesisAdd />}\n onClick={onAddRuleContainer}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-add-button',\n }}\n />}\n />\n\n </div>\n }\n tooltipType={TooltipType.TOOLBAR}\n triggerComponent={\n <DSButton\n buttonType={buttonTriggerType}\n icon={<MoreOptionsVert color={['neutral', '500']} />}\n onClick={handleTooltipRow}\n size={buttonTriggerSize}\n containerProps={{\n 'data-testid': 'condition-more-options-button',\n }}\n />\n }\n zIndex={toolTipZIndex}\n />\n </div>\n );\n};\n\nexport default ConditionController;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCW;AAnClC,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,4CAAC;AAAA,IAAI,WAAW;AAAA,IACd,sDAAC,kBAAAA,SAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,iBAAAC,mBAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,iBAAAC,gBAAS;AAAA,MACpB,0BAA0B,4CAAC;AAAA,QAAiB,UAAU;AAAA,OAA4B;AAAA,MAClF,OACE,6CAAC;AAAA,QAAI,WAAW,eAAe,SAAS;AAAA,QACtC;AAAA,sDAAC,kBAAAF,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,aAAa;AAAA,cACzC,MAAM,4CAAC,+BAAY;AAAA,cACnB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,4CAAC,kBAAAH,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,UAAU;AAAA,cACtC,MAAM,4CAAC,4BAAS;AAAA,cAChB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,4CAAC,kBAAAH,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,cACnD,MAAM,4CAAC,kCAAe;AAAA,cACtB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA;AAAA,OAEF;AAAA,MAEF,aAAa,8BAAY;AAAA,MACzB,kBACE,4CAAC,iBAAAA,SAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,4CAAC;AAAA,UAAgB,OAAO,CAAC,WAAW,KAAK;AAAA,SAAG;AAAA,QAClD,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,MAEF,QAAQ;AAAA,KACV;AAAA,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCW;AAnClC,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,4CAAC,SAAI,WAAW,cACd;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,iBAAAC,mBAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,iBAAAC,gBAAS;AAAA,MACpB,0BAA0B,4CAAC,4CAAiB,UAAU,6CAA4B;AAAA,MAClF,OACE,6CAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA;AAAA,UAAC,kBAAAF;AAAA,UAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC,iBAAAG;AAAA,cAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,iBAAiB,aAAa;AAAA,gBACzC,MAAM,4CAAC,+BAAY;AAAA,gBACnB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC,kBAAAH;AAAA,UAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC,iBAAAG;AAAA,cAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,iBAAiB,UAAU;AAAA,gBACtC,MAAM,4CAAC,4BAAS;AAAA,gBAChB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC,kBAAAH;AAAA,UAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC,iBAAAG;AAAA,cAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,gBACnD,MAAM,4CAAC,kCAAe;AAAA,gBACtB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,SAEF;AAAA,MAEF,aAAa,8BAAY;AAAA,MACzB,kBACE;AAAA,QAAC,iBAAAA;AAAA,QAAA;AAAA,UACC,YAAY;AAAA,UACZ,MAAM,4CAAC,mCAAgB,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,UAClD,SAAS;AAAA,UACT,MAAM;AAAA,UACN,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ;AAAA;AAAA,EACV,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
6
6
  "names": ["DSTooltip", "Interaction", "Position", "DSButton"]
7
7
  }
@@ -51,53 +51,30 @@ class DisplayOutput extends import_react.Component {
51
51
  render() {
52
52
  const { show } = this.state;
53
53
  const { showLabel, hideLabel, displayFixedOutput } = this.props;
54
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_QueryBuilderContext.QueryBuilderContext.Consumer, {
55
- children: ({ format }) => {
56
- let display = "";
57
- try {
58
- display = typeof format === "object" ? JSON.stringify(format) : format;
59
- } catch (e) {
60
- display = e;
61
- }
62
- if (displayFixedOutput) {
63
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
64
- className: cssClassName,
65
- "data-testid": "qb-fixed-output-wrapper",
66
- children: [
67
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
68
- p: "xxs",
69
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", {
70
- "data-testid": "qb-fixed-output-label",
71
- children: displayFixedOutput
72
- })
73
- }),
74
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, {
75
- pl: "xxs",
76
- pr: "xxs",
77
- "data-testid": "qb-fixed-output-content",
78
- children: display
79
- })
80
- ]
81
- });
82
- }
83
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
84
- className: cssClassName,
85
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_accordion.DSAccordion, {
86
- activeValue: show,
87
- onChange: this.handleChange,
88
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_accordion.DSAccordionItem, {
89
- iconClosed: import_ds_icons.ChevronRight,
90
- iconOpened: import_ds_icons.ChevronDown,
91
- title: show ? hideLabel : showLabel,
92
- value: true,
93
- children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
94
- children: display
95
- })
96
- })
97
- })
98
- });
54
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_QueryBuilderContext.QueryBuilderContext.Consumer, { children: ({ format }) => {
55
+ let display = "";
56
+ try {
57
+ display = typeof format === "object" ? JSON.stringify(format) : format;
58
+ } catch (e) {
59
+ display = e;
99
60
  }
100
- });
61
+ if (displayFixedOutput) {
62
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: cssClassName, "data-testid": "qb-fixed-output-wrapper", children: [
63
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { p: "xxs", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { "data-testid": "qb-fixed-output-label", children: displayFixedOutput }) }),
64
+ /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_grid.Grid, { pl: "xxs", pr: "xxs", "data-testid": "qb-fixed-output-content", children: display })
65
+ ] });
66
+ }
67
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cssClassName, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_accordion.DSAccordion, { activeValue: show, onChange: this.handleChange, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
68
+ import_ds_accordion.DSAccordionItem,
69
+ {
70
+ iconClosed: import_ds_icons.ChevronRight,
71
+ iconOpened: import_ds_icons.ChevronDown,
72
+ title: show ? hideLabel : showLabel,
73
+ value: true,
74
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: display })
75
+ }
76
+ ) }) });
77
+ } });
101
78
  }
102
79
  }
103
80
  var DisplayOutput_default = DisplayOutput;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../src/components/DisplayOutput/DisplayOutput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n constructor(props) {\n super(props);\n this.state = {\n show: props.show,\n };\n }\n\n handleChange = () => {\n this.setState(({ show }) => ({\n show: !show,\n }));\n };\n\n render() {\n const { show } = this.state;\n const { showLabel, hideLabel, displayFixedOutput } = this.props;\n return (\n <QueryBuilderContext.Consumer>\n {({ format }) => {\n let display = '';\n try {\n display = typeof format === 'object' ? JSON.stringify(format) : format;\n } catch (e) {\n display = e;\n }\n if (displayFixedOutput) {\n return (\n <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n <Grid p=\"xxs\">\n <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n </Grid>\n <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n {display}\n </Grid>\n </div>\n );\n }\n\n return (\n <div className={cssClassName}>\n <DSAccordion activeValue={show} onChange={this.handleChange}>\n <DSAccordionItem\n iconClosed={ChevronRight}\n iconOpened={ChevronDown}\n title={show ? hideLabel : showLabel}\n value\n >\n <div>{display}</div>\n </DSAccordionItem>\n </DSAccordion>\n </div>\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n }\n}\n\nexport default DisplayOutput;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCT;AArCd,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,aAAa,QAAI,gDAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,QAC3B,MAAM,CAAC;AAAA,MACT,EAAE;AAAA,IACJ;AATE,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAQA,SAAS;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,mBAAmB,IAAI,KAAK;AAC1D,WACE,4CAAC,+CAAoB,UAApB;AAAA,MACE,WAAC,EAAE,OAAO,MAAM;AACf,YAAI,UAAU;AACd,YAAI;AACF,oBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,QAClE,SAAS,GAAP;AACA,oBAAU;AAAA,QACZ;AACA,YAAI,oBAAoB;AACtB,iBACE,6CAAC;AAAA,YAAI,WAAW;AAAA,YAAc,eAAY;AAAA,YACxC;AAAA,0DAAC;AAAA,gBAAK,GAAE;AAAA,gBACN,sDAAC;AAAA,kBAAO,eAAY;AAAA,kBAAyB;AAAA,iBAAmB;AAAA,eAClE;AAAA,cACA,4CAAC;AAAA,gBAAK,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,eAAY;AAAA,gBACjC;AAAA,eACH;AAAA;AAAA,WACF;AAAA,QAEJ;AAEA,eACE,4CAAC;AAAA,UAAI,WAAW;AAAA,UACd,sDAAC;AAAA,YAAY,aAAa;AAAA,YAAM,UAAU,KAAK;AAAA,YAC7C,sDAAC;AAAA,cACC,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,OAAO,OAAO,YAAY;AAAA,cAC1B,OAAK;AAAA,cAEL,sDAAC;AAAA,gBAAK;AAAA,eAAQ;AAAA,aAChB;AAAA,WACF;AAAA,SACF;AAAA,MAEJ;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCT;AArCd,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,aAAa,QAAI,gDAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,QAC3B,MAAM,CAAC;AAAA,MACT,EAAE;AAAA,IACJ;AATE,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAQA,SAAS;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,mBAAmB,IAAI,KAAK;AAC1D,WACE,4CAAC,+CAAoB,UAApB,EACE,WAAC,EAAE,OAAO,MAAM;AACf,UAAI,UAAU;AACd,UAAI;AACF,kBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,MAClE,SAAS,GAAP;AACA,kBAAU;AAAA,MACZ;AACA,UAAI,oBAAoB;AACtB,eACE,6CAAC,SAAI,WAAW,cAAc,eAAY,2BACxC;AAAA,sDAAC,uBAAK,GAAE,OACN,sDAAC,YAAO,eAAY,yBAAyB,8BAAmB,GAClE;AAAA,UACA,4CAAC,uBAAK,IAAG,OAAM,IAAG,OAAM,eAAY,2BACjC,mBACH;AAAA,WACF;AAAA,MAEJ;AAEA,aACE,4CAAC,SAAI,WAAW,cACd,sDAAC,mCAAY,aAAa,MAAM,UAAU,KAAK,cAC7C;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,OAAO,OAAO,YAAY;AAAA,UAC1B,OAAK;AAAA,UAEL,sDAAC,SAAK,mBAAQ;AAAA;AAAA,MAChB,GACF,GACF;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
6
6
  "names": []
7
7
  }