@elliemae/ds-data-table 2.2.0 → 2.3.0-alpha.3

package/cjs/parts/FilterBar/FiltersBar.js

@@ -1,144 +1,111 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.find.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.find.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var DSButton = require('@elliemae/ds-button');
-var dsIcons = require('@elliemae/ds-icons');
-require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('@elliemae/ds-popperjs');
-require('styled-components');
-require('../../redux/reducers/index.js');
-var constants = require('../../configs/constants.js');
-require('core-js/modules/esnext.async-iterator.reduce.js');
-require('core-js/modules/esnext.iterator.reduce.js');
-require('react-virtual');
-require('../../configs/useRowFlattenization.js');
-require('../../styled.js');
-require('react/jsx-runtime');
-require('@elliemae/ds-form');
-require('../TableContent.js');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-system');
-var DataTableContext = require('../../DataTableContext.js');
-require('../Row.js');
-require('../Footer.js');
-require('../HoC/SortableItemContext.js');
-require('@elliemae/ds-utilities');
-require('uid');
-var FilterTypes = require('../../exported-related/FilterTypes.js');
-require('../../exported-related/Filters/applyOutOfTheBoxFilters.js');
-require('moment');
-require('core-js/modules/esnext.async-iterator.some.js');
-require('core-js/modules/esnext.iterator.some.js');
-var DateRangePill = require('./components/DateRangePill.js');
-var DateSwitcherPill = require('./components/DateSwitcherPill.js');
-var MultiSelectPill = require('./components/MultiSelectPill.js');
-var NumberRangePill = require('./components/NumberRangePill.js');
-var SelectPill = require('./components/SelectPill.js');
-var SingleDatePill = require('./components/SingleDatePill.js');
-var styled = require('./styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
-
-var _MoreOptionsVert;
+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 FiltersBar_exports = {};
+__export(FiltersBar_exports, {
+  FiltersBar: () => FiltersBar
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_exported_related = require("../../exported-related");
+var import_components = require("./components");
+var import_DataTableContext = require("../../DataTableContext");
+var import_styled = require("./styled");
+var import_constants = require("../../configs/constants");
 const pillRenderMapper = {
-  [FilterTypes.FILTER_TYPES.SELECT]: SelectPill.SelectPill,
-  [FilterTypes.FILTER_TYPES.MULTI_SELECT]: MultiSelectPill.MultiSelectPill,
-  [FilterTypes.FILTER_TYPES.SINGLE_DATE]: SingleDatePill.SingleDatePill,
-  [FilterTypes.FILTER_TYPES.DATE_RANGE]: DateRangePill.DateRangePill,
-  [FilterTypes.FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill.DateSwitcherPill,
-  [FilterTypes.FILTER_TYPES.NUMBER_RANGE]: NumberRangePill.NumberRangePill,
-  [FilterTypes.FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill.NumberRangePill
+  [import_exported_related.FILTER_TYPES.SELECT]: import_components.SelectPill,
+  [import_exported_related.FILTER_TYPES.MULTI_SELECT]: import_components.MultiSelectPill,
+  [import_exported_related.FILTER_TYPES.SINGLE_DATE]: import_components.SingleDatePill,
+  [import_exported_related.FILTER_TYPES.DATE_RANGE]: import_components.DateRangePill,
+  [import_exported_related.FILTER_TYPES.DATE_SWITCHER]: import_components.DateSwitcherPill,
+  [import_exported_related.FILTER_TYPES.NUMBER_RANGE]: import_components.NumberRangePill,
+  [import_exported_related.FILTER_TYPES.CURRENCY_RANGE]: import_components.NumberRangePill
 };
 const FiltersBar = () => {
   const {
-    tableProps: {
-      width,
-      filterBarProps,
-      onFiltersChange,
-      filters
-    },
+    tableProps: { width, filterBarProps, onFiltersChange, filters },
     visibleColumns
-  } = React.useContext(DataTableContext["default"]);
-  const pillGroupRefs = React.useMemo(() => {
+  } = (0, import_react.useContext)(import_DataTableContext.DataTableContext);
+  const pillGroupRefs = (0, import_react.useMemo)(() => {
     const refs = [];
-
-    for (let i = 0; i < filters.length; i += 1) refs.push( /*#__PURE__*/React__default["default"].createRef());
-
+    for (let i = 0; i < filters.length; i += 1)
+      refs.push(import_react.default.createRef());
     return refs;
   }, [filters.length]);
-  const dropdownMenuRef = React.useRef(null);
-  const removeAllFilters = React.useCallback(() => {
+  const dropdownMenuRef = (0, import_react.useRef)(null);
+  const removeAllFilters = (0, import_react.useCallback)(() => {
     onFiltersChange([]);
   }, [onFiltersChange]);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
-    width: width,
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledWrapper, {
+    width,
     "aria-live": "polite",
     "aria-relevant": "additions removals",
     gutter: "xs"
-  }, void 0, filters.map((_ref, index) => {
-    var _visibleColumns$find, _pillGroupRefs;
-
-    let {
-      id: column,
-      type,
-      value
-    } = _ref;
-    const columnHeader = (_visibleColumns$find = visibleColumns.find(col => col.accessor === column)) === null || _visibleColumns$find === void 0 ? void 0 : _visibleColumns$find.Header;
-
+  }, filters.map(({ id: column, type, value }, index) => {
+    const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;
     let Component = () => null;
-
     const filterType = type;
-
     if (filterType in pillRenderMapper) {
       Component = pillRenderMapper[filterType];
-    } else if (filterBarProps !== null && filterBarProps !== void 0 && filterBarProps.customPillRenderer) {
+    } else if (filterBarProps?.customPillRenderer) {
       Component = filterBarProps.customPillRenderer;
     }
-
-    return /*#__PURE__*/_jsx__default["default"](Component, {
-      columnHeader: typeof columnHeader === 'string' ? columnHeader : column,
-      column: column,
-      value: value,
-      filters: filters,
-      onFiltersChange: onFiltersChange,
+    return /* @__PURE__ */ import_react.default.createElement(Component, {
+      key: column,
+      columnHeader: typeof columnHeader === "string" ? columnHeader : column,
+      column,
+      value,
+      filters,
+      onFiltersChange,
       prevRef: pillGroupRefs[index - 1],
       innerRef: pillGroupRefs[index],
-      nextRef: (_pillGroupRefs = pillGroupRefs[index + 1]) !== null && _pillGroupRefs !== void 0 ? _pillGroupRefs : dropdownMenuRef
-    }, column);
-  }), /*#__PURE__*/_jsx__default["default"](styled.StyledDropdownMenu, {
+      nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
+    });
+  }), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledDropdownMenu, {
     preventOverflow: "scrollParent",
-    options: [{
-      id: '__internal__option__clear__filters',
-      label: 'Clear Filters',
-      onClick: removeAllFilters
-    }, ...((filterBarProps === null || filterBarProps === void 0 ? void 0 : filterBarProps.extraOptions) || [])],
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](DSButton__default["default"], {
+    options: [
+      {
+        id: "__internal__option__clear__filters",
+        label: "Clear Filters",
+        onClick: removeAllFilters
+      },
+      ...filterBarProps?.extraOptions || []
+    ],
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_ds_button.DSButton, {
       containerProps: {
-        'data-testid': constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
+        "data-testid": import_constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
       },
       buttonType: "text",
       innerRef: dropdownMenuRef,
-      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {}))
+      icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.MoreOptionsVert, null)
     })
   }));
 };
-
-exports.FiltersBar = FiltersBar;
+module.exports = __toCommonJS(FiltersBar_exports);
+//# sourceMappingURL=FiltersBar.js.map

package/cjs/parts/FilterBar/FiltersBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/parts/FilterBar/FiltersBar.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo, useRef } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { MoreOptionsVert } from '@elliemae/ds-icons';\nimport { FILTER_TYPES } from '../../exported-related';\nimport {\n  SelectPill,\n  MultiSelectPill,\n  SingleDatePill,\n  DateRangePill,\n  NumberRangePill,\n  DateSwitcherPill,\n} from './components';\nimport { DataTableContext } from '../../DataTableContext';\nimport { StyledDropdownMenu, StyledWrapper } from './styled';\nimport { FilterPillComponent } from './types';\nimport { DATA_TESTID } from '../../configs/constants';\n\nconst pillRenderMapper: Record<string, FilterPillComponent<any>> = {\n  [FILTER_TYPES.SELECT]: SelectPill,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,\n  [FILTER_TYPES.DATE_RANGE]: DateRangePill,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,\n  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill,\n};\n\nexport const FiltersBar: React.ComponentType = () => {\n  const {\n    tableProps: { width, filterBarProps, onFiltersChange, filters },\n    visibleColumns,\n  } = useContext(DataTableContext);\n\n  const pillGroupRefs = useMemo(() => {\n    const refs: React.RefObject<HTMLElement>[] = [];\n    for (let i = 0; i < filters.length; i += 1) refs.push(React.createRef());\n    return refs;\n  }, [filters.length]);\n\n  const dropdownMenuRef = useRef(null);\n\n  const removeAllFilters = useCallback(() => {\n    onFiltersChange([]);\n  }, [onFiltersChange]);\n\n  return (\n    <StyledWrapper width={width} aria-live=\"polite\" aria-relevant=\"additions removals\" gutter=\"xs\">\n      {filters.map(({ id: column, type, value }, index) => {\n        const columnHeader = visibleColumns.find((col) => col.accessor === column)?.Header;\n        let Component: FilterPillComponent<unknown> = () => null;\n\n        const filterType = type;\n        if (filterType in pillRenderMapper) {\n          Component = pillRenderMapper[filterType];\n        } else if (filterBarProps?.customPillRenderer) {\n          Component = filterBarProps.customPillRenderer;\n        }\n        return (\n          <Component\n            key={column}\n            columnHeader={typeof columnHeader === 'string' ? columnHeader : column}\n            column={column}\n            value={value}\n            filters={filters}\n            onFiltersChange={onFiltersChange}\n            prevRef={pillGroupRefs[index - 1]}\n            innerRef={pillGroupRefs[index]}\n            nextRef={pillGroupRefs[index + 1] ?? dropdownMenuRef}\n          />\n        );\n      })}\n      <StyledDropdownMenu\n        preventOverflow=\"scrollParent\"\n        options={[\n          {\n            id: '__internal__option__clear__filters',\n            label: 'Clear Filters',\n            onClick: removeAllFilters,\n          },\n          ...(filterBarProps?.extraOptions || []),\n        ]}\n        triggerComponent={\n          <DSButton\n            containerProps={{\n              'data-testid': DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,\n            }}\n            buttonType=\"text\"\n            innerRef={dropdownMenuRef}\n            icon={<MoreOptionsVert />}\n          />\n        }\n      />\n    </StyledWrapper>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAgE;AAChE,uBAAyB;AACzB,sBAAgC;AAChC,8BAA6B;AAC7B,wBAOO;AACP,8BAAiC;AACjC,oBAAkD;AAElD,uBAA4B;AAE5B,MAAM,mBAA6D;AAAA,GAChE,qCAAa,SAAS;AAAA,GACtB,qCAAa,eAAe;AAAA,GAC5B,qCAAa,cAAc;AAAA,GAC3B,qCAAa,aAAa;AAAA,GAC1B,qCAAa,gBAAgB;AAAA,GAC7B,qCAAa,eAAe;AAAA,GAC5B,qCAAa,iBAAiB;AAAA;AAG1B,MAAM,aAAkC,MAAM;AACnD,QAAM;AAAA,IACJ,YAAY,EAAE,OAAO,gBAAgB,iBAAiB;AAAA,IACtD;AAAA,MACE,6BAAW;AAEf,QAAM,gBAAgB,0BAAQ,MAAM;AAClC,UAAM,OAAuC;AAC7C,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AAAG,WAAK,KAAK,qBAAM;AAC5D,WAAO;AAAA,KACN,CAAC,QAAQ;AAEZ,QAAM,kBAAkB,yBAAO;AAE/B,QAAM,mBAAmB,8BAAY,MAAM;AACzC,oBAAgB;AAAA,KACf,CAAC;AAEJ,SACE,mDAAC,6BAAD;AAAA,IAAe;AAAA,IAAc,aAAU;AAAA,IAAS,iBAAc;AAAA,IAAqB,QAAO;AAAA,KACvF,QAAQ,IAAI,CAAC,EAAE,IAAI,QAAQ,MAAM,SAAS,UAAU;AACnD,UAAM,eAAe,eAAe,KAAK,CAAC,QAAQ,IAAI,aAAa,SAAS;AAC5E,QAAI,YAA0C,MAAM;AAEpD,UAAM,aAAa;AACnB,QAAI,cAAc,kBAAkB;AAClC,kBAAY,iBAAiB;AAAA,eACpB,gBAAgB,oBAAoB;AAC7C,kBAAY,eAAe;AAAA;AAE7B,WACE,mDAAC,WAAD;AAAA,MACE,KAAK;AAAA,MACL,cAAc,OAAO,iBAAiB,WAAW,eAAe;AAAA,MAChE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,SAAS,cAAc,QAAQ;AAAA,MAC/B,UAAU,cAAc;AAAA,MACxB,SAAS,cAAc,QAAQ,MAAM;AAAA;AAAA,MAI3C,mDAAC,kCAAD;AAAA,IACE,iBAAgB;AAAA,IAChB,SAAS;AAAA,MACP;AAAA,QACE,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA;AAAA,MAEX,GAAI,gBAAgB,gBAAgB;AAAA;AAAA,IAEtC,kBACE,mDAAC,2BAAD;AAAA,MACE,gBAAgB;AAAA,QACd,eAAe,6BAAY;AAAA;AAAA,MAE7B,YAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM,mDAAC,iCAAD;AAAA;AAAA;AAAA;",
+  "names": []
+}

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

@@ -1,47 +1,64 @@
-'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));
+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 = 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));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  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, {
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
     type: "removable",
-    label: "".concat(format(value.startDate), " - ").concat(format(value.endDate)),
+    label: `${format(value.startDate)} - ${format(value.endDate)}`,
     onRemove: handleOnRemove,
-    innerRef: innerRef
+    innerRef
   })) : null;
 };
-
-exports.DateRangePill = DateRangePill;
+module.exports = __toCommonJS(DateRangePill_exports);
+//# sourceMappingURL=DateRangePill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/FilterBar/components/DateRangePill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nconst format = (value: string) => value?.replace(/-/g, '/');\n\nexport const DateRangePill: FilterPillComponent<{ startDate: string; endDate: string }> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value?.startDate && value?.endDate ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2\n        type=\"removable\"\n        label={`${format(value.startDate)} - ${format(value.endDate)}`}\n        onRemove={handleOnRemove}\n        innerRef={innerRef}\n      />\n    </DSPillGroupV2>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM;AAEhD,MAAM,gBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,OAAO,aAAa,OAAO,UAChC,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,mDAAC,0BAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,GAAG,OAAO,MAAM,gBAAgB,OAAO,MAAM;AAAA,IACpD,UAAU;AAAA,IACV;AAAA,QAGF;AAAA;",
+  "names": []
+}

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

@@ -1,47 +1,64 @@
-'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));
+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 = 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));
   }, [onFiltersChange, filters, prevRef, nextRef, column]);
-  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, {
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }), /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
     type: "removable",
-    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
+    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
     onRemove: handleOnRemove,
-    innerRef: innerRef
+    innerRef
   })) : null;
 };
-
-exports.DateSwitcherPill = DateSwitcherPill;
+module.exports = __toCommonJS(DateSwitcherPill_exports);
+//# sourceMappingURL=DateSwitcherPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nconst format = (value: string) => value?.replace(/-/g, '/');\n\nexport const DateSwitcherPill: FilterPillComponent<{ startDate: string; endDate: string; isDateRange: boolean }> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const handleOnRemove = useCallback(() => {\n    if (prevRef?.current) prevRef.current.focus();\n    else nextRef.current?.focus();\n    onFiltersChange(filters.filter((filter) => filter.id !== column));\n  }, [onFiltersChange, filters, prevRef, nextRef, column]);\n\n  return value?.startDate && value?.endDate ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2\n        type=\"removable\"\n        label={value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate)}\n        onRemove={handleOnRemove}\n        innerRef={innerRef}\n      />\n    </DSPillGroupV2>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM;AAEhD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,8BAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,SAAS,SAAS;AAEhD,SAAO,OAAO,aAAa,OAAO,UAChC,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,mDAAC,0BAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,gBAAgB,OAAO,MAAM,aAAa,OAAO,MAAM;AAAA,IAClG,UAAU;AAAA,IACV;AAAA,QAGF;AAAA;",
+  "names": []
+}

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

@@ -1,56 +1,71 @@
-'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;
+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 = require("@elliemae/ds-pills");
+const MultiSelectPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
   const multiSelectedValue = value;
-  const handleOnRemove = React.useCallback(valToRemove => {
+  const handleOnRemove = (0, import_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) {
-      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();
+      if (prevRef?.current)
+        prevRef.current.focus();
+      else
+        nextRef.current?.focus();
       newFilters.splice(filterIndex, 1);
     }
-
     onFiltersChange(newFilters);
   }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
-  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  return multiSelectedValue?.length ? /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillGroupV2, null, /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }), multiSelectedValue.map((val, index) => /* @__PURE__ */ import_react.default.createElement(import_ds_pills.DSPillV2, {
+    key: val.dsId,
     type: "removable",
     label: val.label,
     onRemove: () => handleOnRemove(val),
     innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
-  }, val.dsId))) : null;
+  }))) : null;
 };
-
-exports.MultiSelectPill = MultiSelectPill;
+module.exports = __toCommonJS(MultiSelectPill_exports);
+//# sourceMappingURL=MultiSelectPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent, FilterOptionT } from '../types';\n\nexport const MultiSelectPill: FilterPillComponent<FilterOptionT[]> = ({\n  columnHeader,\n  column,\n  value,\n  filters,\n  onFiltersChange,\n  prevRef,\n  innerRef,\n  nextRef,\n}) => {\n  const multiSelectedValue = value as FilterOptionT[];\n  const handleOnRemove = useCallback(\n    (valToRemove) => {\n      const newFilters = [...filters];\n      const filterIndex = newFilters.findIndex((filter) => filter.id === column);\n      newFilters[filterIndex].value = multiSelectedValue.filter((val) => val.dsId !== valToRemove.dsId);\n      if (newFilters[filterIndex].value.length === 0) {\n        if (prevRef?.current) prevRef.current.focus();\n        else nextRef.current?.focus();\n        newFilters.splice(filterIndex, 1);\n      }\n      onFiltersChange(newFilters);\n    },\n    [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef],\n  );\n  return multiSelectedValue?.length ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      {multiSelectedValue.map((val, index) => (\n        <DSPillV2\n          key={val.dsId}\n          type=\"removable\"\n          label={val.label}\n          onRemove={() => handleOnRemove(val)}\n          innerRef={index === multiSelectedValue.length - 1 ? innerRef : {}}\n        />\n      ))}\n    </DSPillGroupV2>\n  ) : null;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAmC;AACnC,sBAAwC;AAGjC,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,qBAAqB;AAC3B,QAAM,iBAAiB,8BACrB,CAAC,gBAAgB;AACf,UAAM,aAAa,CAAC,GAAG;AACvB,UAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO;AACnE,eAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY;AAC5F,QAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,UAAI,SAAS;AAAS,gBAAQ,QAAQ;AAAA;AACjC,gBAAQ,SAAS;AACtB,iBAAW,OAAO,aAAa;AAAA;AAEjC,oBAAgB;AAAA,KAElB,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS;AAElE,SAAO,oBAAoB,SACzB,mDAAC,+BAAD,MACE,mDAAC,0BAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC7B,mBAAmB,IAAI,CAAC,KAAK,UAC5B,mDAAC,0BAAD;AAAA,IACE,KAAK,IAAI;AAAA,IACT,MAAK;AAAA,IACL,OAAO,IAAI;AAAA,IACX,UAAU,MAAM,eAAe;AAAA,IAC/B,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW;AAAA,SAInE;AAAA;",
+  "names": []
+}