npm - @elliemae/ds-query-builder - Versions diffs - 3.16.0 → 3.16.1 - Mend

@elliemae/ds-query-builder 3.16.0 → 3.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (140) hide show

package/dist/cjs/components/helpers/store.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/helpers/store.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n  createNewFilter,\n  createNewGroup,\n  addFilterToMap,\n  addGroupToMap,\n  addFilterToItem, // new API\n  addFilterToMainItem, // new API\n  findItemFilterById, // new API\n  removeFilterItem, // new API\n  addGroupFilterToItem, // new API\n  unGroupFilterToItem, // new API\n  changeFilterItem, // new API\n  changeGroupOperator, // new API\n} from './actions';\nimport QueryBuilderFormat from '../format/format';\n/**\n * Fluent interface: https://en.wikipedia.org/wiki/Fluent_interface\n *\n * @param idGroup\n * @param parentIdGroup\n * @param items\n * @param idFilter\n * @param value\n * @param data\n * @class QueryBuilderStore\n */\nclass QueryBuilderStore {\n  items = [];\n\n  step = 0;\n\n  steps = {};\n\n  mapFilters = {};\n\n  mapGroups = {};\n\n  main = null;\n\n  format = null;\n\n  constructor(init, format) {\n    this.firstLoad = true;\n    this.format = format;\n    if (init) return this.initSetupUp(init);\n    const mainGroup = this.createNewGroup('main');\n    this.mapGroups = {\n      [mainGroup.idGroup]: mainGroup,\n    };\n    this.main = mainGroup.idGroup;\n    this.addFilter(mainGroup.idGroup);\n\n    this.initSetupUp = this.initSetupUp.bind(this);\n  }\n\n  initSetupUp(init) {\n    this.step = init.step || 1;\n    Object.keys(init).forEach((key) => {\n      if (init[key] && this[key] !== undefined) this[key] = init[key];\n    });\n  }\n\n  createNewFilter = (idGroup) => createNewFilter.call(this, idGroup);\n\n  createNewGroup = (parentIdGroup) => createNewGroup.call(this, parentIdGroup);\n\n  onOrderDragAndDrop = (items) => {\n    this.items = items;\n    return this.getState();\n  };\n\n  // eslint-disable-next-line no-unused-vars\n  addFilterNextToFilterId = (idGroup, idFilter) => {\n    // eslint-disable-line\n    this.addFilter(idGroup);\n    return this.getState();\n  };\n\n  addFilter = (idGroup) => {\n    const newFilter = this.createNewFilter(idGroup);\n    addFilterToMap.call(this, newFilter);\n    // new API\n    if (this.main === idGroup) {\n      addFilterToMainItem.call(this, this.items, newFilter);\n    } else {\n      const foundInItems = findItemFilterById.call(this, idGroup);\n      if (foundInItems) {\n        addFilterToItem.call(this, foundInItems, newFilter);\n      }\n    }\n    return this.getState();\n  };\n\n  onRemoveFilter = (idFilter) => {\n    // new API\n    removeFilterItem.call(this, idFilter);\n    return this.getState();\n  };\n\n  addRuleContainerInPlace = (idGroup, idFilter) => {\n    // Create a new group\n    const newGroup = this.createNewGroup(idGroup);\n    addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);\n    return this.getState();\n  };\n\n  /**\n   * Group a filter inside a new Group\n   *\n   * @param idGroup\n   * @param idFilter\n   */\n  // eslint-disable-next-line no-unused-vars\n  addRuleContainer = (idGroup, idFilter) => {\n    // eslint-disable-line\n    const newGroup = this.createNewGroup(idGroup);\n    addGroupToMap.call(this, newGroup);\n    if (this.main === idGroup) {\n      addFilterToMainItem.call(this, this.items, newGroup);\n    } else {\n      const foundInItems = findItemFilterById.call(this, idGroup);\n      if (foundInItems) {\n        addFilterToItem.call(this, foundInItems, newGroup);\n      }\n    }\n    return this.getState();\n  };\n\n  unGroup = (idGroup) => {\n    unGroupFilterToItem.call(this, idGroup);\n    return this.getState();\n  };\n\n  changeGroupOperator = (idGroup, value) => {\n    this.getGroupById(idGroup).condition = value;\n    changeGroupOperator.call(this, idGroup, value);\n    return this.getState();\n  };\n\n  changeFilter = (data) => {\n    const { idFilter } = data;\n    this.mapFilters[idFilter] = {\n      ...this.mapFilters[idFilter],\n      ...data,\n    };\n    changeFilterItem.call(this, data);\n    return this.getState();\n  };\n\n  getGroupById = (idGroup) => this.mapGroups[idGroup] || {};\n\n  getFilterById = (idFilter) => this.mapFilters[idFilter];\n\n  getInitialState = () => {\n    const newFilters = {\n      step: this.step,\n      mapFilters: { ...this.mapFilters },\n      mapGroups: { ...this.mapGroups },\n      main: this.main,\n      items: this.items,\n    };\n    const format = QueryBuilderFormat.run(newFilters, this.format);\n    return {\n      ...newFilters,\n      format,\n    };\n  };\n\n  getState = () => {\n    this.step += 1;\n    const newFilters = {\n      step: this.step,\n      mapFilters: { ...this.mapFilters },\n      mapGroups: { ...this.mapGroups },\n      main: this.main,\n      items: this.items,\n    };\n    const format = QueryBuilderFormat.run(newFilters, this.format);\n    return {\n      ...newFilters,\n      format,\n    };\n  };\n}\n\nexport default QueryBuilderStore;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n  createNewFilter,\n  createNewGroup,\n  addFilterToMap,\n  addGroupToMap,\n  addFilterToItem, // new API\n  addFilterToMainItem, // new API\n  findItemFilterById, // new API\n  removeFilterItem, // new API\n  addGroupFilterToItem, // new API\n  unGroupFilterToItem, // new API\n  changeFilterItem, // new API\n  changeGroupOperator, // new API\n} from './actions.js';\nimport QueryBuilderFormat from '../format/format.js';\n/**\n * Fluent interface: https://en.wikipedia.org/wiki/Fluent_interface\n *\n * @param idGroup\n * @param parentIdGroup\n * @param items\n * @param idFilter\n * @param value\n * @param data\n * @class QueryBuilderStore\n */\nclass QueryBuilderStore {\n  items = [];\n\n  step = 0;\n\n  steps = {};\n\n  mapFilters = {};\n\n  mapGroups = {};\n\n  main = null;\n\n  format = null;\n\n  constructor(init, format) {\n    this.firstLoad = true;\n    this.format = format;\n    if (init) return this.initSetupUp(init);\n    const mainGroup = this.createNewGroup('main');\n    this.mapGroups = {\n      [mainGroup.idGroup]: mainGroup,\n    };\n    this.main = mainGroup.idGroup;\n    this.addFilter(mainGroup.idGroup);\n\n    this.initSetupUp = this.initSetupUp.bind(this);\n  }\n\n  initSetupUp(init) {\n    this.step = init.step || 1;\n    Object.keys(init).forEach((key) => {\n      if (init[key] && this[key] !== undefined) this[key] = init[key];\n    });\n  }\n\n  createNewFilter = (idGroup) => createNewFilter.call(this, idGroup);\n\n  createNewGroup = (parentIdGroup) => createNewGroup.call(this, parentIdGroup);\n\n  onOrderDragAndDrop = (items) => {\n    this.items = items;\n    return this.getState();\n  };\n\n  // eslint-disable-next-line no-unused-vars\n  addFilterNextToFilterId = (idGroup, idFilter) => {\n    // eslint-disable-line\n    this.addFilter(idGroup);\n    return this.getState();\n  };\n\n  addFilter = (idGroup) => {\n    const newFilter = this.createNewFilter(idGroup);\n    addFilterToMap.call(this, newFilter);\n    // new API\n    if (this.main === idGroup) {\n      addFilterToMainItem.call(this, this.items, newFilter);\n    } else {\n      const foundInItems = findItemFilterById.call(this, idGroup);\n      if (foundInItems) {\n        addFilterToItem.call(this, foundInItems, newFilter);\n      }\n    }\n    return this.getState();\n  };\n\n  onRemoveFilter = (idFilter) => {\n    // new API\n    removeFilterItem.call(this, idFilter);\n    return this.getState();\n  };\n\n  addRuleContainerInPlace = (idGroup, idFilter) => {\n    // Create a new group\n    const newGroup = this.createNewGroup(idGroup);\n    addGroupFilterToItem.call(this, idGroup, idFilter, newGroup);\n    return this.getState();\n  };\n\n  /**\n   * Group a filter inside a new Group\n   *\n   * @param idGroup\n   * @param idFilter\n   */\n  // eslint-disable-next-line no-unused-vars\n  addRuleContainer = (idGroup, idFilter) => {\n    // eslint-disable-line\n    const newGroup = this.createNewGroup(idGroup);\n    addGroupToMap.call(this, newGroup);\n    if (this.main === idGroup) {\n      addFilterToMainItem.call(this, this.items, newGroup);\n    } else {\n      const foundInItems = findItemFilterById.call(this, idGroup);\n      if (foundInItems) {\n        addFilterToItem.call(this, foundInItems, newGroup);\n      }\n    }\n    return this.getState();\n  };\n\n  unGroup = (idGroup) => {\n    unGroupFilterToItem.call(this, idGroup);\n    return this.getState();\n  };\n\n  changeGroupOperator = (idGroup, value) => {\n    this.getGroupById(idGroup).condition = value;\n    changeGroupOperator.call(this, idGroup, value);\n    return this.getState();\n  };\n\n  changeFilter = (data) => {\n    const { idFilter } = data;\n    this.mapFilters[idFilter] = {\n      ...this.mapFilters[idFilter],\n      ...data,\n    };\n    changeFilterItem.call(this, data);\n    return this.getState();\n  };\n\n  getGroupById = (idGroup) => this.mapGroups[idGroup] || {};\n\n  getFilterById = (idFilter) => this.mapFilters[idFilter];\n\n  getInitialState = () => {\n    const newFilters = {\n      step: this.step,\n      mapFilters: { ...this.mapFilters },\n      mapGroups: { ...this.mapGroups },\n      main: this.main,\n      items: this.items,\n    };\n    const format = QueryBuilderFormat.run(newFilters, this.format);\n    return {\n      ...newFilters,\n      format,\n    };\n  };\n\n  getState = () => {\n    this.step += 1;\n    const newFilters = {\n      step: this.step,\n      mapFilters: { ...this.mapFilters },\n      mapGroups: { ...this.mapGroups },\n      main: this.main,\n      items: this.items,\n    };\n    const format = QueryBuilderFormat.run(newFilters, this.format);\n    return {\n      ...newFilters,\n      format,\n    };\n  };\n}\n\nexport default QueryBuilderStore;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": ["QueryBuilderFormat"]
 }

package/dist/cjs/components/helpers/types.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));

package/dist/cjs/components/helpers/types.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/components/helpers/types.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["export const QB_FIELD_TYPES = {\n  LOAN_VALUES: 'loanValues',\n  LTV_VALUES: 'ltvValues',\n  SUBJECT_VALUES: 'subjectValues',\n  LAST_VALUES: 'lastValues',\n  CREDIT_VALUES: 'creditValues',\n};\n\nexport const QB_OPERATOR_TYPES = {\n  EQUAL: 'equal',\n  NOT_EQUAL: 'notEqual',\n  GREATER_THAN: 'greaterThan',\n  LESS_THAN: 'lessThan',\n  CONTAINS: 'contains',\n  NOT_CONTAINS: 'notNontains',\n  BETWEEN: 'between',\n  GREATER_THAN_OR_EQUAL: 'greaterThanOrEquals',\n  LESS_THAN_OR_EQUAL: 'lessThanOrEquals',\n  START_WITH: 'startsWith',\n};\n\nexport const QB_GROUP_CONDITION_TYPES = {\n  AND: true,\n  OR: false,\n};\n\nexport const QB_DRAG_TYPES = {\n  FILTER: 'filter',\n  GROUP: 'group',\n};\n\nexport const QB_DRAG_LOCATIONS = {\n  ABOVE: 'above',\n  BELOW: 'below',\n};\n\nexport const QB_EXPORT_FORMAT_TYPES = {\n  DEFAULT: 'defaultFormat',\n  XML: 'xmlFormat',\n  SQL: 'sqlFormat',\n  SAFESQL: 'sqlSafeFormat',\n};\n\nexport const QB_ADD_FILTER_METHOD_TYPES = {\n  IN_PLACE: 'inplace',\n  APPEND: 'append',\n};\n\nexport const QB_GROUP_FILTER_METHOD_TYPES = {\n  IN_PLACE: 'inplace',\n  APPEND: 'append',\n};\n\nexport const QB_FIELD_SHARED_ACTIONS = {\n  RESET_FIELD: 'resetField',\n  RESET_OPERATOR: 'resetOperator',\n  RESET_VALUE: 'resetValue',\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAAA,EAC5B,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,YAAY;AACd;AAEO,MAAM,2BAA2B;AAAA,EACtC,KAAK;AAAA,EACL,IAAI;AACN;AAEO,MAAM,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AACT;AAEO,MAAM,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,KAAK;AAAA,EACL,SAAS;AACX;AAEO,MAAM,6BAA6B;AAAA,EACxC,UAAU;AAAA,EACV,QAAQ;AACV;AAEO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,QAAQ;AACV;AAEO,MAAM,0BAA0B;AAAA,EACrC,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AACf;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,iBAAiB;AAAA,EAC5B,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AACjB;AAEO,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,UAAU;AAAA,EACV,cAAc;AAAA,EACd,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,oBAAoB;AAAA,EACpB,YAAY;AACd;AAEO,MAAM,2BAA2B;AAAA,EACtC,KAAK;AAAA,EACL,IAAI;AACN;AAEO,MAAM,gBAAgB;AAAA,EAC3B,QAAQ;AAAA,EACR,OAAO;AACT;AAEO,MAAM,oBAAoB;AAAA,EAC/B,OAAO;AAAA,EACP,OAAO;AACT;AAEO,MAAM,yBAAyB;AAAA,EACpC,SAAS;AAAA,EACT,KAAK;AAAA,EACL,KAAK;AAAA,EACL,SAAS;AACX;AAEO,MAAM,6BAA6B;AAAA,EACxC,UAAU;AAAA,EACV,QAAQ;AACV;AAEO,MAAM,+BAA+B;AAAA,EAC1C,UAAU;AAAA,EACV,QAAQ;AACV;AAEO,MAAM,0BAA0B;AAAA,EACrC,aAAa;AAAA,EACb,gBAAgB;AAAA,EAChB,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/index.js CHANGED Viewed

@@ -19,6 +19,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -31,7 +35,7 @@ __export(src_exports, {
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSQueryBuilder = __toESM(require("./DSQueryBuilder"));
-__reExport(src_exports, require("./DSQueryBuilder"), module.exports);
-var import_adapter = require("./components/helpers/adapter");
+var import_DSQueryBuilder = __toESM(require("./DSQueryBuilder.js"));
+__reExport(src_exports, require("./DSQueryBuilder.js"), module.exports);
+var import_adapter = require("./components/helpers/adapter.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default } from './DSQueryBuilder';\nexport * from './DSQueryBuilder';\nexport { adapterV2toV1, adapterV1toV2 } from './components/helpers/adapter'", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAwB;AACxB,wBAAc,6BADd;AAEA,qBAA6C;",
+  "sourcesContent": ["export { default } from './DSQueryBuilder.js';\nexport * from './DSQueryBuilder.js';\nexport { adapterV2toV1, adapterV1toV2 } from './components/helpers/adapter.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAAwB;AACxB,wBAAc,gCADd;AAEA,qBAA6C;",
   "names": []
 }

package/dist/cjs/package.json ADDED Viewed

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/propTypes.js CHANGED Viewed

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
   isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
   mod
 ));
@@ -29,18 +33,23 @@ __export(propTypes_exports, {
 module.exports = __toCommonJS(propTypes_exports);
 var React = __toESM(require("react"));
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_types = require("./components/helpers/types");
+var import_types = require("./components/helpers/types.js");
 const props = {
+  /** inpect props to component wrapper */
   containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to component wrapper"),
+  /** add filter strategy */
   addFilterMethod: import_ds_props_helpers.PropTypes.oneOf([
     import_types.QB_ADD_FILTER_METHOD_TYPES.APPEND,
     import_types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE
   ]).description("add filter strategy"),
+  /** group filter strategy */
   groupFilterMethod: import_ds_props_helpers.PropTypes.oneOf([
     import_types.QB_ADD_FILTER_METHOD_TYPES.APPEND,
     import_types.QB_ADD_FILTER_METHOD_TYPES.IN_PLACE
   ]).description("group filter strategy"),
+  /** change callback */
   onChange: import_ds_props_helpers.PropTypes.func.description("change callback"),
+  /** fields to query */
   fields: import_ds_props_helpers.PropTypes.arrayOf(
     import_ds_props_helpers.PropTypes.shape({
       target: import_ds_props_helpers.PropTypes.oneOf(["operator", "field", "value"]),
@@ -68,12 +77,15 @@ const props = {
       )
     })
   ).description("fields to query"),
+  /** fields actions */
   fieldsSharedActions: import_ds_props_helpers.PropTypes.shape({
     onFieldChange: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.func),
     onOperatorChange: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.func),
     onValueChange: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.func)
   }).description("fields actions"),
+  /** query builder format */
   format: import_ds_props_helpers.PropTypes.string.description("query builder format"),
+  /** initial values */
   init: import_ds_props_helpers.PropTypes.shape({
     step: import_ds_props_helpers.PropTypes.number,
     mapFilters: import_ds_props_helpers.PropTypes.object,
@@ -81,27 +93,40 @@ const props = {
     main: import_ds_props_helpers.PropTypes.string,
     items: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object)
   }).description("initial values"),
+  /** class for rule container */
   ruleContainerClassName: import_ds_props_helpers.PropTypes.string.description("class for rule container"),
+  /** handle field change */
   handleDrop: import_ds_props_helpers.PropTypes.func.description("handle field change"),
+  /** handle field change drop */
   handleDropFilter: import_ds_props_helpers.PropTypes.func.description("handle field change drop"),
+  /** handle field group change */
   handleDropGroup: import_ds_props_helpers.PropTypes.func.description("handle field group change"),
+  /** handle field change */
   handleFieldChange: import_ds_props_helpers.PropTypes.func.description("handle field change"),
+  /** handle rule container operator change */
   handleRuleContainerOperator: import_ds_props_helpers.PropTypes.func.description("handle rule container operator change"),
+  /** handle rule container grouping change */
   handleRuleContainerUnGroup: import_ds_props_helpers.PropTypes.func.description("handle rule container grouping change"),
+  /** filter add callback */
   onAddFilter: import_ds_props_helpers.PropTypes.func.description("filter add callback"),
+  /** rule container add callback */
   onAddRuleContainer: import_ds_props_helpers.PropTypes.func.description("rule container add callback"),
+  /** remove filter callback */
   onRemoveFilter: import_ds_props_helpers.PropTypes.func.description("remove filter callback"),
   displayFixedOutput: import_ds_props_helpers.PropTypes.string.description(
     `Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel'
   and it will always render the output without the ability to close it.
   `
   ).defaultValue(""),
+  /** show output */
   displayOutput: import_ds_props_helpers.PropTypes.bool.description("show output"),
+  /** show output label */
   displayOutputLabel: import_ds_props_helpers.PropTypes.shape({
     show: import_ds_props_helpers.PropTypes.string,
     hide: import_ds_props_helpers.PropTypes.string,
     open: import_ds_props_helpers.PropTypes.bool
   }).description("show output label"),
+  /** one or multiple rows for query */
   singleRow: import_ds_props_helpers.PropTypes.bool.description("one or multiple rows for query"),
   toolTipZIndex: import_ds_props_helpers.PropTypes.number.description("ZIndex for action controls").defaultValue(110)
 };

package/dist/cjs/propTypes.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["\nimport { PropTypes } from '@elliemae/ds-props-helpers';\nimport { QB_ADD_FILTER_METHOD_TYPES } from './components/helpers/types';\n\nexport const props = {\n  /** inpect props to component wrapper */\n  containerProps: PropTypes.object.description('inject props to component wrapper'),\n  /** add filter strategy */\n  addFilterMethod: PropTypes.oneOf([\n    QB_ADD_FILTER_METHOD_TYPES.APPEND,\n    QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  ]).description('add filter strategy'),\n  /** group filter strategy */\n  groupFilterMethod: PropTypes.oneOf([\n    QB_ADD_FILTER_METHOD_TYPES.APPEND,\n    QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  ]).description('group filter strategy'),\n  /** change callback */\n  onChange: PropTypes.func.description('change callback'),\n  /** fields to query */\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      target: PropTypes.oneOf(['operator', 'field', 'value']),\n      component: PropTypes.element,\n      condition: PropTypes.arrayOf(\n        PropTypes.shape({\n          source: PropTypes.oneOf(['operator', 'field', 'value']),\n          operator: PropTypes.oneOf([\n            'checkNotEmpty',\n            'greaterThan',\n            'greaterThanOrEquals',\n            'lessThanOrEquals',\n            'startsWith',\n            'contains',\n            'validDate',\n            'equal',\n            'notEqual',\n            'isNull',\n            'isNotNull',\n            'isIn',\n            'isNotIn',\n          ]),\n          value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        }),\n      ),\n    }),\n  ).description('fields to query'),\n  /** fields actions */\n  fieldsSharedActions: PropTypes.shape({\n    onFieldChange: PropTypes.arrayOf(PropTypes.func),\n    onOperatorChange: PropTypes.arrayOf(PropTypes.func),\n    onValueChange: PropTypes.arrayOf(PropTypes.func),\n  }).description('fields actions'),\n  /** query builder format */\n  format: PropTypes.string.description('query builder format'),\n  /** initial values */\n  init: PropTypes.shape({\n    step: PropTypes.number,\n    mapFilters: PropTypes.object,\n    mapGroups: PropTypes.object,\n    main: PropTypes.string,\n    items: PropTypes.arrayOf(PropTypes.object),\n  }).description('initial values'),\n  /** class for rule container */\n  ruleContainerClassName: PropTypes.string.description('class for rule container'),\n  /** handle field change */\n  handleDrop: PropTypes.func.description('handle field change'),\n  /** handle field change drop */\n  handleDropFilter: PropTypes.func.description('handle field change drop'),\n  /** handle field group change */\n  handleDropGroup: PropTypes.func.description('handle field group change'),\n  /** handle field change */\n  handleFieldChange: PropTypes.func.description('handle field change'),\n  /** handle rule container operator change */\n  handleRuleContainerOperator: PropTypes.func.description('handle rule container operator change'),\n  /** handle rule container grouping change */\n  handleRuleContainerUnGroup: PropTypes.func.description('handle rule container grouping change'),\n  /** filter add callback */\n  onAddFilter: PropTypes.func.description('filter add callback'),\n  /** rule container add callback */\n  onAddRuleContainer: PropTypes.func.description('rule container add callback'),\n  /** remove filter callback */\n  onRemoveFilter: PropTypes.func.description('remove filter callback'),\n  displayFixedOutput: PropTypes.string\n    .description(\n      `Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel' \n  and it will always render the output without the ability to close it. \n  `,\n    )\n    .defaultValue(''),\n  /** show output */\n  displayOutput: PropTypes.bool.description('show output'),\n  /** show output label */\n  displayOutputLabel: PropTypes.shape({\n    show: PropTypes.string,\n    hide: PropTypes.string,\n    open: PropTypes.bool,\n  }).description('show output label'),\n  /** one or multiple rows for query */\n  singleRow: PropTypes.bool.description('one or multiple rows for query'),\n  toolTipZIndex: PropTypes.number.description('ZIndex for action controls').defaultValue(110),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAC1B,mBAA2C;AAEpC,MAAM,QAAQ;AAAA,EAEnB,gBAAgB,kCAAU,OAAO,YAAY,mCAAmC;AAAA,EAEhF,iBAAiB,kCAAU,MAAM;AAAA,IAC/B,wCAA2B;AAAA,IAC3B,wCAA2B;AAAA,EAC7B,CAAC,EAAE,YAAY,qBAAqB;AAAA,EAEpC,mBAAmB,kCAAU,MAAM;AAAA,IACjC,wCAA2B;AAAA,IAC3B,wCAA2B;AAAA,EAC7B,CAAC,EAAE,YAAY,uBAAuB;AAAA,EAEtC,UAAU,kCAAU,KAAK,YAAY,iBAAiB;AAAA,EAEtD,QAAQ,kCAAU;AAAA,IAChB,kCAAU,MAAM;AAAA,MACd,QAAQ,kCAAU,MAAM,CAAC,YAAY,SAAS,OAAO,CAAC;AAAA,MACtD,WAAW,kCAAU;AAAA,MACrB,WAAW,kCAAU;AAAA,QACnB,kCAAU,MAAM;AAAA,UACd,QAAQ,kCAAU,MAAM,CAAC,YAAY,SAAS,OAAO,CAAC;AAAA,UACtD,UAAU,kCAAU,MAAM;AAAA,YACxB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UACF,CAAC;AAAA,UACD,OAAO,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC;AAAA,QACjE,CAAC;AAAA,MACH;AAAA,IACF,CAAC;AAAA,EACH,EAAE,YAAY,iBAAiB;AAAA,EAE/B,qBAAqB,kCAAU,MAAM;AAAA,IACnC,eAAe,kCAAU,QAAQ,kCAAU,IAAI;AAAA,IAC/C,kBAAkB,kCAAU,QAAQ,kCAAU,IAAI;AAAA,IAClD,eAAe,kCAAU,QAAQ,kCAAU,IAAI;AAAA,EACjD,CAAC,EAAE,YAAY,gBAAgB;AAAA,EAE/B,QAAQ,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAE3D,MAAM,kCAAU,MAAM;AAAA,IACpB,MAAM,kCAAU;AAAA,IAChB,YAAY,kCAAU;AAAA,IACtB,WAAW,kCAAU;AAAA,IACrB,MAAM,kCAAU;AAAA,IAChB,OAAO,kCAAU,QAAQ,kCAAU,MAAM;AAAA,EAC3C,CAAC,EAAE,YAAY,gBAAgB;AAAA,EAE/B,wBAAwB,kCAAU,OAAO,YAAY,0BAA0B;AAAA,EAE/E,YAAY,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAE5D,kBAAkB,kCAAU,KAAK,YAAY,0BAA0B;AAAA,EAEvE,iBAAiB,kCAAU,KAAK,YAAY,2BAA2B;AAAA,EAEvE,mBAAmB,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAEnE,6BAA6B,kCAAU,KAAK,YAAY,uCAAuC;AAAA,EAE/F,4BAA4B,kCAAU,KAAK,YAAY,uCAAuC;AAAA,EAE9F,aAAa,kCAAU,KAAK,YAAY,qBAAqB;AAAA,EAE7D,oBAAoB,kCAAU,KAAK,YAAY,6BAA6B;AAAA,EAE5E,gBAAgB,kCAAU,KAAK,YAAY,wBAAwB;AAAA,EACnE,oBAAoB,kCAAU,OAC3B;AAAA,IACC;AAAA;AAAA;AAAA,EAGF,EACC,aAAa,EAAE;AAAA,EAElB,eAAe,kCAAU,KAAK,YAAY,aAAa;AAAA,EAEvD,oBAAoB,kCAAU,MAAM;AAAA,IAClC,MAAM,kCAAU;AAAA,IAChB,MAAM,kCAAU;AAAA,IAChB,MAAM,kCAAU;AAAA,EAClB,CAAC,EAAE,YAAY,mBAAmB;AAAA,EAElC,WAAW,kCAAU,KAAK,YAAY,gCAAgC;AAAA,EACtE,eAAe,kCAAU,OAAO,YAAY,4BAA4B,EAAE,aAAa,GAAG;AAC5F;",
+  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { QB_ADD_FILTER_METHOD_TYPES } from './components/helpers/types.js';\n\nexport const props = {\n  /** inpect props to component wrapper */\n  containerProps: PropTypes.object.description('inject props to component wrapper'),\n  /** add filter strategy */\n  addFilterMethod: PropTypes.oneOf([\n    QB_ADD_FILTER_METHOD_TYPES.APPEND,\n    QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  ]).description('add filter strategy'),\n  /** group filter strategy */\n  groupFilterMethod: PropTypes.oneOf([\n    QB_ADD_FILTER_METHOD_TYPES.APPEND,\n    QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  ]).description('group filter strategy'),\n  /** change callback */\n  onChange: PropTypes.func.description('change callback'),\n  /** fields to query */\n  fields: PropTypes.arrayOf(\n    PropTypes.shape({\n      target: PropTypes.oneOf(['operator', 'field', 'value']),\n      component: PropTypes.element,\n      condition: PropTypes.arrayOf(\n        PropTypes.shape({\n          source: PropTypes.oneOf(['operator', 'field', 'value']),\n          operator: PropTypes.oneOf([\n            'checkNotEmpty',\n            'greaterThan',\n            'greaterThanOrEquals',\n            'lessThanOrEquals',\n            'startsWith',\n            'contains',\n            'validDate',\n            'equal',\n            'notEqual',\n            'isNull',\n            'isNotNull',\n            'isIn',\n            'isNotIn',\n          ]),\n          value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n        }),\n      ),\n    }),\n  ).description('fields to query'),\n  /** fields actions */\n  fieldsSharedActions: PropTypes.shape({\n    onFieldChange: PropTypes.arrayOf(PropTypes.func),\n    onOperatorChange: PropTypes.arrayOf(PropTypes.func),\n    onValueChange: PropTypes.arrayOf(PropTypes.func),\n  }).description('fields actions'),\n  /** query builder format */\n  format: PropTypes.string.description('query builder format'),\n  /** initial values */\n  init: PropTypes.shape({\n    step: PropTypes.number,\n    mapFilters: PropTypes.object,\n    mapGroups: PropTypes.object,\n    main: PropTypes.string,\n    items: PropTypes.arrayOf(PropTypes.object),\n  }).description('initial values'),\n  /** class for rule container */\n  ruleContainerClassName: PropTypes.string.description('class for rule container'),\n  /** handle field change */\n  handleDrop: PropTypes.func.description('handle field change'),\n  /** handle field change drop */\n  handleDropFilter: PropTypes.func.description('handle field change drop'),\n  /** handle field group change */\n  handleDropGroup: PropTypes.func.description('handle field group change'),\n  /** handle field change */\n  handleFieldChange: PropTypes.func.description('handle field change'),\n  /** handle rule container operator change */\n  handleRuleContainerOperator: PropTypes.func.description('handle rule container operator change'),\n  /** handle rule container grouping change */\n  handleRuleContainerUnGroup: PropTypes.func.description('handle rule container grouping change'),\n  /** filter add callback */\n  onAddFilter: PropTypes.func.description('filter add callback'),\n  /** rule container add callback */\n  onAddRuleContainer: PropTypes.func.description('rule container add callback'),\n  /** remove filter callback */\n  onRemoveFilter: PropTypes.func.description('remove filter callback'),\n  displayFixedOutput: PropTypes.string\n    .description(\n      `Label for fixed output.Using this props it will ignore 'displayOutput' and 'displayOutputLabel' \n  and it will always render the output without the ability to close it. \n  `,\n    )\n    .defaultValue(''),\n  /** show output */\n  displayOutput: PropTypes.bool.description('show output'),\n  /** show output label */\n  displayOutputLabel: PropTypes.shape({\n    show: PropTypes.string,\n    hide: PropTypes.string,\n    open: PropTypes.bool,\n  }).description('show output label'),\n  /** one or multiple rows for query */\n  singleRow: PropTypes.bool.description('one or multiple rows for query'),\n  toolTipZIndex: PropTypes.number.description('ZIndex for action controls').defaultValue(110),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/DSQueryBuilder.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { describe } from "@elliemae/ds-props-helpers";
-import QueryBuilderImpl from "./components/QueryBuilderImpl";
+import QueryBuilderImpl from "./components/QueryBuilderImpl.js";
 import {
   QB_FIELD_TYPES,
   QB_OPERATOR_TYPES,
@@ -12,16 +12,16 @@ import {
   QB_ADD_FILTER_METHOD_TYPES,
   QB_GROUP_FILTER_METHOD_TYPES,
   QB_FIELD_SHARED_ACTIONS
-} from "./components/helpers/types";
+} from "./components/helpers/types.js";
 import {
   QB_OPERATOR_OPTIONS,
   QB_DEFAULT_VALUES_OPTIONS,
   QB_FIELD_OPTIONS,
   QB_LOAN_VALUES_OPTIONS,
   QB_SUBJECT_VALUES_OPTIONS
-} from "./components/helpers/selectors";
-import QueryBuilderFormat from "./components/format/format";
-import { props } from "./propTypes";
+} from "./components/helpers/selectors.js";
+import QueryBuilderFormat from "./components/format/format.js";
+import { props } from "./propTypes.js";
 const DSQueryBuilder = ({
   containerProps = {},
   addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,

package/dist/esm/DSQueryBuilder.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSQueryBuilder.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport QueryBuilderImpl from './components/QueryBuilderImpl';\nimport {\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types';\nimport {\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors';\nimport QueryBuilderFormat from './components/format/format';\nimport { props } from './propTypes';\n\nconst DSQueryBuilder = ({\n  containerProps = {},\n  addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n  onChange = () => null,\n  fields = [],\n  fieldsSharedActions = {\n    onFieldChange: [],\n    onOperatorChange: [],\n    onValueChange: [],\n  },\n  format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n  init = null,\n  ruleContainerClassName = '',\n  handleDrop = () => null,\n  handleDropFilter = () => null,\n  handleDropGroup = () => null,\n  handleFieldChange = () => null,\n  handleRuleContainerOperator = () => null,\n  handleRuleContainerUnGroup = () => null,\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  displayFixedOutput,\n  displayOutput = false,\n  displayOutputLabel = {\n    show: 'Show output',\n    hide: 'Hide output',\n  },\n  singleRow = false,\n  toolTipZIndex = 110,\n}) => (\n  <QueryBuilderImpl\n    addFilterMethod={addFilterMethod}\n    containerProps={containerProps}\n    displayFixedOutput={displayFixedOutput}\n    displayOutput={displayOutput}\n    displayOutputLabel={displayOutputLabel}\n    fields={fields}\n    fieldsSharedActions={fieldsSharedActions}\n    format={format}\n    groupFilterMethod={groupFilterMethod}\n    handleDrop={handleDrop}\n    handleDropFilter={handleDropFilter}\n    handleDropGroup={handleDropGroup}\n    handleFieldChange={handleFieldChange}\n    handleRuleContainerOperator={handleRuleContainerOperator}\n    handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n    init={init}\n    onAddFilter={onAddFilter}\n    onAddRuleContainer={onAddRuleContainer}\n    onChange={onChange}\n    onRemoveFilter={onRemoveFilter}\n    ruleContainerClassName={ruleContainerClassName}\n    singleRow={singleRow}\n    toolTipZIndex={toolTipZIndex}\n  />\n);\n\nDSQueryBuilder.propTypes = props;\nDSQueryBuilder.displayName = 'DSQueryBuilder';\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n  QB_FIELD_SHARED_ACTIONS,\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QueryBuilderFormat,\n  DSQueryBuilderWithSchema,\n  DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport QueryBuilderImpl from './components/QueryBuilderImpl.js';\nimport {\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QB_FIELD_SHARED_ACTIONS,\n} from './components/helpers/types.js';\nimport {\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n} from './components/helpers/selectors.js';\nimport QueryBuilderFormat from './components/format/format.js';\nimport { props } from './propTypes.js';\n\nconst DSQueryBuilder = ({\n  containerProps = {},\n  addFilterMethod = QB_ADD_FILTER_METHOD_TYPES.IN_PLACE,\n  groupFilterMethod = QB_GROUP_FILTER_METHOD_TYPES.IN_PLACE,\n  onChange = () => null,\n  fields = [],\n  fieldsSharedActions = {\n    onFieldChange: [],\n    onOperatorChange: [],\n    onValueChange: [],\n  },\n  format = QB_EXPORT_FORMAT_TYPES.DEFAULT,\n  init = null,\n  ruleContainerClassName = '',\n  handleDrop = () => null,\n  handleDropFilter = () => null,\n  handleDropGroup = () => null,\n  handleFieldChange = () => null,\n  handleRuleContainerOperator = () => null,\n  handleRuleContainerUnGroup = () => null,\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  displayFixedOutput,\n  displayOutput = false,\n  displayOutputLabel = {\n    show: 'Show output',\n    hide: 'Hide output',\n  },\n  singleRow = false,\n  toolTipZIndex = 110,\n}) => (\n  <QueryBuilderImpl\n    addFilterMethod={addFilterMethod}\n    containerProps={containerProps}\n    displayFixedOutput={displayFixedOutput}\n    displayOutput={displayOutput}\n    displayOutputLabel={displayOutputLabel}\n    fields={fields}\n    fieldsSharedActions={fieldsSharedActions}\n    format={format}\n    groupFilterMethod={groupFilterMethod}\n    handleDrop={handleDrop}\n    handleDropFilter={handleDropFilter}\n    handleDropGroup={handleDropGroup}\n    handleFieldChange={handleFieldChange}\n    handleRuleContainerOperator={handleRuleContainerOperator}\n    handleRuleContainerUnGroup={handleRuleContainerUnGroup}\n    init={init}\n    onAddFilter={onAddFilter}\n    onAddRuleContainer={onAddRuleContainer}\n    onChange={onChange}\n    onRemoveFilter={onRemoveFilter}\n    ruleContainerClassName={ruleContainerClassName}\n    singleRow={singleRow}\n    toolTipZIndex={toolTipZIndex}\n  />\n);\n\nDSQueryBuilder.propTypes = props;\nDSQueryBuilder.displayName = 'DSQueryBuilder';\nconst DSQueryBuilderWithSchema = describe(DSQueryBuilder);\nDSQueryBuilderWithSchema.propTypes = props;\n\nexport {\n  QB_FIELD_SHARED_ACTIONS,\n  QB_FIELD_TYPES,\n  QB_OPERATOR_TYPES,\n  QB_OPERATOR_OPTIONS,\n  QB_DEFAULT_VALUES_OPTIONS,\n  QB_FIELD_OPTIONS,\n  QB_LOAN_VALUES_OPTIONS,\n  QB_SUBJECT_VALUES_OPTIONS,\n  QB_GROUP_CONDITION_TYPES,\n  QB_DRAG_TYPES,\n  QB_DRAG_LOCATIONS,\n  QB_EXPORT_FORMAT_TYPES,\n  QB_ADD_FILTER_METHOD_TYPES,\n  QB_GROUP_FILTER_METHOD_TYPES,\n  QueryBuilderFormat,\n  DSQueryBuilderWithSchema,\n  DSQueryBuilder,\n};\n\nexport default DSQueryBuilder;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACwDrB;AAvDF,SAAS,gBAAgB;AACzB,OAAO,sBAAsB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,wBAAwB;AAC/B,SAAS,aAAa;AAEtB,MAAM,iBAAiB,CAAC;AAAA,EACtB,iBAAiB,CAAC;AAAA,EAClB,kBAAkB,2BAA2B;AAAA,EAC7C,oBAAoB,6BAA6B;AAAA,EACjD,WAAW,MAAM;AAAA,EACjB,SAAS,CAAC;AAAA,EACV,sBAAsB;AAAA,IACpB,eAAe,CAAC;AAAA,IAChB,kBAAkB,CAAC;AAAA,IACnB,eAAe,CAAC;AAAA,EAClB;AAAA,EACA,SAAS,uBAAuB;AAAA,EAChC,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,aAAa,MAAM;AAAA,EACnB,mBAAmB,MAAM;AAAA,EACzB,kBAAkB,MAAM;AAAA,EACxB,oBAAoB,MAAM;AAAA,EAC1B,8BAA8B,MAAM;AAAA,EACpC,6BAA6B,MAAM;AAAA,EACnC,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB;AAAA,EACA,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,IACnB,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AAAA,EACA,YAAY;AAAA,EACZ,gBAAgB;AAClB,MACE;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAsBrC,IAAO,yBAAQ;",
   "names": []
 }

package/dist/esm/components/AndOrController/AndOrController.js CHANGED Viewed

@@ -8,9 +8,9 @@ import { DSToggle } from "@elliemae/ds-form";
 import DSButton from "@elliemae/ds-button";
 import { ParenthesisRemove, MoreOptionsVert, QueryAdd } from "@elliemae/ds-icons";
 import { DSIconColors, DSIconSizes } from "@elliemae/ds-icon";
-import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from "../helpers/constants";
-import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation";
-import DragContainerController from "../DragContainerController/DragContainerController";
+import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from "../helpers/constants.js";
+import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation.js";
+import DragContainerController from "../DragContainerController/DragContainerController.js";
 const { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } = convertPropToCssClassName("query-builder-and-or-controller");
 class AndOrController extends Component {
   constructor(props) {

package/dist/esm/components/AndOrController/AndOrController.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/AndOrController/AndOrController.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport DragContainerController from '../DragContainerController/DragContainerController';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n  convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n  static defaultProps = {\n    isMain: false,\n    handleRuleContainerOperator: () => null,\n    handleRuleContainerUnGroup: () => null,\n    handleTooltipGroup: () => null,\n    labelOn: 'AND',\n    labelOff: 'OR',\n    condition: true,\n    showDragController: true,\n    allowUnGroup: true,\n    buttonActionSize: DSIconSizes.M,\n    buttonActionType: 'text',\n    toogleActionSize: DSIconSizes.S,\n    onAddFilter: () => null,\n    multipleSize: false,\n    delayClose: DELAY_CLOSE,\n    delayOpen: DELAY_OPEN,\n    step: null,\n    toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n    toolBarInteractionType: Interaction.CLICK,\n    toolBarPosition: Position.LEFT,\n  };\n\n  constructor(props) {\n    super(props);\n    this.contenerRef = React.createRef();\n    this.myRef = React.createRef();\n    this.state = {\n      isOpen: false,\n      top: 0,\n      right: -2,\n    };\n  }\n\n  handleMouseEnterRow = (e) => {\n    this.handleTooltipRow(true);\n    // this.handleMouseMove(e)\n  };\n\n  handleMouseMove = (e) => {\n    if (!this.contenerRef.current) return;\n    const mouse = e.clientY;\n    const { height } = this.contenerRef.current.getBoundingClientRect();\n    const delta = height / 2;\n    const topDiff = this.myRef.current.getBoundingClientRect().top;\n    const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n    this.setState({\n      top: mouse - topDiff - refHeight / 2 - delta,\n    });\n  };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n    const { handleTooltipGroup } = this.props;\n    handleTooltipGroup(isOpen);\n  };\n\n  render() {\n    const {\n      handleRuleContainerOperator,\n      handleRuleContainerUnGroup,\n      labelOn,\n      labelOff,\n      condition,\n      showDragController,\n      allowUnGroup,\n      buttonActionSize,\n      buttonActionType,\n      toogleActionSize,\n      onAddFilter,\n      multipleSize,\n      delayClose,\n      delayOpen,\n      step,\n      toolBarAnimationDuration,\n      toolBarInteractionType,\n      toolBarPosition,\n      isMain,\n      toolTipZIndex,\n    } = this.props;\n    const { isOpen, top, right } = this.state;\n    return (\n      <div\n        ref={this.myRef}\n        className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${isMain ? 'is-main-group-join' : ''\n          }`}\n        // onMouseEnter={this.handleMouseEnterRow}\n        onMouseLeave={this.handleMouseLeaveRow}\n      // onMouseMove={this.handleMouseMove}\n      >\n        <div className={`${classNameBlock('content')} step-${step}`}>\n          <DSTooltip\n            delayClose={delayClose}\n            delayOpen={delayOpen}\n            interactionType={toolBarInteractionType}\n            isOpen={isOpen}\n            onOpen={this.handleTooltipRow}\n            placement={toolBarPosition}\n            springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n            step={step}\n            title={\n              <div\n                ref={this.contenerRef}\n                className={classNameBlock('actions')}\n                style={{\n                  transition: '0.2s',\n                  position: 'absolute',\n                  top: `${top}px`,\n                  right: `${right}px`,\n                }}\n              >\n                <DSTooltip title=\"Add condition\"\n                  triggerComponent={<DSButton\n                    buttonType={buttonActionType}\n                    className={classNameElement('add-rule')}\n                    icon={<QueryAdd />}\n                    onClick={onAddFilter}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'query-add-button',\n                    }}\n                  />}\n                />\n                {allowUnGroup && (\n                  <DSTooltip title=\"Remove group\"\n                  triggerComponent={<DSButton\n                    buttonType=\"text\"\n                    className={classNameElement('ungroup')}\n                    icon={<ParenthesisRemove />}\n                    onClick={handleRuleContainerUnGroup}\n                    size={buttonActionSize}\n                    containerProps={{\n                      'data-testid': 'parenthesis-remove-button',\n                    }}\n                  />}\n                />\n                )}\n                <DSToggle\n                  checked={condition}\n                  className={classNameElement('and-or-toggle')}\n                  labelOff={labelOff}\n                  labelOn={labelOn}\n                  onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n                  size={toogleActionSize}\n                  containerProps={{\n                    'data-testid': 'and-or-toggle-button',\n                  }}\n                />\n              </div>\n            }\n            tooltipType={TooltipType.TOOLBAR}\n            triggerComponent={\n              <div\n                className={`${classNameBlock('trigger-controller')} ${showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n                  } step-${step}`}\n              >\n                <div className={classNameElement('condition-display')}>\n                  <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n                  <span className={classNameElement('condition-display-step')}>{step}</span>\n                  <div className=\"separator\" />\n                  <MoreOptionsVert\n                    color={DSIconColors.NEUTRAL}\n                    onClick={this.handleMouseEnterRow}\n                    size={DSIconSizes.S}\n                    containerProps={{\n                      'data-testid': 'and-or-more-options-button',\n                    }}\n                  />\n                </div>\n                {showDragController && (\n                  <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n                )}\n              </div>\n            }\n            zIndex={toolTipZIndex}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AndOrController;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-unused-vars */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable max-len */\nimport React, { Component } from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSToggle } from '@elliemae/ds-form';\nimport DSButton from '@elliemae/ds-button';\nimport { ParenthesisRemove, MoreOptionsVert, QueryAdd } from '@elliemae/ds-icons';\nimport { DSIconColors, DSIconSizes } from '@elliemae/ds-icon';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';\nimport DragContainerController from '../DragContainerController/DragContainerController.js';\n\nconst { cssClassName, classNameBlock, classNameElement, mainModifier, classNameBlockModifier } =\n  convertPropToCssClassName('query-builder-and-or-controller');\n/**\n * condition-display-step: required to avoid the cache of the trigger\n *\n * @param e\n * @param isOpen\n */\nclass AndOrController extends Component {\n  static defaultProps = {\n    isMain: false,\n    handleRuleContainerOperator: () => null,\n    handleRuleContainerUnGroup: () => null,\n    handleTooltipGroup: () => null,\n    labelOn: 'AND',\n    labelOff: 'OR',\n    condition: true,\n    showDragController: true,\n    allowUnGroup: true,\n    buttonActionSize: DSIconSizes.M,\n    buttonActionType: 'text',\n    toogleActionSize: DSIconSizes.S,\n    onAddFilter: () => null,\n    multipleSize: false,\n    delayClose: DELAY_CLOSE,\n    delayOpen: DELAY_OPEN,\n    step: null,\n    toolBarAnimationDuration: TOOLBAR_ANIMATION_DURATION,\n    toolBarInteractionType: Interaction.CLICK,\n    toolBarPosition: Position.LEFT,\n  };\n\n  constructor(props) {\n    super(props);\n    this.contenerRef = React.createRef();\n    this.myRef = React.createRef();\n    this.state = {\n      isOpen: false,\n      top: 0,\n      right: -2,\n    };\n  }\n\n  handleMouseEnterRow = (e) => {\n    this.handleTooltipRow(true);\n    // this.handleMouseMove(e)\n  };\n\n  handleMouseMove = (e) => {\n    if (!this.contenerRef.current) return;\n    const mouse = e.clientY;\n    const { height } = this.contenerRef.current.getBoundingClientRect();\n    const delta = height / 2;\n    const topDiff = this.myRef.current.getBoundingClientRect().top;\n    const refHeight = this.myRef.current.getBoundingClientRect().height;\n\n    this.setState({\n      top: mouse - topDiff - refHeight / 2 - delta,\n    });\n  };\n\n  handleMouseLeaveRow = () => {\n    this.handleTooltipRow(false);\n  };\n\n  handleTooltipRow = (isOpen) => {\n    this.setState({ isOpen });\n    const { handleTooltipGroup } = this.props;\n    handleTooltipGroup(isOpen);\n  };\n\n  render() {\n    const {\n      handleRuleContainerOperator,\n      handleRuleContainerUnGroup,\n      labelOn,\n      labelOff,\n      condition,\n      showDragController,\n      allowUnGroup,\n      buttonActionSize,\n      buttonActionType,\n      toogleActionSize,\n      onAddFilter,\n      multipleSize,\n      delayClose,\n      delayOpen,\n      step,\n      toolBarAnimationDuration,\n      toolBarInteractionType,\n      toolBarPosition,\n      isMain,\n      toolTipZIndex,\n    } = this.props;\n    const { isOpen, top, right } = this.state;\n    return (\n      <div\n        ref={this.myRef}\n        className={`${cssClassName} ${mainModifier(condition ? 'active' : 'default')} step-${step}  ${\n          isMain ? 'is-main-group-join' : ''\n        }`}\n        // onMouseEnter={this.handleMouseEnterRow}\n        onMouseLeave={this.handleMouseLeaveRow}\n        // onMouseMove={this.handleMouseMove}\n      >\n        <div className={`${classNameBlock('content')} step-${step}`}>\n          <DSTooltip\n            delayClose={delayClose}\n            delayOpen={delayOpen}\n            interactionType={toolBarInteractionType}\n            isOpen={isOpen}\n            onOpen={this.handleTooltipRow}\n            placement={toolBarPosition}\n            springAnimationComponent={<ToolBarAnimation duration={toolBarAnimationDuration} />}\n            step={step}\n            title={\n              <div\n                ref={this.contenerRef}\n                className={classNameBlock('actions')}\n                style={{\n                  transition: '0.2s',\n                  position: 'absolute',\n                  top: `${top}px`,\n                  right: `${right}px`,\n                }}\n              >\n                <DSTooltip\n                  title=\"Add condition\"\n                  triggerComponent={\n                    <DSButton\n                      buttonType={buttonActionType}\n                      className={classNameElement('add-rule')}\n                      icon={<QueryAdd />}\n                      onClick={onAddFilter}\n                      size={buttonActionSize}\n                      containerProps={{\n                        'data-testid': 'query-add-button',\n                      }}\n                    />\n                  }\n                />\n                {allowUnGroup && (\n                  <DSTooltip\n                    title=\"Remove group\"\n                    triggerComponent={\n                      <DSButton\n                        buttonType=\"text\"\n                        className={classNameElement('ungroup')}\n                        icon={<ParenthesisRemove />}\n                        onClick={handleRuleContainerUnGroup}\n                        size={buttonActionSize}\n                        containerProps={{\n                          'data-testid': 'parenthesis-remove-button',\n                        }}\n                      />\n                    }\n                  />\n                )}\n                <DSToggle\n                  checked={condition}\n                  className={classNameElement('and-or-toggle')}\n                  labelOff={labelOff}\n                  labelOn={labelOn}\n                  onChange={(e) => handleRuleContainerOperator(e.target.checked)}\n                  size={toogleActionSize}\n                  containerProps={{\n                    'data-testid': 'and-or-toggle-button',\n                  }}\n                />\n              </div>\n            }\n            tooltipType={TooltipType.TOOLBAR}\n            triggerComponent={\n              <div\n                className={`${classNameBlock('trigger-controller')} ${\n                  showDragController ? classNameBlockModifier('draggable', 'trigger-controller') : ''\n                } step-${step}`}\n              >\n                <div className={classNameElement('condition-display')}>\n                  <span className={classNameElement('condition-display-label')}>{condition ? labelOn : labelOff}</span>\n                  <span className={classNameElement('condition-display-step')}>{step}</span>\n                  <div className=\"separator\" />\n                  <MoreOptionsVert\n                    color={DSIconColors.NEUTRAL}\n                    onClick={this.handleMouseEnterRow}\n                    size={DSIconSizes.S}\n                    containerProps={{\n                      'data-testid': 'and-or-more-options-button',\n                    }}\n                  />\n                </div>\n                {showDragController && (\n                  <DragContainerController multipleSize={multipleSize} onClick={this.handleMouseEnterRow} />\n                )}\n              </div>\n            }\n            zIndex={toolTipZIndex}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default AndOrController;\n"],
+  "mappings": "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",
   "names": ["React"]
 }

package/dist/esm/components/ConditionController/ConditionController.js CHANGED Viewed

@@ -6,8 +6,8 @@ import { PopperInteractions as Interaction, PopperPositions as Position } from "
 import { DSIconSizes } from "@elliemae/ds-icon";
 import { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from "@elliemae/ds-icons";
 import DSButton from "@elliemae/ds-button";
-import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation";
-import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from "../helpers/constants";
+import { ToolBarAnimation } from "../ToolBarAnimation/ToolBarAnimation.js";
+import { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from "../helpers/constants.js";
 const ConditionController = ({
   onAddFilter = () => null,
   onAddRuleContainer = () => null,

package/dist/esm/components/ConditionController/ConditionController.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ConditionController/ConditionController.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants';\n\nconst ConditionController = ({\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  handleTooltipRow = () => null,\n  buttonTriggerSize = DSIconSizes.M,\n  buttonTriggerType = 'text',\n  buttonActionSize = DSIconSizes.M,\n  buttonActionType = 'text',\n  delayClose = DELAY_CLOSE,\n  delayOpen = DELAY_OPEN,\n  isOpen = false,\n  toolTipZIndex,\n}) => {\n  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'query-builder-condition-controller',\n  );\n  return (\n    <div className={cssClassName}>\n      <DSTooltip\n        delayClose={delayClose}\n        delayOpen={delayOpen}\n        interactionType={Interaction.CLICK}\n        isOpen={isOpen}\n        onOpen={handleTooltipRow}\n        placement={Position.LEFT}\n        springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n        title={\n          <div className={classNameBlock('actions')}>\n            <DSTooltip title=\"Remove condition\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={classNameElement('remove-rule')}\n                icon={<QueryRemove />}\n                onClick={onRemoveFilter}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'query-remove-button',\n                }}\n              />}\n            />\n\n            <DSTooltip title=\"Add condition\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={classNameElement('add-rule')}\n                icon={<QueryAdd />}\n                onClick={onAddFilter}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'query-add-button',\n                }}\n              />}\n            />\n\n            <DSTooltip title=\"Add group\"\n              triggerComponent={<DSButton\n                buttonType={buttonActionType}\n                className={`${classNameElement('add-rule-container')} no-border-right`}\n                icon={<ParenthesisAdd />}\n                onClick={onAddRuleContainer}\n                size={buttonActionSize}\n                containerProps={{\n                  'data-testid': 'parenthesis-add-button',\n                }}\n              />}\n            />\n\n          </div>\n        }\n        tooltipType={TooltipType.TOOLBAR}\n        triggerComponent={\n          <DSButton\n            buttonType={buttonTriggerType}\n            icon={<MoreOptionsVert color={['neutral', '500']} />}\n            onClick={handleTooltipRow}\n            size={buttonTriggerSize}\n            containerProps={{\n              'data-testid': 'condition-more-options-button',\n            }}\n          />\n        }\n        zIndex={toolTipZIndex}\n      />\n    </div>\n  );\n};\n\nexport default ConditionController;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACqCW,cAExB,YAFwB;AAnClC,SAAS,iCAAiC;AAC1C,OAAO,aAAa,mBAAmB;AACvC,SAAS,sBAAsB,aAAa,mBAAmB,gBAAgB;AAC/E,SAAS,mBAAmB;AAC5B,SAAS,aAAa,iBAAiB,UAAU,sBAAsB;AACvE,OAAO,cAAc;AACrB,SAAS,wBAAwB;AACjC,SAAS,aAAa,YAAY,kCAAkC;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,oBAAC,SAAI,WAAW,cACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,0BAA0B,oBAAC,oBAAiB,UAAU,4BAA4B;AAAA,MAClF,OACE,qBAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA;AAAA,UAAC;AAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC;AAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,iBAAiB,aAAa;AAAA,gBACzC,MAAM,oBAAC,eAAY;AAAA,gBACnB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC;AAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,iBAAiB,UAAU;AAAA,gBACtC,MAAM,oBAAC,YAAS;AAAA,gBAChB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YAAU,OAAM;AAAA,YACf,kBAAkB;AAAA,cAAC;AAAA;AAAA,gBACjB,YAAY;AAAA,gBACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,gBACnD,MAAM,oBAAC,kBAAe;AAAA,gBACtB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QACF;AAAA,SAEF;AAAA,MAEF,aAAa,YAAY;AAAA,MACzB,kBACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,MAAM,oBAAC,mBAAgB,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,UAClD,SAAS;AAAA,UACT,MAAM;AAAA,UACN,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ;AAAA;AAAA,EACV,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTooltip, { TooltipType } from '@elliemae/ds-tooltip';\nimport { PopperInteractions as Interaction, PopperPositions as Position } from '@elliemae/ds-popper';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { QueryRemove, MoreOptionsVert, QueryAdd, ParenthesisAdd } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\nimport { ToolBarAnimation } from '../ToolBarAnimation/ToolBarAnimation.js';\nimport { DELAY_CLOSE, DELAY_OPEN, TOOLBAR_ANIMATION_DURATION } from '../helpers/constants.js';\n\nconst ConditionController = ({\n  onAddFilter = () => null,\n  onAddRuleContainer = () => null,\n  onRemoveFilter = () => null,\n  handleTooltipRow = () => null,\n  buttonTriggerSize = DSIconSizes.M,\n  buttonTriggerType = 'text',\n  buttonActionSize = DSIconSizes.M,\n  buttonActionType = 'text',\n  delayClose = DELAY_CLOSE,\n  delayOpen = DELAY_OPEN,\n  isOpen = false,\n  toolTipZIndex,\n}) => {\n  const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n    'query-builder-condition-controller',\n  );\n  return (\n    <div className={cssClassName}>\n      <DSTooltip\n        delayClose={delayClose}\n        delayOpen={delayOpen}\n        interactionType={Interaction.CLICK}\n        isOpen={isOpen}\n        onOpen={handleTooltipRow}\n        placement={Position.LEFT}\n        springAnimationComponent={<ToolBarAnimation duration={TOOLBAR_ANIMATION_DURATION} />}\n        title={\n          <div className={classNameBlock('actions')}>\n            <DSTooltip\n              title=\"Remove condition\"\n              triggerComponent={\n                <DSButton\n                  buttonType={buttonActionType}\n                  className={classNameElement('remove-rule')}\n                  icon={<QueryRemove />}\n                  onClick={onRemoveFilter}\n                  size={buttonActionSize}\n                  containerProps={{\n                    'data-testid': 'query-remove-button',\n                  }}\n                />\n              }\n            />\n\n            <DSTooltip\n              title=\"Add condition\"\n              triggerComponent={\n                <DSButton\n                  buttonType={buttonActionType}\n                  className={classNameElement('add-rule')}\n                  icon={<QueryAdd />}\n                  onClick={onAddFilter}\n                  size={buttonActionSize}\n                  containerProps={{\n                    'data-testid': 'query-add-button',\n                  }}\n                />\n              }\n            />\n\n            <DSTooltip\n              title=\"Add group\"\n              triggerComponent={\n                <DSButton\n                  buttonType={buttonActionType}\n                  className={`${classNameElement('add-rule-container')} no-border-right`}\n                  icon={<ParenthesisAdd />}\n                  onClick={onAddRuleContainer}\n                  size={buttonActionSize}\n                  containerProps={{\n                    'data-testid': 'parenthesis-add-button',\n                  }}\n                />\n              }\n            />\n          </div>\n        }\n        tooltipType={TooltipType.TOOLBAR}\n        triggerComponent={\n          <DSButton\n            buttonType={buttonTriggerType}\n            icon={<MoreOptionsVert color={['neutral', '500']} />}\n            onClick={handleTooltipRow}\n            size={buttonTriggerSize}\n            containerProps={{\n              'data-testid': 'condition-more-options-button',\n            }}\n          />\n        }\n        zIndex={toolTipZIndex}\n      />\n    </div>\n  );\n};\n\nexport default ConditionController;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACqCW,cAExB,YAFwB;AAnClC,SAAS,iCAAiC;AAC1C,OAAO,aAAa,mBAAmB;AACvC,SAAS,sBAAsB,aAAa,mBAAmB,gBAAgB;AAC/E,SAAS,mBAAmB;AAC5B,SAAS,aAAa,iBAAiB,UAAU,sBAAsB;AACvE,OAAO,cAAc;AACrB,SAAS,wBAAwB;AACjC,SAAS,aAAa,YAAY,kCAAkC;AAEpE,MAAM,sBAAsB,CAAC;AAAA,EAC3B,cAAc,MAAM;AAAA,EACpB,qBAAqB,MAAM;AAAA,EAC3B,iBAAiB,MAAM;AAAA,EACvB,mBAAmB,MAAM;AAAA,EACzB,oBAAoB,YAAY;AAAA,EAChC,oBAAoB;AAAA,EACpB,mBAAmB,YAAY;AAAA,EAC/B,mBAAmB;AAAA,EACnB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT;AACF,MAAM;AACJ,QAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,IACzD;AAAA,EACF;AACA,SACE,oBAAC,SAAI,WAAW,cACd;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,iBAAiB,YAAY;AAAA,MAC7B;AAAA,MACA,QAAQ;AAAA,MACR,WAAW,SAAS;AAAA,MACpB,0BAA0B,oBAAC,oBAAiB,UAAU,4BAA4B;AAAA,MAClF,OACE,qBAAC,SAAI,WAAW,eAAe,SAAS,GACtC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,kBACE;AAAA,cAAC;AAAA;AAAA,gBACC,YAAY;AAAA,gBACZ,WAAW,iBAAiB,aAAa;AAAA,gBACzC,MAAM,oBAAC,eAAY;AAAA,gBACnB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,kBACE;AAAA,cAAC;AAAA;AAAA,gBACC,YAAY;AAAA,gBACZ,WAAW,iBAAiB,UAAU;AAAA,gBACtC,MAAM,oBAAC,YAAS;AAAA,gBAChB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,OAAM;AAAA,YACN,kBACE;AAAA,cAAC;AAAA;AAAA,gBACC,YAAY;AAAA,gBACZ,WAAW,GAAG,iBAAiB,oBAAoB;AAAA,gBACnD,MAAM,oBAAC,kBAAe;AAAA,gBACtB,SAAS;AAAA,gBACT,MAAM;AAAA,gBACN,gBAAgB;AAAA,kBACd,eAAe;AAAA,gBACjB;AAAA;AAAA,YACF;AAAA;AAAA,QAEJ;AAAA,SACF;AAAA,MAEF,aAAa,YAAY;AAAA,MACzB,kBACE;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,MAAM,oBAAC,mBAAgB,OAAO,CAAC,WAAW,KAAK,GAAG;AAAA,UAClD,SAAS;AAAA,UACT,MAAM;AAAA,UACN,gBAAgB;AAAA,YACd,eAAe;AAAA,UACjB;AAAA;AAAA,MACF;AAAA,MAEF,QAAQ;AAAA;AAAA,EACV,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
   "names": []
 }

package/dist/esm/components/DisplayOutput/DisplayOutput.js CHANGED Viewed

@@ -5,7 +5,7 @@ import { Grid } from "@elliemae/ds-grid";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
 import { DSAccordion, DSAccordionItem } from "@elliemae/ds-accordion";
 import { ChevronDown, ChevronRight } from "@elliemae/ds-icons";
-import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext";
+import { QueryBuilderContext } from "../QueryBuilderContext/QueryBuilderContext.js";
 const { cssClassName } = convertPropToCssClassName("query-builder-output");
 class DisplayOutput extends Component {
   constructor(props) {

package/dist/esm/components/DisplayOutput/DisplayOutput.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DisplayOutput/DisplayOutput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n  }\n\n  handleChange = () => {\n    this.setState(({ show }) => ({\n      show: !show,\n    }));\n  };\n\n  render() {\n    const { show } = this.state;\n    const { showLabel, hideLabel, displayFixedOutput } = this.props;\n    return (\n      <QueryBuilderContext.Consumer>\n        {({ format }) => {\n          let display = '';\n          try {\n            display = typeof format === 'object' ? JSON.stringify(format) : format;\n          } catch (e) {\n            display = e;\n          }\n          if (displayFixedOutput) {\n            return (\n              <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n                <Grid p=\"xxs\">\n                  <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n                </Grid>\n                <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n                  {display}\n                </Grid>\n              </div>\n            );\n          }\n\n          return (\n            <div className={cssClassName}>\n              <DSAccordion activeValue={show} onChange={this.handleChange}>\n                <DSAccordionItem\n                  iconClosed={ChevronRight}\n                  iconOpened={ChevronDown}\n                  title={show ? hideLabel : showLabel}\n                  value\n                >\n                  <div>{display}</div>\n                </DSAccordionItem>\n              </DSAccordion>\n            </div>\n          );\n        }}\n      </QueryBuilderContext.Consumer>\n    );\n  }\n}\n\nexport default DisplayOutput;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSAccordion, DSAccordionItem } from '@elliemae/ds-accordion';\nimport { ChevronDown, ChevronRight } from '@elliemae/ds-icons';\nimport { QueryBuilderContext } from '../QueryBuilderContext/QueryBuilderContext.js';\n\nconst { cssClassName } = convertPropToCssClassName('query-builder-output');\n\nclass DisplayOutput extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      show: props.show,\n    };\n  }\n\n  handleChange = () => {\n    this.setState(({ show }) => ({\n      show: !show,\n    }));\n  };\n\n  render() {\n    const { show } = this.state;\n    const { showLabel, hideLabel, displayFixedOutput } = this.props;\n    return (\n      <QueryBuilderContext.Consumer>\n        {({ format }) => {\n          let display = '';\n          try {\n            display = typeof format === 'object' ? JSON.stringify(format) : format;\n          } catch (e) {\n            display = e;\n          }\n          if (displayFixedOutput) {\n            return (\n              <div className={cssClassName} data-testid=\"qb-fixed-output-wrapper\">\n                <Grid p=\"xxs\">\n                  <strong data-testid=\"qb-fixed-output-label\">{displayFixedOutput}</strong>\n                </Grid>\n                <Grid pl=\"xxs\" pr=\"xxs\" data-testid=\"qb-fixed-output-content\">\n                  {display}\n                </Grid>\n              </div>\n            );\n          }\n\n          return (\n            <div className={cssClassName}>\n              <DSAccordion activeValue={show} onChange={this.handleChange}>\n                <DSAccordionItem\n                  iconClosed={ChevronRight}\n                  iconOpened={ChevronDown}\n                  title={show ? hideLabel : showLabel}\n                  value\n                >\n                  <div>{display}</div>\n                </DSAccordionItem>\n              </DSAccordion>\n            </div>\n          );\n        }}\n      </QueryBuilderContext.Consumer>\n    );\n  }\n}\n\nexport default DisplayOutput;\n"],
   "mappings": "AAAA,YAAY,WAAW;ACqCT,SAEI,KAFJ;AArCd,SAAgB,iBAAiB;AACjC,SAAS,YAAY;AACrB,SAAS,iCAAiC;AAC1C,SAAS,aAAa,uBAAuB;AAC7C,SAAS,aAAa,oBAAoB;AAC1C,SAAS,2BAA2B;AAEpC,MAAM,EAAE,aAAa,IAAI,0BAA0B,sBAAsB;AAEzE,MAAM,sBAAsB,UAAU;AAAA,EACpC,YAAY,OAAO;AACjB,UAAM,KAAK;AAMb,wBAAe,MAAM;AACnB,WAAK,SAAS,CAAC,EAAE,KAAK,OAAO;AAAA,QAC3B,MAAM,CAAC;AAAA,MACT,EAAE;AAAA,IACJ;AATE,SAAK,QAAQ;AAAA,MACX,MAAM,MAAM;AAAA,IACd;AAAA,EACF;AAAA,EAQA,SAAS;AACP,UAAM,EAAE,KAAK,IAAI,KAAK;AACtB,UAAM,EAAE,WAAW,WAAW,mBAAmB,IAAI,KAAK;AAC1D,WACE,oBAAC,oBAAoB,UAApB,EACE,WAAC,EAAE,OAAO,MAAM;AACf,UAAI,UAAU;AACd,UAAI;AACF,kBAAU,OAAO,WAAW,WAAW,KAAK,UAAU,MAAM,IAAI;AAAA,MAClE,SAAS,GAAP;AACA,kBAAU;AAAA,MACZ;AACA,UAAI,oBAAoB;AACtB,eACE,qBAAC,SAAI,WAAW,cAAc,eAAY,2BACxC;AAAA,8BAAC,QAAK,GAAE,OACN,8BAAC,YAAO,eAAY,yBAAyB,8BAAmB,GAClE;AAAA,UACA,oBAAC,QAAK,IAAG,OAAM,IAAG,OAAM,eAAY,2BACjC,mBACH;AAAA,WACF;AAAA,MAEJ;AAEA,aACE,oBAAC,SAAI,WAAW,cACd,8BAAC,eAAY,aAAa,MAAM,UAAU,KAAK,cAC7C;AAAA,QAAC;AAAA;AAAA,UACC,YAAY;AAAA,UACZ,YAAY;AAAA,UACZ,OAAO,OAAO,YAAY;AAAA,UAC1B,OAAK;AAAA,UAEL,8BAAC,SAAK,mBAAQ;AAAA;AAAA,MAChB,GACF,GACF;AAAA,IAEJ,GACF;AAAA,EAEJ;AACF;AAEA,IAAO,wBAAQ;",
   "names": []
 }

package/dist/esm/components/DragControllerRow/DragControllerRow.js.map CHANGED Viewed

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/DragControllerRow/DragControllerRow.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { DSIconSizes } from '@elliemae/ds-icon';\nimport { GripperVertical } from '@elliemae/ds-icons';\n\nconst DragControllerRow = ({\n  className = 'drag-controller',\n  color = ['neutral', '500'],\n  icon: Icon = GripperVertical,\n  size = DSIconSizes.M,\n  ...rest\n}) => (\n  <div className={className} {...rest}>\n    <Icon color={color} size={size} />\n  </div>\n);\nexport default DragControllerRow;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACYnB;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,EACzB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,KAChB;AACL,MACE,oBAAC,SAAI,WAAuB,GAAG,MAC7B,8BAAC,QAAK,OAAc,MAAY,GAClC;AAEF,IAAO,4BAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACYnB;AAXJ,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAEhC,MAAM,oBAAoB,CAAC;AAAA,EACzB,YAAY;AAAA,EACZ,QAAQ,CAAC,WAAW,KAAK;AAAA,EACzB,MAAM,OAAO;AAAA,EACb,OAAO,YAAY;AAAA,EACnB,GAAG;AACL,MACE,oBAAC,SAAI,WAAuB,GAAG,MAC7B,8BAAC,QAAK,OAAc,MAAY,GAClC;AAEF,IAAO,4BAAQ;",
   "names": []
 }

package/dist/esm/components/Nestable/Nestable.js CHANGED Viewed

@@ -21,8 +21,8 @@ import {
   onMouseEnter,
   onToggleCollapse,
   onKeyDown
-} from "./actions";
-import NestableItem from "./NestableItem";
+} from "./actions/index.js";
+import NestableItem from "./NestableItem.js";
 const shallowCompare = (instance, nextProps, nextState) => !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);
 class Nestable extends Component {
   constructor(props) {

package/dist/esm/components/Nestable/Nestable.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Nestable/Nestable.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, max-lines  */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n  tryIncreaseDepth,\n  tryDecreaseDepth,\n  moveItem,\n  getItemOptions,\n  getRealNextPath,\n  getPathById,\n  getItemByPath,\n  getItemDepth,\n  getSplicePath,\n  onDragStart,\n  onDragEnd,\n  onMouseMove,\n  onMouseEnter,\n  onToggleCollapse,\n  onKeyDown,\n} from './actions';\nimport NestableItem from './NestableItem';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n  !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      items: [],\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n      collapsedGroups: [],\n      stopTrackingMouse: this.stopTrackMouse.bind(this),\n      oldProps: props,\n    };\n\n    this.el = null;\n    this.elCopyStyles = null;\n    this.mouse = {\n      last: { x: 0 },\n      shift: { x: 0 },\n    };\n\n    this.dragApply = this.dragApply.bind(this);\n    this.renderDragLayer = this.renderDragLayer.bind(this);\n  }\n\n  componentDidMount() {\n    const { childrenProp } = this.props;\n    let { items } = this.props;\n    // make sure every item has property 'children'\n    items = listWithChildren(items, childrenProp);\n    this.setState({ items });\n  }\n\n  componentWillUnmount() {\n    this.stopTrackMouse();\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const { items: itemsNew, childrenProp } = props;\n    const { stopTrackingMouse, oldProps } = state;\n\n    if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n      stopTrackingMouse();\n      const extra = {};\n      if (oldProps.collapsed !== props.collapsed) {\n        extra.collapsedGroups = [];\n      }\n      return {\n        items: listWithChildren(itemsNew, childrenProp),\n        dragItem: null,\n        isDirty: false,\n        oldProps: props,\n        ...extra,\n      };\n    }\n    return null;\n  }\n\n  onDragStart = (e, item) => {\n    onDragStart.call(this, e, item);\n  };\n\n  onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n  onMouseMove = (e) => onMouseMove.call(this, e);\n\n  onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n  onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n  onKeyDown = (e) => onKeyDown.call(this, e);\n\n  getDefaultItems = () => {\n    const { items } = this.state;\n    return items;\n  };\n\n  getPathById(id, items = this.getDefaultItems()) {\n    return getPathById.call(this, id, items);\n  }\n\n  getItemByPath(path, items = this.getDefaultItems()) {\n    return getItemByPath.call(this, path, items);\n  }\n\n  getItemDepth = (item) => getItemDepth.call(this, item);\n\n  getSplicePath(path, options = {}) {\n    return getSplicePath.call(this, path, options);\n  }\n\n  getRealNextPath(prevPath, nextPath) {\n    return getRealNextPath.call(this, prevPath, nextPath);\n  }\n\n  getItemOptions() {\n    return getItemOptions.call(this);\n  }\n\n  startTrackMouse = () => {\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onDragEnd);\n    document.addEventListener('keydown', this.onKeyDown);\n  };\n\n  stopTrackMouse = () => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onDragEnd);\n    document.removeEventListener('keydown', this.onKeyDown);\n    this.elCopyStyles = null;\n  };\n\n  isCollapsed = (item) => {\n    const { collapsed } = this.props;\n    const { collapsedGroups } = this.state;\n    return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n  };\n\n  checkFilterChildren = (items) =>\n    items.find((current) => {\n      const {\n        element: { type },\n        children,\n      } = current;\n      if (type === 'filter' && children.length > 0) return true;\n      return this.checkFilterChildren(children);\n    });\n\n  dragRevert = () => {\n    const { itemsOld } = this.state;\n\n    this.setState({\n      items: itemsOld,\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n  };\n\n  dragApply() {\n    const { onChange } = this.props;\n    const { items, isDirty, dragItem } = this.state;\n\n    this.setState({\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n\n    if (onChange && isDirty) onChange(items, dragItem);\n  }\n\n  tryIncreaseDepth(dragItem) {\n    tryIncreaseDepth.call(this, dragItem);\n  }\n\n  tryDecreaseDepth(dragItem) {\n    tryDecreaseDepth.call(this, dragItem);\n  }\n\n  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n    moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n  }\n\n  renderDragLayer() {\n    const { group } = this.props;\n    const { dragItem } = this.state;\n    const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n    let listStyles = {};\n    if (el) {\n      listStyles.width = el.clientWidth;\n    }\n    if (this.elCopyStyles) {\n      listStyles = {\n        ...listStyles,\n        ...this.elCopyStyles,\n      };\n    }\n\n    const options = this.getItemOptions();\n\n    return (\n      <div className=\"nestable-drag-layer\">\n        <ol className=\"nestable-list\" style={listStyles}>\n          <NestableItem isCopy item={dragItem} options={options} />\n        </ol>\n      </div>\n    );\n  }\n\n  render() {\n    const { items, dragItem } = this.state;\n    const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n    const options = this.getItemOptions();\n    const childLength = items.length;\n    let childClass = 'single';\n    if (childLength === 0) childClass = 'empty';\n    else if (childLength > 1) childClass = 'multiple';\n\n    return (\n      <div\n        className={cn('nestable', `nestable-${group}`, {\n          'is-drag-active': dragItem,\n        })}\n      >\n        <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n          {items.map((item, i) => (\n            <NestableItem\n              key={item.id}\n              index={i}\n              isAndItem={isAndItem}\n              isDraggableItem={isDraggableItem}\n              isOrItem={isOrItem}\n              item={item}\n              options={options}\n              setDraggableItems={setDraggableItems}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n        {dragItem && this.renderDragLayer()}\n      </div>\n    );\n  }\n}\n\nNestable.defaultProps = {\n  items: [],\n  collapsed: false,\n  group: Math.random().toString(36).slice(2),\n  childrenProp: 'children',\n  onChange: () => {},\n};\n\nNestable.propTypes = {\n  childrenProp: PropTypes.string,\n  group: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  collapsed: PropTypes.bool,\n  onChange: PropTypes.func,\n  isAndItem: PropTypes.bool,\n  isOrItem: PropTypes.bool,\n  isDraggableItem: PropTypes.bool,\n  setDraggableItems: PropTypes.func,\n  singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-bitwise, max-lines  */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport cn from 'classnames';\nimport { listWithChildren } from '@elliemae/ds-shared';\nimport { isEqualWith } from '@elliemae/ds-utilities';\nimport {\n  tryIncreaseDepth,\n  tryDecreaseDepth,\n  moveItem,\n  getItemOptions,\n  getRealNextPath,\n  getPathById,\n  getItemByPath,\n  getItemDepth,\n  getSplicePath,\n  onDragStart,\n  onDragEnd,\n  onMouseMove,\n  onMouseEnter,\n  onToggleCollapse,\n  onKeyDown,\n} from './actions/index.js';\nimport NestableItem from './NestableItem.js';\n\nconst shallowCompare = (instance, nextProps, nextState) =>\n  !isEqualWith(instance.props, nextProps) || !isEqualWith(instance.state, nextState);\n\nclass Nestable extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      items: [],\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n      collapsedGroups: [],\n      stopTrackingMouse: this.stopTrackMouse.bind(this),\n      oldProps: props,\n    };\n\n    this.el = null;\n    this.elCopyStyles = null;\n    this.mouse = {\n      last: { x: 0 },\n      shift: { x: 0 },\n    };\n\n    this.dragApply = this.dragApply.bind(this);\n    this.renderDragLayer = this.renderDragLayer.bind(this);\n  }\n\n  componentDidMount() {\n    const { childrenProp } = this.props;\n    let { items } = this.props;\n    // make sure every item has property 'children'\n    items = listWithChildren(items, childrenProp);\n    this.setState({ items });\n  }\n\n  componentWillUnmount() {\n    this.stopTrackMouse();\n  }\n\n  static getDerivedStateFromProps(props, state) {\n    const { items: itemsNew, childrenProp } = props;\n    const { stopTrackingMouse, oldProps } = state;\n\n    if (shallowCompare({ props: oldProps, state: {} }, props, {})) {\n      stopTrackingMouse();\n      const extra = {};\n      if (oldProps.collapsed !== props.collapsed) {\n        extra.collapsedGroups = [];\n      }\n      return {\n        items: listWithChildren(itemsNew, childrenProp),\n        dragItem: null,\n        isDirty: false,\n        oldProps: props,\n        ...extra,\n      };\n    }\n    return null;\n  }\n\n  onDragStart = (e, item) => {\n    onDragStart.call(this, e, item);\n  };\n\n  onDragEnd = (e, isCancel) => onDragEnd.call(this, e, isCancel);\n\n  onMouseMove = (e) => onMouseMove.call(this, e);\n\n  onMouseEnter = (e, item) => onMouseEnter.call(this, e, item);\n\n  onToggleCollapse = (item, isGetter) => onToggleCollapse.call(this, item, isGetter);\n\n  onKeyDown = (e) => onKeyDown.call(this, e);\n\n  getDefaultItems = () => {\n    const { items } = this.state;\n    return items;\n  };\n\n  getPathById(id, items = this.getDefaultItems()) {\n    return getPathById.call(this, id, items);\n  }\n\n  getItemByPath(path, items = this.getDefaultItems()) {\n    return getItemByPath.call(this, path, items);\n  }\n\n  getItemDepth = (item) => getItemDepth.call(this, item);\n\n  getSplicePath(path, options = {}) {\n    return getSplicePath.call(this, path, options);\n  }\n\n  getRealNextPath(prevPath, nextPath) {\n    return getRealNextPath.call(this, prevPath, nextPath);\n  }\n\n  getItemOptions() {\n    return getItemOptions.call(this);\n  }\n\n  startTrackMouse = () => {\n    document.addEventListener('mousemove', this.onMouseMove);\n    document.addEventListener('mouseup', this.onDragEnd);\n    document.addEventListener('keydown', this.onKeyDown);\n  };\n\n  stopTrackMouse = () => {\n    document.removeEventListener('mousemove', this.onMouseMove);\n    document.removeEventListener('mouseup', this.onDragEnd);\n    document.removeEventListener('keydown', this.onKeyDown);\n    this.elCopyStyles = null;\n  };\n\n  isCollapsed = (item) => {\n    const { collapsed } = this.props;\n    const { collapsedGroups } = this.state;\n    return !!((collapsedGroups.indexOf(item.id) > -1) ^ collapsed);\n  };\n\n  checkFilterChildren = (items) =>\n    items.find((current) => {\n      const {\n        element: { type },\n        children,\n      } = current;\n      if (type === 'filter' && children.length > 0) return true;\n      return this.checkFilterChildren(children);\n    });\n\n  dragRevert = () => {\n    const { itemsOld } = this.state;\n\n    this.setState({\n      items: itemsOld,\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n  };\n\n  dragApply() {\n    const { onChange } = this.props;\n    const { items, isDirty, dragItem } = this.state;\n\n    this.setState({\n      itemsOld: null,\n      dragItem: null,\n      isDirty: false,\n    });\n\n    if (onChange && isDirty) onChange(items, dragItem);\n  }\n\n  tryIncreaseDepth(dragItem) {\n    tryIncreaseDepth.call(this, dragItem);\n  }\n\n  tryDecreaseDepth(dragItem) {\n    tryDecreaseDepth.call(this, dragItem);\n  }\n\n  moveItem({ dragItem, pathFrom, pathTo }, extraProps = {}) {\n    moveItem.call(this, { dragItem, pathFrom, pathTo }, extraProps);\n  }\n\n  renderDragLayer() {\n    const { group } = this.props;\n    const { dragItem } = this.state;\n    const el = document.querySelector(`.nestable-${group} .nestable-item-${dragItem.id}`);\n\n    let listStyles = {};\n    if (el) {\n      listStyles.width = el.clientWidth;\n    }\n    if (this.elCopyStyles) {\n      listStyles = {\n        ...listStyles,\n        ...this.elCopyStyles,\n      };\n    }\n\n    const options = this.getItemOptions();\n\n    return (\n      <div className=\"nestable-drag-layer\">\n        <ol className=\"nestable-list\" style={listStyles}>\n          <NestableItem isCopy item={dragItem} options={options} />\n        </ol>\n      </div>\n    );\n  }\n\n  render() {\n    const { items, dragItem } = this.state;\n    const { group, isAndItem, isOrItem, isDraggableItem, setDraggableItems, singleRow } = this.props;\n    const options = this.getItemOptions();\n    const childLength = items.length;\n    let childClass = 'single';\n    if (childLength === 0) childClass = 'empty';\n    else if (childLength > 1) childClass = 'multiple';\n\n    return (\n      <div\n        className={cn('nestable', `nestable-${group}`, {\n          'is-drag-active': dragItem,\n        })}\n      >\n        <ol className={`nestable-list nestable-group nestable-child-count-${childClass}`}>\n          {items.map((item, i) => (\n            <NestableItem\n              key={item.id}\n              index={i}\n              isAndItem={isAndItem}\n              isDraggableItem={isDraggableItem}\n              isOrItem={isOrItem}\n              item={item}\n              options={options}\n              setDraggableItems={setDraggableItems}\n              singleRow={singleRow}\n            />\n          ))}\n        </ol>\n        {dragItem && this.renderDragLayer()}\n      </div>\n    );\n  }\n}\n\nNestable.defaultProps = {\n  items: [],\n  collapsed: false,\n  group: Math.random().toString(36).slice(2),\n  childrenProp: 'children',\n  onChange: () => {},\n};\n\nNestable.propTypes = {\n  childrenProp: PropTypes.string,\n  group: PropTypes.string,\n  items: PropTypes.arrayOf(PropTypes.shape({})),\n  collapsed: PropTypes.bool,\n  onChange: PropTypes.func,\n  isAndItem: PropTypes.bool,\n  isOrItem: PropTypes.bool,\n  isDraggableItem: PropTypes.bool,\n  setDraggableItems: PropTypes.func,\n  singleRow: PropTypes.bool,\n};\n\nexport default Nestable;\n"],
   "mappings": "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",
   "names": []
 }

package/dist/esm/components/Nestable/NestableItem.js CHANGED Viewed

@@ -1,16 +1,7 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import cn from "classnames";
-const NestableItem = ({
-  item,
-  isCopy,
-  options,
-  index,
-  isAndItem,
-  isOrItem,
-  isDraggableItem,
-  singleRow
-}) => {
+const NestableItem = ({ item, isCopy, options, index, isAndItem, isOrItem, isDraggableItem, singleRow }) => {
   const { dragItem, renderItem, handler, childrenProp } = options;
   const isCollapsed = options.isCollapsed(item);
   const isDragging = !isCopy && dragItem && dragItem.id === item.id;
@@ -65,18 +56,11 @@ const NestableItem = ({
   else if (childLength > 1)
     childClass = "multiple";
   return /* @__PURE__ */ jsxs("li", { ...itemProps, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `nestable-item-name nestable-item-name--${item.element.type} `,
-        ...rowProps,
-        children: renderItem({
-          item,
-          handler: Handler,
-          index
-        })
-      }
-    ),
+    /* @__PURE__ */ jsx("div", { className: `nestable-item-name nestable-item-name--${item.element.type} `, ...rowProps, children: renderItem({
+      item,
+      handler: Handler,
+      index
+    }) }),
     hasChildren && item.element.type === "group" && !isCollapsed && /* @__PURE__ */ jsx("ol", { className: `nestable-list nestable-child-count-${childClass} `, children: item[childrenProp].map((currentitem, i) => /* @__PURE__ */ jsx(
       NestableItem,
       {