@elliemae/ds-query-builder 3.4.3-rc.1 → 3.4.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.
- package/dist/cjs/DSQueryBuilder.js +6 -3
- package/dist/cjs/DSQueryBuilder.js.map +2 -2
- package/dist/cjs/components/AndOrController/AndOrController.js +106 -83
- package/dist/cjs/components/AndOrController/AndOrController.js.map +2 -2
- package/dist/cjs/components/ConditionController/ConditionController.js +76 -65
- package/dist/cjs/components/ConditionController/ConditionController.js.map +2 -2
- package/dist/cjs/components/DisplayOutput/DisplayOutput.js +50 -32
- package/dist/cjs/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/dist/cjs/components/DragContainerController/DragContainerController.js +28 -19
- package/dist/cjs/components/DragContainerController/DragContainerController.js.map +1 -1
- package/dist/cjs/components/DragControllerRow/DragControllerRow.js +12 -8
- package/dist/cjs/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/cjs/components/FieldControllerRow/FieldControllerRow.js +21 -14
- package/dist/cjs/components/FieldControllerRow/FieldControllerRow.js.map +1 -1
- package/dist/cjs/components/Nestable/Nestable.js +37 -27
- package/dist/cjs/components/Nestable/Nestable.js.map +2 -2
- package/dist/cjs/components/Nestable/NestableItem.js +49 -34
- package/dist/cjs/components/Nestable/NestableItem.js.map +2 -2
- package/dist/cjs/components/Nestable/actions/events.js +4 -1
- package/dist/cjs/components/Nestable/actions/events.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/getItemOptions.js +4 -1
- package/dist/cjs/components/Nestable/actions/getItemOptions.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/getPaths.js +4 -1
- package/dist/cjs/components/Nestable/actions/getPaths.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/index.js +4 -1
- package/dist/cjs/components/Nestable/actions/index.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/moveItem.js +4 -1
- package/dist/cjs/components/Nestable/actions/moveItem.js.map +2 -2
- package/dist/cjs/components/Nestable/actions/paths.js +4 -1
- package/dist/cjs/components/Nestable/actions/paths.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/tryDecreaseDepth.js +4 -1
- package/dist/cjs/components/Nestable/actions/tryDecreaseDepth.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/tryIncreaseDepth.js +7 -2
- package/dist/cjs/components/Nestable/actions/tryIncreaseDepth.js.map +1 -1
- package/dist/cjs/components/Nestable/index.js +4 -1
- package/dist/cjs/components/Nestable/index.js.map +2 -2
- package/dist/cjs/components/QueryBuilderContext/QueryBuilderContext.js +4 -1
- package/dist/cjs/components/QueryBuilderContext/QueryBuilderContext.js.map +2 -2
- package/dist/cjs/components/QueryBuilderImpl.js +48 -35
- package/dist/cjs/components/QueryBuilderImpl.js.map +2 -2
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js +50 -45
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +2 -2
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js +104 -77
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js +6 -3
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +2 -2
- package/dist/cjs/components/format/format.js +4 -1
- package/dist/cjs/components/format/format.js.map +1 -1
- package/dist/cjs/components/format/sqlFormat.js +4 -1
- package/dist/cjs/components/format/sqlFormat.js.map +2 -2
- package/dist/cjs/components/format/sqlSafeFormat.js +4 -1
- package/dist/cjs/components/format/sqlSafeFormat.js.map +2 -2
- package/dist/cjs/components/format/xmlFormat.js +12 -3
- package/dist/cjs/components/format/xmlFormat.js.map +2 -2
- package/dist/cjs/components/helpers/actions.js +10 -3
- package/dist/cjs/components/helpers/actions.js.map +1 -1
- package/dist/cjs/components/helpers/constants.js +4 -1
- package/dist/cjs/components/helpers/constants.js.map +1 -1
- package/dist/cjs/components/helpers/dependencies.js +12 -6
- package/dist/cjs/components/helpers/dependencies.js.map +1 -1
- package/dist/cjs/components/helpers/selectors.js +4 -1
- package/dist/cjs/components/helpers/selectors.js.map +1 -1
- package/dist/cjs/components/helpers/store.js +4 -1
- package/dist/cjs/components/helpers/store.js.map +2 -2
- package/dist/cjs/components/helpers/types.js +4 -1
- package/dist/cjs/components/helpers/types.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/propTypes.js +35 -26
- package/dist/cjs/propTypes.js.map +1 -1
- package/dist/esm/DSQueryBuilder.js +2 -2
- package/dist/esm/DSQueryBuilder.js.map +1 -1
- package/dist/esm/components/AndOrController/AndOrController.js +102 -82
- package/dist/esm/components/AndOrController/AndOrController.js.map +2 -2
- package/dist/esm/components/ConditionController/ConditionController.js +72 -64
- package/dist/esm/components/ConditionController/ConditionController.js.map +1 -1
- package/dist/esm/components/DisplayOutput/DisplayOutput.js +46 -31
- package/dist/esm/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/dist/esm/components/DragContainerController/DragContainerController.js +24 -18
- package/dist/esm/components/DragContainerController/DragContainerController.js.map +1 -1
- package/dist/esm/components/DragControllerRow/DragControllerRow.js +8 -7
- package/dist/esm/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/esm/components/FieldControllerRow/FieldControllerRow.js +17 -13
- package/dist/esm/components/FieldControllerRow/FieldControllerRow.js.map +1 -1
- package/dist/esm/components/Nestable/Nestable.js +33 -26
- package/dist/esm/components/Nestable/Nestable.js.map +1 -1
- package/dist/esm/components/Nestable/NestableItem.js +45 -33
- package/dist/esm/components/Nestable/NestableItem.js.map +1 -1
- package/dist/esm/components/Nestable/actions/events.js.map +1 -1
- package/dist/esm/components/Nestable/actions/getItemOptions.js.map +1 -1
- package/dist/esm/components/Nestable/actions/getPaths.js.map +1 -1
- package/dist/esm/components/Nestable/actions/index.js.map +1 -1
- package/dist/esm/components/Nestable/actions/moveItem.js.map +1 -1
- package/dist/esm/components/Nestable/actions/paths.js.map +1 -1
- package/dist/esm/components/Nestable/actions/tryDecreaseDepth.js.map +1 -1
- package/dist/esm/components/Nestable/actions/tryIncreaseDepth.js +3 -1
- package/dist/esm/components/Nestable/actions/tryIncreaseDepth.js.map +1 -1
- package/dist/esm/components/Nestable/index.js.map +1 -1
- package/dist/esm/components/QueryBuilderContext/QueryBuilderContext.js.map +2 -2
- package/dist/esm/components/QueryBuilderImpl.js +44 -34
- package/dist/esm/components/QueryBuilderImpl.js.map +1 -1
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js +46 -44
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js +100 -76
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js +2 -2
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
- package/dist/esm/components/format/format.js.map +1 -1
- package/dist/esm/components/format/sqlFormat.js.map +2 -2
- package/dist/esm/components/format/sqlSafeFormat.js.map +2 -2
- package/dist/esm/components/format/xmlFormat.js +8 -2
- package/dist/esm/components/format/xmlFormat.js.map +2 -2
- package/dist/esm/components/helpers/actions.js +6 -2
- package/dist/esm/components/helpers/actions.js.map +1 -1
- package/dist/esm/components/helpers/constants.js.map +1 -1
- package/dist/esm/components/helpers/dependencies.js +8 -5
- package/dist/esm/components/helpers/dependencies.js.map +1 -1
- package/dist/esm/components/helpers/selectors.js.map +1 -1
- package/dist/esm/components/helpers/store.js.map +1 -1
- package/dist/esm/components/helpers/types.js.map +1 -1
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/propTypes.js +31 -25
- package/dist/esm/propTypes.js.map +1 -1
- package/package.json +12 -12
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
4
4
|
import DSTooltip, { TooltipType } from "@elliemae/ds-tooltip";
|
|
5
5
|
import { PopperInteractions as Interaction, PopperPositions as Position } from "@elliemae/ds-popper";
|
|
@@ -22,72 +22,80 @@ const ConditionController = ({
|
|
|
22
22
|
isOpen = false,
|
|
23
23
|
toolTipZIndex
|
|
24
24
|
}) => {
|
|
25
|
-
const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
25
|
+
const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(
|
|
26
|
+
"query-builder-condition-controller"
|
|
27
|
+
);
|
|
28
|
+
return /* @__PURE__ */ jsx("div", {
|
|
29
|
+
className: cssClassName,
|
|
30
|
+
children: /* @__PURE__ */ jsx(DSTooltip, {
|
|
31
|
+
delayClose,
|
|
32
|
+
delayOpen,
|
|
33
|
+
interactionType: Interaction.CLICK,
|
|
34
|
+
isOpen,
|
|
35
|
+
onOpen: handleTooltipRow,
|
|
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, {
|
|
44
|
+
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"
|
|
53
|
+
}
|
|
54
|
+
})
|
|
55
|
+
}),
|
|
56
|
+
/* @__PURE__ */ jsx(DSTooltip, {
|
|
57
|
+
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"
|
|
66
|
+
}
|
|
67
|
+
})
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ jsx(DSTooltip, {
|
|
70
|
+
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"
|
|
79
|
+
}
|
|
80
|
+
})
|
|
81
|
+
})
|
|
82
|
+
]
|
|
83
|
+
}),
|
|
84
|
+
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,
|
|
72
92
|
containerProps: {
|
|
73
|
-
"data-testid": "
|
|
93
|
+
"data-testid": "condition-more-options-button"
|
|
74
94
|
}
|
|
75
|
-
})
|
|
76
|
-
})),
|
|
77
|
-
tooltipType: TooltipType.TOOLBAR,
|
|
78
|
-
triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
|
|
79
|
-
buttonType: buttonTriggerType,
|
|
80
|
-
icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, {
|
|
81
|
-
color: ["neutral", "500"]
|
|
82
95
|
}),
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
"data-testid": "condition-more-options-button"
|
|
87
|
-
}
|
|
88
|
-
}),
|
|
89
|
-
zIndex: toolTipZIndex
|
|
90
|
-
}));
|
|
96
|
+
zIndex: toolTipZIndex
|
|
97
|
+
})
|
|
98
|
+
});
|
|
91
99
|
};
|
|
92
100
|
var ConditionController_default = ConditionController;
|
|
93
101
|
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;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Component } from "react";
|
|
3
4
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
5
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
5
6
|
import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
|
|
@@ -21,38 +22,52 @@ class DisplayOutput extends Component {
|
|
|
21
22
|
render() {
|
|
22
23
|
const { show } = this.state;
|
|
23
24
|
const { showLabel, hideLabel, displayFixedOutput } = this.props;
|
|
24
|
-
return /* @__PURE__ */
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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", {
|
|
33
55
|
className: cssClassName,
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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
|
+
});
|
|
44
70
|
}
|
|
45
|
-
return /* @__PURE__ */ React2.createElement("div", {
|
|
46
|
-
className: cssClassName
|
|
47
|
-
}, /* @__PURE__ */ React2.createElement(DSAccordion, {
|
|
48
|
-
activeValue: show,
|
|
49
|
-
onChange: this.handleChange
|
|
50
|
-
}, /* @__PURE__ */ React2.createElement(DSAccordionItem, {
|
|
51
|
-
iconClosed: ChevronRight,
|
|
52
|
-
iconOpened: ChevronDown,
|
|
53
|
-
title: show ? hideLabel : showLabel,
|
|
54
|
-
value: true
|
|
55
|
-
}, /* @__PURE__ */ React2.createElement("div", null, display))));
|
|
56
71
|
});
|
|
57
72
|
}
|
|
58
73
|
}
|
|
@@ -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;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { convertPropToCssClassName } from "@elliemae/ds-classnames";
|
|
4
4
|
import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
|
|
5
5
|
import { MoreOptionsVert, GripperVertical } from "@elliemae/ds-icons";
|
|
@@ -11,23 +11,29 @@ const DragContainerController = ({
|
|
|
11
11
|
onClick
|
|
12
12
|
}) => {
|
|
13
13
|
const { cssClassName } = convertPropToCssClassName("query-builder-drag-group");
|
|
14
|
-
return /* @__PURE__ */
|
|
15
|
-
className: `${cssClassName}
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
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
|
+
});
|
|
31
37
|
};
|
|
32
38
|
var DragContainerController_default = DragContainerController;
|
|
33
39
|
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;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { DSIconSizes } from "@elliemae/ds-icon";
|
|
4
4
|
import { GripperVertical } from "@elliemae/ds-icons";
|
|
5
5
|
const DragControllerRow = ({
|
|
@@ -8,13 +8,14 @@ const DragControllerRow = ({
|
|
|
8
8
|
icon: Icon = GripperVertical,
|
|
9
9
|
size = DSIconSizes.M,
|
|
10
10
|
...rest
|
|
11
|
-
}) => /* @__PURE__ */
|
|
11
|
+
}) => /* @__PURE__ */ jsx("div", {
|
|
12
12
|
className,
|
|
13
|
-
...rest
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
})
|
|
13
|
+
...rest,
|
|
14
|
+
children: /* @__PURE__ */ jsx(Icon, {
|
|
15
|
+
color,
|
|
16
|
+
size
|
|
17
|
+
})
|
|
18
|
+
});
|
|
18
19
|
var DragControllerRow_default = DragControllerRow;
|
|
19
20
|
export {
|
|
20
21
|
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;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
import { DSTextBox, DSComboBox } from "@elliemae/ds-form";
|
|
4
4
|
const FieldControllerRow = ({
|
|
5
5
|
className = "",
|
|
@@ -7,18 +7,22 @@ const FieldControllerRow = ({
|
|
|
7
7
|
options = [],
|
|
8
8
|
value = "",
|
|
9
9
|
type = "DSComboBox"
|
|
10
|
-
}) => /* @__PURE__ */
|
|
11
|
-
className
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
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
|
+
});
|
|
22
26
|
var FieldControllerRow_default = FieldControllerRow;
|
|
23
27
|
export {
|
|
24
28
|
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;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { Component } from "react";
|
|
3
4
|
import PropTypes from "prop-types";
|
|
4
5
|
import cn from "classnames";
|
|
5
6
|
import { listWithChildren } from "@elliemae/ds-shared";
|
|
@@ -169,16 +170,18 @@ class Nestable extends Component {
|
|
|
169
170
|
};
|
|
170
171
|
}
|
|
171
172
|
const options = this.getItemOptions();
|
|
172
|
-
return /* @__PURE__ */
|
|
173
|
-
className: "nestable-drag-layer"
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
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
|
+
});
|
|
182
185
|
}
|
|
183
186
|
render() {
|
|
184
187
|
const { items, dragItem } = this.state;
|
|
@@ -190,23 +193,27 @@ class Nestable extends Component {
|
|
|
190
193
|
childClass = "empty";
|
|
191
194
|
else if (childLength > 1)
|
|
192
195
|
childClass = "multiple";
|
|
193
|
-
return /* @__PURE__ */
|
|
196
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
194
197
|
className: cn("nestable", `nestable-${group}`, {
|
|
195
198
|
"is-drag-active": dragItem
|
|
196
|
-
})
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
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))
|
|
213
|
+
}),
|
|
214
|
+
dragItem && this.renderDragLayer()
|
|
215
|
+
]
|
|
216
|
+
});
|
|
210
217
|
}
|
|
211
218
|
}
|
|
212
219
|
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": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,iBAAiB;AACjC,OAAO,eAAe;AACtB,OAAO,QAAQ;AACf,SAAS,wBAAwB;AACjC,SAAS,mBAAmB;AAC5B;AAAA,EACE;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,OACK;AAEP,OAAO,kBAAkB;AAEzB,MAAM,iBAAiB,CAAC,UAAU,WAAW,cAC3C,CAAC,YAAY,SAAS,OAAO,SAAS,KAAK,CAAC,YAAY,SAAS,OAAO,SAAS;AAEnF,MAAM,iBAAiB,UAAU;AAAA,EAC/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAuDb,uBAAc,CAAC,GAAG,SAAS;AACzB,kBAAY,KAAK,MAAM,GAAG,IAAI;AAAA,IAChC;AAEA,qBAAY,CAAC,GAAG,aAAa,UAAU,KAAK,MAAM,GAAG,QAAQ;AAE7D,uBAAc,CAAC,MAAM,YAAY,KAAK,MAAM,CAAC;AAE7C,wBAAe,CAAC,GAAG,SAAS,aAAa,KAAK,MAAM,GAAG,IAAI;AAE3D,4BAAmB,CAAC,MAAM,aAAa,iBAAiB,KAAK,MAAM,MAAM,QAAQ;AAEjF,qBAAY,CAAC,MAAM,UAAU,KAAK,MAAM,CAAC;AAEzC,2BAAkB,MAAM;AACtB,YAAM,EAAE,MAAM,IAAI,KAAK;AACvB,aAAO;AAAA,IACT;AAUA,wBAAe,CAAC,SAAS,aAAa,KAAK,MAAM,IAAI;AAcrD,2BAAkB,MAAM;AACtB,eAAS,iBAAiB,aAAa,KAAK,WAAW;AACvD,eAAS,iBAAiB,WAAW,KAAK,SAAS;AACnD,eAAS,iBAAiB,WAAW,KAAK,SAAS;AAAA,IACrD;AAEA,0BAAiB,MAAM;AACrB,eAAS,oBAAoB,aAAa,KAAK,WAAW;AAC1D,eAAS,oBAAoB,WAAW,KAAK,SAAS;AACtD,eAAS,oBAAoB,WAAW,KAAK,SAAS;AACtD,WAAK,eAAe;AAAA,IACtB;AAEA,uBAAc,CAAC,SAAS;AACtB,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,YAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,aAAO,CAAC,EAAG,gBAAgB,QAAQ,KAAK,EAAE,IAAI,KAAM;AAAA,IACtD;AAEA,+BAAsB,CAAC,UACrB,MAAM,KAAK,CAAC,YAAY;AACtB,YAAM;AAAA,QACJ,SAAS,EAAE,KAAK;AAAA,QAChB;AAAA,MACF,IAAI;AACJ,UAAI,SAAS,YAAY,SAAS,SAAS;AAAG,eAAO;AACrD,aAAO,KAAK,oBAAoB,QAAQ;AAAA,IAC1C,CAAC;AAEH,sBAAa,MAAM;AACjB,YAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,WAAK,SAAS;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AArIE,SAAK,QAAQ;AAAA,MACX,OAAO,CAAC;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,iBAAiB,CAAC;AAAA,MAClB,mBAAmB,KAAK,eAAe,KAAK,IAAI;AAAA,MAChD,UAAU;AAAA,IACZ;AAEA,SAAK,KAAK;AACV,SAAK,eAAe;AACpB,SAAK,QAAQ;AAAA,MACX,MAAM,EAAE,GAAG,EAAE;AAAA,MACb,OAAO,EAAE,GAAG,EAAE;AAAA,IAChB;AAEA,SAAK,YAAY,KAAK,UAAU,KAAK,IAAI;AACzC,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AAAA,EACvD;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAI,EAAE,MAAM,IAAI,KAAK;AAErB,YAAQ,iBAAiB,OAAO,YAAY;AAC5C,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,uBAAuB;AACrB,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,OAAO,yBAAyB,OAAO,OAAO;AAC5C,UAAM,EAAE,OAAO,UAAU,aAAa,IAAI;AAC1C,UAAM,EAAE,mBAAmB,SAAS,IAAI;AAExC,QAAI,eAAe,EAAE,OAAO,UAAU,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG;AAC7D,wBAAkB;AAClB,YAAM,QAAQ,CAAC;AACf,UAAI,SAAS,cAAc,MAAM,WAAW;AAC1C,cAAM,kBAAkB,CAAC;AAAA,MAC3B;AACA,aAAO;AAAA,QACL,OAAO,iBAAiB,UAAU,YAAY;AAAA,QAC9C,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAqBA,YAAY,IAAI,QAAQ,KAAK,gBAAgB,GAAG;AAC9C,WAAO,YAAY,KAAK,MAAM,IAAI,KAAK;AAAA,EACzC;AAAA,EAEA,cAAc,MAAM,QAAQ,KAAK,gBAAgB,GAAG;AAClD,WAAO,cAAc,KAAK,MAAM,MAAM,KAAK;AAAA,EAC7C;AAAA,EAIA,cAAc,MAAM,UAAU,CAAC,GAAG;AAChC,WAAO,cAAc,KAAK,MAAM,MAAM,OAAO;AAAA,EAC/C;AAAA,EAEA,gBAAgB,UAAU,UAAU;AAClC,WAAO,gBAAgB,KAAK,MAAM,UAAU,QAAQ;AAAA,EACtD;AAAA,EAEA,iBAAiB;AACf,WAAO,eAAe,KAAK,IAAI;AAAA,EACjC;AAAA,EA0CA,YAAY;AACV,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,OAAO,SAAS,SAAS,IAAI,KAAK;AAE1C,SAAK,SAAS;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,QAAI,YAAY;AAAS,eAAS,OAAO,QAAQ;AAAA,EACnD;AAAA,EAEA,iBAAiB,UAAU;AACzB,qBAAiB,KAAK,MAAM,QAAQ;AAAA,EACtC;AAAA,EAEA,iBAAiB,UAAU;AACzB,qBAAiB,KAAK,MAAM,QAAQ;AAAA,EACtC;AAAA,EAEA,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa,CAAC,GAAG;AACxD,aAAS,KAAK,MAAM,EAAE,UAAU,UAAU,OAAO,GAAG,UAAU;AAAA,EAChE;AAAA,EAEA,kBAAkB;AAChB,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,KAAK,SAAS,cAAc,aAAa,wBAAwB,SAAS,IAAI;AAEpF,QAAI,aAAa,CAAC;AAClB,QAAI,IAAI;AACN,iBAAW,QAAQ,GAAG;AAAA,IACxB;AACA,QAAI,KAAK,cAAc;AACrB,mBAAa;AAAA,QACX,GAAG;AAAA,QACH,GAAG,KAAK;AAAA,MACV;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,eAAe;AAEpC,WACE,oBAAC;AAAA,MAAI,WAAU;AAAA,MACb,8BAAC;AAAA,QAAG,WAAU;AAAA,QAAgB,OAAO;AAAA,QACnC,8BAAC;AAAA,UAAa,QAAM;AAAA,UAAC,MAAM;AAAA,UAAU;AAAA,SAAkB;AAAA,OACzD;AAAA,KACF;AAAA,EAEJ;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,OAAO,SAAS,IAAI,KAAK;AACjC,UAAM,EAAE,OAAO,WAAW,UAAU,iBAAiB,mBAAmB,UAAU,IAAI,KAAK;AAC3F,UAAM,UAAU,KAAK,eAAe;AACpC,UAAM,cAAc,MAAM;AAC1B,QAAI,aAAa;AACjB,QAAI,gBAAgB;AAAG,mBAAa;AAAA,aAC3B,cAAc;AAAG,mBAAa;AAEvC,WACE,qBAAC;AAAA,MACC,WAAW,GAAG,YAAY,YAAY,SAAS;AAAA,QAC7C,kBAAkB;AAAA,MACpB,CAAC;AAAA,MAED;AAAA,4BAAC;AAAA,UAAG,WAAW,qDAAqD;AAAA,UACjE,gBAAM,IAAI,CAAC,MAAM,MAChB,oBAAC;AAAA,YAEC,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,aARK,KAAK,EASZ,CACD;AAAA,SACH;AAAA,QACC,YAAY,KAAK,gBAAgB;AAAA;AAAA,KACpC;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe;AAAA,EACtB,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC;AAAA,EACzC,cAAc;AAAA,EACd,UAAU,MAAM;AAAA,EAAC;AACnB;AAEA,SAAS,YAAY;AAAA,EACnB,cAAc,UAAU;AAAA,EACxB,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,CAAC;AAAA,EAC5C,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU;AAAA,EACpB,iBAAiB,UAAU;AAAA,EAC3B,mBAAmB,UAAU;AAAA,EAC7B,WAAW,UAAU;AACvB;AAEA,IAAO,mBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|