@elliemae/ds-query-builder 3.11.1-rc.1 → 3.12.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSQueryBuilder.js.map +1 -1
- package/dist/cjs/components/AndOrController/AndOrController.js.map +1 -1
- package/dist/cjs/components/ConditionController/ConditionController.js.map +1 -1
- package/dist/cjs/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/dist/cjs/components/DragContainerController/DragContainerController.js.map +1 -1
- package/dist/cjs/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/cjs/components/FieldControllerRow/FieldControllerRow.js.map +1 -1
- package/dist/cjs/components/Nestable/Nestable.js.map +1 -1
- package/dist/cjs/components/Nestable/NestableItem.js.map +1 -1
- package/dist/cjs/components/QueryBuilderImpl.js.map +1 -1
- package/dist/cjs/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/cjs/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js +2 -2
- package/dist/cjs/components/ToolBarAnimation/ToolBarAnimation.js.map +3 -3
- package/dist/esm/DSQueryBuilder.js.map +1 -1
- package/dist/esm/components/AndOrController/AndOrController.js.map +1 -1
- package/dist/esm/components/ConditionController/ConditionController.js.map +1 -1
- package/dist/esm/components/DisplayOutput/DisplayOutput.js.map +1 -1
- package/dist/esm/components/DragContainerController/DragContainerController.js.map +1 -1
- package/dist/esm/components/DragControllerRow/DragControllerRow.js.map +1 -1
- package/dist/esm/components/FieldControllerRow/FieldControllerRow.js.map +1 -1
- package/dist/esm/components/Nestable/Nestable.js.map +1 -1
- package/dist/esm/components/Nestable/NestableItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderImpl.js.map +1 -1
- package/dist/esm/components/QueryBuilderItem/QueryBuilderItem.js.map +1 -1
- package/dist/esm/components/QueryBuilderRow/QueryBuilderRow.js.map +1 -1
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js +1 -1
- package/dist/esm/components/ToolBarAnimation/ToolBarAnimation.js.map +2 -2
- package/package.json +15 -12
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSQueryBuilder.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport QueryBuilderImpl from './components/QueryBuilderImpl';\nimport {\n QB_FIELD_TYPES,\n QB_OPERATOR_TYPES,\n QB_GROUP_CONDITION_TYPES,\n QB_DRAG_TYPES,\n QB_DRAG_LOCATIONS,\n QB_EXPORT_FORMAT_TYPES,\n QB_ADD_FILTER_METHOD_TYPES,\n QB_GROUP_FILTER_METHOD_TYPES,\n QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types';\nimport {\n QB_OPERATOR_OPTIONS,\n QB_DEFAULT_VALUES_OPTIONS,\n QB_FIELD_OPTIONS,\n QB_LOAN_VALUES_OPTIONS,\n QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors';\nimport QueryBuilderFormat from './components/format/format';\nimport { props } from './propTypes';\n\nconst DSQueryBuilder = ({\n containerProps = {},\n addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n onChange = () => null,\n fields = [],\n fieldsSharedActions = {\n onFieldChange: [],\n onOperatorChange: [],\n onValueChange: [],\n },\n format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n init = null,\n ruleContainerClassName = '',\n handleDrop = () => null,\n handleDropFilter = () => null,\n handleDropGroup = () => null,\n handleFieldChange = () => null,\n handleRuleContainerOperator = () => null,\n handleRuleContainerUnGroup = () => null,\n onAddFilter = () => null,\n onAddRuleContainer = () => null,\n onRemoveFilter = () => null,\n displayFixedOutput,\n displayOutput = false,\n displayOutputLabel = {\n show: 'Show output',\n hide: 'Hide output',\n },\n singleRow = false,\n toolTipZIndex = 110,\n}) => (\n <QueryBuilderImpl\n addFilterMethod={addFilterMethod}\n containerProps={containerProps}\n displayFixedOutput={displayFixedOutput}\n displayOutput={displayOutput}\n displayOutputLabel={displayOutputLabel}\n fields={fields}\n fieldsSharedActions={fieldsSharedActions}\n format={format}\n groupFilterMethod={groupFilterMethod}\n handleDrop={handleDrop}\n handleDropFilter={handleDropFilter}\n handleDropGroup={handleDropGroup}\n handleFieldChange={handleFieldChange}\n handleRuleContainerOperator={handleRuleContainerOperator}\n handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n init={init}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onChange={onChange}\n onRemoveFilter={onRemoveFilter}\n ruleContainerClassName={ruleContainerClassName}\n singleRow={singleRow}\n toolTipZIndex={toolTipZIndex}\n />\n);\n\nDSQueryBuilder.propTypes = props;\nDSQueryBuilder.displayName = 'DSQueryBuilder';\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n QB_FIELD_SHARED_ACTIONS,\n QB_FIELD_TYPES,\n QB_OPERATOR_TYPES,\n QB_OPERATOR_OPTIONS,\n QB_DEFAULT_VALUES_OPTIONS,\n QB_FIELD_OPTIONS,\n QB_LOAN_VALUES_OPTIONS,\n QB_SUBJECT_VALUES_OPTIONS,\n QB_GROUP_CONDITION_TYPES,\n QB_DRAG_TYPES,\n QB_DRAG_LOCATIONS,\n QB_EXPORT_FORMAT_TYPES,\n QB_ADD_FILTER_METHOD_TYPES,\n QB_GROUP_FILTER_METHOD_TYPES,\n QueryBuilderFormat,\n DSQueryBuilderWithSchema,\n DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0CAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADwDrB;AAvDF,0BAAyB;AACzB,8BAA6B;AAC7B,mBAUO;AACP,uBAMO;AACP,oBAA+B;AAC/B,uBAAsB;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,wCAA2B;AAAA,EAC7C,oBAAoB,0CAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,oCAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE,4CAAC,wBAAAC,SAAA;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,8BAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
|
|
6
6
|
"names": ["QueryBuilderFormat", "QueryBuilderImpl"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/AndOrController/AndOrController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n static defaultProps = {\n isMain: false,\n handleRuleContainerOperator: () => null,\n handleRuleContainerUnGroup: () => null,\n handleTooltipGroup: () => null,\n labelOn: 'AND',\n labelOff: 'OR',\n condition: true,\n showDragController: true,\n allowUnGroup: true,\n buttonActionSize: DSIconSizes.M,\n buttonActionType: 'text',\n toogleActionSize: DSIconSizes.S,\n onAddFilter: () => null,\n multipleSize: false,\n delayClose: DELAY_CLOSE,\n delayOpen: DELAY_OPEN,\n step: null,\n toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n toolBarInteractionType: Interaction.CLICK,\n toolBarPosition: Position.LEFT,\n };\n\n constructor(props) {\n super(props);\n this.contenerRef = React.createRef();\n this.myRef = React.createRef();\n this.state = {\n isOpen: false,\n top: 0,\n right: -2,\n };\n }\n\n handleMouseEnterRow = (e) => {\n this.handleTooltipRow(true);\n // this.handleMouseMove(e)\n };\n\n handleMouseMove = (e) => {\n if (!this.contenerRef.current) return;\n const mouse = e.clientY;\n const { height } = this.contenerRef.current.getBoundingClientRect();\n const delta = height / 2;\n const topDiff = this.myRef.current.getBoundingClientRect().top;\n const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n this.setState({\n top: mouse - topDiff - refHeight / 2 - delta,\n });\n };\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n const { handleTooltipGroup } = this.props;\n handleTooltipGroup(isOpen);\n };\n\n render() {\n const {\n handleRuleContainerOperator,\n handleRuleContainerUnGroup,\n labelOn,\n labelOff,\n condition,\n showDragController,\n allowUnGroup,\n buttonActionSize,\n buttonActionType,\n toogleActionSize,\n onAddFilter,\n multipleSize,\n delayClose,\n delayOpen,\n step,\n toolBarAnimationDuration,\n toolBarInteractionType,\n toolBarPosition,\n isMain,\n toolTipZIndex,\n } = this.props;\n const { isOpen, top, right } = this.state;\n return (\n <div\n ref={this.myRef}\n className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step} ${isMain ? 'is-main-group-join' : ''\n }`}\n // onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n // onMouseMove={this.handleMouseMove}\n >\n <div className={`${classNameBlock('content')} step-${step}`}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={toolBarInteractionType}\n isOpen={isOpen}\n onOpen={this.handleTooltipRow}\n placement={toolBarPosition}\n springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n step={step}\n title={\n <div\n ref={this.contenerRef}\n className={classNameBlock('actions')}\n style={{\n transition: '0.2s',\n position: 'absolute',\n top: `${top}px`,\n right: `${right}px`,\n }}\n >\n <DSTooltip title=\"Add condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />}\n />\n {allowUnGroup && (\n <DSTooltip title=\"Remove group\"\n triggerComponent={<DSButton\n buttonType=\"text\"\n className={classNameElement('ungroup')}\n icon={<ParenthesisRemove />}\n onClick={handleRuleContainerUnGroup}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-remove-button',\n }}\n />}\n />\n )}\n <DSToggle\n checked={condition}\n className={classNameElement('and-or-toggle')}\n labelOff={labelOff}\n labelOn={labelOn}\n onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n size={toogleActionSize}\n containerProps={{\n 'data-testid': 'and-or-toggle-button',\n }}\n />\n </div>\n }\n tooltipType={TooltipType.TOOLBAR}\n triggerComponent={\n <div\n className={`${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n } step-${step}`}\n >\n <div className={classNameElement('condition-display')}>\n <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n <span className={classNameElement('condition-display-step')}>{step}</span>\n <div className=\"separator\" />\n <MoreOptionsVert\n color={DSIconColors.NEUTRAL}\n onClick={this.handleMouseEnterRow}\n size={DSIconSizes.S}\n containerProps={{\n 'data-testid': 'and-or-more-options-button',\n }}\n />\n </div>\n {showDragController && (\n <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n )}\n </div>\n }\n zIndex={toolTipZIndex}\n />\n </div>\n </div>\n );\n }\n}\n\nexport default AndOrController;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "DSTooltip", "DSButton", "DragContainerController", "Interaction", "Position"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ConditionController/ConditionController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n onAddFilter = () => null,\n onAddRuleContainer = () => null,\n onRemoveFilter = () => null,\n handleTooltipRow = () => null,\n buttonTriggerSize = DSIconSizes.M,\n buttonTriggerType = 'text',\n buttonActionSize = DSIconSizes.M,\n buttonActionType = 'text',\n delayClose = DELAY_CLOSE,\n delayOpen = DELAY_OPEN,\n isOpen = false,\n toolTipZIndex,\n}) => {\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-condition-controller',\n );\n return (\n <div className={cssClassName}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={Interaction.CLICK}\n isOpen={isOpen}\n onOpen={handleTooltipRow}\n placement={Position.LEFT}\n springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n title={\n <div className={classNameBlock('actions')}>\n <DSTooltip title=\"Remove condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('remove-rule')}\n icon={<QueryRemove />}\n onClick={onRemoveFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-remove-button',\n }}\n />}\n />\n\n <DSTooltip title=\"Add condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />}\n />\n\n <DSTooltip title=\"Add group\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={`${classNameElement('add-rule-container')} no-border-right`}\n icon={<ParenthesisAdd />}\n onClick={onAddRuleContainer}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-add-button',\n }}\n />}\n />\n\n </div>\n }\n tooltipType={TooltipType.TOOLBAR}\n triggerComponent={\n <DSButton\n buttonType={buttonTriggerType}\n icon={<MoreOptionsVert color={['neutral', '500']} />}\n onClick={handleTooltipRow}\n size={buttonTriggerSize}\n containerProps={{\n 'data-testid': 'condition-more-options-button',\n }}\n />\n }\n zIndex={toolTipZIndex}\n />\n </div>\n );\n};\n\nexport default ConditionController;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCW;AAnClC,2BAA0C;AAC1C,wBAAuC;AACvC,uBAA+E;AAC/E,qBAA4B;AAC5B,sBAAuE;AACvE,uBAAqB;AACrB,8BAAiC;AACjC,uBAAoE;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,2BAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,2BAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,4CAAC;AAAA,IAAI,WAAW;AAAA,IACd,sDAAC,kBAAAA,SAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,iBAAAC,mBAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,iBAAAC,gBAAS;AAAA,MACpB,0BAA0B,4CAAC;AAAA,QAAiB,UAAU;AAAA,OAA4B;AAAA,MAClF,OACE,6CAAC;AAAA,QAAI,WAAW,eAAe,SAAS;AAAA,QACtC;AAAA,sDAAC,kBAAAF,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,aAAa;AAAA,cACzC,MAAM,4CAAC,+BAAY;AAAA,cACnB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,4CAAC,kBAAAH,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,UAAU;AAAA,cACtC,MAAM,4CAAC,4BAAS;AAAA,cAChB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,4CAAC,kBAAAH,SAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,4CAAC,iBAAAG,SAAA;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,cACnD,MAAM,4CAAC,kCAAe;AAAA,cACtB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA;AAAA,OAEF;AAAA,MAEF,aAAa,8BAAY;AAAA,MACzB,kBACE,4CAAC,iBAAAA,SAAA;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,4CAAC;AAAA,UAAgB,OAAO,CAAC,WAAW,KAAK;AAAA,SAAG;AAAA,QAClD,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,MAEF,QAAQ;AAAA,KACV;AAAA,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
|
|
6
6
|
"names": ["DSTooltip", "Interaction", "Position", "DSButton"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DisplayOutput/DisplayOutput.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n constructor(props) {\n super(props);\n this.state = {\n show: props.show,\n };\n }\n\n handleChange = () => {\n this.setState(({ show }) => ({\n show: !show,\n }));\n };\n\n render() {\n const { show } = this.state;\n const { showLabel, hideLabel, displayFixedOutput } = this.props;\n return (\n <QueryBuilderContext.Consumer>\n {({ format }) => {\n let display = '';\n try {\n display = typeof format === 'object' ? JSON.stringify(format) : format;\n } catch (e) {\n display = e;\n }\n if (displayFixedOutput) {\n return (\n <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n <Grid p=\"xxs\">\n <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n </Grid>\n <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n {display}\n </Grid>\n </div>\n );\n }\n\n return (\n <div className={cssClassName}>\n <DSAccordion activeValue={show} onChange={this.handleChange}>\n <DSAccordionItem\n iconClosed={ChevronRight}\n iconOpened={ChevronDown}\n title={show ? hideLabel : showLabel}\n value\n >\n <div>{display}</div>\n </DSAccordionItem>\n </DSAccordion>\n </div>\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n }\n}\n\nexport default DisplayOutput;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqCT;AArCd,mBAAiC;AACjC,qBAAqB;AACrB,2BAA0C;AAC1C,0BAA6C;AAC7C,sBAA0C;AAC1C,iCAAoC;AAEpC,MAAM,EAAE,aAAa,QAAI,gDAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,uBAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,QAC3B,MAAM,CAAC;AAAA,MACT,EAAE;AAAA,IACJ;AATE,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAQA,SAAS;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,mBAAmB,IAAI,KAAK;AAC1D,WACE,4CAAC,+CAAoB,UAApB;AAAA,MACE,WAAC,EAAE,OAAO,MAAM;AACf,YAAI,UAAU;AACd,YAAI;AACF,oBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,QAClE,SAAS,GAAP;AACA,oBAAU;AAAA,QACZ;AACA,YAAI,oBAAoB;AACtB,iBACE,6CAAC;AAAA,YAAI,WAAW;AAAA,YAAc,eAAY;AAAA,YACxC;AAAA,0DAAC;AAAA,gBAAK,GAAE;AAAA,gBACN,sDAAC;AAAA,kBAAO,eAAY;AAAA,kBAAyB;AAAA,iBAAmB;AAAA,eAClE;AAAA,cACA,4CAAC;AAAA,gBAAK,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,eAAY;AAAA,gBACjC;AAAA,eACH;AAAA;AAAA,WACF;AAAA,QAEJ;AAEA,eACE,4CAAC;AAAA,UAAI,WAAW;AAAA,UACd,sDAAC;AAAA,YAAY,aAAa;AAAA,YAAM,UAAU,KAAK;AAAA,YAC7C,sDAAC;AAAA,cACC,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,OAAO,OAAO,YAAY;AAAA,cAC1B,OAAK;AAAA,cAEL,sDAAC;AAAA,gBAAK;AAAA,eAAQ;AAAA,aAChB;AAAA,WACF;AAAA,SACF;AAAA,MAEJ;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DragContainerController/DragContainerController.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { MoreOptionsVert, GripperVertical } from '@elliemae/ds-icons';\n\nconst DragContainerController = ({\n color = DSIconColors.NEUTRAL,\n icon: Icon = GripperVertical,\n size = DSIconSizes.S,\n multipleSize = false,\n onClick,\n}) => {\n const { cssClassName } = convertPropToCssClassName('query-builder-drag-group');\n return (\n <div className={`${cssClassName}`}>\n <Icon color={color} size={size} />\n <div className=\"separator\" />\n <MoreOptionsVert color={color} onClick={onClick} size={size} />\n {multipleSize && <Icon className=\"additional-drag\" color={color} onClick={onClick} size={size} />}\n </div>\n );\n};\nexport default DragContainerController;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADcnB;AAbJ,2BAA0C;AAC1C,qBAA0C;AAC1C,sBAAiD;AAEjD,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,4BAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,2BAAY;AAAA,EACnB,eAAe;AAAA,EACf;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,QAAI,gDAA0B,0BAA0B;AAC7E,SACE,6CAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IACjB;AAAA,kDAAC;AAAA,QAAK;AAAA,QAAc;AAAA,OAAY;AAAA,MAChC,4CAAC;AAAA,QAAI,WAAU;AAAA,OAAY;AAAA,MAC3B,4CAAC;AAAA,QAAgB;AAAA,QAAc;AAAA,QAAkB;AAAA,OAAY;AAAA,MAC5D,gBAAgB,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAkB;AAAA,QAAc;AAAA,QAAkB;AAAA,OAAY;AAAA;AAAA,GACjG;AAEJ;AACA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/DragControllerRow/DragControllerRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADYnB;AAXJ,qBAA4B;AAC5B,sBAAgC;AAEhC,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,EACzB,MAAM,OAAO;AAAA,EACb,OAAO,2BAAY;AAAA,KAChB;AACL,MACE,4CAAC;AAAA,EAAI;AAAA,EAAuB,GAAG;AAAA,EAC7B,sDAAC;AAAA,IAAK;AAAA,IAAc;AAAA,GAAY;AAAA,CAClC;AAEF,IAAO,4BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/FieldControllerRow/FieldControllerRow.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\n\nconst FieldControllerRow = ({\n className = '',\n onChange = () => null,\n options = [],\n value = '',\n type = 'DSComboBox',\n}) => (\n <div className={className}>\n {type === 'DSComboBox' && <DSComboBox onChange={onChange} options={options} value={value} />}\n {type === 'DSTextBox' && <DSTextBox fluidWidth onChange={onChange} options={options} value={value} />}\n </div>\n);\nexport default FieldControllerRow;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADUrB;AATF,qBAAsC;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACT,MACE,6CAAC;AAAA,EAAI;AAAA,EACF;AAAA,aAAS,gBAAgB,4CAAC;AAAA,MAAW;AAAA,MAAoB;AAAA,MAAkB;AAAA,KAAc;AAAA,IACzF,SAAS,eAAe,4CAAC;AAAA,MAAU,YAAU;AAAA,MAAC;AAAA,MAAoB;AAAA,MAAkB;AAAA,KAAc;AAAA;AAAA,CACrG;AAEF,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/Nestable/Nestable.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqNb;AApNV,mBAAiC;AACjC,wBAAsB;AACtB,wBAAe;AACf,uBAAiC;AACjC,0BAA4B;AAC5B,qBAgBO;AAEP,0BAAyB;AAEzB,MAAM,iBAAiB,CAAC,UAAU,WAAW,cAC3C,KAAC,iCAAY,SAAS,OAAO,SAAS,KAAK,KAAC,iCAAY,SAAS,OAAO,SAAS;AAEnF,MAAM,iBAAiB,uBAAU;AAAA,EAC/B,YAAY,OAAO;AACjB,UAAM,KAAK;AAuDb,uBAAc,CAAC,GAAG,SAAS;AACzB,iCAAY,KAAK,MAAM,GAAG,IAAI;AAAA,IAChC;AAEA,qBAAY,CAAC,GAAG,aAAa,yBAAU,KAAK,MAAM,GAAG,QAAQ;AAE7D,uBAAc,CAAC,MAAM,2BAAY,KAAK,MAAM,CAAC;AAE7C,wBAAe,CAAC,GAAG,SAAS,4BAAa,KAAK,MAAM,GAAG,IAAI;AAE3D,4BAAmB,CAAC,MAAM,aAAa,gCAAiB,KAAK,MAAM,MAAM,QAAQ;AAEjF,qBAAY,CAAC,MAAM,yBAAU,KAAK,MAAM,CAAC;AAEzC,2BAAkB,MAAM;AACtB,YAAM,EAAE,MAAM,IAAI,KAAK;AACvB,aAAO;AAAA,IACT;AAUA,wBAAe,CAAC,SAAS,4BAAa,KAAK,MAAM,IAAI;AAcrD,2BAAkB,MAAM;AACtB,eAAS,iBAAiB,aAAa,KAAK,WAAW;AACvD,eAAS,iBAAiB,WAAW,KAAK,SAAS;AACnD,eAAS,iBAAiB,WAAW,KAAK,SAAS;AAAA,IACrD;AAEA,0BAAiB,MAAM;AACrB,eAAS,oBAAoB,aAAa,KAAK,WAAW;AAC1D,eAAS,oBAAoB,WAAW,KAAK,SAAS;AACtD,eAAS,oBAAoB,WAAW,KAAK,SAAS;AACtD,WAAK,eAAe;AAAA,IACtB;AAEA,uBAAc,CAAC,SAAS;AACtB,YAAM,EAAE,UAAU,IAAI,KAAK;AAC3B,YAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,aAAO,CAAC,EAAG,gBAAgB,QAAQ,KAAK,EAAE,IAAI,KAAM;AAAA,IACtD;AAEA,+BAAsB,CAAC,UACrB,MAAM,KAAK,CAAC,YAAY;AACtB,YAAM;AAAA,QACJ,SAAS,EAAE,KAAK;AAAA,QAChB;AAAA,MACF,IAAI;AACJ,UAAI,SAAS,YAAY,SAAS,SAAS;AAAG,eAAO;AACrD,aAAO,KAAK,oBAAoB,QAAQ;AAAA,IAC1C,CAAC;AAEH,sBAAa,MAAM;AACjB,YAAM,EAAE,SAAS,IAAI,KAAK;AAE1B,WAAK,SAAS;AAAA,QACZ,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AArIE,SAAK,QAAQ;AAAA,MACX,OAAO,CAAC;AAAA,MACR,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,iBAAiB,CAAC;AAAA,MAClB,mBAAmB,KAAK,eAAe,KAAK,IAAI;AAAA,MAChD,UAAU;AAAA,IACZ;AAEA,SAAK,KAAK;AACV,SAAK,eAAe;AACpB,SAAK,QAAQ;AAAA,MACX,MAAM,EAAE,GAAG,EAAE;AAAA,MACb,OAAO,EAAE,GAAG,EAAE;AAAA,IAChB;AAEA,SAAK,YAAY,KAAK,UAAU,KAAK,IAAI;AACzC,SAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AAAA,EACvD;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,aAAa,IAAI,KAAK;AAC9B,QAAI,EAAE,MAAM,IAAI,KAAK;AAErB,gBAAQ,mCAAiB,OAAO,YAAY;AAC5C,SAAK,SAAS,EAAE,MAAM,CAAC;AAAA,EACzB;AAAA,EAEA,uBAAuB;AACrB,SAAK,eAAe;AAAA,EACtB;AAAA,EAEA,OAAO,yBAAyB,OAAO,OAAO;AAC5C,UAAM,EAAE,OAAO,UAAU,aAAa,IAAI;AAC1C,UAAM,EAAE,mBAAmB,SAAS,IAAI;AAExC,QAAI,eAAe,EAAE,OAAO,UAAU,OAAO,CAAC,EAAE,GAAG,OAAO,CAAC,CAAC,GAAG;AAC7D,wBAAkB;AAClB,YAAM,QAAQ,CAAC;AACf,UAAI,SAAS,cAAc,MAAM,WAAW;AAC1C,cAAM,kBAAkB,CAAC;AAAA,MAC3B;AACA,aAAO;AAAA,QACL,WAAO,mCAAiB,UAAU,YAAY;AAAA,QAC9C,UAAU;AAAA,QACV,SAAS;AAAA,QACT,UAAU;AAAA,QACV,GAAG;AAAA,MACL;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAAA,EAqBA,YAAY,IAAI,QAAQ,KAAK,gBAAgB,GAAG;AAC9C,WAAO,2BAAY,KAAK,MAAM,IAAI,KAAK;AAAA,EACzC;AAAA,EAEA,cAAc,MAAM,QAAQ,KAAK,gBAAgB,GAAG;AAClD,WAAO,6BAAc,KAAK,MAAM,MAAM,KAAK;AAAA,EAC7C;AAAA,EAIA,cAAc,MAAM,UAAU,CAAC,GAAG;AAChC,WAAO,6BAAc,KAAK,MAAM,MAAM,OAAO;AAAA,EAC/C;AAAA,EAEA,gBAAgB,UAAU,UAAU;AAClC,WAAO,+BAAgB,KAAK,MAAM,UAAU,QAAQ;AAAA,EACtD;AAAA,EAEA,iBAAiB;AACf,WAAO,8BAAe,KAAK,IAAI;AAAA,EACjC;AAAA,EA0CA,YAAY;AACV,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,EAAE,OAAO,SAAS,SAAS,IAAI,KAAK;AAE1C,SAAK,SAAS;AAAA,MACZ,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,IACX,CAAC;AAED,QAAI,YAAY;AAAS,eAAS,OAAO,QAAQ;AAAA,EACnD;AAAA,EAEA,iBAAiB,UAAU;AACzB,oCAAiB,KAAK,MAAM,QAAQ;AAAA,EACtC;AAAA,EAEA,iBAAiB,UAAU;AACzB,oCAAiB,KAAK,MAAM,QAAQ;AAAA,EACtC;AAAA,EAEA,SAAS,EAAE,UAAU,UAAU,OAAO,GAAG,aAAa,CAAC,GAAG;AACxD,4BAAS,KAAK,MAAM,EAAE,UAAU,UAAU,OAAO,GAAG,UAAU;AAAA,EAChE;AAAA,EAEA,kBAAkB;AAChB,UAAM,EAAE,MAAM,IAAI,KAAK;AACvB,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,UAAM,KAAK,SAAS,cAAc,aAAa,wBAAwB,SAAS,IAAI;AAEpF,QAAI,aAAa,CAAC;AAClB,QAAI,IAAI;AACN,iBAAW,QAAQ,GAAG;AAAA,IACxB;AACA,QAAI,KAAK,cAAc;AACrB,mBAAa;AAAA,QACX,GAAG;AAAA,QACH,GAAG,KAAK;AAAA,MACV;AAAA,IACF;AAEA,UAAM,UAAU,KAAK,eAAe;AAEpC,WACE,4CAAC;AAAA,MAAI,WAAU;AAAA,MACb,sDAAC;AAAA,QAAG,WAAU;AAAA,QAAgB,OAAO;AAAA,QACnC,sDAAC,oBAAAA,SAAA;AAAA,UAAa,QAAM;AAAA,UAAC,MAAM;AAAA,UAAU;AAAA,SAAkB;AAAA,OACzD;AAAA,KACF;AAAA,EAEJ;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,OAAO,SAAS,IAAI,KAAK;AACjC,UAAM,EAAE,OAAO,WAAW,UAAU,iBAAiB,mBAAmB,UAAU,IAAI,KAAK;AAC3F,UAAM,UAAU,KAAK,eAAe;AACpC,UAAM,cAAc,MAAM;AAC1B,QAAI,aAAa;AACjB,QAAI,gBAAgB;AAAG,mBAAa;AAAA,aAC3B,cAAc;AAAG,mBAAa;AAEvC,WACE,6CAAC;AAAA,MACC,eAAW,kBAAAC,SAAG,YAAY,YAAY,SAAS;AAAA,QAC7C,kBAAkB;AAAA,MACpB,CAAC;AAAA,MAED;AAAA,oDAAC;AAAA,UAAG,WAAW,qDAAqD;AAAA,UACjE,gBAAM,IAAI,CAAC,MAAM,MAChB,4CAAC,oBAAAD,SAAA;AAAA,YAEC,OAAO;AAAA,YACP;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,aARK,KAAK,EASZ,CACD;AAAA,SACH;AAAA,QACC,YAAY,KAAK,gBAAgB;AAAA;AAAA,KACpC;AAAA,EAEJ;AACF;AAEA,SAAS,eAAe;AAAA,EACtB,OAAO,CAAC;AAAA,EACR,WAAW;AAAA,EACX,OAAO,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,CAAC;AAAA,EACzC,cAAc;AAAA,EACd,UAAU,MAAM;AAAA,EAAC;AACnB;AAEA,SAAS,YAAY;AAAA,EACnB,cAAc,kBAAAE,QAAU;AAAA,EACxB,OAAO,kBAAAA,QAAU;AAAA,EACjB,OAAO,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC,CAAC,CAAC;AAAA,EAC5C,WAAW,kBAAAA,QAAU;AAAA,EACrB,UAAU,kBAAAA,QAAU;AAAA,EACpB,WAAW,kBAAAA,QAAU;AAAA,EACrB,UAAU,kBAAAA,QAAU;AAAA,EACpB,iBAAiB,kBAAAA,QAAU;AAAA,EAC3B,mBAAmB,kBAAAA,QAAU;AAAA,EAC7B,WAAW,kBAAAA,QAAU;AACvB;AAEA,IAAO,mBAAQ;",
|
|
6
6
|
"names": ["NestableItem", "cn", "PropTypes"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/Nestable/NestableItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgEjB;AA9DN,wBAAe;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,aAAa,IAAI;AAExD,QAAM,cAAc,QAAQ,YAAY,IAAI;AAC5C,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,YACrB,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,EAAE,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,eAAW,kBAAAA;AAAA,MACT,gBAAgB,SAAS,UAAU;AAAA,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK;AAAA,MAC9C,sBAAsB,KAAK,QAAQ;AAAA,MACnC;AAAA,QACE,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,QACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACpD;AAAA,MACA;AAAA,QACE,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,WAAW,CAAC;AAChB,MAAI,eAAe,CAAC;AACpB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW;AAAA,QACT,GAAG;AAAA,QACH,cAAc,OAAK,QAAQ,aAAa,GAAG,IAAI;AAAA,MACjD;AAAA,IACF,OAAO;AACL,qBAAe;AAAA,QACb,GAAG;AAAA,QACH,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAEA,MAAI,SAAS;AACX,cACE,4CAAC;AAAA,MAAK,WAAU;AAAA,MAAyB,GAAG;AAAA,MACzC;AAAA,KACH;AAAA,EAGJ,OAAO;AACL,eAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,6CAAC;AAAA,IAAI,GAAG;AAAA,IACN;AAAA,kDAAC;AAAA,QACC,WAAW,0CAA0C,KAAK,QAAQ;AAAA,QACjE,GAAG;AAAA,QAEH,qBAAW;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,OACH;AAAA,MACC,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,4CAAC;AAAA,QAAG,WAAW,sCAAsC;AAAA,QAClD,eAAK,cAAc,IAAI,CAAC,aAAa,MACpC,4CAAC;AAAA,UAEC,OAAO;AAAA,UACP,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV,MAAM;AAAA,UACN;AAAA,UACA;AAAA,WAPK,CAQP,CACD;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,IAAO,uBAAQ;",
|
|
6
6
|
"names": ["cn"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/QueryBuilderImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable';\n\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types';\nimport QueryBuilderStore from './helpers/store';\nimport AndOrController from './AndOrController/AndOrController';\n\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem';\nimport DisplayOutput from './DisplayOutput/DisplayOutput';\n\nclass QueryBuilderImpl extends Component {\n isDraggableItem = true;\n\n constructor(props) {\n super(props);\n\n this.store = new QueryBuilderStore(props.init, props.format);\n this.state = this.store.getInitialState();\n }\n\n onOrderDragAndDrop = (items, item) => {\n const newFilters = this.store.onOrderDragAndDrop(items, item);\n this.sendCall('reOrderOnDragAndDrop', { items });\n this.sendChange(newFilters);\n };\n\n onAddFilterToGroup = (idGroup) => {\n const newFilters = this.store.addFilter(idGroup);\n this.sendCall('onAddFilterToGroup', { idGroup });\n this.sendChange(newFilters);\n };\n\n onAddFilter = (idGroup, idFilter) => {\n const { addFilterMethod } = this.props;\n const newFilters =\n addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE\n ? this.store.addFilterNextToFilterId(idGroup, idFilter)\n : this.onAddFilterToGroup(idGroup);\n this.sendCall('onAddFilter', { idGroup, idFilter });\n this.sendChange(newFilters);\n };\n\n onAddRuleContainer = (idGroup, idFilter) => {\n const { groupFilterMethod } = this.props;\n const newFilters =\n groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE\n ? this.store.addRuleContainerInPlace(idGroup, idFilter)\n : this.store.addRuleContainer(idGroup, idFilter);\n this.sendCall('onAddRuleContainer', { idGroup, idFilter });\n this.sendChange(newFilters);\n };\n\n onRemoveFilter = (idFilter) => {\n const newFilters = this.store.onRemoveFilter(idFilter);\n this.sendCall('onRemoveFilter', { idFilter });\n this.sendChange(newFilters);\n };\n\n static getDerivedStateFromProps(props, state) {\n if (\n props.init &&\n props.init.step !== undefined &&\n Number.isInteger(props.init.step) &&\n props.init.step !== state.step\n ) {\n const store = new QueryBuilderStore(props.init, props.format);\n QueryBuilderImpl.recalculateStore = store;\n return store.getInitialState();\n }\n return null;\n }\n\n componentDidUpdate() {\n if (QueryBuilderImpl.recalculateStore) {\n this.store = QueryBuilderImpl.recalculateStore;\n QueryBuilderImpl.recalculateStore = null;\n }\n }\n\n handleFieldChange = (data) => {\n const { fieldsSharedActions } = this.props;\n const newFilters = this.store.changeFilter({\n ...data,\n fieldsSharedActions,\n });\n this.sendCall('handleFieldChange', { data });\n this.sendChange(newFilters);\n };\n\n handleRuleContainerOperator = (idGroup, value) => {\n const newFilters = this.store.changeGroupOperator(idGroup, value);\n this.sendCall('handleRuleContainerOperator', { idGroup, value });\n this.sendChange(newFilters);\n };\n\n handleRuleContainerUnGroup = (idGroup) => {\n const newFilters = this.store.unGroup(idGroup);\n this.sendCall('handleRuleContainerUnGroup', { idGroup });\n this.sendChange(newFilters);\n };\n\n /**\n * handleFieldChange and handleDropFilter\n * are equals right now, but they maybe\n * will have diferents logic\n *\n * @param filter\n * @param dragTo\n */\n handleDropFilter = (filter, dragTo) => {\n const { position: oldPosition, idGroup, idFilter } = filter;\n const { position: newPosition, targetIdGroup } = dragTo;\n const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n this.sendCall('handleDropFilter', { filter, dragTo });\n this.sendChange(newFilters);\n };\n\n /**\n * handleFieldChange and handleDropFilter\n * are equals right now, but they maybe\n * will have diferents logic\n *\n * @param group\n * @param dragTo\n */\n handleDropGroup = (group, dragTo) => {\n const { position: oldPosition, idFilter, idGroup } = group;\n const { position: newPosition, targetIdGroup } = dragTo;\n const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n this.sendCall('handleDropGroup', { group, dragTo });\n this.sendChange(newFilters);\n };\n\n handleDrop = (dragElement, dragTo) => {\n const { type } = dragElement;\n if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);\n return this.handleDropGroup(dragElement, dragTo);\n };\n\n sendChange = ({ format, ...newFilters }) => {\n this.setState({ format, ...newFilters });\n const { onChange } = this.props;\n onChange(format, newFilters);\n };\n\n sendCall = (action, data) => {\n const { [action]: callback } = this.props;\n if (callback) callback(data);\n };\n\n setDraggableItems = (drag) => {\n this.isDraggableItem = true;\n try {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE ');\n // eslint-disable-next-line no-useless-escape\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n const { isDraggableItem } = this.state;\n if (drag !== isDraggableItem) {\n this.setState({ isDraggableItem: drag });\n }\n this.isDraggableItem = drag;\n }\n } catch (error) {\n this.isDraggableItem = true;\n }\n };\n\n render() {\n const { mapGroups, main, mapFilters, step, items, format } = this.state;\n const {\n containerProps,\n ruleContainerClassName,\n fields,\n displayFixedOutput,\n displayOutput,\n displayOutputLabel,\n singleRow,\n toolTipZIndex,\n } = this.props;\n // const { children } = items[0]\n const { condition } = mapGroups[main];\n\n return (\n <QueryBuilderContext.Provider\n value={{\n toolTipZIndex,\n fields,\n handleDrop: this.handleDrop,\n handleFieldChange: this.handleFieldChange,\n handleRuleContainerOperator: this.handleRuleContainerOperator,\n handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,\n mapFilters,\n mapGroups,\n onAddFilter: this.onAddFilter,\n onAddFilterToGroup: this.onAddFilterToGroup,\n onAddRuleContainer: this.onAddRuleContainer,\n onRemoveFilter: this.onRemoveFilter,\n ruleContainerClassName,\n showDragController: false,\n format,\n step,\n items,\n isDraggableItem: this.isDraggableItem,\n setDraggableItems: this.setDraggableItems,\n singleRow,\n }}\n >\n <div\n {...containerProps}\n className={`nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${\n singleRow ? 'query-main-single-row' : 'query-main-multiple-row'\n }`}\n >\n <Nestable\n isAndItem={condition === true}\n isDraggableItem={this.isDraggableItem}\n isOrItem={condition !== true}\n items={items}\n onChange={this.onOrderDragAndDrop}\n renderItem={QueryBuilderItem}\n setDraggableItems={this.setDraggableItems}\n step={step}\n singleRow={singleRow}\n />\n {!singleRow && (\n <div className=\"rule-container-options\">\n <AndOrController\n allowUnGroup={false}\n condition={condition}\n handleRuleContainerOperator={(value) => this.handleRuleContainerOperator(main, value)}\n handleRuleContainerUnGroup={() => this.handleRuleContainerUnGroup(main)}\n isMain\n onAddFilter={() => this.onAddFilterToGroup(main)}\n showDragController={false}\n step={step}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n {(displayOutput || displayFixedOutput) && (\n <DisplayOutput\n displayFixedOutput={displayFixedOutput}\n hideLabel={displayOutputLabel.hide}\n showLabel={displayOutputLabel.show}\n show={displayOutputLabel.open}\n />\n )}\n </QueryBuilderContext.Provider>\n );\n }\n}\n\nexport default QueryBuilderImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["QueryBuilderStore", "Nestable", "QueryBuilderItem", "AndOrController", "DisplayOutput"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n const { element } = item;\n const { type, idFilter, idGroup, condition } = element;\n return (\n <QueryBuilderContext.Consumer>\n {({\n fields,\n handleFieldChange,\n onAddFilter,\n onAddFilterToGroup,\n onAddRuleContainer,\n onRemoveFilter,\n showDragController,\n handleRuleContainerOperator,\n handleRuleContainerUnGroup,\n step,\n items,\n isDraggableItem,\n setDraggableItems,\n singleRow,\n toolTipZIndex,\n }) => {\n if (type === QB_DRAG_TYPES.FILTER) {\n return (\n <QueryBuilderRow\n {...element}\n fields={fields}\n handleFieldChange={handleFieldChange}\n isDraggableItem={isDraggableItem}\n items={items}\n onAddFilter={() => onAddFilter(idGroup, idFilter)}\n onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n onRemoveFilter={() => onRemoveFilter(idFilter)}\n setDraggableItems={setDraggableItems}\n showDragController={showDragController}\n step={step}\n singleRow={singleRow}\n toolTipZIndex={toolTipZIndex}\n />\n );\n }\n if (singleRow) return null;\n return (\n <AndOrController\n allowUnGroup\n condition={condition}\n handleRuleContainerOperator={(value) =>\n handleRuleContainerOperator(idGroup, value)\n }\n handleRuleContainerUnGroup={() =>\n handleRuleContainerUnGroup(idGroup)\n }\n multipleSize={false}\n onAddFilter={() => onAddFilterToGroup(idGroup)}\n showDragController\n step={step}\n toolTipZIndex={toolTipZIndex}\n />\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n};\n\nexport default QueryBuilderItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCX;AA7BZ,iCAAoC;AACpC,mBAA8B;AAC9B,6BAA4B;AAC5B,6BAA4B;AAE5B,MAAM,mBAAmB,CAAC,EAAE,KAAK,MAAM;AACrC,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,UAAU,IAAI;AAC/C,SACE,4CAAC,+CAAoB,UAApB;AAAA,IACE,WAAC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAAM;AACJ,UAAI,SAAS,2BAAc,QAAQ;AACjC,eACE,4CAAC,uBAAAA,SAAA;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,MAAM,YAAY,SAAS,QAAQ;AAAA,UAChD,oBAAoB,MAAM,mBAAmB,SAAS,QAAQ;AAAA,UAC9D,gBAAgB,MAAM,eAAe,QAAQ;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,SACF;AAAA,MAEJ;AACA,UAAI;AAAW,eAAO;AACtB,aACE,4CAAC,uBAAAC,SAAA;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS,KAAK;AAAA,QAE5C,4BAA4B,MAC1B,2BAA2B,OAAO;AAAA,QAEpC,cAAc;AAAA,QACd,aAAa,MAAM,mBAAmB,OAAO;AAAA,QAC7C,oBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,OACF;AAAA,IAEJ;AAAA,GACF;AAEJ;AAEA,IAAO,2BAAQ;",
|
|
6
6
|
"names": ["QueryBuilderRow", "AndOrController"]
|
|
7
7
|
}
|
|
@@ -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} ${\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": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "value", "DragControllerRow", "target", "ConditionController"]
|
|
7
7
|
}
|
|
@@ -29,8 +29,8 @@ __export(ToolBarAnimation_exports, {
|
|
|
29
29
|
module.exports = __toCommonJS(ToolBarAnimation_exports);
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
31
|
var import_react = require("react");
|
|
32
|
-
var import_ds_shared =
|
|
33
|
-
const ToolBarAnimation = (props) => /* @__PURE__ */ (0, import_react.createElement)(import_ds_shared.
|
|
32
|
+
var import_ds_shared = require("@elliemae/ds-shared");
|
|
33
|
+
const ToolBarAnimation = (props) => /* @__PURE__ */ (0, import_react.createElement)(import_ds_shared.GrowRight, {
|
|
34
34
|
...props,
|
|
35
35
|
key: "popper-animation-key",
|
|
36
36
|
from: 0.5,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport GrowRight from '@elliemae/ds-shared';\n\nconst ToolBarAnimation = (props) => <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />;\n\nexport { ToolBarAnimation };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": [
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { GrowRight } from '@elliemae/ds-shared';\n\nconst ToolBarAnimation = (props) => <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />;\n\nexport { ToolBarAnimation };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGa;AAFpC,uBAA0B;AAE1B,MAAM,mBAAmB,CAAC,UAAU,gDAAC;AAAA,EAAW,GAAG;AAAA,EAAO,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA,CAAG;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSQueryBuilder.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport QueryBuilderImpl from './components/QueryBuilderImpl';\nimport {\n QB_FIELD_TYPES,\n QB_OPERATOR_TYPES,\n QB_GROUP_CONDITION_TYPES,\n QB_DRAG_TYPES,\n QB_DRAG_LOCATIONS,\n QB_EXPORT_FORMAT_TYPES,\n QB_ADD_FILTER_METHOD_TYPES,\n QB_GROUP_FILTER_METHOD_TYPES,\n QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types';\nimport {\n QB_OPERATOR_OPTIONS,\n QB_DEFAULT_VALUES_OPTIONS,\n QB_FIELD_OPTIONS,\n QB_LOAN_VALUES_OPTIONS,\n QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors';\nimport QueryBuilderFormat from './components/format/format';\nimport { props } from './propTypes';\n\nconst DSQueryBuilder = ({\n containerProps = {},\n addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n onChange = () => null,\n fields = [],\n fieldsSharedActions = {\n onFieldChange: [],\n onOperatorChange: [],\n onValueChange: [],\n },\n format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n init = null,\n ruleContainerClassName = '',\n handleDrop = () => null,\n handleDropFilter = () => null,\n handleDropGroup = () => null,\n handleFieldChange = () => null,\n handleRuleContainerOperator = () => null,\n handleRuleContainerUnGroup = () => null,\n onAddFilter = () => null,\n onAddRuleContainer = () => null,\n onRemoveFilter = () => null,\n displayFixedOutput,\n displayOutput = false,\n displayOutputLabel = {\n show: 'Show output',\n hide: 'Hide output',\n },\n singleRow = false,\n toolTipZIndex = 110,\n}) => (\n <QueryBuilderImpl\n addFilterMethod={addFilterMethod}\n containerProps={containerProps}\n displayFixedOutput={displayFixedOutput}\n displayOutput={displayOutput}\n displayOutputLabel={displayOutputLabel}\n fields={fields}\n fieldsSharedActions={fieldsSharedActions}\n format={format}\n groupFilterMethod={groupFilterMethod}\n handleDrop={handleDrop}\n handleDropFilter={handleDropFilter}\n handleDropGroup={handleDropGroup}\n handleFieldChange={handleFieldChange}\n handleRuleContainerOperator={handleRuleContainerOperator}\n handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n init={init}\n onAddFilter={onAddFilter}\n onAddRuleContainer={onAddRuleContainer}\n onChange={onChange}\n onRemoveFilter={onRemoveFilter}\n ruleContainerClassName={ruleContainerClassName}\n singleRow={singleRow}\n toolTipZIndex={toolTipZIndex}\n />\n);\n\nDSQueryBuilder.propTypes = props;\nDSQueryBuilder.displayName = 'DSQueryBuilder';\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n QB_FIELD_SHARED_ACTIONS,\n QB_FIELD_TYPES,\n QB_OPERATOR_TYPES,\n QB_OPERATOR_OPTIONS,\n QB_DEFAULT_VALUES_OPTIONS,\n QB_FIELD_OPTIONS,\n QB_LOAN_VALUES_OPTIONS,\n QB_SUBJECT_VALUES_OPTIONS,\n QB_GROUP_CONDITION_TYPES,\n QB_DRAG_TYPES,\n QB_DRAG_LOCATIONS,\n QB_EXPORT_FORMAT_TYPES,\n QB_ADD_FILTER_METHOD_TYPES,\n QB_GROUP_FILTER_METHOD_TYPES,\n QueryBuilderFormat,\n DSQueryBuilderWithSchema,\n DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACwDrB;AAvDF,SAAS,gBAAgB;AACzB,OAAO,sBAAsB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,wBAAwB;AAC/B,SAAS,aAAa;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,2BAA2B;AAAA,EAC7C,oBAAoB,6BAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,uBAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE,oBAAC;AAAA,EACC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,CACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/AndOrController/AndOrController.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n static defaultProps = {\n isMain: false,\n handleRuleContainerOperator: () => null,\n handleRuleContainerUnGroup: () => null,\n handleTooltipGroup: () => null,\n labelOn: 'AND',\n labelOff: 'OR',\n condition: true,\n showDragController: true,\n allowUnGroup: true,\n buttonActionSize: DSIconSizes.M,\n buttonActionType: 'text',\n toogleActionSize: DSIconSizes.S,\n onAddFilter: () => null,\n multipleSize: false,\n delayClose: DELAY_CLOSE,\n delayOpen: DELAY_OPEN,\n step: null,\n toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n toolBarInteractionType: Interaction.CLICK,\n toolBarPosition: Position.LEFT,\n };\n\n constructor(props) {\n super(props);\n this.contenerRef = React.createRef();\n this.myRef = React.createRef();\n this.state = {\n isOpen: false,\n top: 0,\n right: -2,\n };\n }\n\n handleMouseEnterRow = (e) => {\n this.handleTooltipRow(true);\n // this.handleMouseMove(e)\n };\n\n handleMouseMove = (e) => {\n if (!this.contenerRef.current) return;\n const mouse = e.clientY;\n const { height } = this.contenerRef.current.getBoundingClientRect();\n const delta = height / 2;\n const topDiff = this.myRef.current.getBoundingClientRect().top;\n const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n this.setState({\n top: mouse - topDiff - refHeight / 2 - delta,\n });\n };\n\n handleMouseLeaveRow = () => {\n this.handleTooltipRow(false);\n };\n\n handleTooltipRow = (isOpen) => {\n this.setState({ isOpen });\n const { handleTooltipGroup } = this.props;\n handleTooltipGroup(isOpen);\n };\n\n render() {\n const {\n handleRuleContainerOperator,\n handleRuleContainerUnGroup,\n labelOn,\n labelOff,\n condition,\n showDragController,\n allowUnGroup,\n buttonActionSize,\n buttonActionType,\n toogleActionSize,\n onAddFilter,\n multipleSize,\n delayClose,\n delayOpen,\n step,\n toolBarAnimationDuration,\n toolBarInteractionType,\n toolBarPosition,\n isMain,\n toolTipZIndex,\n } = this.props;\n const { isOpen, top, right } = this.state;\n return (\n <div\n ref={this.myRef}\n className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step} ${isMain ? 'is-main-group-join' : ''\n }`}\n // onMouseEnter={this.handleMouseEnterRow}\n onMouseLeave={this.handleMouseLeaveRow}\n // onMouseMove={this.handleMouseMove}\n >\n <div className={`${classNameBlock('content')} step-${step}`}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={toolBarInteractionType}\n isOpen={isOpen}\n onOpen={this.handleTooltipRow}\n placement={toolBarPosition}\n springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n step={step}\n title={\n <div\n ref={this.contenerRef}\n className={classNameBlock('actions')}\n style={{\n transition: '0.2s',\n position: 'absolute',\n top: `${top}px`,\n right: `${right}px`,\n }}\n >\n <DSTooltip title=\"Add condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />}\n />\n {allowUnGroup && (\n <DSTooltip title=\"Remove group\"\n triggerComponent={<DSButton\n buttonType=\"text\"\n className={classNameElement('ungroup')}\n icon={<ParenthesisRemove />}\n onClick={handleRuleContainerUnGroup}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-remove-button',\n }}\n />}\n />\n )}\n <DSToggle\n checked={condition}\n className={classNameElement('and-or-toggle')}\n labelOff={labelOff}\n labelOn={labelOn}\n onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n size={toogleActionSize}\n containerProps={{\n 'data-testid': 'and-or-toggle-button',\n }}\n />\n </div>\n }\n tooltipType={TooltipType.TOOLBAR}\n triggerComponent={\n <div\n className={`${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n } step-${step}`}\n >\n <div className={classNameElement('condition-display')}>\n <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n <span className={classNameElement('condition-display-step')}>{step}</span>\n <div className=\"separator\" />\n <MoreOptionsVert\n color={DSIconColors.NEUTRAL}\n onClick={this.handleMouseEnterRow}\n size={DSIconSizes.S}\n containerProps={{\n 'data-testid': 'and-or-more-options-button',\n }}\n />\n </div>\n {showDragController && (\n <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n )}\n </div>\n }\n zIndex={toolTipZIndex}\n />\n </div>\n </div>\n );\n }\n}\n\nexport default AndOrController;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ConditionController/ConditionController.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n onAddFilter = () => null,\n onAddRuleContainer = () => null,\n onRemoveFilter = () => null,\n handleTooltipRow = () => null,\n buttonTriggerSize = DSIconSizes.M,\n buttonTriggerType = 'text',\n buttonActionSize = DSIconSizes.M,\n buttonActionType = 'text',\n delayClose = DELAY_CLOSE,\n delayOpen = DELAY_OPEN,\n isOpen = false,\n toolTipZIndex,\n}) => {\n const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n 'query-builder-condition-controller',\n );\n return (\n <div className={cssClassName}>\n <DSTooltip\n delayClose={delayClose}\n delayOpen={delayOpen}\n interactionType={Interaction.CLICK}\n isOpen={isOpen}\n onOpen={handleTooltipRow}\n placement={Position.LEFT}\n springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n title={\n <div className={classNameBlock('actions')}>\n <DSTooltip title=\"Remove condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('remove-rule')}\n icon={<QueryRemove />}\n onClick={onRemoveFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-remove-button',\n }}\n />}\n />\n\n <DSTooltip title=\"Add condition\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={classNameElement('add-rule')}\n icon={<QueryAdd />}\n onClick={onAddFilter}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'query-add-button',\n }}\n />}\n />\n\n <DSTooltip title=\"Add group\"\n triggerComponent={<DSButton\n buttonType={buttonActionType}\n className={`${classNameElement('add-rule-container')} no-border-right`}\n icon={<ParenthesisAdd />}\n onClick={onAddRuleContainer}\n size={buttonActionSize}\n containerProps={{\n 'data-testid': 'parenthesis-add-button',\n }}\n />}\n />\n\n </div>\n }\n tooltipType={TooltipType.TOOLBAR}\n triggerComponent={\n <DSButton\n buttonType={buttonTriggerType}\n icon={<MoreOptionsVert color={['neutral', '500']} />}\n onClick={handleTooltipRow}\n size={buttonTriggerSize}\n containerProps={{\n 'data-testid': 'condition-more-options-button',\n }}\n />\n }\n zIndex={toolTipZIndex}\n />\n </div>\n );\n};\n\nexport default ConditionController;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACqCW,cAExB,YAFwB;AAnClC,SAAS,iCAAiC;AAC1C,OAAO,aAAa,mBAAmB;AACvC,SAAS,sBAAsB,aAAa,mBAAmB,gBAAgB;AAC/E,SAAS,mBAAmB;AAC5B,SAAS,aAAa,iBAAiB,UAAU,sBAAsB;AACvE,OAAO,cAAc;AACrB,SAAS,wBAAwB;AACjC,SAAS,aAAa,YAAY,kCAAkC;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,oBAAC;AAAA,IAAI,WAAW;AAAA,IACd,8BAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,0BAA0B,oBAAC;AAAA,QAAiB,UAAU;AAAA,OAA4B;AAAA,MAClF,OACE,qBAAC;AAAA,QAAI,WAAW,eAAe,SAAS;AAAA,QACtC;AAAA,8BAAC;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,oBAAC;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,aAAa;AAAA,cACzC,MAAM,oBAAC,eAAY;AAAA,cACnB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,oBAAC;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,oBAAC;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,iBAAiB,UAAU;AAAA,cACtC,MAAM,oBAAC,YAAS;AAAA,cAChB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA,UAEA,oBAAC;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB,oBAAC;AAAA,cACjB,YAAY;AAAA,cACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,cACnD,MAAM,oBAAC,kBAAe;AAAA,cACtB,SAAS;AAAA,cACT,MAAM;AAAA,cACN,gBAAgB;AAAA,gBACd,eAAe;AAAA,cACjB;AAAA,aACF;AAAA,WACF;AAAA;AAAA,OAEF;AAAA,MAEF,aAAa,YAAY;AAAA,MACzB,kBACE,oBAAC;AAAA,QACC,YAAY;AAAA,QACZ,MAAM,oBAAC;AAAA,UAAgB,OAAO,CAAC,WAAW,KAAK;AAAA,SAAG;AAAA,QAClD,SAAS;AAAA,QACT,MAAM;AAAA,QACN,gBAAgB;AAAA,UACd,eAAe;AAAA,QACjB;AAAA,OACF;AAAA,MAEF,QAAQ;AAAA,KACV;AAAA,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DisplayOutput/DisplayOutput.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n constructor(props) {\n super(props);\n this.state = {\n show: props.show,\n };\n }\n\n handleChange = () => {\n this.setState(({ show }) => ({\n show: !show,\n }));\n };\n\n render() {\n const { show } = this.state;\n const { showLabel, hideLabel, displayFixedOutput } = this.props;\n return (\n <QueryBuilderContext.Consumer>\n {({ format }) => {\n let display = '';\n try {\n display = typeof format === 'object' ? JSON.stringify(format) : format;\n } catch (e) {\n display = e;\n }\n if (displayFixedOutput) {\n return (\n <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n <Grid p=\"xxs\">\n <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n </Grid>\n <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n {display}\n </Grid>\n </div>\n );\n }\n\n return (\n <div className={cssClassName}>\n <DSAccordion activeValue={show} onChange={this.handleChange}>\n <DSAccordionItem\n iconClosed={ChevronRight}\n iconOpened={ChevronDown}\n title={show ? hideLabel : showLabel}\n value\n >\n <div>{display}</div>\n </DSAccordionItem>\n </DSAccordion>\n </div>\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n }\n}\n\nexport default DisplayOutput;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACqCT,SAEI,KAFJ;AArCd,SAAgB,iBAAiB;AACjC,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,aAAa,uBAAuB;AAC7C,SAAS,aAAa,oBAAoB;AAC1C,SAAS,2BAA2B;AAEpC,MAAM,EAAE,aAAa,IAAI,0BAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,UAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,QAC3B,MAAM,CAAC;AAAA,MACT,EAAE;AAAA,IACJ;AATE,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAQA,SAAS;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,mBAAmB,IAAI,KAAK;AAC1D,WACE,oBAAC,oBAAoB,UAApB;AAAA,MACE,WAAC,EAAE,OAAO,MAAM;AACf,YAAI,UAAU;AACd,YAAI;AACF,oBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,QAClE,SAAS,GAAP;AACA,oBAAU;AAAA,QACZ;AACA,YAAI,oBAAoB;AACtB,iBACE,qBAAC;AAAA,YAAI,WAAW;AAAA,YAAc,eAAY;AAAA,YACxC;AAAA,kCAAC;AAAA,gBAAK,GAAE;AAAA,gBACN,8BAAC;AAAA,kBAAO,eAAY;AAAA,kBAAyB;AAAA,iBAAmB;AAAA,eAClE;AAAA,cACA,oBAAC;AAAA,gBAAK,IAAG;AAAA,gBAAM,IAAG;AAAA,gBAAM,eAAY;AAAA,gBACjC;AAAA,eACH;AAAA;AAAA,WACF;AAAA,QAEJ;AAEA,eACE,oBAAC;AAAA,UAAI,WAAW;AAAA,UACd,8BAAC;AAAA,YAAY,aAAa;AAAA,YAAM,UAAU,KAAK;AAAA,YAC7C,8BAAC;AAAA,cACC,YAAY;AAAA,cACZ,YAAY;AAAA,cACZ,OAAO,OAAO,YAAY;AAAA,cAC1B,OAAK;AAAA,cAEL,8BAAC;AAAA,gBAAK;AAAA,eAAQ;AAAA,aAChB;AAAA,WACF;AAAA,SACF;AAAA,MAEJ;AAAA,KACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragContainerController/DragContainerController.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { MoreOptionsVert, GripperVertical } from '@elliemae/ds-icons';\n\nconst DragContainerController = ({\n color = DSIconColors.NEUTRAL,\n icon: Icon = GripperVertical,\n size = DSIconSizes.S,\n multipleSize = false,\n onClick,\n}) => {\n const { cssClassName } = convertPropToCssClassName('query-builder-drag-group');\n return (\n <div className={`${cssClassName}`}>\n <Icon color={color} size={size} />\n <div className=\"separator\" />\n <MoreOptionsVert color={color} onClick={onClick} size={size} />\n {multipleSize && <Icon className=\"additional-drag\" color={color} onClick={onClick} size={size} />}\n </div>\n );\n};\nexport default DragContainerController;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACcnB,SACE,KADF;AAbJ,SAAS,iCAAiC;AAC1C,SAAS,cAAc,mBAAmB;AAC1C,SAAS,iBAAiB,uBAAuB;AAEjD,MAAM,0BAA0B,CAAC;AAAA,EAC/B,QAAQ,aAAa;AAAA,EACrB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,EACnB,eAAe;AAAA,EACf;AACF,MAAM;AACJ,QAAM,EAAE,aAAa,IAAI,0BAA0B,0BAA0B;AAC7E,SACE,qBAAC;AAAA,IAAI,WAAW,GAAG;AAAA,IACjB;AAAA,0BAAC;AAAA,QAAK;AAAA,QAAc;AAAA,OAAY;AAAA,MAChC,oBAAC;AAAA,QAAI,WAAU;AAAA,OAAY;AAAA,MAC3B,oBAAC;AAAA,QAAgB;AAAA,QAAc;AAAA,QAAkB;AAAA,OAAY;AAAA,MAC5D,gBAAgB,oBAAC;AAAA,QAAK,WAAU;AAAA,QAAkB;AAAA,QAAc;AAAA,QAAkB;AAAA,OAAY;AAAA;AAAA,GACjG;AAEJ;AACA,IAAO,kCAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragControllerRow/DragControllerRow.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { GripperVertical } from '@elliemae/ds-icons';\n\nconst DragControllerRow = ({\n className = 'drag-controller',\n color = ['neutral', '500'],\n icon: Icon = GripperVertical,\n size = DSIconSizes.M,\n ...rest\n}) => (\n <div className={className} {...rest}>\n <Icon color={color} size={size} />\n </div>\n);\nexport default DragControllerRow;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACYnB;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,EACzB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,KAChB;AACL,MACE,oBAAC;AAAA,EAAI;AAAA,EAAuB,GAAG;AAAA,EAC7B,8BAAC;AAAA,IAAK;AAAA,IAAc;AAAA,GAAY;AAAA,CAClC;AAEF,IAAO,4BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/FieldControllerRow/FieldControllerRow.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSTextBox, DSComboBox } from '@elliemae/ds-form';\n\nconst FieldControllerRow = ({\n className = '',\n onChange = () => null,\n options = [],\n value = '',\n type = 'DSComboBox',\n}) => (\n <div className={className}>\n {type === 'DSComboBox' && <DSComboBox onChange={onChange} options={options} value={value} />}\n {type === 'DSTextBox' && <DSTextBox fluidWidth onChange={onChange} options={options} value={value} />}\n </div>\n);\nexport default FieldControllerRow;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACUrB,SAC4B,KAD5B;AATF,SAAS,WAAW,kBAAkB;AAEtC,MAAM,qBAAqB,CAAC;AAAA,EAC1B,YAAY;AAAA,EACZ,WAAW,MAAM;AAAA,EACjB,UAAU,CAAC;AAAA,EACX,QAAQ;AAAA,EACR,OAAO;AACT,MACE,qBAAC;AAAA,EAAI;AAAA,EACF;AAAA,aAAS,gBAAgB,oBAAC;AAAA,MAAW;AAAA,MAAoB;AAAA,MAAkB;AAAA,KAAc;AAAA,IACzF,SAAS,eAAe,oBAAC;AAAA,MAAU,YAAU;AAAA,MAAC;AAAA,MAAoB;AAAA,MAAkB;AAAA,KAAc;AAAA;AAAA,CACrG;AAEF,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/Nestable.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, max-lines */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n tryIncreaseDepth,\n tryDecreaseDepth,\n moveItem,\n getItemOptions,\n getRealNextPath,\n getPathById,\n getItemByPath,\n getItemDepth,\n getSplicePath,\n onDragStart,\n onDragEnd,\n onMouseMove,\n onMouseEnter,\n onToggleCollapse,\n onKeyDown,\n} from './actions';\n\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n constructor(props) {\n super(props);\n this.state = {\n items: [],\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n collapsedGroups: [],\n stopTrackingMouse: this.stopTrackMouse.bind(this),\n oldProps: props,\n };\n\n this.el = null;\n this.elCopyStyles = null;\n this.mouse = {\n last: { x: 0 },\n shift: { x: 0 },\n };\n\n this.dragApply = this.dragApply.bind(this);\n this.renderDragLayer = this.renderDragLayer.bind(this);\n }\n\n componentDidMount() {\n const { childrenProp } = this.props;\n let { items } = this.props;\n // make sure every item has property 'children'\n items = listWithChildren(items, childrenProp);\n this.setState({ items });\n }\n\n componentWillUnmount() {\n this.stopTrackMouse();\n }\n\n static getDerivedStateFromProps(props, state) {\n const { items: itemsNew, childrenProp } = props;\n const { stopTrackingMouse, oldProps } = state;\n\n if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n stopTrackingMouse();\n const extra = {};\n if (oldProps.collapsed !== props.collapsed) {\n extra.collapsedGroups = [];\n }\n return {\n items: listWithChildren(itemsNew, childrenProp),\n dragItem: null,\n isDirty: false,\n oldProps: props,\n ...extra,\n };\n }\n return null;\n }\n\n onDragStart = (e, item) => {\n onDragStart.call(this, e, item);\n };\n\n onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n onMouseMove = (e) => onMouseMove.call(this, e);\n\n onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n onKeyDown = (e) => onKeyDown.call(this, e);\n\n getDefaultItems = () => {\n const { items } = this.state;\n return items;\n };\n\n getPathById(id, items = this.getDefaultItems()) {\n return getPathById.call(this, id, items);\n }\n\n getItemByPath(path, items = this.getDefaultItems()) {\n return getItemByPath.call(this, path, items);\n }\n\n getItemDepth = (item) => getItemDepth.call(this, item);\n\n getSplicePath(path, options = {}) {\n return getSplicePath.call(this, path, options);\n }\n\n getRealNextPath(prevPath, nextPath) {\n return getRealNextPath.call(this, prevPath, nextPath);\n }\n\n getItemOptions() {\n return getItemOptions.call(this);\n }\n\n startTrackMouse = () => {\n document.addEventListener('mousemove', this.onMouseMove);\n document.addEventListener('mouseup', this.onDragEnd);\n document.addEventListener('keydown', this.onKeyDown);\n };\n\n stopTrackMouse = () => {\n document.removeEventListener('mousemove', this.onMouseMove);\n document.removeEventListener('mouseup', this.onDragEnd);\n document.removeEventListener('keydown', this.onKeyDown);\n this.elCopyStyles = null;\n };\n\n isCollapsed = (item) => {\n const { collapsed } = this.props;\n const { collapsedGroups } = this.state;\n return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n };\n\n checkFilterChildren = (items) =>\n items.find((current) => {\n const {\n element: { type },\n children,\n } = current;\n if (type === 'filter' && children.length > 0) return true;\n return this.checkFilterChildren(children);\n });\n\n dragRevert = () => {\n const { itemsOld } = this.state;\n\n this.setState({\n items: itemsOld,\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n };\n\n dragApply() {\n const { onChange } = this.props;\n const { items, isDirty, dragItem } = this.state;\n\n this.setState({\n itemsOld: null,\n dragItem: null,\n isDirty: false,\n });\n\n if (onChange && isDirty) onChange(items, dragItem);\n }\n\n tryIncreaseDepth(dragItem) {\n tryIncreaseDepth.call(this, dragItem);\n }\n\n tryDecreaseDepth(dragItem) {\n tryDecreaseDepth.call(this, dragItem);\n }\n\n moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n }\n\n renderDragLayer() {\n const { group } = this.props;\n const { dragItem } = this.state;\n const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n let listStyles = {};\n if (el) {\n listStyles.width = el.clientWidth;\n }\n if (this.elCopyStyles) {\n listStyles = {\n ...listStyles,\n ...this.elCopyStyles,\n };\n }\n\n const options = this.getItemOptions();\n\n return (\n <div className=\"nestable-drag-layer\">\n <ol className=\"nestable-list\" style={listStyles}>\n <NestableItem isCopy item={dragItem} options={options} />\n </ol>\n </div>\n );\n }\n\n render() {\n const { items, dragItem } = this.state;\n const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n const options = this.getItemOptions();\n const childLength = items.length;\n let childClass = 'single';\n if (childLength === 0) childClass = 'empty';\n else if (childLength > 1) childClass = 'multiple';\n\n return (\n <div\n className={cn('nestable', `nestable-${group}`, {\n 'is-drag-active': dragItem,\n })}\n >\n <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n {items.map((item, i) => (\n <NestableItem\n key={item.id}\n index={i}\n isAndItem={isAndItem}\n isDraggableItem={isDraggableItem}\n isOrItem={isOrItem}\n item={item}\n options={options}\n setDraggableItems={setDraggableItems}\n singleRow={singleRow}\n />\n ))}\n </ol>\n {dragItem && this.renderDragLayer()}\n </div>\n );\n }\n}\n\nNestable.defaultProps = {\n items: [],\n collapsed: false,\n group: Math.random().toString(36).slice(2),\n childrenProp: 'children',\n onChange: () => {},\n};\n\nNestable.propTypes = {\n childrenProp: PropTypes.string,\n group: PropTypes.string,\n items: PropTypes.arrayOf(PropTypes.shape({})),\n collapsed: PropTypes.bool,\n onChange: PropTypes.func,\n isAndItem: PropTypes.bool,\n isOrItem: PropTypes.bool,\n isDraggableItem: PropTypes.bool,\n setDraggableItems: PropTypes.func,\n singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -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,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACgEjB,cAkBF,YAlBE;AA9DN,OAAO,QAAQ;AAEf,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,YAAY,SAAS,aAAa,IAAI;AAExD,QAAM,cAAc,QAAQ,YAAY,IAAI;AAC5C,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,YACrB,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAC/D,QAAM,aACJ,KAAK,QAAQ,SAAS,WACtB,EAAE,KAAK,QAAQ,cAAc,MAAM,KAAK,QAAQ,cAAc;AAEhE,QAAM,YAAY;AAAA,IAChB,WAAW;AAAA,MACT,gBAAgB,SAAS,UAAU;AAAA,MACnC,gBAAgB,SAAS,UAAU,MAAM,KAAK;AAAA,MAC9C,sBAAsB,KAAK,QAAQ;AAAA,MACnC;AAAA,QACE,eAAe;AAAA,QACf,gBAAgB;AAAA,QAChB,iBAAiB,KAAK,QAAQ,SAAS,YAAY;AAAA,QACnD,gBAAgB,KAAK,QAAQ,SAAS,YAAY;AAAA,MACpD;AAAA,MACA;AAAA,QACE,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAEA,MAAI,WAAW,CAAC;AAChB,MAAI,eAAe,CAAC;AACpB,MAAI,CAAC,QAAQ;AACX,QAAI,UAAU;AACZ,iBAAW;AAAA,QACT,GAAG;AAAA,QACH,cAAc,OAAK,QAAQ,aAAa,GAAG,IAAI;AAAA,MACjD;AAAA,IACF,OAAO;AACL,qBAAe;AAAA,QACb,GAAG;AAAA,QACH,WAAW,oBAAoB;AAAA,QAC/B,aAAa,OAAK,QAAQ,YAAY,GAAG,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,EACF;AAEA,MAAI,SAAS;AACX,cACE,oBAAC;AAAA,MAAK,WAAU;AAAA,MAAyB,GAAG;AAAA,MACzC;AAAA,KACH;AAAA,EAGJ,OAAO;AACL,eAAW;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAAA,EACF;AAEA,QAAM,cAAc,KAAK,cAAc;AACvC,MAAI,aAAa;AACjB,MAAI,gBAAgB;AAAG,iBAAa;AAAA,WAC3B,cAAc;AAAG,iBAAa;AAEvC,SACE,qBAAC;AAAA,IAAI,GAAG;AAAA,IACN;AAAA,0BAAC;AAAA,QACC,WAAW,0CAA0C,KAAK,QAAQ;AAAA,QACjE,GAAG;AAAA,QAEH,qBAAW;AAAA,UACV;AAAA,UACA,SAAS;AAAA,UACT;AAAA,QACF,CAAC;AAAA,OACH;AAAA,MACC,eAAe,KAAK,QAAQ,SAAS,WAAW,CAAC,eAChD,oBAAC;AAAA,QAAG,WAAW,sCAAsC;AAAA,QAClD,eAAK,cAAc,IAAI,CAAC,aAAa,MACpC,oBAAC;AAAA,UAEC,OAAO;AAAA,UACP,WAAW;AAAA,UACX;AAAA,UACA,UAAU;AAAA,UACV,MAAM;AAAA,UACN;AAAA,UACA;AAAA,WAPK,CAQP,CACD;AAAA,OACH;AAAA;AAAA,GAEJ;AAEJ;AAEA,IAAO,uBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/QueryBuilderImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React, { Component } from 'react';\nimport Nestable from './Nestable';\n\nimport { QueryBuilderContext } from './QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES, QB_ADD_FILTER_METHOD_TYPES, QB_GROUP_FILTER_METHOD_TYPES } from './helpers/types';\nimport QueryBuilderStore from './helpers/store';\nimport AndOrController from './AndOrController/AndOrController';\n\nimport QueryBuilderItem from './QueryBuilderItem/QueryBuilderItem';\nimport DisplayOutput from './DisplayOutput/DisplayOutput';\n\nclass QueryBuilderImpl extends Component {\n isDraggableItem = true;\n\n constructor(props) {\n super(props);\n\n this.store = new QueryBuilderStore(props.init, props.format);\n this.state = this.store.getInitialState();\n }\n\n onOrderDragAndDrop = (items, item) => {\n const newFilters = this.store.onOrderDragAndDrop(items, item);\n this.sendCall('reOrderOnDragAndDrop', { items });\n this.sendChange(newFilters);\n };\n\n onAddFilterToGroup = (idGroup) => {\n const newFilters = this.store.addFilter(idGroup);\n this.sendCall('onAddFilterToGroup', { idGroup });\n this.sendChange(newFilters);\n };\n\n onAddFilter = (idGroup, idFilter) => {\n const { addFilterMethod } = this.props;\n const newFilters =\n addFilterMethod === QB_ADD_FILTER_METHOD_TYPES.IN_PLACE\n ? this.store.addFilterNextToFilterId(idGroup, idFilter)\n : this.onAddFilterToGroup(idGroup);\n this.sendCall('onAddFilter', { idGroup, idFilter });\n this.sendChange(newFilters);\n };\n\n onAddRuleContainer = (idGroup, idFilter) => {\n const { groupFilterMethod } = this.props;\n const newFilters =\n groupFilterMethod === QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE\n ? this.store.addRuleContainerInPlace(idGroup, idFilter)\n : this.store.addRuleContainer(idGroup, idFilter);\n this.sendCall('onAddRuleContainer', { idGroup, idFilter });\n this.sendChange(newFilters);\n };\n\n onRemoveFilter = (idFilter) => {\n const newFilters = this.store.onRemoveFilter(idFilter);\n this.sendCall('onRemoveFilter', { idFilter });\n this.sendChange(newFilters);\n };\n\n static getDerivedStateFromProps(props, state) {\n if (\n props.init &&\n props.init.step !== undefined &&\n Number.isInteger(props.init.step) &&\n props.init.step !== state.step\n ) {\n const store = new QueryBuilderStore(props.init, props.format);\n QueryBuilderImpl.recalculateStore = store;\n return store.getInitialState();\n }\n return null;\n }\n\n componentDidUpdate() {\n if (QueryBuilderImpl.recalculateStore) {\n this.store = QueryBuilderImpl.recalculateStore;\n QueryBuilderImpl.recalculateStore = null;\n }\n }\n\n handleFieldChange = (data) => {\n const { fieldsSharedActions } = this.props;\n const newFilters = this.store.changeFilter({\n ...data,\n fieldsSharedActions,\n });\n this.sendCall('handleFieldChange', { data });\n this.sendChange(newFilters);\n };\n\n handleRuleContainerOperator = (idGroup, value) => {\n const newFilters = this.store.changeGroupOperator(idGroup, value);\n this.sendCall('handleRuleContainerOperator', { idGroup, value });\n this.sendChange(newFilters);\n };\n\n handleRuleContainerUnGroup = (idGroup) => {\n const newFilters = this.store.unGroup(idGroup);\n this.sendCall('handleRuleContainerUnGroup', { idGroup });\n this.sendChange(newFilters);\n };\n\n /**\n * handleFieldChange and handleDropFilter\n * are equals right now, but they maybe\n * will have diferents logic\n *\n * @param filter\n * @param dragTo\n */\n handleDropFilter = (filter, dragTo) => {\n const { position: oldPosition, idGroup, idFilter } = filter;\n const { position: newPosition, targetIdGroup } = dragTo;\n const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n this.sendCall('handleDropFilter', { filter, dragTo });\n this.sendChange(newFilters);\n };\n\n /**\n * handleFieldChange and handleDropFilter\n * are equals right now, but they maybe\n * will have diferents logic\n *\n * @param group\n * @param dragTo\n */\n handleDropGroup = (group, dragTo) => {\n const { position: oldPosition, idFilter, idGroup } = group;\n const { position: newPosition, targetIdGroup } = dragTo;\n const newFilters = this.store.reOrderFilter(idFilter, idGroup, oldPosition, newPosition, targetIdGroup);\n this.sendCall('handleDropGroup', { group, dragTo });\n this.sendChange(newFilters);\n };\n\n handleDrop = (dragElement, dragTo) => {\n const { type } = dragElement;\n if (type === QB_DRAG_TYPES.FILTER) return this.handleDropFilter(dragElement, dragTo);\n return this.handleDropGroup(dragElement, dragTo);\n };\n\n sendChange = ({ format, ...newFilters }) => {\n this.setState({ format, ...newFilters });\n const { onChange } = this.props;\n onChange(format, newFilters);\n };\n\n sendCall = (action, data) => {\n const { [action]: callback } = this.props;\n if (callback) callback(data);\n };\n\n setDraggableItems = (drag) => {\n this.isDraggableItem = true;\n try {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE ');\n // eslint-disable-next-line no-useless-escape\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\\:11\\./)) {\n const { isDraggableItem } = this.state;\n if (drag !== isDraggableItem) {\n this.setState({ isDraggableItem: drag });\n }\n this.isDraggableItem = drag;\n }\n } catch (error) {\n this.isDraggableItem = true;\n }\n };\n\n render() {\n const { mapGroups, main, mapFilters, step, items, format } = this.state;\n const {\n containerProps,\n ruleContainerClassName,\n fields,\n displayFixedOutput,\n displayOutput,\n displayOutputLabel,\n singleRow,\n toolTipZIndex,\n } = this.props;\n // const { children } = items[0]\n const { condition } = mapGroups[main];\n\n return (\n <QueryBuilderContext.Provider\n value={{\n toolTipZIndex,\n fields,\n handleDrop: this.handleDrop,\n handleFieldChange: this.handleFieldChange,\n handleRuleContainerOperator: this.handleRuleContainerOperator,\n handleRuleContainerUnGroup: this.handleRuleContainerUnGroup,\n mapFilters,\n mapGroups,\n onAddFilter: this.onAddFilter,\n onAddFilterToGroup: this.onAddFilterToGroup,\n onAddRuleContainer: this.onAddRuleContainer,\n onRemoveFilter: this.onRemoveFilter,\n ruleContainerClassName,\n showDragController: false,\n format,\n step,\n items,\n isDraggableItem: this.isDraggableItem,\n setDraggableItems: this.setDraggableItems,\n singleRow,\n }}\n >\n <div\n {...containerProps}\n className={`nested-main-group ${condition !== true ? 'is-or-group' : 'is-and-groupL'} ${\n singleRow ? 'query-main-single-row' : 'query-main-multiple-row'\n }`}\n >\n <Nestable\n isAndItem={condition === true}\n isDraggableItem={this.isDraggableItem}\n isOrItem={condition !== true}\n items={items}\n onChange={this.onOrderDragAndDrop}\n renderItem={QueryBuilderItem}\n setDraggableItems={this.setDraggableItems}\n step={step}\n singleRow={singleRow}\n />\n {!singleRow && (\n <div className=\"rule-container-options\">\n <AndOrController\n allowUnGroup={false}\n condition={condition}\n handleRuleContainerOperator={(value) => this.handleRuleContainerOperator(main, value)}\n handleRuleContainerUnGroup={() => this.handleRuleContainerUnGroup(main)}\n isMain\n onAddFilter={() => this.onAddFilterToGroup(main)}\n showDragController={false}\n step={step}\n toolTipZIndex={toolTipZIndex}\n />\n </div>\n )}\n </div>\n {(displayOutput || displayFixedOutput) && (\n <DisplayOutput\n displayFixedOutput={displayFixedOutput}\n hideLabel={displayOutputLabel.hide}\n showLabel={displayOutputLabel.show}\n show={displayOutputLabel.open}\n />\n )}\n </QueryBuilderContext.Provider>\n );\n }\n}\n\nexport default QueryBuilderImpl;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderItem/QueryBuilderItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\n\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\nimport { QB_DRAG_TYPES } from '../helpers/types';\nimport AndOrController from '../AndOrController/AndOrController';\nimport QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';\n\nconst QueryBuilderItem = ({ item }) => {\n const { element } = item;\n const { type, idFilter, idGroup, condition } = element;\n return (\n <QueryBuilderContext.Consumer>\n {({\n fields,\n handleFieldChange,\n onAddFilter,\n onAddFilterToGroup,\n onAddRuleContainer,\n onRemoveFilter,\n showDragController,\n handleRuleContainerOperator,\n handleRuleContainerUnGroup,\n step,\n items,\n isDraggableItem,\n setDraggableItems,\n singleRow,\n toolTipZIndex,\n }) => {\n if (type === QB_DRAG_TYPES.FILTER) {\n return (\n <QueryBuilderRow\n {...element}\n fields={fields}\n handleFieldChange={handleFieldChange}\n isDraggableItem={isDraggableItem}\n items={items}\n onAddFilter={() => onAddFilter(idGroup, idFilter)}\n onAddRuleContainer={() => onAddRuleContainer(idGroup, idFilter)}\n onRemoveFilter={() => onRemoveFilter(idFilter)}\n setDraggableItems={setDraggableItems}\n showDragController={showDragController}\n step={step}\n singleRow={singleRow}\n toolTipZIndex={toolTipZIndex}\n />\n );\n }\n if (singleRow) return null;\n return (\n <AndOrController\n allowUnGroup\n condition={condition}\n handleRuleContainerOperator={(value) =>\n handleRuleContainerOperator(idGroup, value)\n }\n handleRuleContainerUnGroup={() =>\n handleRuleContainerUnGroup(idGroup)\n }\n multipleSize={false}\n onAddFilter={() => onAddFilterToGroup(idGroup)}\n showDragController\n step={step}\n toolTipZIndex={toolTipZIndex}\n />\n );\n }}\n </QueryBuilderContext.Consumer>\n );\n};\n\nexport default QueryBuilderItem;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACgCX;AA7BZ,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAC9B,OAAO,qBAAqB;AAC5B,OAAO,qBAAqB;AAE5B,MAAM,mBAAmB,CAAC,EAAE,KAAK,MAAM;AACrC,QAAM,EAAE,QAAQ,IAAI;AACpB,QAAM,EAAE,MAAM,UAAU,SAAS,UAAU,IAAI;AAC/C,SACE,oBAAC,oBAAoB,UAApB;AAAA,IACE,WAAC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAAM;AACJ,UAAI,SAAS,cAAc,QAAQ;AACjC,eACE,oBAAC;AAAA,UACE,GAAG;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,aAAa,MAAM,YAAY,SAAS,QAAQ;AAAA,UAChD,oBAAoB,MAAM,mBAAmB,SAAS,QAAQ;AAAA,UAC9D,gBAAgB,MAAM,eAAe,QAAQ;AAAA,UAC7C;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,SACF;AAAA,MAEJ;AACA,UAAI;AAAW,eAAO;AACtB,aACE,oBAAC;AAAA,QACC,cAAY;AAAA,QACZ;AAAA,QACA,6BAA6B,CAAC,UAC5B,4BAA4B,SAAS,KAAK;AAAA,QAE5C,4BAA4B,MAC1B,2BAA2B,OAAO;AAAA,QAEpC,cAAc;AAAA,QACd,aAAa,MAAM,mBAAmB,OAAO;AAAA,QAC7C,oBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,OACF;AAAA,IAEJ;AAAA,GACF;AAEJ;AAEA,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/QueryBuilderRow/QueryBuilderRow.tsx"],
|
|
4
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": "AAAA,YAAY,WAAW;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React", "value", "target"]
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { createElement } from "react";
|
|
3
|
-
import GrowRight from "@elliemae/ds-shared";
|
|
3
|
+
import { GrowRight } from "@elliemae/ds-shared";
|
|
4
4
|
const ToolBarAnimation = (props) => /* @__PURE__ */ createElement(GrowRight, {
|
|
5
5
|
...props,
|
|
6
6
|
key: "popper-animation-key",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ToolBarAnimation/ToolBarAnimation.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport GrowRight from '@elliemae/ds-shared';\n\nconst ToolBarAnimation = (props) => <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />;\n\nexport { ToolBarAnimation };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { GrowRight } from '@elliemae/ds-shared';\n\nconst ToolBarAnimation = (props) => <GrowRight {...props} key=\"popper-animation-key\" from={0.5} to={1} />;\n\nexport { ToolBarAnimation };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGa;AAFpC,SAAS,iBAAiB;AAE1B,MAAM,mBAAmB,CAAC,UAAU,8BAAC;AAAA,EAAW,GAAG;AAAA,EAAO,KAAI;AAAA,EAAuB,MAAM;AAAA,EAAK,IAAI;AAAA,CAAG;",
|
|
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.
|
|
3
|
+
"version": "3.12.0-next.0",
|
|
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.
|
|
175
|
-
"@elliemae/ds-button": "3.
|
|
176
|
-
"@elliemae/ds-classnames": "3.
|
|
177
|
-
"@elliemae/ds-form": "3.
|
|
178
|
-
"@elliemae/ds-grid": "3.
|
|
179
|
-
"@elliemae/ds-icon": "3.
|
|
180
|
-
"@elliemae/ds-icons": "3.
|
|
181
|
-
"@elliemae/ds-popper": "3.
|
|
182
|
-
"@elliemae/ds-shared": "3.
|
|
183
|
-
"@elliemae/ds-tooltip": "3.
|
|
184
|
-
"@elliemae/ds-utilities": "3.
|
|
174
|
+
"@elliemae/ds-accordion": "3.12.0-next.0",
|
|
175
|
+
"@elliemae/ds-button": "3.12.0-next.0",
|
|
176
|
+
"@elliemae/ds-classnames": "3.12.0-next.0",
|
|
177
|
+
"@elliemae/ds-form": "3.12.0-next.0",
|
|
178
|
+
"@elliemae/ds-grid": "3.12.0-next.0",
|
|
179
|
+
"@elliemae/ds-icon": "3.12.0-next.0",
|
|
180
|
+
"@elliemae/ds-icons": "3.12.0-next.0",
|
|
181
|
+
"@elliemae/ds-popper": "3.12.0-next.0",
|
|
182
|
+
"@elliemae/ds-shared": "3.12.0-next.0",
|
|
183
|
+
"@elliemae/ds-tooltip": "3.12.0-next.0",
|
|
184
|
+
"@elliemae/ds-utilities": "3.12.0-next.0",
|
|
185
185
|
"classnames": "~2.3.1",
|
|
186
186
|
"prop-types": "~15.8.1",
|
|
187
187
|
"react-addons-update": "~15.6.3"
|
|
@@ -199,8 +199,11 @@
|
|
|
199
199
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
200
200
|
"test": "node ../../scripts/testing/test.mjs",
|
|
201
201
|
"lint": "node ../../scripts/lint.mjs",
|
|
202
|
+
"eslint:fix": "exit 0 | echo",
|
|
202
203
|
"dts": "node ../../scripts/dts.mjs",
|
|
203
204
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
205
|
+
"dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
|
|
206
|
+
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
204
207
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
205
208
|
}
|
|
206
209
|
}
|