@elliemae/ds-data-table 2.3.0-alpha.8 → 2.3.0-next.2

package/cjs/parts/EmptyContent.js

@@ -0,0 +1,78 @@
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var React = require('react');
+var Grid = require('@elliemae/ds-grid');
+var dsIcons = require('@elliemae/ds-icons');
+var dsSystem = require('@elliemae/ds-system');
+var DSButton = require('@elliemae/ds-button');
+var styled = require('styled-components');
+var DataTableContext = require('../DataTableContext.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 Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
+var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var _Icon;
+const EmptyStateWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-t6wd9y-0"
+})(["position:sticky;height:fit-content;top:0;left:0;"]);
+const Icon = /*#__PURE__*/styled__default["default"](dsIcons.WarningTriangle).withConfig({
+  componentId: "sc-t6wd9y-1"
+})(["fill:", ";color:", ";justify-self:center;"], props => props.theme.colors.neutral[300], props => props.theme.colors.neutral[300]);
+const PrimaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-t6wd9y-2"
+})(["text-align:center;font-weight:bold;font-size:", ";color:", ";margin-top:", ";margin-bottom:", ";"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[600], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs));
+const SecondaryMessage = /*#__PURE__*/styled__default["default"].p.withConfig({
+  componentId: "sc-t6wd9y-3"
+})(["text-align:center;font-size:", ";color:", ";margin:0;"], props => dsSystem.toMobile(props.theme.fontSizes.value[400]), props => props.theme.colors.neutral[500]);
+const Button = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
+  componentId: "sc-t6wd9y-4"
+})(["margin-top:", ";justify-self:center;width:fit-content;"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m));
+const CenterContentFlexWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-t6wd9y-5"
+})(["width:", "px;height:calc(100% - 48px);display:flex;align-items:center;"], _ref => {
+  let {
+    width
+  } = _ref;
+  return width;
+});
+
+const EmptyContent = _ref2 => {
+  let {
+    width
+  } = _ref2;
+  const {
+    tableProps: {
+      noResultsPlaceholder,
+      noResultsMessage,
+      noResultsSecondaryMessage,
+      noResultsButtonLabel,
+      onNoResultsButtonClick,
+      width: tableWidth
+    }
+  } = React.useContext(DataTableContext["default"]);
+  if ( /*#__PURE__*/React__default["default"].isValidElement(noResultsPlaceholder)) return /*#__PURE__*/_jsx__default["default"](CenterContentFlexWrapper, {
+    width: width
+  }, void 0, noResultsPlaceholder);
+  return /*#__PURE__*/_jsx__default["default"](CenterContentFlexWrapper, {
+    width: width,
+    "aria-live": "assertive",
+    role: "status"
+  }, void 0, /*#__PURE__*/_jsx__default["default"](EmptyStateWrapper, {
+    width: tableWidth,
+    justifyContent: "center"
+  }, void 0, _Icon || (_Icon = /*#__PURE__*/_jsx__default["default"](Icon, {
+    size: "xxl"
+  })), /*#__PURE__*/_jsx__default["default"](PrimaryMessage, {}, void 0, noResultsMessage), noResultsSecondaryMessage ? /*#__PURE__*/_jsx__default["default"](SecondaryMessage, {}, void 0, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /*#__PURE__*/_jsx__default["default"](Button, {
+    buttonType: "secondary",
+    labelText: noResultsButtonLabel,
+    onClick: onNoResultsButtonClick
+  }) : null));
+};
+
+module.exports = EmptyContent;

package/cjs/parts/FilterBar/FiltersBar.js

@@ -0,0 +1,144 @@
+'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;
+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
+};
+const FiltersBar = () => {
+  const {
+    tableProps: {
+      width,
+      filterBarProps,
+      onFiltersChange,
+      filters
+    },
+    visibleColumns
+  } = React.useContext(DataTableContext["default"]);
+  const pillGroupRefs = React.useMemo(() => {
+    const refs = [];
+
+    for (let i = 0; i < filters.length; i += 1) refs.push( /*#__PURE__*/React__default["default"].createRef());
+
+    return refs;
+  }, [filters.length]);
+  const dropdownMenuRef = React.useRef(null);
+  const removeAllFilters = React.useCallback(() => {
+    onFiltersChange([]);
+  }, [onFiltersChange]);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledWrapper, {
+    width: 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;
+
+    let Component = () => null;
+
+    const filterType = type;
+
+    if (filterType in pillRenderMapper) {
+      Component = pillRenderMapper[filterType];
+    } else if (filterBarProps !== null && filterBarProps !== void 0 && 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,
+      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, {
+    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"], {
+      containerProps: {
+        'data-testid': constants.DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
+      },
+      buttonType: "text",
+      innerRef: dropdownMenuRef,
+      icon: _MoreOptionsVert || (_MoreOptionsVert = /*#__PURE__*/_jsx__default["default"](dsIcons.MoreOptionsVert, {}))
+    })
+  }));
+};
+
+exports.FiltersBar = FiltersBar;

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

@@ -0,0 +1,47 @@
+'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 !== 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__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: "".concat(format(value.startDate), " - ").concat(format(value.endDate)),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.DateRangePill = DateRangePill;

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

@@ -0,0 +1,47 @@
+'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 !== 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__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.DateSwitcherPill = DateSwitcherPill;

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

@@ -0,0 +1,56 @@
+'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 = React.useCallback(valToRemove => {
+    const newFilters = [...filters];
+    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();
+      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, {
+    type: "label",
+    label: columnHeader
+  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: val.label,
+    onRemove: () => handleOnRemove(val),
+    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+  }, val.dsId))) : null;
+};
+
+exports.MultiSelectPill = MultiSelectPill;

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

@@ -0,0 +1,46 @@
+'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 === 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__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: "".concat(value.from, " - ").concat(value.to),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.NumberRangePill = NumberRangePill;

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

@@ -0,0 +1,44 @@
+'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__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: value.label,
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.SelectPill = SelectPill;

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

@@ -0,0 +1,45 @@
+'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');
+require('core-js/modules/es.string.replace.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 SingleDatePill = _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__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: value.replace(/-/g, '/'),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.SingleDatePill = SingleDatePill;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DateRangePill = require('./DateRangePill.js');
+var DateSwitcherPill = require('./DateSwitcherPill.js');
+var MultiSelectPill = require('./MultiSelectPill.js');
+var NumberRangePill = require('./NumberRangePill.js');
+var SelectPill = require('./SelectPill.js');
+var SingleDatePill = require('./SingleDatePill.js');
+
+
+
+exports.DateRangePill = DateRangePill.DateRangePill;
+exports.DateSwitcherPill = DateSwitcherPill.DateSwitcherPill;
+exports.MultiSelectPill = MultiSelectPill.MultiSelectPill;
+exports.NumberRangePill = NumberRangePill.NumberRangePill;
+exports.SelectPill = SelectPill.SelectPill;
+exports.SingleDatePill = SingleDatePill.SingleDatePill;

package/cjs/parts/FilterBar/index.js

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var FiltersBar = require('./FiltersBar.js');
+
+
+
+exports.FiltersBar = FiltersBar.FiltersBar;

package/cjs/parts/FilterBar/styled.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
+var Grid = require('@elliemae/ds-grid');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
+var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StyledWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
+  componentId: "sc-10txld7-0"
+})(["display:flex;flex-wrap:wrap;width:", ";align-items:center;min-height:33px;padding:0 ", ";"], props => props.width, props => props.theme.space.xxxs);
+const StyledDropdownMenu = /*#__PURE__*/styled__default["default"](DSDropdownMenu__default["default"]).withConfig({
+  componentId: "sc-10txld7-1"
+})(["margin-left:auto;"]);
+
+exports.StyledDropdownMenu = StyledDropdownMenu;
+exports.StyledWrapper = StyledWrapper;

package/cjs/parts/FilterBar/types.js

@@ -0,0 +1,2 @@
+'use strict';
+