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

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 +13 -13
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/AndOrController/AndOrController.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": ["React"]
7
7
  }
@@ -25,77 +25,91 @@ const ConditionController = ({
25
25
  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(
26
26
  "query-builder-condition-controller"
27
27
  );
28
- return /* @__PURE__ */ jsx("div", {
29
- className: cssClassName,
30
- children: /* @__PURE__ */ jsx(DSTooltip, {
28
+ return /* @__PURE__ */ jsx("div", { className: cssClassName, children: /* @__PURE__ */ jsx(
29
+ DSTooltip,
30
+ {
31
31
  delayClose,
32
32
  delayOpen,
33
33
  interactionType: Interaction.CLICK,
34
34
  isOpen,
35
35
  onOpen: handleTooltipRow,
36
36
  placement: Position.LEFT,
37
- springAnimationComponent: /* @__PURE__ */ jsx(ToolBarAnimation, {
38
- duration: TOOLBAR_ANIMATION_DURATION
39
- }),
40
- title: /* @__PURE__ */ jsxs("div", {
41
- className: classNameBlock("actions"),
42
- children: [
43
- /* @__PURE__ */ jsx(DSTooltip, {
37
+ springAnimationComponent: /* @__PURE__ */ jsx(ToolBarAnimation, { duration: TOOLBAR_ANIMATION_DURATION }),
38
+ title: /* @__PURE__ */ jsxs("div", { className: classNameBlock("actions"), children: [
39
+ /* @__PURE__ */ jsx(
40
+ DSTooltip,
41
+ {
44
42
  title: "Remove condition",
45
- triggerComponent: /* @__PURE__ */ jsx(DSButton, {
46
- buttonType: buttonActionType,
47
- className: classNameElement("remove-rule"),
48
- icon: /* @__PURE__ */ jsx(QueryRemove, {}),
49
- onClick: onRemoveFilter,
50
- size: buttonActionSize,
51
- containerProps: {
52
- "data-testid": "query-remove-button"
43
+ triggerComponent: /* @__PURE__ */ jsx(
44
+ DSButton,
45
+ {
46
+ buttonType: buttonActionType,
47
+ className: classNameElement("remove-rule"),
48
+ icon: /* @__PURE__ */ jsx(QueryRemove, {}),
49
+ onClick: onRemoveFilter,
50
+ size: buttonActionSize,
51
+ containerProps: {
52
+ "data-testid": "query-remove-button"
53
+ }
53
54
  }
54
- })
55
- }),
56
- /* @__PURE__ */ jsx(DSTooltip, {
55
+ )
56
+ }
57
+ ),
58
+ /* @__PURE__ */ jsx(
59
+ DSTooltip,
60
+ {
57
61
  title: "Add condition",
58
- triggerComponent: /* @__PURE__ */ jsx(DSButton, {
59
- buttonType: buttonActionType,
60
- className: classNameElement("add-rule"),
61
- icon: /* @__PURE__ */ jsx(QueryAdd, {}),
62
- onClick: onAddFilter,
63
- size: buttonActionSize,
64
- containerProps: {
65
- "data-testid": "query-add-button"
62
+ triggerComponent: /* @__PURE__ */ jsx(
63
+ DSButton,
64
+ {
65
+ buttonType: buttonActionType,
66
+ className: classNameElement("add-rule"),
67
+ icon: /* @__PURE__ */ jsx(QueryAdd, {}),
68
+ onClick: onAddFilter,
69
+ size: buttonActionSize,
70
+ containerProps: {
71
+ "data-testid": "query-add-button"
72
+ }
66
73
  }
67
- })
68
- }),
69
- /* @__PURE__ */ jsx(DSTooltip, {
74
+ )
75
+ }
76
+ ),
77
+ /* @__PURE__ */ jsx(
78
+ DSTooltip,
79
+ {
70
80
  title: "Add group",
71
- triggerComponent: /* @__PURE__ */ jsx(DSButton, {
72
- buttonType: buttonActionType,
73
- className: `${classNameElement("add-rule-container")} no-border-right`,
74
- icon: /* @__PURE__ */ jsx(ParenthesisAdd, {}),
75
- onClick: onAddRuleContainer,
76
- size: buttonActionSize,
77
- containerProps: {
78
- "data-testid": "parenthesis-add-button"
81
+ triggerComponent: /* @__PURE__ */ jsx(
82
+ DSButton,
83
+ {
84
+ buttonType: buttonActionType,
85
+ className: `${classNameElement("add-rule-container")} no-border-right`,
86
+ icon: /* @__PURE__ */ jsx(ParenthesisAdd, {}),
87
+ onClick: onAddRuleContainer,
88
+ size: buttonActionSize,
89
+ containerProps: {
90
+ "data-testid": "parenthesis-add-button"
91
+ }
79
92
  }
80
- })
81
- })
82
- ]
83
- }),
93
+ )
94
+ }
95
+ )
96
+ ] }),
84
97
  tooltipType: TooltipType.TOOLBAR,
85
- triggerComponent: /* @__PURE__ */ jsx(DSButton, {
86
- buttonType: buttonTriggerType,
87
- icon: /* @__PURE__ */ jsx(MoreOptionsVert, {
88
- color: ["neutral", "500"]
89
- }),
90
- onClick: handleTooltipRow,
91
- size: buttonTriggerSize,
92
- containerProps: {
93
- "data-testid": "condition-more-options-button"
98
+ triggerComponent: /* @__PURE__ */ jsx(
99
+ DSButton,
100
+ {
101
+ buttonType: buttonTriggerType,
102
+ icon: /* @__PURE__ */ jsx(MoreOptionsVert, { color: ["neutral", "500"] }),
103
+ onClick: handleTooltipRow,
104
+ size: buttonTriggerSize,
105
+ containerProps: {
106
+ "data-testid": "condition-more-options-button"
107
+ }
94
108
  }
95
- }),
109
+ ),
96
110
  zIndex: toolTipZIndex
97
- })
98
- });
111
+ }
112
+ ) });
99
113
  };
100
114
  var ConditionController_default = ConditionController;
101
115
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ConditionController/ConditionController.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACqCW,cAExB,YAFwB;AAnClC,SAAS,iCAAiC;AAC1C,OAAO,aAAa,mBAAmB;AACvC,SAAS,sBAAsB,aAAa,mBAAmB,gBAAgB;AAC/E,SAAS,mBAAmB;AAC5B,SAAS,aAAa,iBAAiB,UAAU,sBAAsB;AACvE,OAAO,cAAc;AACrB,SAAS,wBAAwB;AACjC,SAAS,aAAa,YAAY,kCAAkC;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,oBAAC;AAAA,IAAI,WAAW;AAAA,IACd,8BAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,0BAA0B,oBAAC;AAAA,QAAiB,UAAU;AAAA,OAA4B;AAAA,MAClF,OACE,qBAAC;AAAA,QAAI,WAAW,eAAe,SAAS;AAAA,QACtC;AAAA,8BAAC;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,oBAAC;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,aAAa;AAAA,cACzC,MAAM,oBAAC,eAAY;AAAA,cACnB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,oBAAC;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,oBAAC;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,UAAU;AAAA,cACtC,MAAM,oBAAC,YAAS;AAAA,cAChB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,oBAAC;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,oBAAC;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,cACnD,MAAM,oBAAC,kBAAe;AAAA,cACtB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA;AAAA,OAEF;AAAA,MAEF,aAAa,YAAY;AAAA,MACzB,kBACE,oBAAC;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,oBAAC;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,YAAY,WAAW;ACqCW,cAExB,YAFwB;AAnClC,SAAS,iCAAiC;AAC1C,OAAO,aAAa,mBAAmB;AACvC,SAAS,sBAAsB,aAAa,mBAAmB,gBAAgB;AAC/E,SAAS,mBAAmB;AAC5B,SAAS,aAAa,iBAAiB,UAAU,sBAAsB;AACvE,OAAO,cAAc;AACrB,SAAS,wBAAwB;AACjC,SAAS,aAAa,YAAY,kCAAkC;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,oBAAC,SAAI,WAAW,cACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,0BAA0B,oBAAC,oBAAiB,UAAU,4BAA4B;AAAA,MAClF,OACE,qBAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA;AAAA,UAAC;AAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC;AAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,iBAAiB,aAAa;AAAA,gBACzC,MAAM,oBAAC,eAAY;AAAA,gBACnB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC;AAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,iBAAiB,UAAU;AAAA,gBACtC,MAAM,oBAAC,YAAS;AAAA,gBAChB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC;AAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,gBACnD,MAAM,oBAAC,kBAAe;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,YAAY;AAAA,MACzB,kBACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,MAAM,oBAAC,mBAAgB,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": []
7
7
  }
@@ -22,53 +22,30 @@ class DisplayOutput extends Component {
22
22
  render() {
23
23
  const { show } = this.state;
24
24
  const { showLabel, hideLabel, displayFixedOutput } = this.props;
25
- return /* @__PURE__ */ jsx(QueryBuilderContext.Consumer, {
26
- children: ({ format }) => {
27
- let display = "";
28
- try {
29
- display = typeof format === "object" ? JSON.stringify(format) : format;
30
- } catch (e) {
31
- display = e;
32
- }
33
- if (displayFixedOutput) {
34
- return /* @__PURE__ */ jsxs("div", {
35
- className: cssClassName,
36
- "data-testid": "qb-fixed-output-wrapper",
37
- children: [
38
- /* @__PURE__ */ jsx(Grid, {
39
- p: "xxs",
40
- children: /* @__PURE__ */ jsx("strong", {
41
- "data-testid": "qb-fixed-output-label",
42
- children: displayFixedOutput
43
- })
44
- }),
45
- /* @__PURE__ */ jsx(Grid, {
46
- pl: "xxs",
47
- pr: "xxs",
48
- "data-testid": "qb-fixed-output-content",
49
- children: display
50
- })
51
- ]
52
- });
53
- }
54
- return /* @__PURE__ */ jsx("div", {
55
- className: cssClassName,
56
- children: /* @__PURE__ */ jsx(DSAccordion, {
57
- activeValue: show,
58
- onChange: this.handleChange,
59
- children: /* @__PURE__ */ jsx(DSAccordionItem, {
60
- iconClosed: ChevronRight,
61
- iconOpened: ChevronDown,
62
- title: show ? hideLabel : showLabel,
63
- value: true,
64
- children: /* @__PURE__ */ jsx("div", {
65
- children: display
66
- })
67
- })
68
- })
69
- });
25
+ return /* @__PURE__ */ jsx(QueryBuilderContext.Consumer, { children: ({ format }) => {
26
+ let display = "";
27
+ try {
28
+ display = typeof format === "object" ? JSON.stringify(format) : format;
29
+ } catch (e) {
30
+ display = e;
70
31
  }
71
- });
32
+ if (displayFixedOutput) {
33
+ return /* @__PURE__ */ jsxs("div", { className: cssClassName, "data-testid": "qb-fixed-output-wrapper", children: [
34
+ /* @__PURE__ */ jsx(Grid, { p: "xxs", children: /* @__PURE__ */ jsx("strong", { "data-testid": "qb-fixed-output-label", children: displayFixedOutput }) }),
35
+ /* @__PURE__ */ jsx(Grid, { pl: "xxs", pr: "xxs", "data-testid": "qb-fixed-output-content", children: display })
36
+ ] });
37
+ }
38
+ return /* @__PURE__ */ jsx("div", { className: cssClassName, children: /* @__PURE__ */ jsx(DSAccordion, { activeValue: show, onChange: this.handleChange, children: /* @__PURE__ */ jsx(
39
+ DSAccordionItem,
40
+ {
41
+ iconClosed: ChevronRight,
42
+ iconOpened: ChevronDown,
43
+ title: show ? hideLabel : showLabel,
44
+ value: true,
45
+ children: /* @__PURE__ */ jsx("div", { children: display })
46
+ }
47
+ ) }) });
48
+ } });
72
49
  }
73
50
  }
74
51
  var DisplayOutput_default = DisplayOutput;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DisplayOutput/DisplayOutput.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
5
- "mappings": "AAAA,YAAY,WAAW;ACqCT,SAEI,KAFJ;AArCd,SAAgB,iBAAiB;AACjC,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,aAAa,uBAAuB;AAC7C,SAAS,aAAa,oBAAoB;AAC1C,SAAS,2BAA2B;AAEpC,MAAM,EAAE,aAAa,IAAI,0BAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,UAAU;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,oBAAC,oBAAoB,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,qBAAC;AAAA,YAAI,WAAW;AAAA,YAAc,eAAY;AAAA,YACxC;AAAA,kCAAC;AAAA,gBAAK,GAAE;AAAA,gBACN,8BAAC;AAAA,kBAAO,eAAY;AAAA,kBAAyB;AAAA,iBAAmB;AAAA,eAClE;AAAA,cACA,oBAAC;AAAA,gBAAK,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,eAAY;AAAA,gBACjC;AAAA,eACH;AAAA;AAAA,WACF;AAAA,QAEJ;AAEA,eACE,oBAAC;AAAA,UAAI,WAAW;AAAA,UACd,8BAAC;AAAA,YAAY,aAAa;AAAA,YAAM,UAAU,KAAK;AAAA,YAC7C,8BAAC;AAAA,cACC,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,OAAO,OAAO,YAAY;AAAA,cAC1B,OAAK;AAAA,cAEL,8BAAC;AAAA,gBAAK;AAAA,eAAQ;AAAA,aAChB;AAAA,WACF;AAAA,SACF;AAAA,MAEJ;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACqCT,SAEI,KAFJ;AArCd,SAAgB,iBAAiB;AACjC,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,aAAa,uBAAuB;AAC7C,SAAS,aAAa,oBAAoB;AAC1C,SAAS,2BAA2B;AAEpC,MAAM,EAAE,aAAa,IAAI,0BAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,UAAU;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,oBAAC,oBAAoB,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,qBAAC,SAAI,WAAW,cAAc,eAAY,2BACxC;AAAA,8BAAC,QAAK,GAAE,OACN,8BAAC,YAAO,eAAY,yBAAyB,8BAAmB,GAClE;AAAA,UACA,oBAAC,QAAK,IAAG,OAAM,IAAG,OAAM,eAAY,2BACjC,mBACH;AAAA,WACF;AAAA,MAEJ;AAEA,aACE,oBAAC,SAAI,WAAW,cACd,8BAAC,eAAY,aAAa,MAAM,UAAU,KAAK,cAC7C;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,OAAO,OAAO,YAAY;AAAA,UAC1B,OAAK;AAAA,UAEL,8BAAC,SAAK,mBAAQ;AAAA;AAAA,MAChB,GACF,GACF;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
6
6
  "names": []
7
7
  }
@@ -11,29 +11,12 @@ const DragContainerController = ({
11
11
  onClick
12
12
  }) => {
13
13
  const { cssClassName } = convertPropToCssClassName("query-builder-drag-group");
14
- return /* @__PURE__ */ jsxs("div", {
15
- className: `${cssClassName}`,
16
- children: [
17
- /* @__PURE__ */ jsx(Icon, {
18
- color,
19
- size
20
- }),
21
- /* @__PURE__ */ jsx("div", {
22
- className: "separator"
23
- }),
24
- /* @__PURE__ */ jsx(MoreOptionsVert, {
25
- color,
26
- onClick,
27
- size
28
- }),
29
- multipleSize && /* @__PURE__ */ jsx(Icon, {
30
- className: "additional-drag",
31
- color,
32
- onClick,
33
- size
34
- })
35
- ]
36
- });
14
+ return /* @__PURE__ */ jsxs("div", { className: `${cssClassName}`, children: [
15
+ /* @__PURE__ */ jsx(Icon, { color, size }),
16
+ /* @__PURE__ */ jsx("div", { className: "separator" }),
17
+ /* @__PURE__ */ jsx(MoreOptionsVert, { color, onClick, size }),
18
+ multipleSize && /* @__PURE__ */ jsx(Icon, { className: "additional-drag", color, onClick, size })
19
+ ] });
37
20
  };
38
21
  var DragContainerController_default = DragContainerController;
39
22
  export {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragContainerController/DragContainerController.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { MoreOptionsVert, GripperVertical } from '@elliemae/ds-icons';\n\nconst DragContainerController = ({\n color = DSIconColors.NEUTRAL,\n icon: Icon = GripperVertical,\n size = DSIconSizes.S,\n multipleSize = false,\n onClick,\n}) => {\n const { cssClassName } = convertPropToCssClassName('query-builder-drag-group');\n return (\n <div className={`${cssClassName}`}>\n <Icon color={color} size={size} />\n <div className=\"separator\" />\n <MoreOptionsVert color={color} onClick={onClick} size={size} />\n {multipleSize && <Icon className=\"additional-drag\" color={color} onClick={onClick} size={size} />}\n </div>\n );\n};\nexport default DragContainerController;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACcnB,SACE,KADF;AAbJ,SAAS,iCAAiC;AAC1C,SAAS,cAAc,mBAAmB;AAC1C,SAAS,iBAAiB,uBAAuB;AAEjD,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,aAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,EACnB,eAAe;AAAA,EACf;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,IAAI,0BAA0B,0BAA0B;AAC7E,SACE,qBAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IACjB;AAAA,0BAAC;AAAA,QAAK;AAAA,QAAc;AAAA,OAAY;AAAA,MAChC,oBAAC;AAAA,QAAI,WAAU;AAAA,OAAY;AAAA,MAC3B,oBAAC;AAAA,QAAgB;AAAA,QAAc;AAAA,QAAkB;AAAA,OAAY;AAAA,MAC5D,gBAAgB,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAkB;AAAA,QAAc;AAAA,QAAkB;AAAA,OAAY;AAAA;AAAA,GACjG;AAEJ;AACA,IAAO,kCAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACcnB,SACE,KADF;AAbJ,SAAS,iCAAiC;AAC1C,SAAS,cAAc,mBAAmB;AAC1C,SAAS,iBAAiB,uBAAuB;AAEjD,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,aAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,EACnB,eAAe;AAAA,EACf;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,IAAI,0BAA0B,0BAA0B;AAC7E,SACE,qBAAC,SAAI,WAAW,GAAG,gBACjB;AAAA,wBAAC,QAAK,OAAc,MAAY;AAAA,IAChC,oBAAC,SAAI,WAAU,aAAY;AAAA,IAC3B,oBAAC,mBAAgB,OAAc,SAAkB,MAAY;AAAA,IAC5D,gBAAgB,oBAAC,QAAK,WAAU,mBAAkB,OAAc,SAAkB,MAAY;AAAA,KACjG;AAEJ;AACA,IAAO,kCAAQ;",
6
6
  "names": []
7
7
  }
@@ -8,14 +8,7 @@ const DragControllerRow = ({
8
8
  icon: Icon = GripperVertical,
9
9
  size = DSIconSizes.M,
10
10
  ...rest
11
- }) => /* @__PURE__ */ jsx("div", {
12
- className,
13
- ...rest,
14
- children: /* @__PURE__ */ jsx(Icon, {
15
- color,
16
- size
17
- })
18
- });
11
+ }) => /* @__PURE__ */ jsx("div", { className, ...rest, children: /* @__PURE__ */ jsx(Icon, { color, size }) });
19
12
  var DragControllerRow_default = DragControllerRow;
20
13
  export {
21
14
  DragControllerRow_default as default
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragControllerRow/DragControllerRow.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { GripperVertical } from '@elliemae/ds-icons';\n\nconst DragControllerRow = ({\n className = 'drag-controller',\n color = ['neutral', '500'],\n icon: Icon = GripperVertical,\n size = DSIconSizes.M,\n ...rest\n}) => (\n <div className={className} {...rest}>\n <Icon color={color} size={size} />\n </div>\n);\nexport default DragControllerRow;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACYnB;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,EACzB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,KAChB;AACL,MACE,oBAAC;AAAA,EAAI;AAAA,EAAuB,GAAG;AAAA,EAC7B,8BAAC;AAAA,IAAK;AAAA,IAAc;AAAA,GAAY;AAAA,CAClC;AAEF,IAAO,4BAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACYnB;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,EACzB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,KAChB;AACL,MACE,oBAAC,SAAI,WAAuB,GAAG,MAC7B,8BAAC,QAAK,OAAc,MAAY,GAClC;AAEF,IAAO,4BAAQ;",
6
6
  "names": []
7
7
  }
@@ -7,22 +7,10 @@ const FieldControllerRow = ({
7
7
  options = [],
8
8
  value = "",
9
9
  type = "DSComboBox"
10
- }) => /* @__PURE__ */ jsxs("div", {
11
- className,
12
- children: [
13
- type === "DSComboBox" && /* @__PURE__ */ jsx(DSComboBox, {
14
- onChange,
15
- options,
16
- value
17
- }),
18
- type === "DSTextBox" && /* @__PURE__ */ jsx(DSTextBox, {
19
- fluidWidth: true,
20
- onChange,
21
- options,
22
- value
23
- })
24
- ]
25
- });
10
+ }) => /* @__PURE__ */ jsxs("div", { className, children: [
11
+ type === "DSComboBox" && /* @__PURE__ */ jsx(DSComboBox, { onChange, options, value }),
12
+ type === "DSTextBox" && /* @__PURE__ */ jsx(DSTextBox, { fluidWidth: true, onChange, options, value })
13
+ ] });
26
14
  var FieldControllerRow_default = FieldControllerRow;
27
15
  export {
28
16
  FieldControllerRow_default as default
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/FieldControllerRow/FieldControllerRow.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\n\nconst FieldControllerRow = ({\n className = '',\n onChange = () => null,\n options = [],\n value = '',\n type = 'DSComboBox',\n}) => (\n <div className={className}>\n {type === 'DSComboBox' && <DSComboBox onChange={onChange} options={options} value={value} />}\n {type === 'DSTextBox' && <DSTextBox fluidWidth onChange={onChange} options={options} value={value} />}\n </div>\n);\nexport default FieldControllerRow;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACUrB,SAC4B,KAD5B;AATF,SAAS,WAAW,kBAAkB;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACT,MACE,qBAAC;AAAA,EAAI;AAAA,EACF;AAAA,aAAS,gBAAgB,oBAAC;AAAA,MAAW;AAAA,MAAoB;AAAA,MAAkB;AAAA,KAAc;AAAA,IACzF,SAAS,eAAe,oBAAC;AAAA,MAAU,YAAU;AAAA,MAAC;AAAA,MAAoB;AAAA,MAAkB;AAAA,KAAc;AAAA;AAAA,CACrG;AAEF,IAAO,6BAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACUrB,SAC4B,KAD5B;AATF,SAAS,WAAW,kBAAkB;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACT,MACE,qBAAC,SAAI,WACF;AAAA,WAAS,gBAAgB,oBAAC,cAAW,UAAoB,SAAkB,OAAc;AAAA,EACzF,SAAS,eAAe,oBAAC,aAAU,YAAU,MAAC,UAAoB,SAAkB,OAAc;AAAA,GACrG;AAEF,IAAO,6BAAQ;",
6
6
  "names": []
7
7
  }
@@ -170,18 +170,7 @@ class Nestable extends Component {
170
170
  };
171
171
  }
172
172
  const options = this.getItemOptions();
173
- return /* @__PURE__ */ jsx("div", {
174
- className: "nestable-drag-layer",
175
- children: /* @__PURE__ */ jsx("ol", {
176
- className: "nestable-list",
177
- style: listStyles,
178
- children: /* @__PURE__ */ jsx(NestableItem, {
179
- isCopy: true,
180
- item: dragItem,
181
- options
182
- })
183
- })
184
- });
173
+ return /* @__PURE__ */ jsx("div", { className: "nestable-drag-layer", children: /* @__PURE__ */ jsx("ol", { className: "nestable-list", style: listStyles, children: /* @__PURE__ */ jsx(NestableItem, { isCopy: true, item: dragItem, options }) }) });
185
174
  }
186
175
  render() {
187
176
  const { items, dragItem } = this.state;
@@ -193,27 +182,31 @@ class Nestable extends Component {
193
182
  childClass = "empty";
194
183
  else if (childLength > 1)
195
184
  childClass = "multiple";
196
- return /* @__PURE__ */ jsxs("div", {
197
- className: cn("nestable", `nestable-${group}`, {
198
- "is-drag-active": dragItem
199
- }),
200
- children: [
201
- /* @__PURE__ */ jsx("ol", {
202
- className: `nestable-list nestable-group nestable-child-count-${childClass}`,
203
- children: items.map((item, i) => /* @__PURE__ */ jsx(NestableItem, {
204
- index: i,
205
- isAndItem,
206
- isDraggableItem,
207
- isOrItem,
208
- item,
209
- options,
210
- setDraggableItems,
211
- singleRow
212
- }, item.id))
185
+ return /* @__PURE__ */ jsxs(
186
+ "div",
187
+ {
188
+ className: cn("nestable", `nestable-${group}`, {
189
+ "is-drag-active": dragItem
213
190
  }),
214
- dragItem && this.renderDragLayer()
215
- ]
216
- });
191
+ children: [
192
+ /* @__PURE__ */ jsx("ol", { className: `nestable-list nestable-group nestable-child-count-${childClass}`, children: items.map((item, i) => /* @__PURE__ */ jsx(
193
+ NestableItem,
194
+ {
195
+ index: i,
196
+ isAndItem,
197
+ isDraggableItem,
198
+ isOrItem,
199
+ item,
200
+ options,
201
+ setDraggableItems,
202
+ singleRow
203
+ },
204
+ item.id
205
+ )) }),
206
+ dragItem && this.renderDragLayer()
207
+ ]
208
+ }
209
+ );
217
210
  }
218
211
  }
219
212
  Nestable.defaultProps = {
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/Nestable.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n tryIncreaseDepth,\n tryDecreaseDepth,\n moveItem,\n getItemOptions,\n getRealNextPath,\n getPathById,\n getItemByPath,\n getItemDepth,\n getSplicePath,\n onDragStart,\n onDragEnd,\n onMouseMove,\n onMouseEnter,\n onToggleCollapse,\n onKeyDown,\n} from './actions';\n\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n constructor(props) {\n super(props);\n this.state = {\n items: [],\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n collapsedGroups: [],\n stopTrackingMouse: this.stopTrackMouse.bind(this),\n oldProps: props,\n };\n\n this.el = null;\n this.elCopyStyles = null;\n this.mouse = {\n last: { x: 0 },\n shift: { x: 0 },\n };\n\n this.dragApply = this.dragApply.bind(this);\n this.renderDragLayer = this.renderDragLayer.bind(this);\n }\n\n componentDidMount() {\n const { childrenProp } = this.props;\n let { items } = this.props;\n // make sure every item has property 'children'\n items = listWithChildren(items, childrenProp);\n this.setState({ items });\n }\n\n componentWillUnmount() {\n this.stopTrackMouse();\n }\n\n static getDerivedStateFromProps(props, state) {\n const { items: itemsNew, childrenProp } = props;\n const { stopTrackingMouse, oldProps } = state;\n\n if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n stopTrackingMouse();\n const extra = {};\n if (oldProps.collapsed !== props.collapsed) {\n extra.collapsedGroups = [];\n }\n return {\n items: listWithChildren(itemsNew, childrenProp),\n dragItem: null,\n isDirty: false,\n oldProps: props,\n ...extra,\n };\n }\n return null;\n }\n\n onDragStart = (e, item) => {\n onDragStart.call(this, e, item);\n };\n\n onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n onMouseMove = (e) => onMouseMove.call(this, e);\n\n onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n onKeyDown = (e) => onKeyDown.call(this, e);\n\n getDefaultItems = () => {\n const { items } = this.state;\n return items;\n };\n\n getPathById(id, items = this.getDefaultItems()) {\n return getPathById.call(this, id, items);\n }\n\n getItemByPath(path, items = this.getDefaultItems()) {\n return getItemByPath.call(this, path, items);\n }\n\n getItemDepth = (item) => getItemDepth.call(this, item);\n\n getSplicePath(path, options = {}) {\n return getSplicePath.call(this, path, options);\n }\n\n getRealNextPath(prevPath, nextPath) {\n return getRealNextPath.call(this, prevPath, nextPath);\n }\n\n getItemOptions() {\n return getItemOptions.call(this);\n }\n\n startTrackMouse = () => {\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onDragEnd);\n document.addEventListener('keydown', this.onKeyDown);\n };\n\n stopTrackMouse = () => {\n document.removeEventListener('mousemove', this.onMouseMove);\n document.removeEventListener('mouseup', this.onDragEnd);\n document.removeEventListener('keydown', this.onKeyDown);\n this.elCopyStyles = null;\n };\n\n isCollapsed = (item) => {\n const { collapsed } = this.props;\n const { collapsedGroups } = this.state;\n return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n };\n\n checkFilterChildren = (items) =>\n items.find((current) => {\n const {\n element: { type },\n children,\n } = current;\n if (type === 'filter' && children.length > 0) return true;\n return this.checkFilterChildren(children);\n });\n\n dragRevert = () => {\n const { itemsOld } = this.state;\n\n this.setState({\n items: itemsOld,\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n };\n\n dragApply() {\n const { onChange } = this.props;\n const { items, isDirty, dragItem } = this.state;\n\n this.setState({\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n\n if (onChange && isDirty) onChange(items, dragItem);\n }\n\n tryIncreaseDepth(dragItem) {\n tryIncreaseDepth.call(this, dragItem);\n }\n\n tryDecreaseDepth(dragItem) {\n tryDecreaseDepth.call(this, dragItem);\n }\n\n moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n }\n\n renderDragLayer() {\n const { group } = this.props;\n const { dragItem } = this.state;\n const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n let listStyles = {};\n if (el) {\n listStyles.width = el.clientWidth;\n }\n if (this.elCopyStyles) {\n listStyles = {\n ...listStyles,\n ...this.elCopyStyles,\n };\n }\n\n const options = this.getItemOptions();\n\n return (\n <div className=\"nestable-drag-layer\">\n <ol className=\"nestable-list\" style={listStyles}>\n <NestableItem isCopy item={dragItem} options={options} />\n </ol>\n </div>\n );\n }\n\n render() {\n const { items, dragItem } = this.state;\n const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n const options = this.getItemOptions();\n const childLength = items.length;\n let childClass = 'single';\n if (childLength === 0) childClass = 'empty';\n else if (childLength > 1) childClass = 'multiple';\n\n return (\n <div\n className={cn('nestable', `nestable-${group}`, {\n 'is-drag-active': dragItem,\n })}\n >\n <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n {items.map((item, i) => (\n <NestableItem\n key={item.id}\n index={i}\n isAndItem={isAndItem}\n isDraggableItem={isDraggableItem}\n isOrItem={isOrItem}\n item={item}\n options={options}\n setDraggableItems={setDraggableItems}\n singleRow={singleRow}\n />\n ))}\n </ol>\n {dragItem && this.renderDragLayer()}\n </div>\n );\n }\n}\n\nNestable.defaultProps = {\n items: [],\n collapsed: false,\n group: Math.random().toString(36).slice(2),\n childrenProp: 'children',\n onChange: () => {},\n};\n\nNestable.propTypes = {\n childrenProp: PropTypes.string,\n group: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n collapsed: PropTypes.bool,\n onChange: PropTypes.func,\n isAndItem: PropTypes.bool,\n isOrItem: PropTypes.bool,\n isDraggableItem: PropTypes.bool,\n setDraggableItems: PropTypes.func,\n singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": []
7
7
  }
@@ -51,11 +51,7 @@ const NestableItem = ({
51
51
  }
52
52
  }
53
53
  if (handler) {
54
- Handler = /* @__PURE__ */ jsx("span", {
55
- className: "nestable-item-handler",
56
- ...handlerProps,
57
- children: handler
58
- });
54
+ Handler = /* @__PURE__ */ jsx("span", { className: "nestable-item-handler", ...handlerProps, children: handler });
59
55
  } else {
60
56
  rowProps = {
61
57
  ...rowProps,
@@ -68,10 +64,10 @@ const NestableItem = ({
68
64
  childClass = "empty";
69
65
  else if (childLength > 1)
70
66
  childClass = "multiple";
71
- return /* @__PURE__ */ jsxs("li", {
72
- ...itemProps,
73
- children: [
74
- /* @__PURE__ */ jsx("div", {
67
+ return /* @__PURE__ */ jsxs("li", { ...itemProps, children: [
68
+ /* @__PURE__ */ jsx(
69
+ "div",
70
+ {
75
71
  className: `nestable-item-name nestable-item-name--${item.element.type} `,
76
72
  ...rowProps,
77
73
  children: renderItem({
@@ -79,21 +75,22 @@ const NestableItem = ({
79
75
  handler: Handler,
80
76
  index
81
77
  })
82
- }),
83
- hasChildren && item.element.type === "group" && !isCollapsed && /* @__PURE__ */ jsx("ol", {
84
- className: `nestable-list nestable-child-count-${childClass} `,
85
- children: item[childrenProp].map((currentitem, i) => /* @__PURE__ */ jsx(NestableItem, {
86
- index: i,
87
- isAndItem: isAndGroup,
88
- isCopy,
89
- isOrItem: isOrGroup,
90
- item: currentitem,
91
- options,
92
- singleRow
93
- }, i))
94
- })
95
- ]
96
- });
78
+ }
79
+ ),
80
+ hasChildren && item.element.type === "group" && !isCollapsed && /* @__PURE__ */ jsx("ol", { className: `nestable-list nestable-child-count-${childClass} `, children: item[childrenProp].map((currentitem, i) => /* @__PURE__ */ jsx(
81
+ NestableItem,
82
+ {
83
+ index: i,
84
+ isAndItem: isAndGroup,
85
+ isCopy,
86
+ isOrItem: isOrGroup,
87
+ item: currentitem,
88
+ options,
89
+ singleRow
90
+ },
91
+ i
92
+ )) })
93
+ ] });
97
94
  };
98
95
  var NestableItem_default = NestableItem;
99
96
  export {