@elliemae/ds-data-table 2.3.1 → 3.0.0-alpha.3

package/dist/esm/parts/DropIndicator.js

@@ -0,0 +1,61 @@
+import * as React from "react";
+import React2 from "react";
+import styled from "styled-components";
+import { ZIndexDataTable } from "../configs/zIndexInternalConfig";
+import { DropIndicatorPosition } from "./HoC/SortableItemContext";
+const getPositionStyles = ({ dropIndicatorPosition, vertical }) => {
+  if (vertical) {
+    return `
+      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
+      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
+    `;
+  }
+  return `
+      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? "0" : "unset"};
+      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? "0" : "unset"};
+    `;
+};
+const getCircleStyles = ({ dropIndicatorPosition, vertical }) => ({
+  position: "absolute",
+  zIndex: ZIndexDataTable.DROP_INDICATOR,
+  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
+  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
+  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? "unset" : "-2px",
+  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? "unset" : "-2px",
+  opacity: 1
+});
+const StyledIndicator = styled.div`
+  position: absolute;
+  ${getPositionStyles}
+  box-sizing: border-box;
+  width: ${(props) => props.vertical ? "2px" : "100%"};
+  height: ${(props) => props.vertical ? "100%" : "2px"};
+  background-color: ${(props) => props.theme.colors.brand[600]};
+  z-index: ${ZIndexDataTable.DROP_INDICATOR};
+`;
+const CircleIndicator = (style) => /* @__PURE__ */ React2.createElement("svg", {
+  height: "6",
+  width: "6",
+  style
+}, /* @__PURE__ */ React2.createElement("circle", {
+  cx: "3",
+  cy: "3",
+  r: "3",
+  strokeWidth: "0",
+  fill: "#1E79C2"
+}));
+const DropIndicator = ({ vertical, dropIndicatorPosition, isLast }) => {
+  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition))
+    return null;
+  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition })), /* @__PURE__ */ React2.createElement(StyledIndicator, {
+    vertical,
+    dropIndicatorPosition: safeDropIndicatorPosition
+  }));
+};
+var DropIndicator_default = DropIndicator;
+export {
+  DropIndicator,
+  DropIndicator_default as default
+};
+//# sourceMappingURL=DropIndicator.js.map

package/dist/esm/parts/DropIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DropIndicator.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport styled from 'styled-components';\nimport { ZIndexDataTable } from '../configs/zIndexInternalConfig';\nimport { DropIndicatorPosition } from './HoC/SortableItemContext';\n\ninterface DropIndicatorProps {\n  vertical: boolean;\n  dropIndicatorPosition: DropIndicatorPosition;\n  isLast?: boolean;\n}\n\nconst getPositionStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => {\n  if (vertical) {\n    return `\n      left: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      right: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n  }\n  return `\n      top: ${dropIndicatorPosition === DropIndicatorPosition.Before ? '0' : 'unset'};\n      bottom: ${dropIndicatorPosition === DropIndicatorPosition.After ? '0' : 'unset'};\n    `;\n};\n\nconst getCircleStyles = ({ dropIndicatorPosition, vertical }: DropIndicatorProps) => ({\n  position: 'absolute',\n  zIndex: ZIndexDataTable.DROP_INDICATOR,\n  top: vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  bottom: vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  left: !vertical || dropIndicatorPosition === DropIndicatorPosition.After ? 'unset' : '-2px',\n  right: !vertical || dropIndicatorPosition === DropIndicatorPosition.Before ? 'unset' : '-2px',\n  opacity: 1,\n});\n\nconst StyledIndicator = styled.div<DropIndicatorProps>`\n  position: absolute;\n  ${getPositionStyles}\n  box-sizing: border-box;\n  width: ${(props) => (props.vertical ? '2px' : '100%')};\n  height: ${(props) => (props.vertical ? '100%' : '2px')};\n  background-color: ${(props) => props.theme.colors.brand[600]};\n  z-index: ${ZIndexDataTable.DROP_INDICATOR};\n`;\n\nconst CircleIndicator = (style: Record<string, unknown>) => (\n  <svg height=\"6\" width=\"6\" style={style}>\n    <circle cx=\"3\" cy=\"3\" r=\"3\" strokeWidth=\"0\" fill=\"#1E79C2\" />\n  </svg>\n);\n\nconst DropIndicator = ({ vertical, dropIndicatorPosition, isLast }: DropIndicatorProps): JSX.Element => {\n  if (![DropIndicatorPosition.After, DropIndicatorPosition.Before].includes(dropIndicatorPosition)) return null;\n\n  const safeDropIndicatorPosition = isLast ? DropIndicatorPosition.Before : dropIndicatorPosition;\n\n  return (\n    <>\n      {CircleIndicator(getCircleStyles({ vertical, dropIndicatorPosition: safeDropIndicatorPosition }))}\n      <StyledIndicator vertical={vertical} dropIndicatorPosition={safeDropIndicatorPosition} />\n    </>\n  );\n};\n\nexport { DropIndicator };\nexport default DropIndicator;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAQA,MAAM,oBAAoB,CAAC,EAAE,uBAAuB,eAAmC;AACrF,MAAI,UAAU;AACZ,WAAO;AAAA,cACG,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,eAC9D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAAA;AAG3E,SAAO;AAAA,aACI,0BAA0B,sBAAsB,SAAS,MAAM;AAAA,gBAC5D,0BAA0B,sBAAsB,QAAQ,MAAM;AAAA;AAAA;AAI9E,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,eAAoC;AAAA,EACpF,UAAU;AAAA,EACV,QAAQ,gBAAgB;AAAA,EACxB,KAAK,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACnF,QAAQ,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,MAAM,CAAC,YAAY,0BAA0B,sBAAsB,QAAQ,UAAU;AAAA,EACrF,OAAO,CAAC,YAAY,0BAA0B,sBAAsB,SAAS,UAAU;AAAA,EACvF,SAAS;AAAA;AAGX,MAAM,kBAAkB,OAAO;AAAA;AAAA,IAE3B;AAAA;AAAA,WAEO,CAAC,UAAW,MAAM,WAAW,QAAQ;AAAA,YACpC,CAAC,UAAW,MAAM,WAAW,SAAS;AAAA,sBAC5B,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA,aAC7C,gBAAgB;AAAA;AAG7B,MAAM,kBAAkB,CAAC,UACvB,qCAAC,OAAD;AAAA,EAAK,QAAO;AAAA,EAAI,OAAM;AAAA,EAAI;AAAA,GACxB,qCAAC,UAAD;AAAA,EAAQ,IAAG;AAAA,EAAI,IAAG;AAAA,EAAI,GAAE;AAAA,EAAI,aAAY;AAAA,EAAI,MAAK;AAAA;AAIrD,MAAM,gBAAgB,CAAC,EAAE,UAAU,uBAAuB,aAA8C;AACtG,MAAI,CAAC,CAAC,sBAAsB,OAAO,sBAAsB,QAAQ,SAAS;AAAwB,WAAO;AAEzG,QAAM,4BAA4B,SAAS,sBAAsB,SAAS;AAE1E,SACE,4DACG,gBAAgB,gBAAgB,EAAE,UAAU,uBAAuB,+BACpE,qCAAC,iBAAD;AAAA,IAAiB;AAAA,IAAoB,uBAAuB;AAAA;AAAA;AAMlE,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/parts/EmptyContent.js

@@ -0,0 +1,84 @@
+import * as React from "react";
+import React2, { useContext } from "react";
+import { Grid } from "@elliemae/ds-grid";
+import { WarningTriangle } from "@elliemae/ds-icons";
+import { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from "@elliemae/ds-system";
+import { DSButton } from "@elliemae/ds-button";
+import styled from "styled-components";
+import PropTypes from "prop-types";
+import { DataTableContext } from "../DataTableContext";
+const EmptyStateWrapper = styled(Grid)`
+  position: sticky;
+  height: fit-content;
+  top: 0;
+  left: 0;
+`;
+const Icon = styled(WarningTriangle)`
+  fill: ${(props) => props.theme.colors.neutral[300]};
+  color: ${(props) => props.theme.colors.neutral[300]};
+  justify-self: center;
+`;
+const PrimaryMessage = styled.p`
+  text-align: center;
+  font-weight: bold;
+  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};
+  color: ${(props) => props.theme.colors.neutral[600]};
+  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};
+  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};
+`;
+const SecondaryMessage = styled.p`
+  text-align: center;
+  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */
+  color: ${(props) => props.theme.colors.neutral[500]};
+  margin: 0;
+`;
+const Button = styled(DSButton)`
+  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};
+  justify-self: center;
+  width: fit-content;
+`;
+const CenterContentFlexWrapper = styled.div`
+  width: ${({ width }) => width}px;
+  height: calc(100% - 48px);
+  display: flex;
+  align-items: center;
+`;
+const EmptyContent = ({ width }) => {
+  const {
+    tableProps: {
+      noResultsPlaceholder,
+      noResultsMessage,
+      noResultsSecondaryMessage,
+      noResultsButtonLabel,
+      onNoResultsButtonClick,
+      width: tableWidth
+    }
+  } = useContext(DataTableContext);
+  if (React2.isValidElement(noResultsPlaceholder))
+    return /* @__PURE__ */ React2.createElement(CenterContentFlexWrapper, {
+      width
+    }, noResultsPlaceholder);
+  return /* @__PURE__ */ React2.createElement(CenterContentFlexWrapper, {
+    width,
+    "aria-live": "assertive",
+    role: "status"
+  }, /* @__PURE__ */ React2.createElement(EmptyStateWrapper, {
+    width: tableWidth,
+    justifyContent: "center"
+  }, /* @__PURE__ */ React2.createElement(Icon, {
+    size: "xxl"
+  }), /* @__PURE__ */ React2.createElement(PrimaryMessage, null, noResultsMessage), noResultsSecondaryMessage ? /* @__PURE__ */ React2.createElement(SecondaryMessage, null, noResultsSecondaryMessage) : null, noResultsButtonLabel && onNoResultsButtonClick ? /* @__PURE__ */ React2.createElement(Button, {
+    buttonType: "secondary",
+    labelText: noResultsButtonLabel,
+    onClick: onNoResultsButtonClick
+  }) : null));
+};
+EmptyContent.propTypes = {
+  width: PropTypes.number
+};
+var EmptyContent_default = EmptyContent;
+export {
+  EmptyContent,
+  EmptyContent_default as default
+};
+//# sourceMappingURL=EmptyContent.js.map

package/dist/esm/parts/EmptyContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/EmptyContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { WarningTriangle } from '@elliemae/ds-icons';\nimport { __UNSAFE_SPACE_TO_DIMSUM, toMobile } from '@elliemae/ds-system';\nimport { DSButton } from '@elliemae/ds-button';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { DataTableContext } from '../DataTableContext';\n\nconst EmptyStateWrapper = styled(Grid)`\n  position: sticky;\n  height: fit-content;\n  top: 0;\n  left: 0;\n`;\nconst Icon = styled(WarningTriangle)`\n  fill: ${(props) => props.theme.colors.neutral[300]};\n  color: ${(props) => props.theme.colors.neutral[300]};\n  justify-self: center;\n`;\nconst PrimaryMessage = styled.p`\n  text-align: center;\n  font-weight: bold;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])};\n  color: ${(props) => props.theme.colors.neutral[600]};\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s)};\n  margin-bottom: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xs)};\n`;\nconst SecondaryMessage = styled.p`\n  text-align: center;\n  font-size: ${(props) => toMobile(props.theme.fontSizes.value[400])}; /* 13px */\n  color: ${(props) => props.theme.colors.neutral[500]};\n  margin: 0;\n`;\nconst Button = styled(DSButton)`\n  margin-top: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.m)};\n  justify-self: center;\n  width: fit-content;\n`;\nconst CenterContentFlexWrapper = styled.div<{ width: number | string }>`\n  width: ${({ width }) => width}px;\n  height: calc(100% - 48px);\n  display: flex;\n  align-items: center;\n`;\n\nconst EmptyContent: React.ComponentType<{ width: string | number }> = ({ width }) => {\n  const {\n    tableProps: {\n      noResultsPlaceholder,\n      noResultsMessage,\n      noResultsSecondaryMessage,\n      noResultsButtonLabel,\n      onNoResultsButtonClick,\n      width: tableWidth,\n    },\n  } = useContext(DataTableContext);\n\n  if (React.isValidElement(noResultsPlaceholder))\n    return <CenterContentFlexWrapper width={width}>{noResultsPlaceholder}</CenterContentFlexWrapper>;\n\n  return (\n    <CenterContentFlexWrapper width={width} aria-live=\"assertive\" role=\"status\">\n      <EmptyStateWrapper width={tableWidth} justifyContent=\"center\">\n        <Icon size=\"xxl\" />\n        <PrimaryMessage>{noResultsMessage}</PrimaryMessage>\n        {noResultsSecondaryMessage ? <SecondaryMessage>{noResultsSecondaryMessage}</SecondaryMessage> : null}\n        {noResultsButtonLabel && onNoResultsButtonClick ? (\n          <Button buttonType=\"secondary\" labelText={noResultsButtonLabel} onClick={onNoResultsButtonClick} />\n        ) : null}\n      </EmptyStateWrapper>\n    </CenterContentFlexWrapper>\n  );\n};\n\nEmptyContent.propTypes = {\n  width: PropTypes.number,\n};\n\nexport { EmptyContent };\nexport default EmptyContent;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAMjC,MAAM,OAAO,OAAO;AAAA,UACV,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,eAGf,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,mBACnD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAEzE,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM;AAAA,WACpD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO;AAAA,gBACN,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAItE,MAAM,2BAA2B,OAAO;AAAA,WAC7B,CAAC,EAAE,YAAY;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,eAAgE,CAAC,EAAE,YAAY;AACnF,QAAM;AAAA,IACJ,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO;AAAA;AAAA,MAEP,WAAW;AAEf,MAAI,OAAM,eAAe;AACvB,WAAO,qCAAC,0BAAD;AAAA,MAA0B;AAAA,OAAe;AAElD,SACE,qCAAC,0BAAD;AAAA,IAA0B;AAAA,IAAc,aAAU;AAAA,IAAY,MAAK;AAAA,KACjE,qCAAC,mBAAD;AAAA,IAAmB,OAAO;AAAA,IAAY,gBAAe;AAAA,KACnD,qCAAC,MAAD;AAAA,IAAM,MAAK;AAAA,MACX,qCAAC,gBAAD,MAAiB,mBAChB,4BAA4B,qCAAC,kBAAD,MAAmB,6BAAgD,MAC/F,wBAAwB,yBACvB,qCAAC,QAAD;AAAA,IAAQ,YAAW;AAAA,IAAY,WAAW;AAAA,IAAsB,SAAS;AAAA,OACvE;AAAA;AAMZ,aAAa,YAAY;AAAA,EACvB,OAAO,UAAU;AAAA;AAInB,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/FiltersBar.js

@@ -0,0 +1,89 @@
+import * as React from "react";
+import React2, { useCallback, useContext, useMemo, useRef } from "react";
+import { DSButton } from "@elliemae/ds-button";
+import { MoreOptionsVert } from "@elliemae/ds-icons";
+import { FILTER_TYPES } from "../../exported-related";
+import {
+  SelectPill,
+  MultiSelectPill,
+  SingleDatePill,
+  DateRangePill,
+  NumberRangePill,
+  DateSwitcherPill
+} from "./components";
+import { DataTableContext } from "../../DataTableContext";
+import { StyledDropdownMenu, StyledWrapper } from "./styled";
+import { DATA_TESTID } from "../../configs/constants";
+const pillRenderMapper = {
+  [FILTER_TYPES.SELECT]: SelectPill,
+  [FILTER_TYPES.MULTI_SELECT]: MultiSelectPill,
+  [FILTER_TYPES.SINGLE_DATE]: SingleDatePill,
+  [FILTER_TYPES.DATE_RANGE]: DateRangePill,
+  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherPill,
+  [FILTER_TYPES.NUMBER_RANGE]: NumberRangePill,
+  [FILTER_TYPES.CURRENCY_RANGE]: NumberRangePill
+};
+const FiltersBar = () => {
+  const {
+    tableProps: { width, filterBarProps, onFiltersChange, filters },
+    visibleColumns
+  } = useContext(DataTableContext);
+  const pillGroupRefs = useMemo(() => {
+    const refs = [];
+    for (let i = 0; i < filters.length; i += 1)
+      refs.push(React2.createRef());
+    return refs;
+  }, [filters.length]);
+  const dropdownMenuRef = useRef(null);
+  const removeAllFilters = useCallback(() => {
+    onFiltersChange([]);
+  }, [onFiltersChange]);
+  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
+    width,
+    "aria-live": "polite",
+    "aria-relevant": "additions removals",
+    gutter: "xs"
+  }, 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?.customPillRenderer) {
+      Component = filterBarProps.customPillRenderer;
+    }
+    return /* @__PURE__ */ React2.createElement(Component, {
+      key: column,
+      columnHeader: typeof columnHeader === "string" ? columnHeader : column,
+      column,
+      value,
+      filters,
+      onFiltersChange,
+      prevRef: pillGroupRefs[index - 1],
+      innerRef: pillGroupRefs[index],
+      nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
+    });
+  }), /* @__PURE__ */ React2.createElement(StyledDropdownMenu, {
+    preventOverflow: "scrollParent",
+    options: [
+      {
+        id: "__internal__option__clear__filters",
+        label: "Clear Filters",
+        onClick: removeAllFilters
+      },
+      ...filterBarProps?.extraOptions || []
+    ],
+    triggerComponent: /* @__PURE__ */ React2.createElement(DSButton, {
+      containerProps: {
+        "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON
+      },
+      buttonType: "text",
+      innerRef: dropdownMenuRef,
+      icon: /* @__PURE__ */ React2.createElement(MoreOptionsVert, null)
+    })
+  }));
+};
+export {
+  FiltersBar
+};
+//# sourceMappingURL=FiltersBar.js.map

package/dist/esm/parts/FilterBar/FiltersBar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/FiltersBar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;AACA;AAEA;AAEA,MAAM,mBAA6D;AAAA,GAChE,aAAa,SAAS;AAAA,GACtB,aAAa,eAAe;AAAA,GAC5B,aAAa,cAAc;AAAA,GAC3B,aAAa,aAAa;AAAA,GAC1B,aAAa,gBAAgB;AAAA,GAC7B,aAAa,eAAe;AAAA,GAC5B,aAAa,iBAAiB;AAAA;AAG1B,MAAM,aAAkC,MAAM;AACnD,QAAM;AAAA,IACJ,YAAY,EAAE,OAAO,gBAAgB,iBAAiB;AAAA,IACtD;AAAA,MACE,WAAW;AAEf,QAAM,gBAAgB,QAAQ,MAAM;AAClC,UAAM,OAAuC;AAC7C,aAAS,IAAI,GAAG,IAAI,QAAQ,QAAQ,KAAK;AAAG,WAAK,KAAK,OAAM;AAC5D,WAAO;AAAA,KACN,CAAC,QAAQ;AAEZ,QAAM,kBAAkB,OAAO;AAE/B,QAAM,mBAAmB,YAAY,MAAM;AACzC,oBAAgB;AAAA,KACf,CAAC;AAEJ,SACE,qCAAC,eAAD;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,qCAAC,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,qCAAC,oBAAD;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,qCAAC,UAAD;AAAA,MACE,gBAAgB;AAAA,QACd,eAAe,YAAY;AAAA;AAAA,MAE7B,YAAW;AAAA,MACX,UAAU;AAAA,MACV,MAAM,qCAAC,iBAAD;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/components/DateRangePill.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const format = (value) => value?.replace(/-/g, "/");
+const DateRangePill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
+  const handleOnRemove = 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?.startDate && value?.endDate ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "removable",
+    label: `${format(value.startDate)} - ${format(value.endDate)}`,
+    onRemove: handleOnRemove,
+    innerRef
+  })) : null;
+};
+export {
+  DateRangePill
+};
+//# sourceMappingURL=DateRangePill.js.map

package/dist/esm/parts/FilterBar/components/DateRangePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/DateRangePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGA,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,YAAY,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,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IACE,MAAK;AAAA,IACL,OAAO,GAAG,OAAO,MAAM,gBAAgB,OAAO,MAAM;AAAA,IACpD,UAAU;AAAA,IACV;AAAA,QAGF;AAAA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/components/DateSwitcherPill.js

@@ -0,0 +1,35 @@
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const format = (value) => value?.replace(/-/g, "/");
+const DateSwitcherPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
+  const handleOnRemove = 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?.startDate && value?.endDate ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "removable",
+    label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
+    onRemove: handleOnRemove,
+    innerRef
+  })) : null;
+};
+export {
+  DateSwitcherPill
+};
+//# sourceMappingURL=DateSwitcherPill.js.map

package/dist/esm/parts/FilterBar/components/DateSwitcherPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGA,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,YAAY,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,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;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/dist/esm/parts/FilterBar/components/MultiSelectPill.js

@@ -0,0 +1,42 @@
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const MultiSelectPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
+  const multiSelectedValue = value;
+  const handleOnRemove = 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) {
+      if (prevRef?.current)
+        prevRef.current.focus();
+      else
+        nextRef.current?.focus();
+      newFilters.splice(filterIndex, 1);
+    }
+    onFiltersChange(newFilters);
+  }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
+  return multiSelectedValue?.length ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), multiSelectedValue.map((val, index) => /* @__PURE__ */ React2.createElement(DSPillV2, {
+    key: val.dsId,
+    type: "removable",
+    label: val.label,
+    onRemove: () => handleOnRemove(val),
+    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+  }))) : null;
+};
+export {
+  MultiSelectPill
+};
+//# sourceMappingURL=MultiSelectPill.js.map

package/dist/esm/parts/FilterBar/components/MultiSelectPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,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,YACrB,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,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC7B,mBAAmB,IAAI,CAAC,KAAK,UAC5B,qCAAC,UAAD;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": []
+}

package/dist/esm/parts/FilterBar/components/NumberRangePill.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const NumberRangePill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
+  const handleOnRemove = useCallback(() => {
+    if (prevRef?.current)
+      prevRef.current.focus();
+    else
+      nextRef.current?.focus();
+    onFiltersChange(filters.filter((filter) => filter.id !== column));
+  }, [onFiltersChange, filters, column, prevRef, nextRef]);
+  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "removable",
+    label: `${value.from} - ${value.to}`,
+    onRemove: handleOnRemove,
+    innerRef
+  })) : null;
+};
+export {
+  NumberRangePill
+};
+//# sourceMappingURL=NumberRangePill.js.map

package/dist/esm/parts/FilterBar/components/NumberRangePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/NumberRangePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const NumberRangePill: FilterPillComponent<{ from: string; to: 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, column, prevRef, nextRef]);\n\n  return (value?.from ?? '') !== '' && (value?.to ?? '') !== '' ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={`${value.from} - ${value.to}`} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,kBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ;AAAA;AACjC,cAAQ,SAAS;AACtB,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO;AAAA,KACxD,CAAC,iBAAiB,SAAS,QAAQ,SAAS;AAE/C,SAAQ,QAAO,QAAQ,QAAQ,MAAO,QAAO,MAAM,QAAQ,KACzD,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAE3F;AAAA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/components/SelectPill.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const SelectPill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
+  const handleOnRemove = 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 ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "removable",
+    label: value.label,
+    onRemove: handleOnRemove,
+    innerRef
+  })) : null;
+};
+export {
+  SelectPill
+};
+//# sourceMappingURL=SelectPill.js.map

package/dist/esm/parts/FilterBar/components/SelectPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SelectPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterOptionT, FilterPillComponent } from '../types';\n\nexport const SelectPill: FilterPillComponent<FilterOptionT> = ({\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 ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.label} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,aAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,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,QACL,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM;AAAA,IAAO,UAAU;AAAA,IAAgB;AAAA,QAEzE;AAAA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/components/SingleDatePill.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import React2, { useCallback } from "react";
+import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
+const SingleDatePill = ({
+  columnHeader,
+  column,
+  value,
+  filters,
+  onFiltersChange,
+  prevRef,
+  innerRef,
+  nextRef
+}) => {
+  const handleOnRemove = 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 ? /* @__PURE__ */ React2.createElement(DSPillGroupV2, null, /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /* @__PURE__ */ React2.createElement(DSPillV2, {
+    type: "removable",
+    label: value.replace(/-/g, "/"),
+    onRemove: handleOnRemove,
+    innerRef
+  })) : null;
+};
+export {
+  SingleDatePill
+};
+//# sourceMappingURL=SingleDatePill.js.map

package/dist/esm/parts/FilterBar/components/SingleDatePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SingleDatePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useCallback } from 'react';\nimport { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';\nimport { FilterPillComponent } from '../types';\n\nexport const SingleDatePill: FilterPillComponent<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 ? (\n    <DSPillGroupV2>\n      <DSPillV2 type=\"label\" label={columnHeader} />\n      <DSPillV2 type=\"removable\" label={value.replace(/-/g, '/')} onRemove={handleOnRemove} innerRef={innerRef} />\n    </DSPillGroupV2>\n  ) : null;\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AAGO,MAAM,iBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,iBAAiB,YAAY,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,QACL,qCAAC,eAAD,MACE,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAQ,OAAO;AAAA,MAC9B,qCAAC,UAAD;AAAA,IAAU,MAAK;AAAA,IAAY,OAAO,MAAM,QAAQ,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,QAEtF;AAAA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/components/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export * from "./DateRangePill";
+export * from "./DateSwitcherPill";
+export * from "./MultiSelectPill";
+export * from "./NumberRangePill";
+export * from "./SelectPill";
+export * from "./SingleDatePill";
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/FilterBar/components/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DateRangePill';\nexport * from './DateSwitcherPill';\nexport * from './MultiSelectPill';\nexport * from './NumberRangePill';\nexport * from './SelectPill';\nexport * from './SingleDatePill';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/index.js

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { FiltersBar } from "./FiltersBar";
+export {
+  FiltersBar
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/parts/FilterBar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FiltersBar } from './FiltersBar';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}

package/dist/esm/parts/FilterBar/styled.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { DSDropdownMenu } from "@elliemae/ds-dropdownmenu";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+const StyledWrapper = styled(Grid)`
+  display: flex;
+  flex-wrap: wrap;
+  width: ${(props) => props.width};
+  align-items: center;
+  min-height: 33px; // height of the pills
+  padding: 0 ${(props) => props.theme.space.xxxs};
+`;
+const StyledDropdownMenu = styled(DSDropdownMenu)`
+  margin-left: auto;
+`;
+export {
+  StyledDropdownMenu,
+  StyledWrapper
+};
+//# sourceMappingURL=styled.js.map

package/dist/esm/parts/FilterBar/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\n\nexport const StyledWrapper = styled(Grid)`\n  display: flex;\n  flex-wrap: wrap;\n  width: ${(props) => props.width};\n  align-items: center;\n  min-height: 33px; // height of the pills\n  padding: 0 ${(props) => props.theme.space.xxxs};\n`;\n\nexport const StyledDropdownMenu = styled(DSDropdownMenu)`\n  margin-left: auto;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA,WAGzB,CAAC,UAAU,MAAM;AAAA;AAAA;AAAA,eAGb,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAGrC,MAAM,qBAAqB,OAAO;AAAA;AAAA;",
+  "names": []
+}