@elliemae/ds-query-builder 3.0.0-alpha.0 → 3.0.0-alpha.1
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/components/DragControllerRow/DragControllerRow.js +45 -13
- package/dist/cjs/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/cjs/components/Nestable/Nestable.js +18 -8
- package/dist/cjs/components/Nestable/Nestable.js.map +1 -1
- package/dist/cjs/components/Nestable/NestableItem.js +28 -20
- package/dist/cjs/components/Nestable/NestableItem.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/events.js +18 -8
- package/dist/cjs/components/Nestable/actions/events.js.map +1 -1
- package/dist/cjs/components/Nestable/actions/moveItem.js +17 -4
- package/dist/cjs/components/Nestable/actions/moveItem.js.map +1 -1
- package/dist/cjs/components/QueryBuilderImpl.js +36 -8
- package/dist/cjs/components/QueryBuilderImpl.js.map +1 -1
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js +19 -3
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js +19 -3
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js +19 -3
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
- package/dist/cjs/components/helpers/actions.js +23 -12
- package/dist/cjs/components/helpers/actions.js.map +1 -1
- package/dist/cjs/components/helpers/store.js +26 -14
- package/dist/cjs/components/helpers/store.js.map +1 -1
- package/dist/esm/components/DragControllerRow/DragControllerRow.js +47 -13
- package/dist/esm/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/esm/components/Nestable/Nestable.js +20 -8
- package/dist/esm/components/Nestable/Nestable.js.map +1 -1
- package/dist/esm/components/Nestable/NestableItem.js +30 -20
- package/dist/esm/components/Nestable/NestableItem.js.map +1 -1
- package/dist/esm/components/Nestable/actions/events.js +20 -8
- package/dist/esm/components/Nestable/actions/events.js.map +1 -1
- package/dist/esm/components/Nestable/actions/moveItem.js +19 -4
- package/dist/esm/components/Nestable/actions/moveItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderImpl.js +38 -8
- package/dist/esm/components/QueryBuilderImpl.js.map +1 -1
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js +21 -3
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js +21 -3
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js +21 -3
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +1 -1
- package/dist/esm/components/helpers/actions.js +25 -12
- package/dist/esm/components/helpers/actions.js.map +1 -1
- package/dist/esm/components/helpers/store.js +28 -14
- package/dist/esm/components/helpers/store.js.map +1 -1
- package/package.json +13 -12
- package/dist/types/DSQueryBuilder.d.ts +0 -180
- package/dist/types/components/AndOrController/AndOrController.d.ts +0 -38
- package/dist/types/components/ConditionController/ConditionController.d.ts +0 -16
- package/dist/types/components/DisplayOutput/DisplayOutput.d.ts +0 -7
- package/dist/types/components/DragContainerController/DragContainerController.d.ts +0 -9
- package/dist/types/components/DragControllerRow/DragControllerRow.d.ts +0 -9
- package/dist/types/components/FieldControllerRow/FieldControllerRow.d.ts +0 -9
- package/dist/types/components/Nestable/Nestable.d.ts +0 -51
- package/dist/types/components/Nestable/NestableItem.d.ts +0 -12
- package/dist/types/components/Nestable/actions/events.d.ts +0 -6
- package/dist/types/components/Nestable/actions/getItemOptions.d.ts +0 -11
- package/dist/types/components/Nestable/actions/getPaths.d.ts +0 -5
- package/dist/types/components/Nestable/actions/index.d.ts +0 -6
- package/dist/types/components/Nestable/actions/moveItem.d.ts +0 -5
- package/dist/types/components/Nestable/actions/paths.d.ts +0 -5
- package/dist/types/components/Nestable/actions/tryDecreaseDepth.d.ts +0 -1
- package/dist/types/components/Nestable/actions/tryIncreaseDepth.d.ts +0 -1
- package/dist/types/components/Nestable/index.d.ts +0 -2
- package/dist/types/components/QueryBuilderContext/QueryBuilderContext.d.ts +0 -2
- package/dist/types/components/QueryBuilderImpl.d.ts +0 -49
- package/dist/types/components/QueryBuilderItem/QueryBuilderItem.d.ts +0 -5
- package/dist/types/components/QueryBuilderRow/QueryBuilderRow.d.ts +0 -12
- package/dist/types/components/ToolBarAnimation/ToolBarAnimation.d.ts +0 -3
- package/dist/types/components/format/format.d.ts +0 -26
- package/dist/types/components/format/sqlFormat.d.ts +0 -5
- package/dist/types/components/format/sqlSafeFormat.d.ts +0 -6
- package/dist/types/components/format/xmlFormat.d.ts +0 -5
- package/dist/types/components/helpers/actions.d.ts +0 -63
- package/dist/types/components/helpers/constants.d.ts +0 -3
- package/dist/types/components/helpers/dependencies.d.ts +0 -1
- package/dist/types/components/helpers/selectors.d.ts +0 -20
- package/dist/types/components/helpers/store.d.ts +0 -144
- package/dist/types/components/helpers/types.d.ts +0 -50
- package/dist/types/index.d.ts +0 -2
- package/dist/types/propTypes.d.ts +0 -156
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-return */\n/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { Component } from 'react';\nimport { AlertsDetail } from '@elliemae/ds-icons';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { resolveDependencies } from '../helpers/dependencies';\nimport ConditionController from '../ConditionController/ConditionController';\nimport DragControllerRow from '../DragControllerRow/DragControllerRow';\n\nconst RenderField = ({\n target,\n component,\n valueProp,\n additionalInfo,\n handleMouseEnterInput,\n handleMouseLeaveInput,\n onChangeHandler,\n hasError,\n}) => {\n const ref = React.useRef<HTMLElement>();\n const id = React.useMemo(() => `el_${String.fromCharCode(65 + Math.floor(Math.random() * 26))}`, []);\n return (\n <div\n className={`em-ds-query-builder-row-input child-type-${target} ${hasError && hasError.error ? 'row-input-error' : ''\n }`}\n onMouseDownCapture={() => {\n // eslint-disable-next-line no-underscore-dangle\n const _refInput = ref.current?.querySelector(`#${id}`);\n if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n handleMouseEnterInput();\n }}\n onMouseEnter={() => handleMouseEnterInput()}\n onMouseLeave={() => handleMouseLeaveInput()}\n >\n <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n {React.cloneElement(component, {\n id,\n onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n value: valueProp != null ? valueProp : '',\n checked: valueProp === true,\n additionalInfo: additionalInfo ? additionalInfo[target] : additionalInfo || {},\n 'aria-invalid': Boolean(hasError),\n })}\n </div>\n {hasError && hasError.errorMessage ? (\n <div style={{ width: '40px' }}>\n <DSTooltipV3 text={hasError.errorMessage}>\n {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}\n <div tabIndex={0} className=\"row-icon-alert\" data-testid=\"qb-error-state-icon\" role=\"alert\">\n <AlertsDetail width={20} height={20} color={['danger', 900]} title={hasError.errorMessage} />\n </div>\n </DSTooltipV3>\n </div>\n ) : null}\n </div>\n );\n // return React.useMemo(\n // () => (\n // <div\n // className={`em-ds-query-builder-row-input child-type-${target}`}\n // onMouseDownCapture={() => {\n // // eslint-disable-next-line no-underscore-dangle\n // const _refInput = ref.current.querySelector(`#${id}`);\n // if (_refInput && _refInput.focus) setTimeout(_refInput.focus());\n // handleMouseEnterInput();\n // }}\n // onMouseEnter={() => handleMouseEnterInput()}\n // onMouseLeave={() => handleMouseLeaveInput()}\n // >\n // <div ref={ref} className=\"em-ds-query-builder-row__input-controller\">\n // {React.cloneElement(component, {\n // id,\n // onChange: (e, extraData) => onChangeHandler(e, target, extraData),\n // value: valueProp != null ? valueProp : '',\n // checked: valueProp === true,\n // additionalInfo: additionalInfo ? additionalInfo[target] : {},\n // })}\n // </div>\n // </div>\n // ),\n // [target, component, valueProp, additionalInfo],\n // );\n};\nclass QueryBuilderRow extends Component<any, any> {\n constructor(props: any) {\n super(props);\n this.state = {\n isOpen: false,\n };\n }\n\n onChangeHandler(e, target, extraData, hasError) {\n const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;\n let eventValue = e;\n if (e && e.target) {\n const { value, checked } = e.target;\n if (value || value === '' || typeof value === 'boolean') eventValue = value;\n else eventValue = checked || e;\n }\n handleFieldChange({\n [target]: eventValue,\n idFilter,\n idGroup,\n additionalInfo: {\n ...additionalInfo,\n [target]: extraData,\n [`${target}_error`]: hasError,\n [`${target}_touched`]: true,\n },\n target,\n });\n }\n\n handleMouseEnterRow = () => { };\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleMouseEnterInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(false);\n };\n\n handleMouseLeaveInput = () => {\n const { setDraggableItems } = this.props;\n setDraggableItems(true);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n };\n\n render() {\n const { isOpen } = this.state;\n const {\n fields,\n onAddFilter,\n onRemoveFilter,\n onAddRuleContainer,\n field,\n operator,\n value,\n additionalInfo,\n items,\n singleRow,\n toolTipZIndex,\n error,\n } = this.props;\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-row',\n isOpen ? 'has-open-tooltip' : 'has-close-tooltip',\n singleRow ? 'is-single-row' : 'is-multiple-row',\n );\n const test = resolveDependencies(\n {\n field,\n operator,\n value,\n additionalInfo,\n },\n fields,\n );\n\n const gridTemplateColumns = [\n '24px',\n ...test.map((r) => {\n if (r.handleWidth) {\n return r.handleWidth(this.props[r.target], {\n field,\n operator,\n value,\n additionalInfo,\n });\n }\n return 'minmax(0, 1fr)';\n }),\n '30px',\n ].join(' ');\n\n return (\n <>\n <div\n className={cssClassName}\n onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n style={{\n gridTemplateColumns,\n }}\n >\n {!singleRow && (\n <DragControllerRow\n className={classNameElement('drag-controller')}\n onMouseDownCapture={() => this.handleMouseLeaveInput()}\n />\n )}\n {test.map((renderField) => {\n const { target, component } = renderField;\n const { [target]: valueProp } = this.props;\n\n const isTouched = additionalInfo && additionalInfo[`${target}_touched`];\n const hasError =\n renderField && renderField.validation\n ? renderField.validation(valueProp, {\n field,\n operator,\n value,\n additionalInfo,\n })\n : false;\n return (\n <RenderField\n component={component}\n target={target}\n valueProp={valueProp}\n onChangeHandler={(e, target, extraData) => {\n this.onChangeHandler(e, target, extraData, hasError);\n }}\n handleMouseEnterInput={this.handleMouseEnterInput}\n handleMouseLeaveInput={this.handleMouseLeaveInput}\n additionalInfo={additionalInfo}\n hasError={isTouched && hasError}\n />\n );\n })}\n {!singleRow && (\n <div className={classNameBlock('controller')}>\n <ConditionController\n handleTooltipRow={this.handleTooltipRow}\n isOpen={isOpen}\n items={items}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onRemoveFilter={onRemoveFilter}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n </>\n );\n }\n}\n\nexport default QueryBuilderRow;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -32,11 +49,10 @@ __export(ToolBarAnimation_exports, {
|
|
|
32
49
|
var React = __toESM(require("react"));
|
|
33
50
|
var import_react = __toESM(require("react"));
|
|
34
51
|
var import_GrowRight = __toESM(require("@elliemae/ds-shared/Animations/GrowRight"));
|
|
35
|
-
const ToolBarAnimation = (props) => /* @__PURE__ */ import_react.default.createElement(import_GrowRight.default, {
|
|
36
|
-
...props,
|
|
52
|
+
const ToolBarAnimation = (props) => /* @__PURE__ */ import_react.default.createElement(import_GrowRight.default, __spreadProps(__spreadValues({}, props), {
|
|
37
53
|
key: "popper-animation-key",
|
|
38
54
|
from: 0.5,
|
|
39
55
|
to: 1
|
|
40
|
-
});
|
|
56
|
+
}));
|
|
41
57
|
module.exports = __toCommonJS(ToolBarAnimation_exports);
|
|
42
58
|
//# sourceMappingURL=ToolBarAnimation.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport GrowRight from '@elliemae/ds-shared/Animations/GrowRight';\n\nconst ToolBarAnimation = props => (\n <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />\n);\n\nexport { ToolBarAnimation };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,uBAAsB;AAEtB,MAAM,mBAAmB,WACvB,mDAAC,0BAAD,iCAAe,QAAf;AAAA,EAAsB,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -67,18 +84,14 @@ const createNewGroup = function(parentIdGroup) {
|
|
|
67
84
|
};
|
|
68
85
|
};
|
|
69
86
|
const addFilterToMap = function(newFilter) {
|
|
70
|
-
this.mapFilters = {
|
|
71
|
-
...this.mapFilters,
|
|
87
|
+
this.mapFilters = __spreadProps(__spreadValues({}, this.mapFilters), {
|
|
72
88
|
[newFilter.idFilter]: newFilter
|
|
73
|
-
};
|
|
89
|
+
});
|
|
74
90
|
};
|
|
75
91
|
const addGroupToMap = function(newGroup) {
|
|
76
|
-
this.mapGroups = {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
...newGroup
|
|
80
|
-
}
|
|
81
|
-
};
|
|
92
|
+
this.mapGroups = __spreadProps(__spreadValues({}, this.mapGroups), {
|
|
93
|
+
[newGroup.idGroup]: __spreadValues({}, newGroup)
|
|
94
|
+
});
|
|
82
95
|
};
|
|
83
96
|
const addFilterToItem = function(item, newFilter) {
|
|
84
97
|
item.children.push({
|
|
@@ -146,9 +159,7 @@ const removeFilterItem = function(filterId) {
|
|
|
146
159
|
};
|
|
147
160
|
const addGroupFilterToItem = function(idGroup, idFilter, newGroup) {
|
|
148
161
|
const child = findItemFilterById.call(this, idFilter);
|
|
149
|
-
const copy = {
|
|
150
|
-
...child
|
|
151
|
-
};
|
|
162
|
+
const copy = __spreadValues({}, child);
|
|
152
163
|
if (copy.element.type === "group") {
|
|
153
164
|
copy.element.parentIdGroup = newGroup.idGroup;
|
|
154
165
|
} else {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/helpers/actions.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport {\n QB_DRAG_TYPES,\n QB_GROUP_CONDITION_TYPES,\n QB_FIELD_SHARED_ACTIONS,\n} from './types';\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} idGroup: UUID\n * @param idGroup\n */\nexport const createNewFilter = function(idGroup) {\n const idFilter = `filter_${new Date().getTime()}_${Math.random()\n .toString(36)\n .substring(7)}`;\n return {\n idGroup,\n field: '',\n condition: '',\n value: '',\n idFilter,\n type: QB_DRAG_TYPES.FILTER,\n };\n};\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} parentIdGroup: UUID\n * @param parentIdGroup\n */\nexport const createNewGroup = function(parentIdGroup) {\n const idGroup = `group_${new Date().getTime()}_${Math.random()\n .toString(36)\n .substring(7)}`;\n return {\n parentIdGroup,\n idGroup,\n condition: QB_GROUP_CONDITION_TYPES.AND,\n type: QB_DRAG_TYPES.GROUP,\n };\n};\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} newFilter\n */\nexport const addFilterToMap = function(newFilter) {\n this.mapFilters = {\n ...this.mapFilters,\n [newFilter.idFilter]: newFilter,\n };\n};\n\n/**\n * this is injected. instance of QBStore\n *\n * @param {*} newFilter\n * @param newGroup\n */\nexport const addGroupToMap = function(newGroup) {\n this.mapGroups = {\n ...this.mapGroups,\n [newGroup.idGroup]: {\n ...newGroup,\n },\n };\n};\n\nexport const addFilterToItem = function(item, newFilter) {\n item.children.push({\n id: newFilter.idFilter,\n element: newFilter,\n children: [],\n });\n};\n\nexport const addFilterToMainItem = function(items, newFilter) {\n items.push({\n id: newFilter.idFilter,\n element: newFilter,\n children: [],\n });\n};\n\nexport const findInChilds = function(childs, filterId) {\n const found = childs.find(({ id }) => id === filterId);\n if (!found) {\n let findInChild;\n childs.forEach(item => {\n if (!findInChild) findInChild = findInChilds(item.children, filterId);\n });\n if (findInChild) return findInChild;\n }\n return found;\n};\nexport const findItemFilterById = function(filterId) {\n return findInChilds(this.items, filterId);\n};\n\nexport const findParentWithFilterId = function(childs, filterId) {\n const found = childs.find(({ id }) => id === filterId);\n if (!found) {\n let findInChild;\n childs.forEach(item => {\n if (!findInChild)\n findInChild = findParentWithFilterId(item.children, filterId);\n });\n if (findInChild) return findInChild;\n }\n return childs;\n};\nexport const findParentFilterById = function(filterId) {\n return findParentWithFilterId(this.items, filterId);\n};\n\nexport const filterInChildren = function(childs, filterId, mainId) {\n if (childs.children) {\n childs.children = childs.children.filter(({ id }) => id !== filterId);\n childs.children = childs.children.forEach(item =>\n filterInChildren(item.children, filterId),\n );\n return childs;\n }\n // main\n if (childs.length > 1) childs = childs.filter(({ id }) => id !== filterId); // https://jira.elliemae.io/browse/PUI-1252\n if (childs.length === 0 && mainId) {\n const emptyFilter = createNewFilter.call(this, mainId);\n addFilterToMainItem.call(this, childs, emptyFilter);\n }\n childs.forEach(\n item => (item.children = filterInChildren(item.children, filterId)),\n );\n return childs;\n};\nexport const removeFilterItem = function(filterId) {\n this.items = filterInChildren(this.items, filterId, this.main);\n};\n\nexport const addGroupFilterToItem = function(idGroup, idFilter, newGroup) {\n const child = findItemFilterById.call(this, idFilter);\n const copy = {\n ...child,\n };\n if (copy.element.type === 'group') {\n copy.element.parentIdGroup = newGroup.idGroup;\n } else {\n copy.element.idGroup = newGroup.idGroup;\n }\n child.id = newGroup.idGroup;\n child.element = newGroup;\n child.children = [copy];\n};\n\nexport const unGroupFilterToItem = function(idGroup) {\n const group = findItemFilterById.call(this, idGroup);\n if (group.element.parentIdGroup === this.main) {\n const index = this.items.map(item => item.id).indexOf(idGroup);\n const tmp = [];\n tmp.splice.apply(this.items, [index, 1].concat(group.children));\n this.items.forEach(item => {\n if (item.element.type === 'group') {\n item.element.parentIdGroup = this.main;\n } else {\n item.element.idGroup = this.main;\n }\n });\n } else {\n const parent = findItemFilterById.call(this, group.element.parentIdGroup);\n const index = parent.children.map(item => item.id).indexOf(idGroup);\n const tmp = [];\n tmp.splice.apply(parent.children, [index, 1].concat(group.children));\n parent.children.forEach(item => {\n if (item.element.type === 'group') {\n item.element.parentIdGroup = parent.id;\n } else {\n item.element.idGroup = parent.id;\n }\n });\n }\n};\n\nexport const changeGroupOperator = function(idGroup, value) {\n const group = findItemFilterById.call(this, idGroup);\n if (idGroup !== this.main) {\n group.element.condition = value;\n }\n};\n\nexport const changeFilterItem = function({\n idFilter,\n field,\n value,\n operator,\n additionalInfo,\n target,\n fieldsSharedActions: { onFieldChange, onOperatorChange, onValueChange },\n}) {\n const child = findItemFilterById.call(this, idFilter);\n if (field || field === '' || typeof field === 'boolean')\n child.element.field = field;\n if (operator) child.element.operator = operator;\n if (value || value === '' || typeof value === 'boolean')\n child.element.value = value;\n if (additionalInfo) child.element.additionalInfo = additionalInfo;\n\n // shared fields actions\n if (target === 'field') {\n onFieldChange.forEach(({ action }) => {\n if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD)\n child.element.field = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR)\n child.element.operator = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE)\n child.element.value = null;\n });\n } else if (target === 'operator') {\n onOperatorChange.forEach(({ action }) => {\n if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD)\n child.element.field = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR)\n child.element.operator = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE)\n child.element.value = null;\n });\n } else if (target === 'value') {\n onValueChange.forEach(({ action }) => {\n if (action === QB_FIELD_SHARED_ACTIONS.RESET_FIELD)\n child.element.field = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_OPERATOR)\n child.element.operator = null;\n else if (action === QB_FIELD_SHARED_ACTIONS.RESET_VALUE)\n child.element.value = null;\n });\n }\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,9 +1,26 @@
|
|
|
1
1
|
var __create = Object.create;
|
|
2
2
|
var __defProp = Object.defineProperty;
|
|
3
|
+
var __defProps = Object.defineProperties;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
6
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
8
|
var __getProtoOf = Object.getPrototypeOf;
|
|
6
9
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
10
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
11
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
12
|
+
var __spreadValues = (a, b) => {
|
|
13
|
+
for (var prop in b || (b = {}))
|
|
14
|
+
if (__hasOwnProp.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
if (__getOwnPropSymbols)
|
|
17
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
18
|
+
if (__propIsEnum.call(b, prop))
|
|
19
|
+
__defNormalProp(a, prop, b[prop]);
|
|
20
|
+
}
|
|
21
|
+
return a;
|
|
22
|
+
};
|
|
23
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
7
24
|
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
25
|
var __export = (target, all) => {
|
|
9
26
|
for (var name in all)
|
|
@@ -97,10 +114,7 @@ class QueryBuilderStore {
|
|
|
97
114
|
};
|
|
98
115
|
this.changeFilter = (data) => {
|
|
99
116
|
const { idFilter } = data;
|
|
100
|
-
this.mapFilters[idFilter] = {
|
|
101
|
-
...this.mapFilters[idFilter],
|
|
102
|
-
...data
|
|
103
|
-
};
|
|
117
|
+
this.mapFilters[idFilter] = __spreadValues(__spreadValues({}, this.mapFilters[idFilter]), data);
|
|
104
118
|
import_actions.changeFilterItem.call(this, data);
|
|
105
119
|
return this.getState();
|
|
106
120
|
};
|
|
@@ -109,31 +123,29 @@ class QueryBuilderStore {
|
|
|
109
123
|
this.getInitialState = () => {
|
|
110
124
|
const newFilters = {
|
|
111
125
|
step: this.step,
|
|
112
|
-
mapFilters: {
|
|
113
|
-
mapGroups: {
|
|
126
|
+
mapFilters: __spreadValues({}, this.mapFilters),
|
|
127
|
+
mapGroups: __spreadValues({}, this.mapGroups),
|
|
114
128
|
main: this.main,
|
|
115
129
|
items: this.items
|
|
116
130
|
};
|
|
117
131
|
const format = import_format.default.run(newFilters, this.format);
|
|
118
|
-
return {
|
|
119
|
-
...newFilters,
|
|
132
|
+
return __spreadProps(__spreadValues({}, newFilters), {
|
|
120
133
|
format
|
|
121
|
-
};
|
|
134
|
+
});
|
|
122
135
|
};
|
|
123
136
|
this.getState = () => {
|
|
124
137
|
this.step += 1;
|
|
125
138
|
const newFilters = {
|
|
126
139
|
step: this.step,
|
|
127
|
-
mapFilters: {
|
|
128
|
-
mapGroups: {
|
|
140
|
+
mapFilters: __spreadValues({}, this.mapFilters),
|
|
141
|
+
mapGroups: __spreadValues({}, this.mapGroups),
|
|
129
142
|
main: this.main,
|
|
130
143
|
items: this.items
|
|
131
144
|
};
|
|
132
145
|
const format = import_format.default.run(newFilters, this.format);
|
|
133
|
-
return {
|
|
134
|
-
...newFilters,
|
|
146
|
+
return __spreadProps(__spreadValues({}, newFilters), {
|
|
135
147
|
format
|
|
136
|
-
};
|
|
148
|
+
});
|
|
137
149
|
};
|
|
138
150
|
this.firstLoad = true;
|
|
139
151
|
this.format = format;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/helpers/store.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\nimport {\n createNewFilter,\n createNewGroup,\n addFilterToMap,\n addGroupToMap,\n addFilterToItem, // new API\n addFilterToMainItem, // new API\n findItemFilterById, // new API\n removeFilterItem, // new API\n addGroupFilterToItem, // new API\n unGroupFilterToItem, // new API\n changeFilterItem, // new API\n changeGroupOperator, // new API\n} from './actions';\nimport QueryBuilderFormat from '../format/format';\n/**\n * Fluent interface: https://en.wikipedia.org/wiki/Fluent_interface\n *\n * @param idGroup\n * @param parentIdGroup\n * @param items\n * @param idFilter\n * @param value\n * @param data\n * @class QueryBuilderStore\n */\nclass QueryBuilderStore {\n items = [];\n\n step = 0;\n\n steps = {};\n\n mapFilters = {};\n\n mapGroups = {};\n\n main = null;\n\n format = null;\n\n constructor(init, format) {\n this.firstLoad = true;\n this.format = format;\n if (init) return this.initSetupUp(init);\n const mainGroup = this.createNewGroup('main');\n this.mapGroups = {\n [mainGroup.idGroup]: mainGroup,\n };\n this.main = mainGroup.idGroup;\n this.addFilter(mainGroup.idGroup);\n }\n\n initSetupUp(init) {\n this.step = init.step || 1;\n Object.keys(init).forEach((key) => {\n if (init[key] && this[key] !== undefined) this[key] = init[key];\n });\n }\n\n createNewFilter = (idGroup) => createNewFilter.call(this, idGroup);\n\n createNewGroup = (parentIdGroup) => createNewGroup.call(this, parentIdGroup);\n\n onOrderDragAndDrop = (items) => {\n this.items = items;\n return this.getState();\n };\n\n // eslint-disable-next-line no-unused-vars\n addFilterNextToFilterId = (idGroup, idFilter) => {\n // eslint-disable-line\n this.addFilter(idGroup);\n return this.getState();\n };\n\n addFilter = (idGroup) => {\n const newFilter = this.createNewFilter(idGroup);\n addFilterToMap.call(this, newFilter);\n // new API\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newFilter);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newFilter);\n }\n }\n return this.getState();\n };\n\n onRemoveFilter = (idFilter) => {\n // new API\n removeFilterItem.call(this, idFilter);\n return this.getState();\n };\n\n addRuleContainerInPlace = (idGroup, idFilter) => {\n // Create a new group\n const newGroup = this.createNewGroup(idGroup);\n addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);\n return this.getState();\n };\n\n /**\n * Group a filter inside a new Group\n *\n * @param idGroup\n * @param idFilter\n */\n // eslint-disable-next-line no-unused-vars\n addRuleContainer = (idGroup, idFilter) => {\n // eslint-disable-line\n const newGroup = this.createNewGroup(idGroup);\n addGroupToMap.call(this, newGroup);\n if (this.main === idGroup) {\n addFilterToMainItem.call(this, this.items, newGroup);\n } else {\n const foundInItems = findItemFilterById.call(this, idGroup);\n if (foundInItems) {\n addFilterToItem.call(this, foundInItems, newGroup);\n }\n }\n return this.getState();\n };\n\n unGroup = (idGroup) => {\n unGroupFilterToItem.call(this, idGroup);\n return this.getState();\n };\n\n changeGroupOperator = (idGroup, value) => {\n this.getGroupById(idGroup).condition = value;\n changeGroupOperator.call(this, idGroup, value);\n return this.getState();\n };\n\n changeFilter = (data) => {\n const { idFilter } = data;\n this.mapFilters[idFilter] = {\n ...this.mapFilters[idFilter],\n ...data,\n };\n changeFilterItem.call(this, data);\n return this.getState();\n };\n\n getGroupById = (idGroup) => this.mapGroups[idGroup] || {};\n\n getFilterById = (idFilter) => this.mapFilters[idFilter];\n\n getInitialState = () => {\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n\n getState = () => {\n this.step += 1;\n const newFilters = {\n step: this.step,\n mapFilters: { ...this.mapFilters },\n mapGroups: { ...this.mapGroups },\n main: this.main,\n items: this.items,\n };\n const format = QueryBuilderFormat.run(newFilters, this.format);\n return {\n ...newFilters,\n format,\n };\n };\n}\n\nexport default QueryBuilderStore;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": "
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,20 +1,54 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
17
|
+
var __objRest = (source, exclude) => {
|
|
18
|
+
var target = {};
|
|
19
|
+
for (var prop in source)
|
|
20
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
21
|
+
target[prop] = source[prop];
|
|
22
|
+
if (source != null && __getOwnPropSymbols)
|
|
23
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
24
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
25
|
+
target[prop] = source[prop];
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
};
|
|
1
29
|
import * as React from "react";
|
|
2
30
|
import React2 from "react";
|
|
3
31
|
import { DSIconSizes } from "@elliemae/ds-icon";
|
|
4
32
|
import { GripperVertical } from "@elliemae/ds-icons";
|
|
5
|
-
const DragControllerRow = ({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
33
|
+
const DragControllerRow = (_a) => {
|
|
34
|
+
var _b = _a, {
|
|
35
|
+
className = "drag-controller",
|
|
36
|
+
color = ["neutral", "500"],
|
|
37
|
+
icon: Icon = GripperVertical,
|
|
38
|
+
size = DSIconSizes.M
|
|
39
|
+
} = _b, rest = __objRest(_b, [
|
|
40
|
+
"className",
|
|
41
|
+
"color",
|
|
42
|
+
"icon",
|
|
43
|
+
"size"
|
|
44
|
+
]);
|
|
45
|
+
return /* @__PURE__ */ React2.createElement("div", __spreadValues({
|
|
46
|
+
className
|
|
47
|
+
}, rest), /* @__PURE__ */ React2.createElement(Icon, {
|
|
48
|
+
color,
|
|
49
|
+
size
|
|
50
|
+
}));
|
|
51
|
+
};
|
|
18
52
|
var DragControllerRow_default = DragControllerRow;
|
|
19
53
|
export {
|
|
20
54
|
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;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,oBAAoB,CAAC,OAMxB;AANwB,eACzB;AAAA,gBAAY;AAAA,IACZ,QAAQ,CAAC,WAAW;AAAA,IACpB,MAAM,OAAO;AAAA,IACb,OAAO,YAAY;AAAA,MAJM,IAKtB,iBALsB,IAKtB;AAAA,IAJH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,8CAAC,OAAD;AAAA,IAAK;AAAA,KAA0B,OAC7B,qCAAC,MAAD;AAAA,IAAM;AAAA,IAAc;AAAA;AAAA;AAGxB,IAAO,4BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
1
17
|
import * as React from "react";
|
|
2
18
|
import React2, { Component } from "react";
|
|
3
19
|
import PropTypes from "prop-types";
|
|
@@ -107,13 +123,12 @@ class Nestable extends Component {
|
|
|
107
123
|
if (oldProps.collapsed !== props.collapsed) {
|
|
108
124
|
extra.collapsedGroups = [];
|
|
109
125
|
}
|
|
110
|
-
return {
|
|
126
|
+
return __spreadValues({
|
|
111
127
|
items: listWithChildren(itemsNew, childrenProp),
|
|
112
128
|
dragItem: null,
|
|
113
129
|
isDirty: false,
|
|
114
|
-
oldProps: props
|
|
115
|
-
|
|
116
|
-
};
|
|
130
|
+
oldProps: props
|
|
131
|
+
}, extra);
|
|
117
132
|
}
|
|
118
133
|
return null;
|
|
119
134
|
}
|
|
@@ -161,10 +176,7 @@ class Nestable extends Component {
|
|
|
161
176
|
listStyles.width = el.clientWidth;
|
|
162
177
|
}
|
|
163
178
|
if (this.elCopyStyles) {
|
|
164
|
-
listStyles = {
|
|
165
|
-
...listStyles,
|
|
166
|
-
...this.elCopyStyles
|
|
167
|
-
};
|
|
179
|
+
listStyles = __spreadValues(__spreadValues({}, listStyles), this.elCopyStyles);
|
|
168
180
|
}
|
|
169
181
|
const options = this.getItemOptions();
|
|
170
182
|
return /* @__PURE__ */ React2.createElement("div", {
|
|
@@ -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/utils';\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) ||\n !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\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) =>\n 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(\n `.nestable-${group} .nestable-item-${dragItem.id}`,\n );\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 {\n group,\n isAndItem,\n isOrItem,\n isDraggableItem,\n setDraggableItems,\n singleRow,\n } = 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\n className={`nestable-list nestable-group nestable-child-count-${childClass}`}\n >\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;ACCA;AACA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBA;AAEA,MAAM,iBAAiB,CAAC,UAAU,WAAW,cAC3C,CAAC,YAAY,SAAS,OAAO,cAC7B,CAAC,YAAY,SAAS,OAAO;AAE/B,uBAAuB,UAAU;AAAA,EAC/B,YAAY,OAAO;AACjB,UAAM;AAoDR,uBAAc,CAAC,GAAG,SAAS;AACzB,kBAAY,KAAK,MAAM,GAAG;AAAA;AAG5B,qBAAY,CAAC,GAAG,aAAa,UAAU,KAAK,MAAM,GAAG;AAErD,uBAAc,CAAC,MAAM,YAAY,KAAK,MAAM;AAE5C,wBAAe,CAAC,GAAG,SAAS,aAAa,KAAK,MAAM,GAAG;AAEvD,4BAAmB,CAAC,MAAM,aACxB,iBAAiB,KAAK,MAAM,MAAM;AAEpC,qBAAY,CAAC,MAAM,UAAU,KAAK,MAAM;AAExC,2BAAkB,MAAM;AACtB,YAAM,EAAE,UAAU,KAAK;AACvB,aAAO;AAAA;AAWT,wBAAe,CAAC,SAAS,aAAa,KAAK,MAAM;AAcjD,2BAAkB,MAAM;AACtB,eAAS,iBAAiB,aAAa,KAAK;AAC5C,eAAS,iBAAiB,WAAW,KAAK;AAC1C,eAAS,iBAAiB,WAAW,KAAK;AAAA;AAG5C,0BAAiB,MAAM;AACrB,eAAS,oBAAoB,aAAa,KAAK;AAC/C,eAAS,oBAAoB,WAAW,KAAK;AAC7C,eAAS,oBAAoB,WAAW,KAAK;AAC7C,WAAK,eAAe;AAAA;AAGtB,uBAAc,CAAC,SAAS;AACtB,YAAM,EAAE,cAAc,KAAK;AAC3B,YAAM,EAAE,oBAAoB,KAAK;AACjC,aAAO,CAAC,CAAG,iBAAgB,QAAQ,KAAK,MAAM,KAAM;AAAA;AAGtD,+BAAsB,CAAC,UACrB,MAAM,KAAK,CAAC,YAAY;AACtB,YAAM;AAAA,QACJ,SAAS,EAAE;AAAA,QACX;AAAA,UACE;AACJ,UAAI,SAAS,YAAY,SAAS,SAAS;AAAG,eAAO;AACrD,aAAO,KAAK,oBAAoB;AAAA;AAGpC,sBAAa,MAAM;AACjB,YAAM,EAAE,aAAa,KAAK;AAE1B,WAAK,SAAS;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA;AAAA;AAjIX,SAAK,QAAQ;AAAA,MACX,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,iBAAiB;AAAA,MACjB,mBAAmB,KAAK,eAAe,KAAK;AAAA,MAC5C,UAAU;AAAA;AAGZ,SAAK,KAAK;AACV,SAAK,eAAe;AACpB,SAAK,QAAQ;AAAA,MACX,MAAM,EAAE,GAAG;AAAA,MACX,OAAO,EAAE,GAAG;AAAA;AAAA;AAAA,EAIhB,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,KAAK;AAC9B,QAAI,EAAE,UAAU,KAAK;AAErB,YAAQ,iBAAiB,OAAO;AAChC,SAAK,SAAS,EAAE;AAAA;AAAA,EAGlB,uBAAuB;AACrB,SAAK;AAAA;AAAA,SAGA,yBAAyB,OAAO,OAAO;AAC5C,UAAM,EAAE,OAAO,UAAU,iBAAiB;AAC1C,UAAM,EAAE,mBAAmB,aAAa;AAExC,QAAI,eAAe,EAAE,OAAO,UAAU,OAAO,MAAM,OAAO,KAAK;AAC7D;AACA,YAAM,QAAQ;AACd,UAAI,SAAS,cAAc,MAAM,WAAW;AAC1C,cAAM,kBAAkB;AAAA;AAE1B,aAAO;AAAA,QACL,OAAO,iBAAiB,UAAU;AAAA,QAClC,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
import React2 from "react";
|
|
3
22
|
import cn from "classnames";
|
|
@@ -32,28 +51,22 @@ const NestableItem = ({
|
|
|
32
51
|
let handlerProps = {};
|
|
33
52
|
if (!isCopy) {
|
|
34
53
|
if (dragItem) {
|
|
35
|
-
rowProps = {
|
|
36
|
-
...rowProps,
|
|
54
|
+
rowProps = __spreadProps(__spreadValues({}, rowProps), {
|
|
37
55
|
onMouseEnter: (e) => options.onMouseEnter(e, item)
|
|
38
|
-
};
|
|
56
|
+
});
|
|
39
57
|
} else {
|
|
40
|
-
handlerProps = {
|
|
41
|
-
...handlerProps,
|
|
58
|
+
handlerProps = __spreadProps(__spreadValues({}, handlerProps), {
|
|
42
59
|
draggable: isDraggableItem !== false,
|
|
43
60
|
onDragStart: (e) => options.onDragStart(e, item)
|
|
44
|
-
};
|
|
61
|
+
});
|
|
45
62
|
}
|
|
46
63
|
}
|
|
47
64
|
if (handler) {
|
|
48
|
-
Handler = /* @__PURE__ */ React2.createElement("span", {
|
|
49
|
-
className: "nestable-item-handler"
|
|
50
|
-
|
|
51
|
-
}, handler);
|
|
65
|
+
Handler = /* @__PURE__ */ React2.createElement("span", __spreadValues({
|
|
66
|
+
className: "nestable-item-handler"
|
|
67
|
+
}, handlerProps), handler);
|
|
52
68
|
} else {
|
|
53
|
-
rowProps = {
|
|
54
|
-
...rowProps,
|
|
55
|
-
...handlerProps
|
|
56
|
-
};
|
|
69
|
+
rowProps = __spreadValues(__spreadValues({}, rowProps), handlerProps);
|
|
57
70
|
}
|
|
58
71
|
const childLength = item[childrenProp].length;
|
|
59
72
|
let childClass = "single";
|
|
@@ -61,12 +74,9 @@ const NestableItem = ({
|
|
|
61
74
|
childClass = "empty";
|
|
62
75
|
else if (childLength > 1)
|
|
63
76
|
childClass = "multiple";
|
|
64
|
-
return /* @__PURE__ */ React2.createElement("li", {
|
|
65
|
-
|
|
66
|
-
},
|
|
67
|
-
className: `nestable-item-name nestable-item-name--${item.element.type} `,
|
|
68
|
-
...rowProps
|
|
69
|
-
}, renderItem({
|
|
77
|
+
return /* @__PURE__ */ React2.createElement("li", __spreadValues({}, itemProps), /* @__PURE__ */ React2.createElement("div", __spreadValues({
|
|
78
|
+
className: `nestable-item-name nestable-item-name--${item.element.type} `
|
|
79
|
+
}, rowProps), renderItem({
|
|
70
80
|
item,
|
|
71
81
|
handler: Handler,
|
|
72
82
|
index
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/NestableItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-statements */\nimport React from 'react';\nimport cn from 'classnames';\n\nconst NestableItem = ({\n item,\n isCopy,\n options,\n index,\n isAndItem,\n isOrItem,\n isDraggableItem,\n singleRow,\n}) => {\n const { dragItem, renderItem, handler, childrenProp } = options;\n\n const isCollapsed = options.isCollapsed(item);\n const isDragging = !isCopy && dragItem && dragItem.id === item.id;\n const hasChildren = item[childrenProp] && item[childrenProp].length > 0;\n\n let Handler;\n const isOrGroup =\n item.element.type === 'group' &&\n (item.element.condition === '' || item.element.condition === false);\n const isAndGroup =\n item.element.type === 'group' &&\n !(item.element.condition === '' || item.element.condition === false);\n\n const itemProps = {\n className: cn(\n `nestable-item${isCopy ? '-copy' : ''}`,\n `nestable-item${isCopy ? '-copy' : ''}-${item.id}`,\n `nestable-item-type-${item.element.type}`,\n {\n 'is-or-group': isOrGroup,\n 'is-and-group': isAndGroup,\n 'is-and-filter': item.element.type === 'filter' && isAndItem,\n 'is-or-filter': item.element.type === 'filter' && isOrItem,\n },\n {\n 'is-dragging': isDragging,\n },\n ),\n };\n\n let rowProps = {};\n let handlerProps = {};\n if (!isCopy) {\n if (dragItem) {\n rowProps = {\n ...rowProps,\n onMouseEnter: e => options.onMouseEnter(e, item),\n };\n } else {\n handlerProps = {\n ...handlerProps,\n draggable: isDraggableItem !== false,\n onDragStart: e => options.onDragStart(e, item),\n };\n }\n }\n\n if (handler) {\n Handler = (\n <span className=\"nestable-item-handler\" {...handlerProps}>\n {handler}\n </span>\n );\n // Handler = React.cloneElement(handler, handlerProps);\n } else {\n rowProps = {\n ...rowProps,\n ...handlerProps,\n };\n }\n\n const childLength = item[childrenProp].length;\n let childClass = 'single';\n if (childLength === 0) childClass = 'empty';\n else if (childLength > 1) childClass = 'multiple';\n\n return (\n <li {...itemProps}>\n <div\n className={`nestable-item-name nestable-item-name--${item.element.type} `}\n {...rowProps}\n >\n {renderItem({\n item,\n handler: Handler,\n index,\n })}\n </div>\n {hasChildren && item.element.type === 'group' && !isCollapsed && (\n <ol className={`nestable-list nestable-child-count-${childClass} `}>\n {item[childrenProp].map((currentitem, i) => (\n <NestableItem\n key={i}\n index={i}\n isAndItem={isAndGroup}\n isCopy={isCopy}\n isOrItem={isOrGroup}\n item={currentitem}\n options={options}\n singleRow={singleRow}\n />\n ))}\n </ol>\n )}\n </li>\n );\n};\n\nexport default NestableItem;\n"],
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,iBAAiB;AAExD,QAAM,cAAc,QAAQ,YAAY;AACxC,QAAM,aAAa,CAAC,UAAU,YAAY,SAAS,OAAO,KAAK;AAC/D,QAAM,cAAc,KAAK,iBAAiB,KAAK,cAAc,SAAS;AAEtE,MAAI;AACJ,QAAM,YACJ,KAAK,QAAQ,SAAS,WACrB,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,CAAE,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW,GACT,gBAAgB,SAAS,UAAU,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK,MAC9C,sBAAsB,KAAK,QAAQ,QACnC;AAAA,MACE,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,OAEpD;AAAA,MACE,eAAe;AAAA;AAAA;AAKrB,MAAI,WAAW;AACf,MAAI,eAAe;AACnB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,iBAAiB;AAExD,QAAM,cAAc,QAAQ,YAAY;AACxC,QAAM,aAAa,CAAC,UAAU,YAAY,SAAS,OAAO,KAAK;AAC/D,QAAM,cAAc,KAAK,iBAAiB,KAAK,cAAc,SAAS;AAEtE,MAAI;AACJ,QAAM,YACJ,KAAK,QAAQ,SAAS,WACrB,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,CAAE,MAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW,GACT,gBAAgB,SAAS,UAAU,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK,MAC9C,sBAAsB,KAAK,QAAQ,QACnC;AAAA,MACE,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,OAEpD;AAAA,MACE,eAAe;AAAA;AAAA;AAKrB,MAAI,WAAW;AACf,MAAI,eAAe;AACnB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW,iCACN,WADM;AAAA,QAET,cAAc,OAAK,QAAQ,aAAa,GAAG;AAAA;AAAA,WAExC;AACL,qBAAe,iCACV,eADU;AAAA,QAEb,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG;AAAA;AAAA;AAAA;AAK/C,MAAI,SAAS;AACX,cACE,qCAAC,QAAD;AAAA,MAAM,WAAU;AAAA,OAA4B,eACzC;AAAA,SAIA;AACL,eAAW,kCACN,WACA;AAAA;AAIP,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,qCAAC,MAAD,mBAAQ,YACN,qCAAC,OAAD;AAAA,IACE,WAAW,0CAA0C,KAAK,QAAQ;AAAA,KAC9D,WAEH,WAAW;AAAA,IACV;AAAA,IACA,SAAS;AAAA,IACT;AAAA,OAGH,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,qCAAC,MAAD;AAAA,IAAI,WAAW,sCAAsC;AAAA,KAClD,KAAK,cAAc,IAAI,CAAC,aAAa,MACpC,qCAAC,cAAD;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,UAAU;AAAA,IACV,MAAM;AAAA,IACN;AAAA,IACA;AAAA;AAAA;AASd,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
3
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
5
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
6
|
+
var __spreadValues = (a, b) => {
|
|
7
|
+
for (var prop in b || (b = {}))
|
|
8
|
+
if (__hasOwnProp.call(b, prop))
|
|
9
|
+
__defNormalProp(a, prop, b[prop]);
|
|
10
|
+
if (__getOwnPropSymbols)
|
|
11
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
12
|
+
if (__propIsEnum.call(b, prop))
|
|
13
|
+
__defNormalProp(a, prop, b[prop]);
|
|
14
|
+
}
|
|
15
|
+
return a;
|
|
16
|
+
};
|
|
1
17
|
import * as React from "react";
|
|
2
18
|
import {
|
|
3
19
|
closest,
|
|
@@ -39,16 +55,12 @@ function onMouseMove(e) {
|
|
|
39
55
|
if (!this.elCopyStyles) {
|
|
40
56
|
const offset = getOffsetRect(this.el);
|
|
41
57
|
const scroll = getTotalScroll(this.el);
|
|
42
|
-
this.elCopyStyles = {
|
|
58
|
+
this.elCopyStyles = __spreadValues({
|
|
43
59
|
marginTop: offset.top - clientY - scroll.top,
|
|
44
|
-
marginLeft: offset.left - clientX - scroll.left
|
|
45
|
-
|
|
46
|
-
};
|
|
60
|
+
marginLeft: offset.left - clientX - scroll.left
|
|
61
|
+
}, transformProps);
|
|
47
62
|
} else {
|
|
48
|
-
this.elCopyStyles = {
|
|
49
|
-
...this.elCopyStyles,
|
|
50
|
-
...transformProps
|
|
51
|
-
};
|
|
63
|
+
this.elCopyStyles = __spreadValues(__spreadValues({}, this.elCopyStyles), transformProps);
|
|
52
64
|
for (const key in transformProps) {
|
|
53
65
|
if (transformProps.hasOwnProperty(key)) {
|
|
54
66
|
elCopy.style[key] = transformProps[key];
|