@elliemae/ds-query-builder 3.0.0-next.40 → 3.0.0-next.44
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/Nestable/Nestable.js +2 -0
- package/dist/cjs/components/Nestable/Nestable.js.map +2 -2
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js +1 -0
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
- package/dist/cjs/components/helpers/store.js +1 -0
- package/dist/cjs/components/helpers/store.js.map +2 -2
- package/dist/esm/components/Nestable/Nestable.js +2 -0
- package/dist/esm/components/Nestable/Nestable.js.map +2 -2
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js +1 -0
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +2 -2
- package/dist/esm/components/helpers/store.js +1 -0
- package/dist/esm/components/helpers/store.js.map +2 -2
- package/package.json +12 -12
|
@@ -117,6 +117,8 @@ class Nestable extends import_react.Component {
|
|
|
117
117
|
last: { x: 0 },
|
|
118
118
|
shift: { x: 0 }
|
|
119
119
|
};
|
|
120
|
+
this.dragApply = this.dragApply.bind(this);
|
|
121
|
+
this.renderDragLayer = this.renderDragLayer.bind(this);
|
|
120
122
|
}
|
|
121
123
|
componentDidMount() {
|
|
122
124
|
const { childrenProp } = this.props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/Nestable/Nestable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* 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\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,wBAAsB;AACtB,wBAAe;AACf,uBAAiC;AACjC,0BAA4B;AAC5B,qBAgBO;AAEP,0BAAyB;AAEzB,MAAM,iBAAiB,CAAC,UAAU,WAAW,cAC3C,CAAC,qCAAY,SAAS,OAAO,SAAS,KAAK,CAAC,qCAAY,SAAS,OAAO,SAAS;AAEnF,MAAM,iBAAiB,uBAAU;AAAA,EAC/B,YAAY,OAAO;AACjB,UAAM,KAAK;
|
|
4
|
+
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -124,6 +124,7 @@ class QueryBuilderRow extends import_react.Component {
|
|
|
124
124
|
this.state = {
|
|
125
125
|
isOpen: false
|
|
126
126
|
};
|
|
127
|
+
this.onChangeHandler = this.onChangeHandler.bind(this);
|
|
127
128
|
}
|
|
128
129
|
onChangeHandler(e, target, extraData, hasError) {
|
|
129
130
|
const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAiC;AACjC,sBAA6B;AAC7B,wBAA4B;AAC5B,2BAA0C;AAC1C,0BAAoC;AACpC,iCAAgC;AAChC,+BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,MAAM,qBAAM,OAAoB;AACtC,QAAM,KAAK,qBAAM,QAAQ,MAAM,MAAM,OAAO,aAAa,KAAK,KAAK,MAAM,KAAK,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AACnG,SACE,mDAAC;AAAA,IACC,WAAW,4CAA4C,
|
|
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} ${\n 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 this.onChangeHandler = this.onChangeHandler.bind(this);\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": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/helpers/store.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,qBAaO;AACP,oBAA+B;AAY/B,MAAM,kBAAkB;AAAA,EAetB,YAAY,MAAM,QAAQ;AAd1B,iBAAQ,CAAC;AAET,gBAAO;AAEP,iBAAQ,CAAC;AAET,sBAAa,CAAC;AAEd,qBAAY,CAAC;AAEb,gBAAO;AAEP,kBAAS;
|
|
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 this.initSetupUp = this.initSetupUp.bind(this);\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": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -104,6 +104,8 @@ class Nestable extends Component {
|
|
|
104
104
|
last: { x: 0 },
|
|
105
105
|
shift: { x: 0 }
|
|
106
106
|
};
|
|
107
|
+
this.dragApply = this.dragApply.bind(this);
|
|
108
|
+
this.renderDragLayer = this.renderDragLayer.bind(this);
|
|
107
109
|
}
|
|
108
110
|
componentDidMount() {
|
|
109
111
|
const { childrenProp } = this.props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/Nestable.tsx"],
|
|
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\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;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,SAAS,KAAK,CAAC,YAAY,SAAS,OAAO,SAAS;AAEnF,MAAM,iBAAiB,UAAU;AAAA,EAC/B,YAAY,OAAO;AACjB,UAAM,KAAK;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n tryIncreaseDepth,\n tryDecreaseDepth,\n moveItem,\n getItemOptions,\n getRealNextPath,\n getPathById,\n getItemByPath,\n getItemDepth,\n getSplicePath,\n onDragStart,\n onDragEnd,\n onMouseMove,\n onMouseEnter,\n onToggleCollapse,\n onKeyDown,\n} from './actions';\n\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n constructor(props) {\n super(props);\n this.state = {\n items: [],\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n collapsedGroups: [],\n stopTrackingMouse: this.stopTrackMouse.bind(this),\n oldProps: props,\n };\n\n this.el = null;\n this.elCopyStyles = null;\n this.mouse = {\n last: { x: 0 },\n shift: { x: 0 },\n };\n\n this.dragApply = this.dragApply.bind(this);\n this.renderDragLayer = this.renderDragLayer.bind(this);\n }\n\n componentDidMount() {\n const { childrenProp } = this.props;\n let { items } = this.props;\n // make sure every item has property 'children'\n items = listWithChildren(items, childrenProp);\n this.setState({ items });\n }\n\n componentWillUnmount() {\n this.stopTrackMouse();\n }\n\n static getDerivedStateFromProps(props, state) {\n const { items: itemsNew, childrenProp } = props;\n const { stopTrackingMouse, oldProps } = state;\n\n if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n stopTrackingMouse();\n const extra = {};\n if (oldProps.collapsed !== props.collapsed) {\n extra.collapsedGroups = [];\n }\n return {\n items: listWithChildren(itemsNew, childrenProp),\n dragItem: null,\n isDirty: false,\n oldProps: props,\n ...extra,\n };\n }\n return null;\n }\n\n onDragStart = (e, item) => {\n onDragStart.call(this, e, item);\n };\n\n onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n onMouseMove = (e) => onMouseMove.call(this, e);\n\n onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n onKeyDown = (e) => onKeyDown.call(this, e);\n\n getDefaultItems = () => {\n const { items } = this.state;\n return items;\n };\n\n getPathById(id, items = this.getDefaultItems()) {\n return getPathById.call(this, id, items);\n }\n\n getItemByPath(path, items = this.getDefaultItems()) {\n return getItemByPath.call(this, path, items);\n }\n\n getItemDepth = (item) => getItemDepth.call(this, item);\n\n getSplicePath(path, options = {}) {\n return getSplicePath.call(this, path, options);\n }\n\n getRealNextPath(prevPath, nextPath) {\n return getRealNextPath.call(this, prevPath, nextPath);\n }\n\n getItemOptions() {\n return getItemOptions.call(this);\n }\n\n startTrackMouse = () => {\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onDragEnd);\n document.addEventListener('keydown', this.onKeyDown);\n };\n\n stopTrackMouse = () => {\n document.removeEventListener('mousemove', this.onMouseMove);\n document.removeEventListener('mouseup', this.onDragEnd);\n document.removeEventListener('keydown', this.onKeyDown);\n this.elCopyStyles = null;\n };\n\n isCollapsed = (item) => {\n const { collapsed } = this.props;\n const { collapsedGroups } = this.state;\n return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n };\n\n checkFilterChildren = (items) =>\n items.find((current) => {\n const {\n element: { type },\n children,\n } = current;\n if (type === 'filter' && children.length > 0) return true;\n return this.checkFilterChildren(children);\n });\n\n dragRevert = () => {\n const { itemsOld } = this.state;\n\n this.setState({\n items: itemsOld,\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n };\n\n dragApply() {\n const { onChange } = this.props;\n const { items, isDirty, dragItem } = this.state;\n\n this.setState({\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n\n if (onChange && isDirty) onChange(items, dragItem);\n }\n\n tryIncreaseDepth(dragItem) {\n tryIncreaseDepth.call(this, dragItem);\n }\n\n tryDecreaseDepth(dragItem) {\n tryDecreaseDepth.call(this, dragItem);\n }\n\n moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n }\n\n renderDragLayer() {\n const { group } = this.props;\n const { dragItem } = this.state;\n const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n let listStyles = {};\n if (el) {\n listStyles.width = el.clientWidth;\n }\n if (this.elCopyStyles) {\n listStyles = {\n ...listStyles,\n ...this.elCopyStyles,\n };\n }\n\n const options = this.getItemOptions();\n\n return (\n <div className=\"nestable-drag-layer\">\n <ol className=\"nestable-list\" style={listStyles}>\n <NestableItem isCopy item={dragItem} options={options} />\n </ol>\n </div>\n );\n }\n\n render() {\n const { items, dragItem } = this.state;\n const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n const options = this.getItemOptions();\n const childLength = items.length;\n let childClass = 'single';\n if (childLength === 0) childClass = 'empty';\n else if (childLength > 1) childClass = 'multiple';\n\n return (\n <div\n className={cn('nestable', `nestable-${group}`, {\n 'is-drag-active': dragItem,\n })}\n >\n <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n {items.map((item, i) => (\n <NestableItem\n key={item.id}\n index={i}\n isAndItem={isAndItem}\n isDraggableItem={isDraggableItem}\n isOrItem={isOrItem}\n item={item}\n options={options}\n setDraggableItems={setDraggableItems}\n singleRow={singleRow}\n />\n ))}\n </ol>\n {dragItem && this.renderDragLayer()}\n </div>\n );\n }\n}\n\nNestable.defaultProps = {\n items: [],\n collapsed: false,\n group: Math.random().toString(36).slice(2),\n childrenProp: 'children',\n onChange: () => {},\n};\n\nNestable.propTypes = {\n childrenProp: PropTypes.string,\n group: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n collapsed: PropTypes.bool,\n onChange: PropTypes.func,\n isAndItem: PropTypes.bool,\n isOrItem: PropTypes.bool,\n isDraggableItem: PropTypes.bool,\n setDraggableItems: PropTypes.func,\n singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -95,6 +95,7 @@ class QueryBuilderRow extends Component {
|
|
|
95
95
|
this.state = {
|
|
96
96
|
isOpen: false
|
|
97
97
|
};
|
|
98
|
+
this.onChangeHandler = this.onChangeHandler.bind(this);
|
|
98
99
|
}
|
|
99
100
|
onChangeHandler(e, target, extraData, hasError) {
|
|
100
101
|
const { handleFieldChange, idFilter, idGroup, additionalInfo, field, operator, value } = this.props;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,MAAM,OAAM,OAAoB;AACtC,QAAM,KAAK,OAAM,QAAQ,MAAM,MAAM,OAAO,aAAa,KAAK,KAAK,MAAM,KAAK,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC;AACnG,SACE,qCAAC;AAAA,IACC,WAAW,4CAA4C,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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} ${\n 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 this.onChangeHandler = this.onChangeHandler.bind(this);\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/helpers/store.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA;AAYA,MAAM,kBAAkB;AAAA,EAetB,YAAY,MAAM,QAAQ;AAd1B,iBAAQ,CAAC;AAET,gBAAO;AAEP,iBAAQ,CAAC;AAET,sBAAa,CAAC;AAEd,qBAAY,CAAC;AAEb,gBAAO;AAEP,kBAAS;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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 this.initSetupUp = this.initSetupUp.bind(this);\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"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA;AAYA,MAAM,kBAAkB;AAAA,EAetB,YAAY,MAAM,QAAQ;AAd1B,iBAAQ,CAAC;AAET,gBAAO;AAEP,iBAAQ,CAAC;AAET,sBAAa,CAAC;AAEd,qBAAY,CAAC;AAEb,gBAAO;AAEP,kBAAS;AAuBT,2BAAkB,CAAC,YAAY,gBAAgB,KAAK,MAAM,OAAO;AAEjE,0BAAiB,CAAC,kBAAkB,eAAe,KAAK,MAAM,aAAa;AAE3E,8BAAqB,CAAC,UAAU;AAC9B,WAAK,QAAQ;AACb,aAAO,KAAK,SAAS;AAAA,IACvB;AAGA,mCAA0B,CAAC,SAAS,aAAa;AAE/C,WAAK,UAAU,OAAO;AACtB,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,qBAAY,CAAC,YAAY;AACvB,YAAM,YAAY,KAAK,gBAAgB,OAAO;AAC9C,qBAAe,KAAK,MAAM,SAAS;AAEnC,UAAI,KAAK,SAAS,SAAS;AACzB,4BAAoB,KAAK,MAAM,KAAK,OAAO,SAAS;AAAA,MACtD,OAAO;AACL,cAAM,eAAe,mBAAmB,KAAK,MAAM,OAAO;AAC1D,YAAI,cAAc;AAChB,0BAAgB,KAAK,MAAM,cAAc,SAAS;AAAA,QACpD;AAAA,MACF;AACA,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,0BAAiB,CAAC,aAAa;AAE7B,uBAAiB,KAAK,MAAM,QAAQ;AACpC,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,mCAA0B,CAAC,SAAS,aAAa;AAE/C,YAAM,WAAW,KAAK,eAAe,OAAO;AAC5C,2BAAqB,KAAK,MAAM,SAAS,UAAU,QAAQ;AAC3D,aAAO,KAAK,SAAS;AAAA,IACvB;AASA,4BAAmB,CAAC,SAAS,aAAa;AAExC,YAAM,WAAW,KAAK,eAAe,OAAO;AAC5C,oBAAc,KAAK,MAAM,QAAQ;AACjC,UAAI,KAAK,SAAS,SAAS;AACzB,4BAAoB,KAAK,MAAM,KAAK,OAAO,QAAQ;AAAA,MACrD,OAAO;AACL,cAAM,eAAe,mBAAmB,KAAK,MAAM,OAAO;AAC1D,YAAI,cAAc;AAChB,0BAAgB,KAAK,MAAM,cAAc,QAAQ;AAAA,QACnD;AAAA,MACF;AACA,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,mBAAU,CAAC,YAAY;AACrB,0BAAoB,KAAK,MAAM,OAAO;AACtC,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,+BAAsB,CAAC,SAAS,UAAU;AACxC,WAAK,aAAa,OAAO,EAAE,YAAY;AACvC,0BAAoB,KAAK,MAAM,SAAS,KAAK;AAC7C,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,wBAAe,CAAC,SAAS;AACvB,YAAM,EAAE,aAAa;AACrB,WAAK,WAAW,YAAY,kCACvB,KAAK,WAAW,YAChB;AAEL,uBAAiB,KAAK,MAAM,IAAI;AAChC,aAAO,KAAK,SAAS;AAAA,IACvB;AAEA,wBAAe,CAAC,YAAY,KAAK,UAAU,YAAY,CAAC;AAExD,yBAAgB,CAAC,aAAa,KAAK,WAAW;AAE9C,2BAAkB,MAAM;AACtB,YAAM,aAAa;AAAA,QACjB,MAAM,KAAK;AAAA,QACX,YAAY,mBAAK,KAAK;AAAA,QACtB,WAAW,mBAAK,KAAK;AAAA,QACrB,MAAM,KAAK;AAAA,QACX,OAAO,KAAK;AAAA,MACd;AACA,YAAM,SAAS,mBAAmB,IAAI,YAAY,KAAK,MAAM;AAC7D,aAAO,iCACF,aADE;AAAA,QAEL;AAAA,MACF;AAAA,IACF;AAEA,oBAAW,MAAM;AACf,WAAK,QAAQ;AACb,YAAM,aAAa;AAAA,QACjB,MAAM,KAAK;AAAA,QACX,YAAY,mBAAK,KAAK;AAAA,QACtB,WAAW,mBAAK,KAAK;AAAA,QACrB,MAAM,KAAK;AAAA,QACX,OAAO,KAAK;AAAA,MACd;AACA,YAAM,SAAS,mBAAmB,IAAI,YAAY,KAAK,MAAM;AAC7D,aAAO,iCACF,aADE;AAAA,QAEL;AAAA,MACF;AAAA,IACF;AA5IE,SAAK,YAAY;AACjB,SAAK,SAAS;AACd,QAAI;AAAM,aAAO,KAAK,YAAY,IAAI;AACtC,UAAM,YAAY,KAAK,eAAe,MAAM;AAC5C,SAAK,YAAY;AAAA,OACd,UAAU,UAAU;AAAA,IACvB;AACA,SAAK,OAAO,UAAU;AACtB,SAAK,UAAU,UAAU,OAAO;AAEhC,SAAK,cAAc,KAAK,YAAY,KAAK,IAAI;AAAA,EAC/C;AAAA,EAEA,YAAY,MAAM;AAChB,SAAK,OAAO,KAAK,QAAQ;AACzB,WAAO,KAAK,IAAI,EAAE,QAAQ,CAAC,QAAQ;AACjC,UAAI,KAAK,QAAQ,KAAK,SAAS;AAAW,aAAK,OAAO,KAAK;AAAA,IAC7D,CAAC;AAAA,EACH;AA2HF;AAEA,IAAO,gBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-query-builder",
|
|
3
|
-
"version": "3.0.0-next.
|
|
3
|
+
"version": "3.0.0-next.44",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Query Builder",
|
|
6
6
|
"files": [
|
|
@@ -171,17 +171,17 @@
|
|
|
171
171
|
"indent": 4
|
|
172
172
|
},
|
|
173
173
|
"dependencies": {
|
|
174
|
-
"@elliemae/ds-accordion": "3.0.0-next.
|
|
175
|
-
"@elliemae/ds-button": "3.0.0-next.
|
|
176
|
-
"@elliemae/ds-classnames": "3.0.0-next.
|
|
177
|
-
"@elliemae/ds-form": "3.0.0-next.
|
|
178
|
-
"@elliemae/ds-grid": "3.0.0-next.
|
|
179
|
-
"@elliemae/ds-icon": "3.0.0-next.
|
|
180
|
-
"@elliemae/ds-icons": "3.0.0-next.
|
|
181
|
-
"@elliemae/ds-popper": "3.0.0-next.
|
|
182
|
-
"@elliemae/ds-shared": "3.0.0-next.
|
|
183
|
-
"@elliemae/ds-tooltip": "3.0.0-next.
|
|
184
|
-
"@elliemae/ds-utilities": "3.0.0-next.
|
|
174
|
+
"@elliemae/ds-accordion": "3.0.0-next.44",
|
|
175
|
+
"@elliemae/ds-button": "3.0.0-next.44",
|
|
176
|
+
"@elliemae/ds-classnames": "3.0.0-next.44",
|
|
177
|
+
"@elliemae/ds-form": "3.0.0-next.44",
|
|
178
|
+
"@elliemae/ds-grid": "3.0.0-next.44",
|
|
179
|
+
"@elliemae/ds-icon": "3.0.0-next.44",
|
|
180
|
+
"@elliemae/ds-icons": "3.0.0-next.44",
|
|
181
|
+
"@elliemae/ds-popper": "3.0.0-next.44",
|
|
182
|
+
"@elliemae/ds-shared": "3.0.0-next.44",
|
|
183
|
+
"@elliemae/ds-tooltip": "3.0.0-next.44",
|
|
184
|
+
"@elliemae/ds-utilities": "3.0.0-next.44",
|
|
185
185
|
"classnames": "~2.2.6",
|
|
186
186
|
"prop-types": "~15.8.1",
|
|
187
187
|
"react-addons-update": "~15.6.3",
|