@elliemae/ds-data-table 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/parts/FilterBar/components/DateRangePill.js

@@ -1,64 +1,47 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DateRangePill_exports = {};
-__export(DateRangePill_exports, {
-  DateRangePill: () => DateRangePill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_pills = __toESM(require("@elliemae/ds-pills"));
-const format = (value) => value?.replace(/-/g, "/");
-const DateRangePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = (0, import_react.useCallback)(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsPills = require('@elliemae/ds-pills');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+
+const DateRangePill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
+    var _nextRef$current;
+
+    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value?.startDate && value?.endDate ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: `${format(value.startDate)} - ${format(value.endDate)}`,
+    label: "".concat(format(value.startDate), " - ").concat(format(value.endDate)),
     onRemove: handleOnRemove,
-    innerRef
+    innerRef: innerRef
   })) : null;
 };
-module.exports = __toCommonJS(DateRangePill_exports);
-//# sourceMappingURL=DateRangePill.js.map
+
+exports.DateRangePill = DateRangePill;

package/cjs/parts/FilterBar/components/DateSwitcherPill.js

@@ -1,64 +1,47 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DateSwitcherPill_exports = {};
-__export(DateSwitcherPill_exports, {
-  DateSwitcherPill: () => DateSwitcherPill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_pills = __toESM(require("@elliemae/ds-pills"));
-const format = (value) => value?.replace(/-/g, "/");
-const DateSwitcherPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = (0, import_react.useCallback)(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsPills = require('@elliemae/ds-pills');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+
+const DateSwitcherPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
+    var _nextRef$current;
+
+    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value?.startDate && value?.endDate ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
+    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
     onRemove: handleOnRemove,
-    innerRef
+    innerRef: innerRef
   })) : null;
 };
-module.exports = __toCommonJS(DateSwitcherPill_exports);
-//# sourceMappingURL=DateSwitcherPill.js.map
+
+exports.DateSwitcherPill = DateSwitcherPill;

package/cjs/parts/FilterBar/components/MultiSelectPill.js

@@ -1,71 +1,56 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var MultiSelectPill_exports = {};
-__export(MultiSelectPill_exports, {
-  MultiSelectPill: () => MultiSelectPill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_pills = __toESM(require("@elliemae/ds-pills"));
-const MultiSelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var React = require('react');
+var dsPills = require('@elliemae/ds-pills');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const MultiSelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
   const multiSelectedValue = value;
-  const handleOnRemove = (0, import_react.useCallback)((valToRemove) => {
+  const handleOnRemove = React.useCallback(valToRemove => {
     const newFilters = [...filters];
-    const filterIndex = newFilters.findIndex((filter) => filter.id === column);
-    newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);
+    const filterIndex = newFilters.findIndex(filter => filter.id === column);
+    newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
+
     if (newFilters[filterIndex].value.length === 0) {
-      if (prevRef?.current)
-        prevRef.current.focus();
-      else
-        nextRef.current?.focus();
+      var _nextRef$current;
+
+      if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
       newFilters.splice(filterIndex, 1);
     }
+
     onFiltersChange(newFilters);
   }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
-  return multiSelectedValue?.length ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), multiSelectedValue.map((val, index) => /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
-    key: val.dsId,
+  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: val.label,
     onRemove: () => handleOnRemove(val),
     innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
-  }))) : null;
+  }, val.dsId))) : null;
 };
-module.exports = __toCommonJS(MultiSelectPill_exports);
-//# sourceMappingURL=MultiSelectPill.js.map
+
+exports.MultiSelectPill = MultiSelectPill;

package/cjs/parts/FilterBar/components/NumberRangePill.js

@@ -1,63 +1,46 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var NumberRangePill_exports = {};
-__export(NumberRangePill_exports, {
-  NumberRangePill: () => NumberRangePill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_pills = __toESM(require("@elliemae/ds-pills"));
-const NumberRangePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = (0, import_react.useCallback)(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsPills = require('@elliemae/ds-pills');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const NumberRangePill = _ref => {
+  var _value$from, _value$to;
+
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
+    var _nextRef$current;
+
+    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, column, prevRef, nextRef]);
-  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: `${value.from} - ${value.to}`,
+    label: "".concat(value.from, " - ").concat(value.to),
     onRemove: handleOnRemove,
-    innerRef
+    innerRef: innerRef
   })) : null;
 };
-module.exports = __toCommonJS(NumberRangePill_exports);
-//# sourceMappingURL=NumberRangePill.js.map
+
+exports.NumberRangePill = NumberRangePill;

package/cjs/parts/FilterBar/components/SelectPill.js

@@ -1,63 +1,44 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SelectPill_exports = {};
-__export(SelectPill_exports, {
-  SelectPill: () => SelectPill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_ds_pills = __toESM(require("@elliemae/ds-pills"));
-const SelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
-  const handleOnRemove = (0, import_react.useCallback)(() => {
-    if (prevRef?.current)
-      prevRef.current.focus();
-    else
-      nextRef.current?.focus();
-    onFiltersChange(filters.filter((filter) => filter.id !== column));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var React = require('react');
+var dsPills = require('@elliemae/ds-pills');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const SelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
+    var _nextRef$current;
+
+    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else (_nextRef$current = nextRef.current) === null || _nextRef$current === void 0 ? void 0 : _nextRef$current.focus();
+    onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  return value ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: value.label,
     onRemove: handleOnRemove,
-    innerRef
+    innerRef: innerRef
   })) : null;
 };
-module.exports = __toCommonJS(SelectPill_exports);
-//# sourceMappingURL=SelectPill.js.map
+
+exports.SelectPill = SelectPill;