amis 1.7.0 → 1.8.0-beta.13

package/lib/components/condition-builder/Field.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConditionField = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var react_dom_1 = require("react-dom");
 var PopOverContainer_1 = (0, tslib_1.__importDefault)(require("../PopOverContainer"));
 var GroupedSelection_1 = (0, tslib_1.__importDefault)(require("../GroupedSelection"));
 var ResultBox_1 = (0, tslib_1.__importDefault)(require("../ResultBox"));
@@ -61,8 +62,8 @@ var ConditionField = /** @class */ (function (_super) {
     };
     ConditionField.prototype.render = function () {
         var _this = this;
-        var _a = this.props, options = _a.options, onChange = _a.onChange, value = _a.value, cx = _a.classnames, fieldClassName = _a.fieldClassName, disabled = _a.disabled, __ = _a.translate, searchable = _a.searchable;
-        return (react_1.default.createElement(PopOverContainer_1.default, { popOverRender: function (_a) {
+        var _a = this.props, options = _a.options, onChange = _a.onChange, value = _a.value, cx = _a.classnames, fieldClassName = _a.fieldClassName, disabled = _a.disabled, __ = _a.translate, searchable = _a.searchable, popOverContainer = _a.popOverContainer;
+        return (react_1.default.createElement(PopOverContainer_1.default, { popOverContainer: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), popOverRender: function (_a) {
                 var onClose = _a.onClose;
                 return (react_1.default.createElement(react_1.default.Fragment, null,
                     searchable ? (react_1.default.createElement(SearchBox_1.default, { mini: false, onSearch: _this.onSearch })) : null,

package/lib/components/condition-builder/Field.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/Field.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport PopOverContainer from '../PopOverContainer';\nimport ListSelection from '../GroupedSelection';\nimport ResultBox from '../ResultBox';\nimport {ClassNamesFn, ThemeProps, themeable} from '../../theme';\nimport {Icon} from '../icons';\nimport {findTree, noop} from '../../utils/helper';\nimport {localeable, LocaleProps} from '../../locale';\nimport SearchBox from '../SearchBox';\n\nexport interface ConditionFieldProps extends ThemeProps, LocaleProps {\n  options: Array<any>;\n  value: any;\n  onChange: (value: any) => void;\n  disabled?: boolean;\n  fieldClassName?: string;\n  searchable?: boolean;\n}\n\nexport interface ConditionFieldState {\n  searchText: string;\n}\n\nconst option2value = (item: any) => item.name;\n\nexport class ConditionField extends React.Component<\n  ConditionFieldProps,\n  ConditionFieldState\n> {\n  constructor(props: ConditionFieldProps) {\n    super(props);\n    this.state = {\n      searchText: ''\n    };\n    this.onSearch = this.onSearch.bind(this);\n    this.filterOptions = this.filterOptions.bind(this);\n  }\n\n  onSearch(text: string) {\n    let txt = text.toLowerCase();\n\n    this.setState({searchText: txt});\n  }\n\n  filterOptions(options: any[]) {\n    const txt = this.state.searchText;\n    if (!txt) {\n      return this.props.options;\n    }\n    return options\n      .map((item: any) => {\n        if (item.children) {\n          let children = item.children.filter((child: any) => {\n            return (\n              child.name.toLowerCase().includes(txt) ||\n              child.label.toLowerCase().includes(txt)\n            );\n          });\n          return children.length > 0\n            ? Object.assign({}, item, {children}) // 需要copy一份，防止覆盖原始数据\n            : false;\n        } else {\n          return item.name.toLowerCase().includes(txt) ||\n            item.label.toLowerCase().includes(txt)\n            ? item\n            : false;\n        }\n      })\n      .filter((item: any) => {\n        return !!item;\n      });\n  }\n\n  // 选了值，还原options\n  onPopClose(e: React.MouseEvent, onClose: () => void) {\n    this.setState({searchText: ''});\n    onClose();\n  }\n\n  render() {\n    const {\n      options,\n      onChange,\n      value,\n      classnames: cx,\n      fieldClassName,\n      disabled,\n      translate: __,\n      searchable\n    } = this.props;\n\n    return (\n      <PopOverContainer\n        popOverRender={({onClose}) => (\n          <>\n            {searchable ? (\n              <SearchBox mini={false} onSearch={this.onSearch} />\n            ) : null}\n            <ListSelection\n              multiple={false}\n              onClick={e => this.onPopClose(e, onClose)}\n              options={this.filterOptions(this.props.options)}\n              value={[value]}\n              option2value={option2value}\n              onChange={(value: any) =>\n                onChange(Array.isArray(value) ? value[0] : value)\n              }\n            />\n          </>\n        )}\n      >\n        {({onClick, ref, isOpened}) => (\n          <div className={cx('CBGroup-field')}>\n            <ResultBox\n              className={cx(\n                'CBGroup-fieldInput',\n                fieldClassName,\n                isOpened ? 'is-active' : ''\n              )}\n              ref={ref}\n              allowInput={false}\n              result={\n                value ? findTree(options, item => item.name === value) : ''\n              }\n              onResultChange={noop}\n              onResultClick={onClick}\n              placeholder={__('Condition.field_placeholder')}\n              disabled={disabled}\n            >\n              <span className={cx('CBGroup-fieldCaret')}>\n                <Icon icon=\"caret\" className=\"icon\" />\n              </span>\n            </ResultBox>\n          </div>\n        )}\n      </PopOverContainer>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionField));\n"
+        "import React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport PopOverContainer from '../PopOverContainer';\nimport ListSelection from '../GroupedSelection';\nimport ResultBox from '../ResultBox';\nimport {ClassNamesFn, ThemeProps, themeable} from '../../theme';\nimport {Icon} from '../icons';\nimport {findTree, noop} from '../../utils/helper';\nimport {localeable, LocaleProps} from '../../locale';\nimport SearchBox from '../SearchBox';\n\nexport interface ConditionFieldProps extends ThemeProps, LocaleProps {\n  options: Array<any>;\n  value: any;\n  onChange: (value: any) => void;\n  disabled?: boolean;\n  fieldClassName?: string;\n  searchable?: boolean;\n  popOverContainer?: any;\n}\n\nexport interface ConditionFieldState {\n  searchText: string;\n}\n\nconst option2value = (item: any) => item.name;\n\nexport class ConditionField extends React.Component<\n  ConditionFieldProps,\n  ConditionFieldState\n> {\n  constructor(props: ConditionFieldProps) {\n    super(props);\n    this.state = {\n      searchText: ''\n    };\n    this.onSearch = this.onSearch.bind(this);\n    this.filterOptions = this.filterOptions.bind(this);\n  }\n\n  onSearch(text: string) {\n    let txt = text.toLowerCase();\n\n    this.setState({searchText: txt});\n  }\n\n  filterOptions(options: any[]) {\n    const txt = this.state.searchText;\n    if (!txt) {\n      return this.props.options;\n    }\n    return options\n      .map((item: any) => {\n        if (item.children) {\n          let children = item.children.filter((child: any) => {\n            return (\n              child.name.toLowerCase().includes(txt) ||\n              child.label.toLowerCase().includes(txt)\n            );\n          });\n          return children.length > 0\n            ? Object.assign({}, item, {children}) // 需要copy一份，防止覆盖原始数据\n            : false;\n        } else {\n          return item.name.toLowerCase().includes(txt) ||\n            item.label.toLowerCase().includes(txt)\n            ? item\n            : false;\n        }\n      })\n      .filter((item: any) => {\n        return !!item;\n      });\n  }\n\n  // 选了值，还原options\n  onPopClose(e: React.MouseEvent, onClose: () => void) {\n    this.setState({searchText: ''});\n    onClose();\n  }\n\n  render() {\n    const {\n      options,\n      onChange,\n      value,\n      classnames: cx,\n      fieldClassName,\n      disabled,\n      translate: __,\n      searchable,\n      popOverContainer\n    } = this.props;\n\n    return (\n      <PopOverContainer\n        popOverContainer={popOverContainer || (() => findDOMNode(this))}\n        popOverRender={({onClose}) => (\n          <>\n            {searchable ? (\n              <SearchBox mini={false} onSearch={this.onSearch} />\n            ) : null}\n            <ListSelection\n              multiple={false}\n              onClick={e => this.onPopClose(e, onClose)}\n              options={this.filterOptions(this.props.options)}\n              value={[value]}\n              option2value={option2value}\n              onChange={(value: any) =>\n                onChange(Array.isArray(value) ? value[0] : value)\n              }\n            />\n          </>\n        )}\n      >\n        {({onClick, ref, isOpened}) => (\n          <div className={cx('CBGroup-field')}>\n            <ResultBox\n              className={cx(\n                'CBGroup-fieldInput',\n                fieldClassName,\n                isOpened ? 'is-active' : ''\n              )}\n              ref={ref}\n              allowInput={false}\n              result={\n                value ? findTree(options, item => item.name === value) : ''\n              }\n              onResultChange={noop}\n              onResultClick={onClick}\n              placeholder={__('Condition.field_placeholder')}\n              disabled={disabled}\n            >\n              <span className={cx('CBGroup-fieldCaret')}>\n                <Icon icon=\"caret\" className=\"icon\" />\n              </span>\n            </ResultBox>\n          </div>\n        )}\n      </PopOverContainer>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionField));\n"
     ]
 }

package/lib/components/condition-builder/Group.d.ts

@@ -22,6 +22,7 @@ export interface ConditionGroupProps extends ThemeProps, LocaleProps {
     onDragStart?: (e: React.MouseEvent) => void;
     fieldClassName?: string;
     formula?: FormulaPickerProps;
+    popOverContainer?: any;
 }
 export declare class ConditionGroup extends React.Component<ConditionGroupProps> {
     getValue(): ConditionGroupValue;

package/lib/components/condition-builder/Group.js

@@ -77,7 +77,7 @@ var ConditionGroup = /** @class */ (function (_super) {
     };
     ConditionGroup.prototype.render = function () {
         var _this = this;
-        var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, data = _a.data, fields = _a.fields, funcs = _a.funcs, config = _a.config, removeable = _a.removeable, onRemove = _a.onRemove, onDragStart = _a.onDragStart, showNot = _a.showNot, _b = _a.showANDOR, showANDOR = _b === void 0 ? false : _b, disabled = _a.disabled, searchable = _a.searchable, __ = _a.translate, formula = _a.formula;
+        var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, data = _a.data, fields = _a.fields, funcs = _a.funcs, config = _a.config, removeable = _a.removeable, onRemove = _a.onRemove, onDragStart = _a.onDragStart, showNot = _a.showNot, _b = _a.showANDOR, showANDOR = _b === void 0 ? false : _b, disabled = _a.disabled, searchable = _a.searchable, __ = _a.translate, formula = _a.formula, popOverContainer = _a.popOverContainer;
         return (react_1.default.createElement("div", { className: cx('CBGroup'), "data-group-id": value === null || value === void 0 ? void 0 : value.id },
             react_1.default.createElement("div", { className: cx('CBGroup-toolbar') },
                 builderMode === 'simple' && showANDOR === false ? null : (react_1.default.createElement("div", { className: cx('CBGroup-toolbarCondition') },
@@ -95,7 +95,7 @@ var ConditionGroup = /** @class */ (function (_super) {
                             __('Condition.add_cond_group'))))),
                 removeable ? (react_1.default.createElement("a", { className: cx('CBDelete'), onClick: onRemove },
                     react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" }))) : null),
-            react_1.default.createElement("div", { className: cx('CBGroup-body') }, Array.isArray(value === null || value === void 0 ? void 0 : value.children) && value.children.length ? (value.children.map(function (item, index) { return (react_1.default.createElement(GroupOrItem_1.default, { draggable: value.children.length > 1, onDragStart: onDragStart, config: config, key: item.id, fields: fields, fieldClassName: fieldClassName, value: item, index: index, onChange: _this.handleItemChange, funcs: funcs, onRemove: _this.handleItemRemove, data: data, disabled: disabled, searchable: searchable, builderMode: builderMode, formula: formula })); })) : (react_1.default.createElement("div", { className: cx("CBGroup-placeholder ".concat(builderMode === 'simple' ? 'simple' : '')) }, __('Condition.blank'))))));
+            react_1.default.createElement("div", { className: cx('CBGroup-body') }, Array.isArray(value === null || value === void 0 ? void 0 : value.children) && value.children.length ? (value.children.map(function (item, index) { return (react_1.default.createElement(GroupOrItem_1.default, { draggable: value.children.length > 1, onDragStart: onDragStart, config: config, key: item.id, fields: fields, fieldClassName: fieldClassName, value: item, index: index, onChange: _this.handleItemChange, funcs: funcs, onRemove: _this.handleItemRemove, data: data, disabled: disabled, searchable: searchable, builderMode: builderMode, formula: formula, popOverContainer: popOverContainer })); })) : (react_1.default.createElement("div", { className: cx("CBGroup-placeholder ".concat(builderMode === 'simple' ? 'simple' : '')) }, __('Condition.blank'))))));
     };
     (0, tslib_1.__decorate)([
         helper_1.autobind,

package/lib/components/condition-builder/Group.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/Group.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {Fields, ConditionGroupValue, Funcs} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport Button from '../Button';\nimport GroupOrItem from './GroupOrItem';\nimport {autobind, guid} from '../../utils/helper';\nimport {Config} from './config';\nimport {Icon} from '../icons';\nimport {localeable, LocaleProps} from '../../locale';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nexport interface ConditionGroupProps extends ThemeProps, LocaleProps {\n  builderMode?: 'simple' | 'full';\n  config: Config;\n  value?: ConditionGroupValue;\n  fields: Fields;\n  funcs?: Funcs;\n  showNot?: boolean;\n  showANDOR?: boolean;\n  data?: any;\n  disabled?: boolean;\n  searchable?: boolean;\n  onChange: (value: ConditionGroupValue) => void;\n  removeable?: boolean;\n  onRemove?: (e: React.MouseEvent) => void;\n  onDragStart?: (e: React.MouseEvent) => void;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n}\n\nexport class ConditionGroup extends React.Component<ConditionGroupProps> {\n  getValue() {\n    return {\n      id: guid(),\n      conjunction: 'and' as 'and',\n      ...this.props.value\n    } as ConditionGroupValue;\n  }\n\n  @autobind\n  handleNotClick() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n    value.not = !value.not;\n\n    onChange(value);\n  }\n\n  @autobind\n  handleConjunctionClick() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n    value.conjunction = value.conjunction === 'and' ? 'or' : 'and';\n    onChange(value);\n  }\n\n  @autobind\n  handleAdd() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.push({\n      id: guid()\n    });\n    onChange(value);\n  }\n\n  @autobind\n  handleAddGroup() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.push({\n      id: guid(),\n      conjunction: 'and',\n      children: [\n        {\n          id: guid()\n        }\n      ]\n    });\n    onChange(value);\n  }\n\n  @autobind\n  handleItemChange(item: any, index: number) {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.splice(index!, 1, item);\n    onChange(value);\n  }\n\n  @autobind\n  handleItemRemove(index: number) {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.splice(index, 1);\n    onChange(value);\n  }\n\n  render() {\n    const {\n      builderMode,\n      classnames: cx,\n      fieldClassName,\n      value,\n      data,\n      fields,\n      funcs,\n      config,\n      removeable,\n      onRemove,\n      onDragStart,\n      showNot,\n      showANDOR = false,\n      disabled,\n      searchable,\n      translate: __,\n      formula\n    } = this.props;\n    return (\n      <div className={cx('CBGroup')} data-group-id={value?.id}>\n        <div className={cx('CBGroup-toolbar')}>\n          {builderMode === 'simple' && showANDOR === false ? null : (\n            <div className={cx('CBGroup-toolbarCondition')}>\n              {showNot ? (\n                <Button\n                  onClick={this.handleNotClick}\n                  className=\"m-r-xs\"\n                  size=\"xs\"\n                  active={value?.not}\n                  disabled={disabled}\n                >\n                  {__('Condition.not')}\n                </Button>\n              ) : null}\n              <div className={cx('ButtonGroup')}>\n                <Button\n                  size=\"xs\"\n                  onClick={this.handleConjunctionClick}\n                  active={value?.conjunction !== 'or'}\n                  disabled={disabled}\n                >\n                  {__('Condition.and')}\n                </Button>\n                <Button\n                  size=\"xs\"\n                  onClick={this.handleConjunctionClick}\n                  active={value?.conjunction === 'or'}\n                  disabled={disabled}\n                >\n                  {__('Condition.or')}\n                </Button>\n              </div>\n            </div>\n          )}\n          <div\n            className={cx(\n              `CBGroup-toolbarConditionAdd${\n                builderMode === 'simple' ? '-simple' : ''\n              }`\n            )}\n          >\n            <div className={cx('ButtonGroup')}>\n              <Button onClick={this.handleAdd} size=\"xs\" disabled={disabled}>\n                <Icon icon=\"plus\" className=\"icon\" />\n                {__('Condition.add_cond')}\n              </Button>\n              {builderMode === 'simple' ? null : (\n                <Button\n                  onClick={this.handleAddGroup}\n                  size=\"xs\"\n                  disabled={disabled}\n                >\n                  <Icon icon=\"plus-cicle\" className=\"icon\" />\n                  {__('Condition.add_cond_group')}\n                </Button>\n              )}\n            </div>\n          </div>\n          {removeable ? (\n            <a className={cx('CBDelete')} onClick={onRemove}>\n              <Icon icon=\"close\" className=\"icon\" />\n            </a>\n          ) : null}\n        </div>\n        <div className={cx('CBGroup-body')}>\n          {Array.isArray(value?.children) && value!.children.length ? (\n            value!.children.map((item, index) => (\n              <GroupOrItem\n                draggable={value!.children!.length > 1}\n                onDragStart={onDragStart}\n                config={config}\n                key={item.id}\n                fields={fields}\n                fieldClassName={fieldClassName}\n                value={item as ConditionGroupValue}\n                index={index}\n                onChange={this.handleItemChange}\n                funcs={funcs}\n                onRemove={this.handleItemRemove}\n                data={data}\n                disabled={disabled}\n                searchable={searchable}\n                builderMode={builderMode}\n                formula={formula}\n              />\n            ))\n          ) : (\n            <div\n              className={cx(\n                `CBGroup-placeholder ${\n                  builderMode === 'simple' ? 'simple' : ''\n                }`\n              )}\n            >\n              {__('Condition.blank')}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionGroup));\n"
+        "import React from 'react';\nimport {Fields, ConditionGroupValue, Funcs} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport Button from '../Button';\nimport GroupOrItem from './GroupOrItem';\nimport {autobind, guid} from '../../utils/helper';\nimport {Config} from './config';\nimport {Icon} from '../icons';\nimport {localeable, LocaleProps} from '../../locale';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nexport interface ConditionGroupProps extends ThemeProps, LocaleProps {\n  builderMode?: 'simple' | 'full';\n  config: Config;\n  value?: ConditionGroupValue;\n  fields: Fields;\n  funcs?: Funcs;\n  showNot?: boolean;\n  showANDOR?: boolean;\n  data?: any;\n  disabled?: boolean;\n  searchable?: boolean;\n  onChange: (value: ConditionGroupValue) => void;\n  removeable?: boolean;\n  onRemove?: (e: React.MouseEvent) => void;\n  onDragStart?: (e: React.MouseEvent) => void;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n  popOverContainer?: any;\n}\n\nexport class ConditionGroup extends React.Component<ConditionGroupProps> {\n  getValue() {\n    return {\n      id: guid(),\n      conjunction: 'and' as 'and',\n      ...this.props.value\n    } as ConditionGroupValue;\n  }\n\n  @autobind\n  handleNotClick() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n    value.not = !value.not;\n\n    onChange(value);\n  }\n\n  @autobind\n  handleConjunctionClick() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n    value.conjunction = value.conjunction === 'and' ? 'or' : 'and';\n    onChange(value);\n  }\n\n  @autobind\n  handleAdd() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.push({\n      id: guid()\n    });\n    onChange(value);\n  }\n\n  @autobind\n  handleAddGroup() {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.push({\n      id: guid(),\n      conjunction: 'and',\n      children: [\n        {\n          id: guid()\n        }\n      ]\n    });\n    onChange(value);\n  }\n\n  @autobind\n  handleItemChange(item: any, index: number) {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.splice(index!, 1, item);\n    onChange(value);\n  }\n\n  @autobind\n  handleItemRemove(index: number) {\n    const onChange = this.props.onChange;\n    let value = this.getValue();\n\n    value.children = Array.isArray(value.children)\n      ? value.children.concat()\n      : [];\n\n    value.children.splice(index, 1);\n    onChange(value);\n  }\n\n  render() {\n    const {\n      builderMode,\n      classnames: cx,\n      fieldClassName,\n      value,\n      data,\n      fields,\n      funcs,\n      config,\n      removeable,\n      onRemove,\n      onDragStart,\n      showNot,\n      showANDOR = false,\n      disabled,\n      searchable,\n      translate: __,\n      formula,\n      popOverContainer\n    } = this.props;\n    return (\n      <div className={cx('CBGroup')} data-group-id={value?.id}>\n        <div className={cx('CBGroup-toolbar')}>\n          {builderMode === 'simple' && showANDOR === false ? null : (\n            <div className={cx('CBGroup-toolbarCondition')}>\n              {showNot ? (\n                <Button\n                  onClick={this.handleNotClick}\n                  className=\"m-r-xs\"\n                  size=\"xs\"\n                  active={value?.not}\n                  disabled={disabled}\n                >\n                  {__('Condition.not')}\n                </Button>\n              ) : null}\n              <div className={cx('ButtonGroup')}>\n                <Button\n                  size=\"xs\"\n                  onClick={this.handleConjunctionClick}\n                  active={value?.conjunction !== 'or'}\n                  disabled={disabled}\n                >\n                  {__('Condition.and')}\n                </Button>\n                <Button\n                  size=\"xs\"\n                  onClick={this.handleConjunctionClick}\n                  active={value?.conjunction === 'or'}\n                  disabled={disabled}\n                >\n                  {__('Condition.or')}\n                </Button>\n              </div>\n            </div>\n          )}\n          <div\n            className={cx(\n              `CBGroup-toolbarConditionAdd${\n                builderMode === 'simple' ? '-simple' : ''\n              }`\n            )}\n          >\n            <div className={cx('ButtonGroup')}>\n              <Button onClick={this.handleAdd} size=\"xs\" disabled={disabled}>\n                <Icon icon=\"plus\" className=\"icon\" />\n                {__('Condition.add_cond')}\n              </Button>\n              {builderMode === 'simple' ? null : (\n                <Button\n                  onClick={this.handleAddGroup}\n                  size=\"xs\"\n                  disabled={disabled}\n                >\n                  <Icon icon=\"plus-cicle\" className=\"icon\" />\n                  {__('Condition.add_cond_group')}\n                </Button>\n              )}\n            </div>\n          </div>\n          {removeable ? (\n            <a className={cx('CBDelete')} onClick={onRemove}>\n              <Icon icon=\"close\" className=\"icon\" />\n            </a>\n          ) : null}\n        </div>\n        <div className={cx('CBGroup-body')}>\n          {Array.isArray(value?.children) && value!.children.length ? (\n            value!.children.map((item, index) => (\n              <GroupOrItem\n                draggable={value!.children!.length > 1}\n                onDragStart={onDragStart}\n                config={config}\n                key={item.id}\n                fields={fields}\n                fieldClassName={fieldClassName}\n                value={item as ConditionGroupValue}\n                index={index}\n                onChange={this.handleItemChange}\n                funcs={funcs}\n                onRemove={this.handleItemRemove}\n                data={data}\n                disabled={disabled}\n                searchable={searchable}\n                builderMode={builderMode}\n                formula={formula}\n                popOverContainer={popOverContainer}\n              />\n            ))\n          ) : (\n            <div\n              className={cx(\n                `CBGroup-placeholder ${\n                  builderMode === 'simple' ? 'simple' : ''\n                }`\n              )}\n            >\n              {__('Condition.blank')}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionGroup));\n"
     ]
 }

package/lib/components/condition-builder/GroupOrItem.d.ts

@@ -21,6 +21,7 @@ export interface CBGroupOrItemProps extends ThemeProps {
     onRemove?: (index: number) => void;
     fieldClassName?: string;
     formula?: FormulaPickerProps;
+    popOverContainer?: any;
 }
 export declare class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {
     handleItemChange(value: any): void;

package/lib/components/condition-builder/GroupOrItem.js

@@ -21,13 +21,13 @@ var CBGroupOrItem = /** @class */ (function (_super) {
         (_b = (_a = this.props).onRemove) === null || _b === void 0 ? void 0 : _b.call(_a, this.props.index);
     };
     CBGroupOrItem.prototype.render = function () {
-        var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, config = _a.config, fields = _a.fields, funcs = _a.funcs, draggable = _a.draggable, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, onDragStart = _a.onDragStart, formula = _a.formula;
+        var _a = this.props, builderMode = _a.builderMode, cx = _a.classnames, fieldClassName = _a.fieldClassName, value = _a.value, config = _a.config, fields = _a.fields, funcs = _a.funcs, draggable = _a.draggable, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, onDragStart = _a.onDragStart, formula = _a.formula, popOverContainer = _a.popOverContainer;
         return (react_1.default.createElement("div", { className: cx("CBGroupOrItem".concat(builderMode === 'simple' ? '-simple' : '')), "data-id": value === null || value === void 0 ? void 0 : value.id },
             react_1.default.createElement("div", { className: cx('CBGroupOrItem-body') },
                 draggable ? (react_1.default.createElement("a", { draggable: true, onDragStart: onDragStart, className: cx('CBGroupOrItem-dragbar') },
                     react_1.default.createElement(icons_1.Icon, { icon: "drag-bar", className: "icon" }))) : null,
                 (value === null || value === void 0 ? void 0 : value.conjunction) ? (react_1.default.createElement(Group_1.default, { disabled: disabled, searchable: searchable, onDragStart: onDragStart, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, removeable: true, onRemove: this.handleItemRemove, data: data })) : (react_1.default.createElement(react_1.default.Fragment, null,
-                    react_1.default.createElement(Item_1.default, { disabled: disabled, searchable: searchable, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, data: data, formula: formula }),
+                    react_1.default.createElement(Item_1.default, { disabled: disabled, searchable: searchable, config: config, fields: fields, value: value, onChange: this.handleItemChange, fieldClassName: fieldClassName, funcs: funcs, data: data, formula: formula, popOverContainer: popOverContainer }),
                     react_1.default.createElement("a", { className: cx('CBDelete'), onClick: this.handleItemRemove },
                         react_1.default.createElement(icons_1.Icon, { icon: "close", className: "icon" })))))));
     };

package/lib/components/condition-builder/GroupOrItem.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/GroupOrItem.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAEA,qCAAkD;AAClD,6DAA0B;AAC1B,kCAA8B;AAC9B,6CAA4C;AAC5C,+DAAqC;AACrC,6DAAmC;AAsBnC;IAAmC,8CAAmC;IAAtE;;IAoFA,CAAC;IAlFC,wCAAgB,GAAhB,UAAiB,KAAU;QACzB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAGD,wCAAgB,GAAhB;;QACE,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,8BAAM,GAAN;QACQ,IAAA,KAcF,IAAI,CAAC,KAAK,EAbZ,WAAW,iBAAA,EACC,EAAE,gBAAA,EACd,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,OAAO,aACK,CAAC;QAEf,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,uBAAgB,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAC5D,aACQ,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;YAElB,uCAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC;gBACrC,SAAS,CAAC,CAAC,CAAC,CACX,qCACE,SAAS,QACT,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;oBAEtC,8BAAC,YAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,MAAM,GAAG,CACvC,CACL,CAAC,CAAC,CAAC,IAAI;gBAEP,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAC,CAAC,CAAC,CACpB,8BAAC,eAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAA4B,EACnC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,UAAU,QACV,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,CACF;oBACE,8BAAC,cAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAuB,EAC9B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,GAChB;oBACF,qCAAG,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB;wBAC1D,8BAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CACpC,CACH,CACJ,CACG,CACF,CACP,CAAC;IACJ,CAAC;IAjFD;QADC,iBAAQ;;;;yDAGR;IAGD;QADC,iBAAQ;;;;yDAGR;IA2EH,oBAAC;CAAA,AApFD,CAAmC,eAAK,CAAC,SAAS,GAoFjD;AApFY,sCAAa;AAsF1B,kBAAe,IAAA,iBAAS,EAAC,aAAa,CAAC,CAAC",
+    "mappings": ";;;;AAEA,qCAAkD;AAClD,6DAA0B;AAC1B,kCAA8B;AAC9B,6CAA4C;AAC5C,+DAAqC;AACrC,6DAAmC;AAuBnC;IAAmC,8CAAmC;IAAtE;;IAsFA,CAAC;IApFC,wCAAgB,GAAhB,UAAiB,KAAU;QACzB,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC/C,CAAC;IAGD,wCAAgB,GAAhB;;QACE,MAAA,MAAA,IAAI,CAAC,KAAK,EAAC,QAAQ,mDAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1C,CAAC;IAED,8BAAM,GAAN;QACQ,IAAA,KAeF,IAAI,CAAC,KAAK,EAdZ,WAAW,iBAAA,EACC,EAAE,gBAAA,EACd,cAAc,oBAAA,EACd,KAAK,WAAA,EACL,MAAM,YAAA,EACN,MAAM,YAAA,EACN,KAAK,WAAA,EACL,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,gBAAgB,sBACJ,CAAC;QAEf,OAAO,CACL,uCACE,SAAS,EAAE,EAAE,CACX,uBAAgB,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAC5D,aACQ,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,EAAE;YAElB,uCAAK,SAAS,EAAE,EAAE,CAAC,oBAAoB,CAAC;gBACrC,SAAS,CAAC,CAAC,CAAC,CACX,qCACE,SAAS,QACT,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CAAC,uBAAuB,CAAC;oBAEtC,8BAAC,YAAI,IAAC,IAAI,EAAC,UAAU,EAAC,SAAS,EAAC,MAAM,GAAG,CACvC,CACL,CAAC,CAAC,CAAC,IAAI;gBAEP,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,EAAC,CAAC,CAAC,CACpB,8BAAC,eAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAA4B,EACnC,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,UAAU,QACV,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,IAAI,EAAE,IAAI,GACV,CACH,CAAC,CAAC,CAAC,CACF;oBACE,8BAAC,cAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAuB,EAC9B,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAC/B,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,GAClC;oBACF,qCAAG,SAAS,EAAE,EAAE,CAAC,UAAU,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,gBAAgB;wBAC1D,8BAAC,YAAI,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,MAAM,GAAG,CACpC,CACH,CACJ,CACG,CACF,CACP,CAAC;IACJ,CAAC;IAnFD;QADC,iBAAQ;;;;yDAGR;IAGD;QADC,iBAAQ;;;;yDAGR;IA6EH,oBAAC;CAAA,AAtFD,CAAmC,eAAK,CAAC,SAAS,GAsFjD;AAtFY,sCAAa;AAwF1B,kBAAe,IAAA,iBAAS,EAAC,aAAa,CAAC,CAAC",
     "sourcesContent": [
-        "import {Config} from './config';\nimport {Fields, ConditionGroupValue, Funcs, ConditionValue} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport React from 'react';\nimport {Icon} from '../icons';\nimport {autobind} from '../../utils/helper';\nimport ConditionGroup from './Group';\nimport ConditionItem from './Item';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nexport interface CBGroupOrItemProps extends ThemeProps {\n  builderMode?: 'simple' | 'full';\n  config: Config;\n  value?: ConditionGroupValue;\n  fields: Fields;\n  funcs?: Funcs;\n  index: number;\n  data?: any;\n  draggable?: boolean;\n  disabled?: boolean;\n  searchable?: boolean;\n  onChange: (value: ConditionGroupValue, index: number) => void;\n  removeable?: boolean;\n  onDragStart?: (e: React.MouseEvent) => void;\n  onRemove?: (index: number) => void;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n}\n\nexport class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {\n  @autobind\n  handleItemChange(value: any) {\n    this.props.onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleItemRemove() {\n    this.props.onRemove?.(this.props.index);\n  }\n\n  render() {\n    const {\n      builderMode,\n      classnames: cx,\n      fieldClassName,\n      value,\n      config,\n      fields,\n      funcs,\n      draggable,\n      data,\n      disabled,\n      searchable,\n      onDragStart,\n      formula\n    } = this.props;\n\n    return (\n      <div\n        className={cx(\n          `CBGroupOrItem${builderMode === 'simple' ? '-simple' : ''}`\n        )}\n        data-id={value?.id}\n      >\n        <div className={cx('CBGroupOrItem-body')}>\n          {draggable ? (\n            <a\n              draggable\n              onDragStart={onDragStart}\n              className={cx('CBGroupOrItem-dragbar')}\n            >\n              <Icon icon=\"drag-bar\" className=\"icon\" />\n            </a>\n          ) : null}\n\n          {value?.conjunction ? (\n            <ConditionGroup\n              disabled={disabled}\n              searchable={searchable}\n              onDragStart={onDragStart}\n              config={config}\n              fields={fields}\n              value={value as ConditionGroupValue}\n              onChange={this.handleItemChange}\n              fieldClassName={fieldClassName}\n              funcs={funcs}\n              removeable\n              onRemove={this.handleItemRemove}\n              data={data}\n            />\n          ) : (\n            <>\n              <ConditionItem\n                disabled={disabled}\n                searchable={searchable}\n                config={config}\n                fields={fields}\n                value={value as ConditionValue}\n                onChange={this.handleItemChange}\n                fieldClassName={fieldClassName}\n                funcs={funcs}\n                data={data}\n                formula={formula}\n              />\n              <a className={cx('CBDelete')} onClick={this.handleItemRemove}>\n                <Icon icon=\"close\" className=\"icon\" />\n              </a>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(CBGroupOrItem);\n"
+        "import {Config} from './config';\nimport {Fields, ConditionGroupValue, Funcs, ConditionValue} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport React from 'react';\nimport {Icon} from '../icons';\nimport {autobind} from '../../utils/helper';\nimport ConditionGroup from './Group';\nimport ConditionItem from './Item';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nexport interface CBGroupOrItemProps extends ThemeProps {\n  builderMode?: 'simple' | 'full';\n  config: Config;\n  value?: ConditionGroupValue;\n  fields: Fields;\n  funcs?: Funcs;\n  index: number;\n  data?: any;\n  draggable?: boolean;\n  disabled?: boolean;\n  searchable?: boolean;\n  onChange: (value: ConditionGroupValue, index: number) => void;\n  removeable?: boolean;\n  onDragStart?: (e: React.MouseEvent) => void;\n  onRemove?: (index: number) => void;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n  popOverContainer?: any;\n}\n\nexport class CBGroupOrItem extends React.Component<CBGroupOrItemProps> {\n  @autobind\n  handleItemChange(value: any) {\n    this.props.onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleItemRemove() {\n    this.props.onRemove?.(this.props.index);\n  }\n\n  render() {\n    const {\n      builderMode,\n      classnames: cx,\n      fieldClassName,\n      value,\n      config,\n      fields,\n      funcs,\n      draggable,\n      data,\n      disabled,\n      searchable,\n      onDragStart,\n      formula,\n      popOverContainer\n    } = this.props;\n\n    return (\n      <div\n        className={cx(\n          `CBGroupOrItem${builderMode === 'simple' ? '-simple' : ''}`\n        )}\n        data-id={value?.id}\n      >\n        <div className={cx('CBGroupOrItem-body')}>\n          {draggable ? (\n            <a\n              draggable\n              onDragStart={onDragStart}\n              className={cx('CBGroupOrItem-dragbar')}\n            >\n              <Icon icon=\"drag-bar\" className=\"icon\" />\n            </a>\n          ) : null}\n\n          {value?.conjunction ? (\n            <ConditionGroup\n              disabled={disabled}\n              searchable={searchable}\n              onDragStart={onDragStart}\n              config={config}\n              fields={fields}\n              value={value as ConditionGroupValue}\n              onChange={this.handleItemChange}\n              fieldClassName={fieldClassName}\n              funcs={funcs}\n              removeable\n              onRemove={this.handleItemRemove}\n              data={data}\n            />\n          ) : (\n            <>\n              <ConditionItem\n                disabled={disabled}\n                searchable={searchable}\n                config={config}\n                fields={fields}\n                value={value as ConditionValue}\n                onChange={this.handleItemChange}\n                fieldClassName={fieldClassName}\n                funcs={funcs}\n                data={data}\n                formula={formula}\n                popOverContainer={popOverContainer}\n              />\n              <a className={cx('CBDelete')} onClick={this.handleItemRemove}>\n                <Icon icon=\"close\" className=\"icon\" />\n              </a>\n            </>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default themeable(CBGroupOrItem);\n"
     ]
 }

package/lib/components/condition-builder/InputSwitch.d.ts

@@ -4,10 +4,11 @@ import { ThemeProps } from '../../theme';
 export interface InputSwitchProps extends ThemeProps {
     options: Array<any>;
     disabled?: boolean;
+    popOverContainer?: any;
     value: any;
     onChange: (value: any) => void;
 }
-export declare function InputSwitch({ options, value, onChange, classnames: cx, disabled }: InputSwitchProps): JSX.Element;
+export declare function InputSwitch({ options, value, onChange, classnames: cx, disabled, popOverContainer }: InputSwitchProps): JSX.Element;
 declare const _default: {
     new (props: (Omit<InputSwitchProps, keyof ThemeProps> & import("../../theme").ThemeOutterProps) | Readonly<Omit<InputSwitchProps, keyof ThemeProps> & import("../../theme").ThemeOutterProps>): {
         render(): JSX.Element;

package/lib/components/condition-builder/InputSwitch.js

@@ -9,8 +9,8 @@ var GroupedSelection_1 = (0, tslib_1.__importDefault)(require("../GroupedSelecti
 var theme_1 = require("../../theme");
 var option2value = function (item) { return item.value; };
 function InputSwitch(_a) {
-    var options = _a.options, value = _a.value, onChange = _a.onChange, cx = _a.classnames, disabled = _a.disabled;
-    return (react_1.default.createElement(PopOverContainer_1.default, { popOverRender: function (_a) {
+    var options = _a.options, value = _a.value, onChange = _a.onChange, cx = _a.classnames, disabled = _a.disabled, popOverContainer = _a.popOverContainer;
+    return (react_1.default.createElement(PopOverContainer_1.default, { popOverContainer: popOverContainer, popOverRender: function (_a) {
             var onClose = _a.onClose;
             return (react_1.default.createElement(GroupedSelection_1.default, { onClick: onClose, option2value: option2value, onChange: onChange, options: options, value: value, multiple: false, disabled: disabled }));
         } }, function (_a) {

package/lib/components/condition-builder/InputSwitch.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/InputSwitch.tsx"
     ],
     "names": [],
-    "mappings": ";;;;AAAA,6DAA0B;AAC1B,sFAAmD;AACnD,kCAA8B;AAC9B,sFAAmD;AACnD,qCAAgE;AAShE,IAAM,YAAY,GAAG,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CAAC;AAE/C,SAAgB,WAAW,CAAC,EAMT;QALjB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACI,EAAE,gBAAA,EACd,QAAQ,cAAA;IAER,OAAO,CACL,8BAAC,0BAAgB,IACf,aAAa,EAAE,UAAC,EAAS;gBAAR,OAAO,aAAA;YAAM,OAAA,CAC5B,8BAAC,0BAAgB,IACf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,GAClB,CACH;QAV6B,CAU7B,IAEA,UAAC,EAAwB;YAAvB,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,GAAG,SAAA;QAAM,OAAA,CAC7B,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,qCAAG,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG;gBAC3B,8BAAC,YAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACxB,CACA,CACP;IAN8B,CAM9B,CACgB,CACpB,CAAC;AACJ,CAAC;AA9BD,kCA8BC;AAED,kBAAe,IAAA,iBAAS,EAAC,WAAW,CAAC,CAAC",
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,sFAAmD;AACnD,kCAA8B;AAC9B,sFAAmD;AACnD,qCAAgE;AAUhE,IAAM,YAAY,GAAG,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,KAAK,EAAV,CAAU,CAAC;AAE/C,SAAgB,WAAW,CAAC,EAOT;QANjB,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACI,EAAE,gBAAA,EACd,QAAQ,cAAA,EACR,gBAAgB,sBAAA;IAEhB,OAAO,CACL,8BAAC,0BAAgB,IACf,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,UAAC,EAAS;gBAAR,OAAO,aAAA;YAAM,OAAA,CAC5B,8BAAC,0BAAgB,IACf,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,EACf,QAAQ,EAAE,QAAQ,GAClB,CACH;QAV6B,CAU7B,IAEA,UAAC,EAAwB;YAAvB,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAE,GAAG,SAAA;QAAM,OAAA,CAC7B,uCAAK,SAAS,EAAE,EAAE,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9D,qCAAG,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,GAAG;gBAC3B,8BAAC,YAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CACxB,CACA,CACP;IAN8B,CAM9B,CACgB,CACpB,CAAC;AACJ,CAAC;AAhCD,kCAgCC;AAED,kBAAe,IAAA,iBAAS,EAAC,WAAW,CAAC,CAAC",
     "sourcesContent": [
-        "import React from 'react';\nimport PopOverContainer from '../PopOverContainer';\nimport {Icon} from '../icons';\nimport GroupedSelection from '../GroupedSelection';\nimport {ClassNamesFn, themeable, ThemeProps} from '../../theme';\n\nexport interface InputSwitchProps extends ThemeProps {\n  options: Array<any>;\n  disabled?: boolean;\n  value: any;\n  onChange: (value: any) => void;\n}\n\nconst option2value = (item: any) => item.value;\n\nexport function InputSwitch({\n  options,\n  value,\n  onChange,\n  classnames: cx,\n  disabled\n}: InputSwitchProps) {\n  return (\n    <PopOverContainer\n      popOverRender={({onClose}) => (\n        <GroupedSelection\n          onClick={onClose}\n          option2value={option2value}\n          onChange={onChange}\n          options={options}\n          value={value}\n          multiple={false}\n          disabled={disabled}\n        />\n      )}\n    >\n      {({onClick, isOpened, ref}) => (\n        <div className={cx('CBInputSwitch', isOpened ? 'is-active' : '')}>\n          <a onClick={onClick} ref={ref}>\n            <Icon icon=\"ellipsis-v\" />\n          </a>\n        </div>\n      )}\n    </PopOverContainer>\n  );\n}\n\nexport default themeable(InputSwitch);\n"
+        "import React from 'react';\nimport PopOverContainer from '../PopOverContainer';\nimport {Icon} from '../icons';\nimport GroupedSelection from '../GroupedSelection';\nimport {ClassNamesFn, themeable, ThemeProps} from '../../theme';\n\nexport interface InputSwitchProps extends ThemeProps {\n  options: Array<any>;\n  disabled?: boolean;\n  popOverContainer?: any;\n  value: any;\n  onChange: (value: any) => void;\n}\n\nconst option2value = (item: any) => item.value;\n\nexport function InputSwitch({\n  options,\n  value,\n  onChange,\n  classnames: cx,\n  disabled,\n  popOverContainer\n}: InputSwitchProps) {\n  return (\n    <PopOverContainer\n      popOverContainer={popOverContainer}\n      popOverRender={({onClose}) => (\n        <GroupedSelection\n          onClick={onClose}\n          option2value={option2value}\n          onChange={onChange}\n          options={options}\n          value={value}\n          multiple={false}\n          disabled={disabled}\n        />\n      )}\n    >\n      {({onClick, isOpened, ref}) => (\n        <div className={cx('CBInputSwitch', isOpened ? 'is-active' : '')}>\n          <a onClick={onClick} ref={ref}>\n            <Icon icon=\"ellipsis-v\" />\n          </a>\n        </div>\n      )}\n    </PopOverContainer>\n  );\n}\n\nexport default themeable(InputSwitch);\n"
     ]
 }

package/lib/components/condition-builder/Item.d.ts

@@ -17,6 +17,7 @@ export interface ConditionItemProps extends ThemeProps, LocaleProps {
     onChange: (value: ConditionRule, index?: number) => void;
     fieldClassName?: string;
     formula?: FormulaPickerProps;
+    popOverContainer?: any;
 }
 export declare class ConditionItem extends React.Component<ConditionItemProps> {
     handleLeftFieldSelect(field: any): void;

package/lib/components/condition-builder/Item.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConditionItem = void 0;
 var tslib_1 = require("tslib");
 var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var react_dom_1 = require("react-dom");
 var types_1 = require("./types");
 var theme_1 = require("../../theme");
 var icons_1 = require("../icons");
@@ -61,13 +62,13 @@ var ConditionItem = /** @class */ (function (_super) {
         onChange(value, this.props.index);
     };
     ConditionItem.prototype.renderLeft = function () {
-        var _a = this.props, value = _a.value, fields = _a.fields, funcs = _a.funcs, config = _a.config, disabled = _a.disabled, fieldClassName = _a.fieldClassName, searchable = _a.searchable;
-        return (react_1.default.createElement(Expression_1.default, { config: config, funcs: funcs, value: value.left, fieldClassName: fieldClassName, onChange: this.handleLeftChange, fields: fields, disabled: disabled, searchable: searchable, allowedTypes: ['field', 'func'].filter(function (type) { return type === 'field' || type === 'func'; }) }));
+        var _a = this.props, value = _a.value, fields = _a.fields, funcs = _a.funcs, config = _a.config, disabled = _a.disabled, fieldClassName = _a.fieldClassName, searchable = _a.searchable, popOverContainer = _a.popOverContainer;
+        return (react_1.default.createElement(Expression_1.default, { config: config, funcs: funcs, value: value.left, fieldClassName: fieldClassName, onChange: this.handleLeftChange, fields: fields, disabled: disabled, searchable: searchable, popOverContainer: popOverContainer, allowedTypes: ['field', 'func'].filter(function (type) { return type === 'field' || type === 'func'; }) }));
     };
     ConditionItem.prototype.renderOperator = function () {
         var _this = this;
         var _a, _b, _c, _d;
-        var _e = this.props, funcs = _e.funcs, config = _e.config, fields = _e.fields, value = _e.value, cx = _e.classnames, disabled = _e.disabled;
+        var _e = this.props, funcs = _e.funcs, config = _e.config, fields = _e.fields, value = _e.value, cx = _e.classnames, disabled = _e.disabled, popOverContainer = _e.popOverContainer;
         var left = value === null || value === void 0 ? void 0 : value.left;
         var operators = [];
         if (((_a = left) === null || _a === void 0 ? void 0 : _a.type) === 'func') {
@@ -84,7 +85,7 @@ var ConditionItem = /** @class */ (function (_super) {
         }
         if (Array.isArray(operators) && operators.length) {
             var __1 = this.props.translate;
-            return (react_1.default.createElement(PopOverContainer_1.default, { popOverRender: function (_a) {
+            return (react_1.default.createElement(PopOverContainer_1.default, { popOverContainer: popOverContainer || (function () { return (0, react_dom_1.findDOMNode)(_this); }), popOverRender: function (_a) {
                     var onClose = _a.onClose;
                     return (react_1.default.createElement(GroupedSelection_1.default, { onClick: onClose, option2value: option2value, onChange: _this.handleOperatorChange, options: operators.map(function (operator) { return ({
                             label: __1(config_1.OperationMap[operator]),
@@ -127,7 +128,7 @@ var ConditionItem = /** @class */ (function (_super) {
     };
     ConditionItem.prototype.renderRightWidgets = function (type, op) {
         var _a, _b, _c;
-        var _d = this.props, funcs = _d.funcs, value = _d.value, data = _d.data, fields = _d.fields, config = _d.config, cx = _d.classnames, disabled = _d.disabled, formula = _d.formula;
+        var _d = this.props, funcs = _d.funcs, value = _d.value, data = _d.data, fields = _d.fields, config = _d.config, cx = _d.classnames, disabled = _d.disabled, formula = _d.formula, popOverContainer = _d.popOverContainer;
         var field = (0, tslib_1.__assign)((0, tslib_1.__assign)({}, config.types[type]), { type: type });
         if (((_a = value === null || value === void 0 ? void 0 : value.left) === null || _a === void 0 ? void 0 : _a.type) === 'field') {
             var leftField = (0, helper_1.findTree)(fields, function (i) { return i.name === (value === null || value === void 0 ? void 0 : value.left).field; });
@@ -141,13 +142,13 @@ var ConditionItem = /** @class */ (function (_super) {
         else if (op === 'between' || op === 'not_between') {
             return (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(Expression_1.default, { config: config, funcs: funcs, valueField: field, value: (_b = value.right) === null || _b === void 0 ? void 0 : _b[0], data: data, onChange: this.handleRightSubChange.bind(this, 0), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
-                        config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula }),
+                        config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer }),
                 react_1.default.createElement("span", { className: cx('CBSeprator') }, "~"),
                 react_1.default.createElement(Expression_1.default, { config: config, funcs: funcs, valueField: field, value: (_c = value.right) === null || _c === void 0 ? void 0 : _c[1], data: data, onChange: this.handleRightSubChange.bind(this, 1), fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
-                        config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula })));
+                        config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer })));
         }
         return (react_1.default.createElement(Expression_1.default, { config: config, op: op, funcs: funcs, valueField: field, value: value.right, data: data, onChange: this.handleRightChange, fields: fields, allowedTypes: (field === null || field === void 0 ? void 0 : field.valueTypes) ||
-                config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula }));
+                config.valueTypes || ['value', 'field', 'func', 'formula'], disabled: disabled, formula: formula, popOverContainer: popOverContainer }));
     };
     ConditionItem.prototype.render = function () {
         var cx = this.props.classnames;

package/lib/components/condition-builder/Item.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/Item.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {\n  Fields,\n  ConditionRule,\n  ConditionGroupValue,\n  Funcs,\n  ExpressionFunc,\n  Func,\n  Field,\n  FieldSimple,\n  ExpressionField,\n  OperatorType,\n  ExpressionComplex\n} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport {Icon} from '../icons';\nimport {autobind, findTree, noop} from '../../utils/helper';\nimport Expression from './Expression';\nimport {Config, OperationMap} from './config';\nimport PopOverContainer from '../PopOverContainer';\nimport GroupedSelection from '../GroupedSelection';\nimport ResultBox from '../ResultBox';\nimport {localeable, LocaleProps} from '../../locale';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nconst option2value = (item: any) => item.value;\n\nexport interface ConditionItemProps extends ThemeProps, LocaleProps {\n  config: Config;\n  fields: Fields;\n  funcs?: Funcs;\n  index?: number;\n  value: ConditionRule;\n  data?: any;\n  disabled?: boolean;\n  searchable?: boolean;\n  onChange: (value: ConditionRule, index?: number) => void;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n}\n\nexport class ConditionItem extends React.Component<ConditionItemProps> {\n  @autobind\n  handleLeftFieldSelect(field: any) {\n    const value = {...this.props.value};\n    const onChange = this.props.onChange;\n    value.left = field;\n    onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleLeftInputTypeChange(type: 'func' | 'field') {\n    const value = {...this.props.value};\n    const onChange = this.props.onChange;\n\n    if (type === 'func') {\n      value.left = {type: 'func'};\n    } else {\n      value.left = '';\n    }\n\n    onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleLeftChange(leftValue: any) {\n    const value = {\n      ...this.props.value,\n      left: leftValue,\n      op: undefined,\n      right: undefined\n    };\n    const onChange = this.props.onChange;\n\n    onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleOperatorChange(op: OperatorType) {\n    const value = {...this.props.value, op: op, right: undefined};\n    this.props.onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleRightChange(rightValue: any) {\n    const value = {...this.props.value, right: rightValue};\n    const onChange = this.props.onChange;\n\n    onChange(value, this.props.index);\n  }\n\n  handleRightSubChange(index: number, rightValue: any) {\n    const origin = Array.isArray(this.props.value?.right)\n      ? this.props.value.right.concat()\n      : [];\n\n    origin[index] = rightValue;\n    const value = {...this.props.value, right: origin};\n    const onChange = this.props.onChange;\n\n    onChange(value, this.props.index);\n  }\n\n  renderLeft() {\n    const {value, fields, funcs, config, disabled, fieldClassName, searchable} =\n      this.props;\n    return (\n      <Expression\n        config={config}\n        funcs={funcs}\n        value={value.left}\n        fieldClassName={fieldClassName}\n        onChange={this.handleLeftChange}\n        fields={fields}\n        disabled={disabled}\n        searchable={searchable}\n        allowedTypes={\n          ['field', 'func'].filter(\n            type => type === 'field' || type === 'func'\n          ) as any\n        }\n      />\n    );\n  }\n\n  renderOperator() {\n    const {funcs, config, fields, value, classnames: cx, disabled} = this.props;\n    const left = value?.left;\n    let operators: Array<string> = [];\n\n    if ((left as ExpressionFunc)?.type === 'func') {\n      const func: Func = findTree(\n        funcs!,\n        (i: Func) => i.type === (left as ExpressionFunc).func\n      ) as Func;\n\n      if (func) {\n        operators = config.types[func.returnType]?.operators;\n      }\n    } else if ((left as ExpressionField)?.type === 'field') {\n      const field: FieldSimple = findTree(\n        fields,\n        (i: FieldSimple) => i.name === (left as ExpressionField).field\n      ) as FieldSimple;\n\n      if (field) {\n        operators = field.operators || config.types[field.type]?.operators;\n      }\n    }\n\n    if (Array.isArray(operators) && operators.length) {\n      const __ = this.props.translate;\n      return (\n        <PopOverContainer\n          popOverRender={({onClose}) => (\n            <GroupedSelection\n              onClick={onClose}\n              option2value={option2value}\n              onChange={this.handleOperatorChange}\n              options={operators.map(operator => ({\n                label: __(OperationMap[operator as keyof typeof OperationMap]),\n                value: operator\n              }))}\n              value={value.op}\n              multiple={false}\n            />\n          )}\n        >\n          {({onClick, isOpened, ref}) => (\n            <div className={cx('CBGroup-operator')}>\n              <ResultBox\n                className={cx(\n                  'CBGroup-operatorInput',\n                  isOpened ? 'is-active' : ''\n                )}\n                ref={ref}\n                allowInput={false}\n                result={__(\n                  OperationMap[value?.op as keyof typeof OperationMap]\n                )}\n                onResultChange={noop}\n                onResultClick={onClick}\n                disabled={disabled}\n                placeholder={__('Condition.cond_placeholder')}\n              >\n                <span className={cx('CBGroup-operatorCaret')}>\n                  <Icon icon=\"caret\" className=\"icon\" />\n                </span>\n              </ResultBox>\n            </div>\n          )}\n        </PopOverContainer>\n      );\n    }\n\n    return null;\n  }\n\n  renderRight() {\n    const {value, funcs, fields} = this.props;\n\n    if (!value?.op) {\n      return null;\n    }\n\n    const left = value?.left;\n    let leftType = '';\n\n    if ((left as ExpressionFunc)?.type === 'func') {\n      const func: Func = findTree(\n        funcs!,\n        (i: Func) => i.type === (left as ExpressionFunc).func\n      ) as Func;\n\n      if (func) {\n        leftType = func.returnType;\n      }\n    } else if ((left as ExpressionField)?.type === 'field') {\n      const field: FieldSimple = findTree(\n        fields,\n        (i: FieldSimple) => i.name === (left as ExpressionField).field\n      ) as FieldSimple;\n\n      if (field) {\n        leftType = field.type;\n      }\n    }\n\n    if (leftType) {\n      return this.renderRightWidgets(leftType, value.op!);\n    }\n\n    return null;\n  }\n\n  renderRightWidgets(type: string, op: OperatorType) {\n    const {\n      funcs,\n      value,\n      data,\n      fields,\n      config,\n      classnames: cx,\n      disabled,\n      formula\n    } = this.props;\n    let field = {\n      ...config.types[type],\n      type\n    } as FieldSimple;\n\n    if ((value?.left as ExpressionField)?.type === 'field') {\n      const leftField: FieldSimple = findTree(\n        fields,\n        (i: FieldSimple) => i.name === (value?.left as ExpressionField).field\n      ) as FieldSimple;\n\n      if (leftField) {\n        field = {\n          ...field,\n          ...leftField\n        };\n      }\n    }\n\n    if (op === 'is_empty' || op === 'is_not_empty') {\n      return null;\n    } else if (op === 'between' || op === 'not_between') {\n      return (\n        <>\n          <Expression\n            config={config}\n            funcs={funcs}\n            valueField={field}\n            value={(value.right as Array<ExpressionComplex>)?.[0]}\n            data={data}\n            onChange={this.handleRightSubChange.bind(this, 0)}\n            fields={fields}\n            allowedTypes={\n              field?.valueTypes ||\n              config.valueTypes || ['value', 'field', 'func', 'formula']\n            }\n            disabled={disabled}\n            formula={formula}\n          />\n\n          <span className={cx('CBSeprator')}>~</span>\n\n          <Expression\n            config={config}\n            funcs={funcs}\n            valueField={field}\n            value={(value.right as Array<ExpressionComplex>)?.[1]}\n            data={data}\n            onChange={this.handleRightSubChange.bind(this, 1)}\n            fields={fields}\n            allowedTypes={\n              field?.valueTypes ||\n              config.valueTypes || ['value', 'field', 'func', 'formula']\n            }\n            disabled={disabled}\n            formula={formula}\n          />\n        </>\n      );\n    }\n\n    return (\n      <Expression\n        config={config}\n        op={op}\n        funcs={funcs}\n        valueField={field}\n        value={value.right}\n        data={data}\n        onChange={this.handleRightChange}\n        fields={fields}\n        allowedTypes={\n          field?.valueTypes ||\n          config.valueTypes || ['value', 'field', 'func', 'formula']\n        }\n        disabled={disabled}\n        formula={formula}\n      />\n    );\n  }\n\n  render() {\n    const {classnames: cx} = this.props;\n\n    return (\n      <div className={cx('CBItem')}>\n        {this.renderLeft()}\n        {this.renderOperator()}\n        {this.renderRight()}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionItem));\n"
+        "import React from 'react';\nimport {findDOMNode} from 'react-dom';\nimport {\n  Fields,\n  ConditionRule,\n  ConditionGroupValue,\n  Funcs,\n  ExpressionFunc,\n  Func,\n  Field,\n  FieldSimple,\n  ExpressionField,\n  OperatorType,\n  ExpressionComplex\n} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport {Icon} from '../icons';\nimport {autobind, findTree, noop} from '../../utils/helper';\nimport Expression from './Expression';\nimport {Config, OperationMap} from './config';\nimport PopOverContainer from '../PopOverContainer';\nimport GroupedSelection from '../GroupedSelection';\nimport ResultBox from '../ResultBox';\nimport {localeable, LocaleProps} from '../../locale';\nimport {FormulaPickerProps} from '../formula/Picker';\n\nconst option2value = (item: any) => item.value;\n\nexport interface ConditionItemProps extends ThemeProps, LocaleProps {\n  config: Config;\n  fields: Fields;\n  funcs?: Funcs;\n  index?: number;\n  value: ConditionRule;\n  data?: any;\n  disabled?: boolean;\n  searchable?: boolean;\n  onChange: (value: ConditionRule, index?: number) => void;\n  fieldClassName?: string;\n  formula?: FormulaPickerProps;\n  popOverContainer?: any;\n}\n\nexport class ConditionItem extends React.Component<ConditionItemProps> {\n  @autobind\n  handleLeftFieldSelect(field: any) {\n    const value = {...this.props.value};\n    const onChange = this.props.onChange;\n    value.left = field;\n    onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleLeftInputTypeChange(type: 'func' | 'field') {\n    const value = {...this.props.value};\n    const onChange = this.props.onChange;\n\n    if (type === 'func') {\n      value.left = {type: 'func'};\n    } else {\n      value.left = '';\n    }\n\n    onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleLeftChange(leftValue: any) {\n    const value = {\n      ...this.props.value,\n      left: leftValue,\n      op: undefined,\n      right: undefined\n    };\n    const onChange = this.props.onChange;\n\n    onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleOperatorChange(op: OperatorType) {\n    const value = {...this.props.value, op: op, right: undefined};\n    this.props.onChange(value, this.props.index);\n  }\n\n  @autobind\n  handleRightChange(rightValue: any) {\n    const value = {...this.props.value, right: rightValue};\n    const onChange = this.props.onChange;\n\n    onChange(value, this.props.index);\n  }\n\n  handleRightSubChange(index: number, rightValue: any) {\n    const origin = Array.isArray(this.props.value?.right)\n      ? this.props.value.right.concat()\n      : [];\n\n    origin[index] = rightValue;\n    const value = {...this.props.value, right: origin};\n    const onChange = this.props.onChange;\n\n    onChange(value, this.props.index);\n  }\n\n  renderLeft() {\n    const {\n      value,\n      fields,\n      funcs,\n      config,\n      disabled,\n      fieldClassName,\n      searchable,\n      popOverContainer\n    } = this.props;\n    return (\n      <Expression\n        config={config}\n        funcs={funcs}\n        value={value.left}\n        fieldClassName={fieldClassName}\n        onChange={this.handleLeftChange}\n        fields={fields}\n        disabled={disabled}\n        searchable={searchable}\n        popOverContainer={popOverContainer}\n        allowedTypes={\n          ['field', 'func'].filter(\n            type => type === 'field' || type === 'func'\n          ) as any\n        }\n      />\n    );\n  }\n\n  renderOperator() {\n    const {\n      funcs,\n      config,\n      fields,\n      value,\n      classnames: cx,\n      disabled,\n      popOverContainer\n    } = this.props;\n    const left = value?.left;\n    let operators: Array<string> = [];\n\n    if ((left as ExpressionFunc)?.type === 'func') {\n      const func: Func = findTree(\n        funcs!,\n        (i: Func) => i.type === (left as ExpressionFunc).func\n      ) as Func;\n\n      if (func) {\n        operators = config.types[func.returnType]?.operators;\n      }\n    } else if ((left as ExpressionField)?.type === 'field') {\n      const field: FieldSimple = findTree(\n        fields,\n        (i: FieldSimple) => i.name === (left as ExpressionField).field\n      ) as FieldSimple;\n\n      if (field) {\n        operators = field.operators || config.types[field.type]?.operators;\n      }\n    }\n\n    if (Array.isArray(operators) && operators.length) {\n      const __ = this.props.translate;\n      return (\n        <PopOverContainer\n          popOverContainer={popOverContainer || (() => findDOMNode(this))}\n          popOverRender={({onClose}) => (\n            <GroupedSelection\n              onClick={onClose}\n              option2value={option2value}\n              onChange={this.handleOperatorChange}\n              options={operators.map(operator => ({\n                label: __(OperationMap[operator as keyof typeof OperationMap]),\n                value: operator\n              }))}\n              value={value.op}\n              multiple={false}\n            />\n          )}\n        >\n          {({onClick, isOpened, ref}) => (\n            <div className={cx('CBGroup-operator')}>\n              <ResultBox\n                className={cx(\n                  'CBGroup-operatorInput',\n                  isOpened ? 'is-active' : ''\n                )}\n                ref={ref}\n                allowInput={false}\n                result={__(\n                  OperationMap[value?.op as keyof typeof OperationMap]\n                )}\n                onResultChange={noop}\n                onResultClick={onClick}\n                disabled={disabled}\n                placeholder={__('Condition.cond_placeholder')}\n              >\n                <span className={cx('CBGroup-operatorCaret')}>\n                  <Icon icon=\"caret\" className=\"icon\" />\n                </span>\n              </ResultBox>\n            </div>\n          )}\n        </PopOverContainer>\n      );\n    }\n\n    return null;\n  }\n\n  renderRight() {\n    const {value, funcs, fields} = this.props;\n\n    if (!value?.op) {\n      return null;\n    }\n\n    const left = value?.left;\n    let leftType = '';\n\n    if ((left as ExpressionFunc)?.type === 'func') {\n      const func: Func = findTree(\n        funcs!,\n        (i: Func) => i.type === (left as ExpressionFunc).func\n      ) as Func;\n\n      if (func) {\n        leftType = func.returnType;\n      }\n    } else if ((left as ExpressionField)?.type === 'field') {\n      const field: FieldSimple = findTree(\n        fields,\n        (i: FieldSimple) => i.name === (left as ExpressionField).field\n      ) as FieldSimple;\n\n      if (field) {\n        leftType = field.type;\n      }\n    }\n\n    if (leftType) {\n      return this.renderRightWidgets(leftType, value.op!);\n    }\n\n    return null;\n  }\n\n  renderRightWidgets(type: string, op: OperatorType) {\n    const {\n      funcs,\n      value,\n      data,\n      fields,\n      config,\n      classnames: cx,\n      disabled,\n      formula,\n      popOverContainer\n    } = this.props;\n    let field = {\n      ...config.types[type],\n      type\n    } as FieldSimple;\n\n    if ((value?.left as ExpressionField)?.type === 'field') {\n      const leftField: FieldSimple = findTree(\n        fields,\n        (i: FieldSimple) => i.name === (value?.left as ExpressionField).field\n      ) as FieldSimple;\n\n      if (leftField) {\n        field = {\n          ...field,\n          ...leftField\n        };\n      }\n    }\n\n    if (op === 'is_empty' || op === 'is_not_empty') {\n      return null;\n    } else if (op === 'between' || op === 'not_between') {\n      return (\n        <>\n          <Expression\n            config={config}\n            funcs={funcs}\n            valueField={field}\n            value={(value.right as Array<ExpressionComplex>)?.[0]}\n            data={data}\n            onChange={this.handleRightSubChange.bind(this, 0)}\n            fields={fields}\n            allowedTypes={\n              field?.valueTypes ||\n              config.valueTypes || ['value', 'field', 'func', 'formula']\n            }\n            disabled={disabled}\n            formula={formula}\n            popOverContainer={popOverContainer}\n          />\n\n          <span className={cx('CBSeprator')}>~</span>\n\n          <Expression\n            config={config}\n            funcs={funcs}\n            valueField={field}\n            value={(value.right as Array<ExpressionComplex>)?.[1]}\n            data={data}\n            onChange={this.handleRightSubChange.bind(this, 1)}\n            fields={fields}\n            allowedTypes={\n              field?.valueTypes ||\n              config.valueTypes || ['value', 'field', 'func', 'formula']\n            }\n            disabled={disabled}\n            formula={formula}\n            popOverContainer={popOverContainer}\n          />\n        </>\n      );\n    }\n\n    return (\n      <Expression\n        config={config}\n        op={op}\n        funcs={funcs}\n        valueField={field}\n        value={value.right}\n        data={data}\n        onChange={this.handleRightChange}\n        fields={fields}\n        allowedTypes={\n          field?.valueTypes ||\n          config.valueTypes || ['value', 'field', 'func', 'formula']\n        }\n        disabled={disabled}\n        formula={formula}\n        popOverContainer={popOverContainer}\n      />\n    );\n  }\n\n  render() {\n    const {classnames: cx} = this.props;\n\n    return (\n      <div className={cx('CBItem')}>\n        {this.renderLeft()}\n        {this.renderOperator()}\n        {this.renderRight()}\n      </div>\n    );\n  }\n}\n\nexport default themeable(localeable(ConditionItem));\n"
     ]
 }

package/lib/components/condition-builder/Value.d.ts

@@ -12,6 +12,7 @@ export interface ValueProps extends ThemeProps, LocaleProps {
     op?: OperatorType;
     disabled?: boolean;
     formula?: FormulaPickerProps;
+    popOverContainer?: any;
 }
 export declare class Value extends React.Component<ValueProps> {
     render(): JSX.Element;

package/lib/components/condition-builder/Value.js

@@ -18,7 +18,7 @@ var Value = /** @class */ (function (_super) {
     }
     Value.prototype.render = function () {
         var _a;
-        var _b = this.props, cx = _b.classnames, field = _b.field, value = _b.value, onChange = _b.onChange, op = _b.op, __ = _b.translate, data = _b.data, disabled = _b.disabled, formula = _b.formula;
+        var _b = this.props, cx = _b.classnames, field = _b.field, value = _b.value, onChange = _b.onChange, op = _b.op, __ = _b.translate, data = _b.data, disabled = _b.disabled, formula = _b.formula, popOverContainer = _b.popOverContainer;
         var input = undefined;
         if (formula) {
             // 如果配置了 formula 字段，则所有的输入变为 formula 形式
@@ -39,17 +39,17 @@ var Value = /** @class */ (function (_super) {
             input = (react_1.default.createElement(NumberInput_1.default, { placeholder: __(field.placeholder) || __('NumberInput.placeholder'), step: field.step, min: field.minimum, max: field.maximum, precision: field.precision, value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled }));
         }
         else if (field.type === 'date') {
-            input = (react_1.default.createElement(DatePicker_1.default, { placeholder: __(field.placeholder) || __('Date.placeholder'), format: field.format || 'YYYY-MM-DD', inputFormat: field.inputFormat || 'YYYY-MM-DD', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: "", disabled: disabled }));
+            input = (react_1.default.createElement(DatePicker_1.default, { placeholder: __(field.placeholder) || __('Date.placeholder'), format: field.format || 'YYYY-MM-DD', inputFormat: field.inputFormat || 'YYYY-MM-DD', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: "", disabled: disabled, popOverContainer: popOverContainer }));
         }
         else if (field.type === 'time') {
-            input = (react_1.default.createElement(DatePicker_1.default, { viewMode: "time", placeholder: __(field.placeholder) || 'Time.placeholder', format: field.format || 'HH:mm', inputFormat: field.inputFormat || 'HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, dateFormat: "", timeFormat: field.format || 'HH:mm', disabled: disabled }));
+            input = (react_1.default.createElement(DatePicker_1.default, { viewMode: "time", placeholder: __(field.placeholder) || 'Time.placeholder', format: field.format || 'HH:mm', inputFormat: field.inputFormat || 'HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, dateFormat: "", timeFormat: field.format || 'HH:mm', disabled: disabled, popOverContainer: popOverContainer }));
         }
         else if (field.type === 'datetime') {
-            input = (react_1.default.createElement(DatePicker_1.default, { placeholder: __(field.placeholder) || 'Time.placeholder', format: field.format || '', inputFormat: field.inputFormat || 'YYYY-MM-DD HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: field.timeFormat || 'HH:mm', disabled: disabled }));
+            input = (react_1.default.createElement(DatePicker_1.default, { placeholder: __(field.placeholder) || 'Time.placeholder', format: field.format || '', inputFormat: field.inputFormat || 'YYYY-MM-DD HH:mm', value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, timeFormat: field.timeFormat || 'HH:mm', disabled: disabled, popOverContainer: popOverContainer }));
         }
         else if (field.type === 'select') {
             var autoComplete = field.autoComplete;
-            input = (react_1.default.createElement(Select_1.SelectWithRemoteOptions, { simpleValue: true, options: field.options, source: field.source, autoComplete: autoComplete, searchable: field.searchable, value: (_a = value !== null && value !== void 0 ? value : field.defaultValue) !== null && _a !== void 0 ? _a : '', data: data, onChange: onChange, multiple: op === 'select_any_in' || op === 'select_not_any_in', disabled: disabled }));
+            input = (react_1.default.createElement(Select_1.SelectWithRemoteOptions, { simpleValue: true, options: field.options, source: field.source, autoComplete: autoComplete, searchable: field.searchable, value: (_a = value !== null && value !== void 0 ? value : field.defaultValue) !== null && _a !== void 0 ? _a : '', data: data, onChange: onChange, multiple: op === 'select_any_in' || op === 'select_not_any_in', disabled: disabled, popOverContainer: popOverContainer }));
         }
         else if (field.type === 'boolean') {
             input = (react_1.default.createElement(Switch_1.default, { value: value !== null && value !== void 0 ? value : field.defaultValue, onChange: onChange, disabled: disabled }));

package/lib/components/condition-builder/Value.js.map

@@ -6,8 +6,8 @@
         "/src/components/condition-builder/Value.tsx"
     ],
     "names": [],
-    "mappings": "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",
+    "mappings": "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",
     "sourcesContent": [
-        "import React from 'react';\nimport {FieldSimple, OperatorType} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport InputBox from '../InputBox';\nimport NumberInput from '../NumberInput';\nimport DatePicker from '../DatePicker';\nimport {SelectWithRemoteOptions as Select} from '../Select';\nimport Switch from '../Switch';\nimport {localeable, LocaleProps} from '../../locale';\nimport {FormulaPicker, FormulaPickerProps} from '../formula/Picker';\n\nexport interface ValueProps extends ThemeProps, LocaleProps {\n  value: any;\n  data?: any;\n  onChange: (value: any) => void;\n  field: FieldSimple;\n  op?: OperatorType;\n  disabled?: boolean;\n  formula?: FormulaPickerProps;\n}\n\nexport class Value extends React.Component<ValueProps> {\n  render() {\n    let {\n      classnames: cx,\n      field,\n      value,\n      onChange,\n      op,\n      translate: __,\n      data,\n      disabled,\n      formula\n    } = this.props;\n    let input: JSX.Element | undefined = undefined;\n    if (formula) {\n      // 如果配置了 formula 字段，则所有的输入变为 formula 形式\n      formula = Object.assign(formula, {\n        translate: __,\n        classnames: cx,\n        data,\n        value: value ?? field.defaultValue,\n        onChange,\n        disabled\n      });\n      input = <FormulaPicker {...formula} />;\n    } else if (field.type === 'text') {\n      input = (\n        <InputBox\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          placeholder={__(field.placeholder)}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'number') {\n      input = (\n        <NumberInput\n          placeholder={__(field.placeholder) || __('NumberInput.placeholder')}\n          step={field.step}\n          min={field.minimum}\n          max={field.maximum}\n          precision={field.precision}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'date') {\n      input = (\n        <DatePicker\n          placeholder={__(field.placeholder) || __('Date.placeholder')}\n          format={field.format || 'YYYY-MM-DD'}\n          inputFormat={field.inputFormat || 'YYYY-MM-DD'}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          timeFormat=\"\"\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'time') {\n      input = (\n        <DatePicker\n          viewMode=\"time\"\n          placeholder={__(field.placeholder) || 'Time.placeholder'}\n          format={field.format || 'HH:mm'}\n          inputFormat={field.inputFormat || 'HH:mm'}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          dateFormat=\"\"\n          timeFormat={field.format || 'HH:mm'}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'datetime') {\n      input = (\n        <DatePicker\n          placeholder={__(field.placeholder) || 'Time.placeholder'}\n          format={field.format || ''}\n          inputFormat={field.inputFormat || 'YYYY-MM-DD HH:mm'}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          timeFormat={field.timeFormat || 'HH:mm'}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'select') {\n      const autoComplete = field.autoComplete;\n\n      input = (\n        <Select\n          simpleValue\n          options={field.options!}\n          source={field.source}\n          autoComplete={autoComplete}\n          searchable={field.searchable}\n          value={value ?? field.defaultValue ?? ''}\n          data={data}\n          onChange={onChange}\n          multiple={op === 'select_any_in' || op === 'select_not_any_in'}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'boolean') {\n      input = (\n        <Switch\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          disabled={disabled}\n        />\n      );\n    }\n\n    return <div className={cx('CBValue')}>{input}</div>;\n  }\n}\n\nexport default themeable(localeable(Value));\n"
+        "import React from 'react';\nimport {FieldSimple, OperatorType} from './types';\nimport {ThemeProps, themeable} from '../../theme';\nimport InputBox from '../InputBox';\nimport NumberInput from '../NumberInput';\nimport DatePicker from '../DatePicker';\nimport {SelectWithRemoteOptions as Select} from '../Select';\nimport Switch from '../Switch';\nimport {localeable, LocaleProps} from '../../locale';\nimport {FormulaPicker, FormulaPickerProps} from '../formula/Picker';\n\nexport interface ValueProps extends ThemeProps, LocaleProps {\n  value: any;\n  data?: any;\n  onChange: (value: any) => void;\n  field: FieldSimple;\n  op?: OperatorType;\n  disabled?: boolean;\n  formula?: FormulaPickerProps;\n  popOverContainer?: any;\n}\n\nexport class Value extends React.Component<ValueProps> {\n  render() {\n    let {\n      classnames: cx,\n      field,\n      value,\n      onChange,\n      op,\n      translate: __,\n      data,\n      disabled,\n      formula,\n      popOverContainer\n    } = this.props;\n    let input: JSX.Element | undefined = undefined;\n    if (formula) {\n      // 如果配置了 formula 字段，则所有的输入变为 formula 形式\n      formula = Object.assign(formula, {\n        translate: __,\n        classnames: cx,\n        data,\n        value: value ?? field.defaultValue,\n        onChange,\n        disabled\n      });\n      input = <FormulaPicker {...formula} />;\n    } else if (field.type === 'text') {\n      input = (\n        <InputBox\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          placeholder={__(field.placeholder)}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'number') {\n      input = (\n        <NumberInput\n          placeholder={__(field.placeholder) || __('NumberInput.placeholder')}\n          step={field.step}\n          min={field.minimum}\n          max={field.maximum}\n          precision={field.precision}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          disabled={disabled}\n        />\n      );\n    } else if (field.type === 'date') {\n      input = (\n        <DatePicker\n          placeholder={__(field.placeholder) || __('Date.placeholder')}\n          format={field.format || 'YYYY-MM-DD'}\n          inputFormat={field.inputFormat || 'YYYY-MM-DD'}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          timeFormat=\"\"\n          disabled={disabled}\n          popOverContainer={popOverContainer}\n        />\n      );\n    } else if (field.type === 'time') {\n      input = (\n        <DatePicker\n          viewMode=\"time\"\n          placeholder={__(field.placeholder) || 'Time.placeholder'}\n          format={field.format || 'HH:mm'}\n          inputFormat={field.inputFormat || 'HH:mm'}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          dateFormat=\"\"\n          timeFormat={field.format || 'HH:mm'}\n          disabled={disabled}\n          popOverContainer={popOverContainer}\n        />\n      );\n    } else if (field.type === 'datetime') {\n      input = (\n        <DatePicker\n          placeholder={__(field.placeholder) || 'Time.placeholder'}\n          format={field.format || ''}\n          inputFormat={field.inputFormat || 'YYYY-MM-DD HH:mm'}\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          timeFormat={field.timeFormat || 'HH:mm'}\n          disabled={disabled}\n          popOverContainer={popOverContainer}\n        />\n      );\n    } else if (field.type === 'select') {\n      const autoComplete = field.autoComplete;\n\n      input = (\n        <Select\n          simpleValue\n          options={field.options!}\n          source={field.source}\n          autoComplete={autoComplete}\n          searchable={field.searchable}\n          value={value ?? field.defaultValue ?? ''}\n          data={data}\n          onChange={onChange}\n          multiple={op === 'select_any_in' || op === 'select_not_any_in'}\n          disabled={disabled}\n          popOverContainer={popOverContainer}\n        />\n      );\n    } else if (field.type === 'boolean') {\n      input = (\n        <Switch\n          value={value ?? field.defaultValue}\n          onChange={onChange}\n          disabled={disabled}\n        />\n      );\n    }\n\n    return <div className={cx('CBValue')}>{input}</div>;\n  }\n}\n\nexport default themeable(localeable(Value));\n"
     ]
 }

package/lib/components/condition-builder/index.d.ts

@@ -19,6 +19,7 @@ export interface ConditionBuilderProps extends ThemeProps, LocaleProps {
     searchable?: boolean;
     fieldClassName?: string;
     formula?: FormulaPickerProps;
+    popOverContainer?: any;
 }
 export declare class QueryBuilder extends React.Component<ConditionBuilderProps> {
     config: {

package/lib/components/condition-builder/index.js

@@ -138,7 +138,7 @@ var QueryBuilder = /** @class */ (function (_super) {
         delete this.ghost;
     };
     QueryBuilder.prototype.render = function () {
-        var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, onChange = _a.onChange, value = _a.value, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula;
+        var _a = this.props, cx = _a.classnames, fieldClassName = _a.fieldClassName, fields = _a.fields, funcs = _a.funcs, onChange = _a.onChange, value = _a.value, showNot = _a.showNot, showANDOR = _a.showANDOR, data = _a.data, disabled = _a.disabled, searchable = _a.searchable, builderMode = _a.builderMode, formula = _a.formula, popOverContainer = _a.popOverContainer;
         var normalizedValue = Array.isArray(value === null || value === void 0 ? void 0 : value.children)
             ? (0, tslib_1.__assign)((0, tslib_1.__assign)({}, value), { children: (0, helper_1.mapTree)(value.children, function (value) {
                     if (value.id) {
@@ -146,7 +146,7 @@ var QueryBuilder = /** @class */ (function (_super) {
                     }
                     return (0, tslib_1.__assign)((0, tslib_1.__assign)({}, value), { id: (0, helper_1.guid)() });
                 }) }) : value;
-        return (react_1.default.createElement(Group_1.default, { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, searchable: searchable, formula: formula }));
+        return (react_1.default.createElement(Group_1.default, { builderMode: builderMode, config: this.config, funcs: funcs || this.config.funcs, fields: fields || this.config.fields, value: normalizedValue, onChange: onChange, classnames: cx, fieldClassName: fieldClassName, removeable: false, onDragStart: this.handleDragStart, showANDOR: showANDOR, showNot: showNot, data: data, disabled: disabled, searchable: searchable, formula: formula, popOverContainer: popOverContainer }));
     };
     var _a, _b, _c;
     (0, tslib_1.__decorate)([