@elliemae/ds-data-table 3.5.0-rc.9 → 3.5.1-rc.2

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

@@ -2,6 +2,6 @@
   "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 '@elliemae/ds-system';\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    },\n    virtualListRef,\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={virtualListRef.current?.clientWidth} 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\nexport { EmptyContent };\nexport default EmptyContent;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,kBAAkB;AAClC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,wBAAwB;AAEjC,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,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,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAIvE,MAAM,2BAA2B,OAAO;AAAA,WAC7B,CAAC,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,eAAgE,CAAC,EAAE,MAAM,MAAM;AACnF,QAAM;AAAA,IACJ,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gBAAgB;AAE/B,MAAIA,OAAM,eAAe,oBAAoB;AAC3C,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAyB;AAAA,OAAe,oBAAqB;AAEvE,SACE,gBAAAA,OAAA,cAAC;AAAA,IAAyB;AAAA,IAAc,aAAU;AAAA,IAAY,MAAK;AAAA,KACjE,gBAAAA,OAAA,cAAC;AAAA,IAAkB,OAAO,eAAe,SAAS;AAAA,IAAa,gBAAe;AAAA,KAC5E,gBAAAA,OAAA,cAAC;AAAA,IAAK,MAAK;AAAA,GAAM,GACjB,gBAAAA,OAAA,cAAC,sBAAgB,gBAAiB,GACjC,4BAA4B,gBAAAA,OAAA,cAAC,wBAAkB,yBAA0B,IAAsB,MAC/F,wBAAwB,yBACvB,gBAAAA,OAAA,cAAC;AAAA,IAAO,YAAW;AAAA,IAAY,WAAW;AAAA,IAAsB,SAAS;AAAA,GAAwB,IAC/F,IACN,CACF;AAEJ;AAGA,IAAO,uBAAQ;",
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,kBAAkB;AAClC,SAAS,YAAY;AACrB,SAAS,uBAAuB;AAChC,SAAS,0BAA0B,gBAAgB;AACnD,SAAS,gBAAgB;AACzB,SAAS,cAAc;AAEvB,SAAS,wBAAwB;AAEjC,MAAM,oBAAoB,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAMrC,MAAM,OAAO,OAAO,eAAe;AAAA,UACzB,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,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA,gBACjC,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA,mBACpD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,EAAE;AAAA;AAE3E,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,UAAU,SAAS,MAAM,MAAM,UAAU,MAAM,IAAI;AAAA,WACxD,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAGjD,MAAM,SAAS,OAAO,QAAQ;AAAA,gBACd,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAIvE,MAAM,2BAA2B,OAAO;AAAA,WAC7B,CAAC,EAAE,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAM1B,MAAM,eAAgE,CAAC,EAAE,MAAM,MAAM;AACnF,QAAM;AAAA,IACJ,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,EACF,IAAI,WAAW,gBAAgB;AAE/B,MAAIA,OAAM,eAAe,oBAAoB;AAC3C,WAAO,oBAAC;AAAA,MAAyB;AAAA,MAAe;AAAA,KAAqB;AAEvE,SACE,oBAAC;AAAA,IAAyB;AAAA,IAAc,aAAU;AAAA,IAAY,MAAK;AAAA,IACjE,+BAAC;AAAA,MAAkB,OAAO,eAAe,SAAS;AAAA,MAAa,gBAAe;AAAA,MAC5E;AAAA,4BAAC;AAAA,UAAK,MAAK;AAAA,SAAM;AAAA,QACjB,oBAAC;AAAA,UAAgB;AAAA,SAAiB;AAAA,QACjC,4BAA4B,oBAAC;AAAA,UAAkB;AAAA,SAA0B,IAAsB;AAAA,QAC/F,wBAAwB,yBACvB,oBAAC;AAAA,UAAO,YAAW;AAAA,UAAY,WAAW;AAAA,UAAsB,SAAS;AAAA,SAAwB,IAC/F;AAAA;AAAA,KACN;AAAA,GACF;AAEJ;AAGA,IAAO,uBAAQ;",
   "names": ["React"]
 }

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

@@ -1,4 +1,5 @@
 import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import React2, { useCallback, useContext, useMemo, useRef, useState } from "react";
 import { DSButtonV2 } from "@elliemae/ds-button";
 import { MoreOptionsVert } from "@elliemae/ds-icons";
@@ -65,55 +66,59 @@ const FiltersBar = () => {
       return filterBarProps.isDropdownMenuOpen;
     return isOpen;
   }, [filterBarProps?.isDropdownMenuOpen, isOpen]);
-  return /* @__PURE__ */ React2.createElement(StyledWrapper, {
+  return /* @__PURE__ */ jsxs(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
-    });
-  }), filterBarAddonRenderer ? filterBarAddonRenderer({ innerRef: dropdownMenuRef }) : /* @__PURE__ */ React2.createElement(StyledDropdownMenu, {
-    preventOverflow: "scrollParent",
-    isOpen: finalIsOpen,
-    onClose: onFilterBarClose,
-    onClickOutsideMenu: onFilterBarOnClickOutside,
-    options: [
-      {
-        id: "__internal__option__clear__filters",
-        label: "Clear Filters",
-        onClick: removeAllFilters,
-        onKeyDown: (e) => {
-          if (["Enter", "Space"].includes(e.code))
-            removeAllFilters();
+    gutter: "xs",
+    children: [
+      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;
         }
-      },
-      ...filterBarProps?.extraOptions || []
-    ],
-    triggerComponent: /* @__PURE__ */ React2.createElement(DSButtonV2, {
-      "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
-      buttonType: "icon",
-      innerRef: dropdownMenuRef,
-      onClick: onTriggerClick
-    }, /* @__PURE__ */ React2.createElement(MoreOptionsVert, null))
-  }));
+        return /* @__PURE__ */ jsx(Component, {
+          columnHeader: typeof columnHeader === "string" ? columnHeader : column,
+          column,
+          value,
+          filters,
+          onFiltersChange,
+          prevRef: pillGroupRefs[index - 1],
+          innerRef: pillGroupRefs[index],
+          nextRef: pillGroupRefs[index + 1] ?? dropdownMenuRef
+        }, column);
+      }),
+      filterBarAddonRenderer ? filterBarAddonRenderer({ innerRef: dropdownMenuRef }) : /* @__PURE__ */ jsx(StyledDropdownMenu, {
+        preventOverflow: "scrollParent",
+        isOpen: finalIsOpen,
+        onClose: onFilterBarClose,
+        onClickOutsideMenu: onFilterBarOnClickOutside,
+        options: [
+          {
+            id: "__internal__option__clear__filters",
+            label: "Clear Filters",
+            onClick: removeAllFilters,
+            onKeyDown: (e) => {
+              if (["Enter", "Space"].includes(e.code))
+                removeAllFilters();
+            }
+          },
+          ...filterBarProps?.extraOptions || []
+        ],
+        triggerComponent: /* @__PURE__ */ jsx(DSButtonV2, {
+          "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON,
+          buttonType: "icon",
+          innerRef: dropdownMenuRef,
+          onClick: onTriggerClick,
+          children: /* @__PURE__ */ jsx(MoreOptionsVert, {})
+        })
+      })
+    ]
+  });
 };
 export {
   FiltersBar

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/FilterBar/FiltersBar.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext, useMemo, useRef, useState } from 'react';\nimport { DSButtonV2 } 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 [isOpen, setIsOpen] = useState(false);\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 { filterBarAddonRenderer } = filterBarProps || {};\n\n  const removeAllFilters = useCallback(() => {\n    onFiltersChange([]);\n    filterBarProps?.onClearAllFiltersClick?.();\n    setIsOpen(false);\n  }, [onFiltersChange, filterBarProps?.onClearAllFiltersClick]);\n\n  const onFilterBarClose = useCallback(() => {\n    filterBarProps?.onDropdownMenuToggle?.(false, 'onClose');\n    dropdownMenuRef.current.focus();\n    setIsOpen(false);\n  }, [filterBarProps?.onDropdownMenuToggle]);\n\n  const onFilterBarOpen = useCallback(() => {\n    filterBarProps?.onDropdownMenuToggle?.(true, 'onOpen');\n    setIsOpen(true);\n  }, [filterBarProps?.onDropdownMenuToggle]);\n\n  const onFilterBarOnClickOutside = useCallback(() => {\n    filterBarProps?.onDropdownMenuToggle?.(false, 'onClickOutside');\n    filterBarProps?.onDropdownMenuClickOutside?.();\n    setIsOpen(false);\n  }, [filterBarProps?.onDropdownMenuToggle, filterBarProps?.onDropdownMenuClickOutside]);\n\n  const onTriggerClick = useCallback(() => {\n    filterBarProps?.onDropdownMenuTriggerClick?.();\n    onFilterBarOpen();\n  }, [filterBarProps?.onDropdownMenuTriggerClick]);\n\n  const finalIsOpen = useMemo(() => {\n    if (typeof filterBarProps?.isDropdownMenuOpen === 'boolean') return filterBarProps.isDropdownMenuOpen;\n    return isOpen;\n  }, [filterBarProps?.isDropdownMenuOpen, isOpen]);\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      {filterBarAddonRenderer ? (\n        filterBarAddonRenderer({ innerRef: dropdownMenuRef })\n      ) : (\n        <StyledDropdownMenu\n          preventOverflow=\"scrollParent\"\n          isOpen={finalIsOpen}\n          onClose={onFilterBarClose}\n          onClickOutsideMenu={onFilterBarOnClickOutside}\n          options={[\n            {\n              id: '__internal__option__clear__filters',\n              label: 'Clear Filters',\n              onClick: removeAllFilters,\n              onKeyDown: (e: React.KeyboardEvent) => {\n                if (['Enter', 'Space'].includes(e.code)) removeAllFilters();\n              },\n            },\n            ...(filterBarProps?.extraOptions || []),\n          ]}\n          triggerComponent={\n            <DSButtonV2\n              data-testid={DATA_TESTID.DATA_TABLE_FILTER_BAR_DD_MENU_BUTTON}\n              buttonType=\"icon\"\n              innerRef={dropdownMenuRef}\n              onClick={onTriggerClick}\n            >\n              <MoreOptionsVert />\n            </DSButtonV2>\n          }\n        />\n      )}\n    </StyledWrapper>\n  );\n};\n"],
-  "mappings": "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",
+  "mappings": "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",
   "names": ["React"]
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
 const format = (value) => value?.replace(/-/g, "/");
 const DateRangePill = ({
@@ -19,15 +20,20 @@ const DateRangePill = ({
       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;
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ jsxs(DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "removable",
+        label: `${format(value.startDate)} - ${format(value.endDate)}`,
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 export {
   DateRangePill

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/DateRangePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,gBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACL,OAAO,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO;AAAA,IAC3D,UAAU;AAAA,IACV;AAAA,GACF,CACF,IACE;AACN;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,gBAA6E,CAAC;AAAA,EACzF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,oBAAC;AAAA,QACC,MAAK;AAAA,QACL,OAAO,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO;AAAA,QAC3D,UAAU;AAAA,QACV;AAAA,OACF;AAAA;AAAA,GACF,IACE;AACN;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
 const format = (value) => value?.replace(/-/g, "/");
 const DateSwitcherPill = ({
@@ -19,15 +20,20 @@ const DateSwitcherPill = ({
       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;
+  return value?.startDate && value?.endDate ? /* @__PURE__ */ jsxs(DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "removable",
+        label: value.isDateRange ? `${format(value.startDate)} - ${format(value.endDate)}` : format(value.startDate),
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 export {
   DateSwitcherPill

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/DateSwitcherPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,gBAAAA,OAAA,cAAC;AAAA,IACC,MAAK;AAAA,IACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM,SAAS;AAAA,IAC3G,UAAU;AAAA,IACV;AAAA,GACF,CACF,IACE;AACN;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGxC,MAAM,SAAS,CAAC,UAAkB,OAAO,QAAQ,MAAM,GAAG;AAEnD,MAAM,mBAAsG,CAAC;AAAA,EAClH;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,OAAO,aAAa,OAAO,UAChC,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,oBAAC;AAAA,QACC,MAAK;AAAA,QACL,OAAO,MAAM,cAAc,GAAG,OAAO,MAAM,SAAS,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,MAAM,SAAS;AAAA,QAC3G,UAAU;AAAA,QACV;AAAA,OACF;AAAA;AAAA,GACF,IACE;AACN;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
 const MultiSelectPill = ({
   columnHeader,
@@ -28,16 +29,20 @@ const MultiSelectPill = ({
     },
     [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;
+  return multiSelectedValue?.length ? /* @__PURE__ */ jsxs(DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      multiSelectedValue.map((val, index) => /* @__PURE__ */ jsx(DSPillV2, {
+        type: "removable",
+        label: val.label,
+        onRemove: () => handleOnRemove(val),
+        innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+      }, val.dsId))
+    ]
+  }) : null;
 };
 export {
   MultiSelectPill

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/MultiSelectPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB;AAC3B,QAAM,iBAAiB;AAAA,IACrB,CAAC,gBAAgB;AACf,YAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,YAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO,MAAM;AACzE,iBAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI;AAChG,UAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,YAAI,SAAS;AAAS,kBAAQ,QAAQ,MAAM;AAAA;AACvC,kBAAQ,SAAS,MAAM;AAC5B,mBAAW,OAAO,aAAa,CAAC;AAAA,MAClC;AACA,sBAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS,OAAO;AAAA,EACzE;AACA,SAAO,oBAAoB,SACzB,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC3C,mBAAmB,IAAI,CAAC,KAAK,UAC5B,gBAAAA,OAAA,cAAC;AAAA,IACC,KAAK,IAAI;AAAA,IACT,MAAK;AAAA,IACL,OAAO,IAAI;AAAA,IACX,UAAU,MAAM,eAAe,GAAG;AAAA,IAClC,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW,CAAC;AAAA,GAClE,CACD,CACH,IACE;AACN;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,kBAAwD,CAAC;AAAA,EACpE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB;AAC3B,QAAM,iBAAiB;AAAA,IACrB,CAAC,gBAAgB;AACf,YAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,YAAM,cAAc,WAAW,UAAU,CAAC,WAAW,OAAO,OAAO,MAAM;AACzE,iBAAW,aAAa,QAAQ,mBAAmB,OAAO,CAAC,QAAQ,IAAI,SAAS,YAAY,IAAI;AAChG,UAAI,WAAW,aAAa,MAAM,WAAW,GAAG;AAC9C,YAAI,SAAS;AAAS,kBAAQ,QAAQ,MAAM;AAAA;AACvC,kBAAQ,SAAS,MAAM;AAC5B,mBAAW,OAAO,aAAa,CAAC;AAAA,MAClC;AACA,sBAAgB,UAAU;AAAA,IAC5B;AAAA,IACA,CAAC,SAAS,oBAAoB,iBAAiB,QAAQ,SAAS,OAAO;AAAA,EACzE;AACA,SAAO,oBAAoB,SACzB,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC3C,mBAAmB,IAAI,CAAC,KAAK,UAC5B,oBAAC;AAAA,QAEC,MAAK;AAAA,QACL,OAAO,IAAI;AAAA,QACX,UAAU,MAAM,eAAe,GAAG;AAAA,QAClC,UAAU,UAAU,mBAAmB,SAAS,IAAI,WAAW,CAAC;AAAA,SAJ3D,IAAI,IAKX,CACD;AAAA;AAAA,GACH,IACE;AACN;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
 const NumberRangePill = ({
   columnHeader,
@@ -18,15 +19,20 @@ const NumberRangePill = ({
       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;
+  return (value?.from ?? "") !== "" && (value?.to ?? "") !== "" ? /* @__PURE__ */ jsxs(DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "removable",
+        label: `${value.from} - ${value.to}`,
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 export {
   NumberRangePill

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/NumberRangePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,kBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,QAAQ,SAAS,OAAO,CAAC;AAEvD,UAAQ,OAAO,QAAQ,QAAQ,OAAO,OAAO,MAAM,QAAQ,KACzD,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,IAAM,UAAU;AAAA,IAAgB;AAAA,GAAoB,CACjH,IACE;AACN;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,kBAAqE,CAAC;AAAA,EACjF;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,QAAQ,SAAS,OAAO,CAAC;AAEvD,UAAQ,OAAO,QAAQ,QAAQ,OAAO,OAAO,MAAM,QAAQ,KACzD,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,oBAAC;AAAA,QAAS,MAAK;AAAA,QAAY,OAAO,GAAG,MAAM,UAAU,MAAM;AAAA,QAAM,UAAU;AAAA,QAAgB;AAAA,OAAoB;AAAA;AAAA,GACjH,IACE;AACN;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
 const SelectPill = ({
   columnHeader,
@@ -18,15 +19,20 @@ const SelectPill = ({
       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;
+  return value ? /* @__PURE__ */ jsxs(DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "removable",
+        label: value.label,
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 export {
   SelectPill

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SelectPill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,aAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,QACL,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAY,OAAO,MAAM;AAAA,IAAO,UAAU;AAAA,IAAgB;AAAA,GAAoB,CAC/F,IACE;AACN;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,aAAiD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,QACL,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,oBAAC;AAAA,QAAS,MAAK;AAAA,QAAY,OAAO,MAAM;AAAA,QAAO,UAAU;AAAA,QAAgB;AAAA,OAAoB;AAAA;AAAA,GAC/F,IACE;AACN;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
 import { DSPillGroupV2, DSPillV2 } from "@elliemae/ds-pills";
 const SingleDatePill = ({
   columnHeader,
@@ -18,15 +19,20 @@ const SingleDatePill = ({
       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;
+  return value ? /* @__PURE__ */ jsxs(DSPillGroupV2, {
+    children: [
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "label",
+        label: columnHeader
+      }),
+      /* @__PURE__ */ jsx(DSPillV2, {
+        type: "removable",
+        label: value.replace(/-/g, "/"),
+        onRemove: handleOnRemove,
+        innerRef
+      })
+    ]
+  }) : null;
 };
 export {
   SingleDatePill

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/FilterBar/components/SingleDatePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import 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,YAAY,WAAW;ACAvB,OAAOA,UAAS,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,iBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,QACL,gBAAAA,OAAA,cAAC,qBACC,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAQ,OAAO;AAAA,GAAc,GAC5C,gBAAAA,OAAA,cAAC;AAAA,IAAS,MAAK;AAAA,IAAY,OAAO,MAAM,QAAQ,MAAM,GAAG;AAAA,IAAG,UAAU;AAAA,IAAgB;AAAA,GAAoB,CAC5G,IACE;AACN;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,mBAAmB;AACnC,SAAS,eAAe,gBAAgB;AAGjC,MAAM,iBAA8C,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,iBAAiB,YAAY,MAAM;AACvC,QAAI,SAAS;AAAS,cAAQ,QAAQ,MAAM;AAAA;AACvC,cAAQ,SAAS,MAAM;AAC5B,oBAAgB,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,MAAM,CAAC;AAAA,EAClE,GAAG,CAAC,iBAAiB,SAAS,SAAS,SAAS,MAAM,CAAC;AAEvD,SAAO,QACL,qBAAC;AAAA,IACC;AAAA,0BAAC;AAAA,QAAS,MAAK;AAAA,QAAQ,OAAO;AAAA,OAAc;AAAA,MAC5C,oBAAC;AAAA,QAAS,MAAK;AAAA,QAAY,OAAO,MAAM,QAAQ,MAAM,GAAG;AAAA,QAAG,UAAU;AAAA,QAAgB;AAAA,OAAoB;AAAA;AAAA,GAC5G,IACE;AACN;",
+  "names": []
 }

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

@@ -1,5 +1,6 @@
 import * as React from "react";
-import React2, { useCallback, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useCallback, useContext } from "react";
 import {
   DateRangeFilter,
   DateSwitcherFilter,
@@ -57,7 +58,7 @@ const FilterMapItem = (props) => {
       throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);
     }
     const FilterComp = FilterMapper[column.filter];
-    return /* @__PURE__ */ React2.createElement(FilterComp, {
+    return /* @__PURE__ */ jsx(FilterComp, {
       ...filterProps
     });
   }
@@ -66,7 +67,7 @@ const FilterMapItem = (props) => {
       throw new Error(`column.Filter must be a component`);
     }
     const FilterComp = column.Filter;
-    return /* @__PURE__ */ React2.createElement(FilterComp, {
+    return /* @__PURE__ */ jsx(FilterComp, {
       ...filterProps
     });
   }

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Filters/index.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/indent */\nimport React, { useCallback, useContext } from 'react';\nimport {\n  DateRangeFilter,\n  DateSwitcherFilter,\n  NumberRangeFilter,\n  SingleSelectFilter,\n  SingleCreatableFilter,\n  MultiSelectFilter,\n  MultiCreatableFilter,\n  SingleDateFilter,\n  CurrencyRangeFilter,\n} from '../../addons/Filters';\nimport { FILTER_TYPES } from '../../exported-related';\nimport DataTableContext from '../../DataTableContext';\nimport { FilterProps } from '../../types/props';\n\nconst FilterMapper: Record<string, React.ComponentType<FilterProps>> = {\n  [FILTER_TYPES.SELECT]: SingleSelectFilter,\n  [FILTER_TYPES.CREATABLE_SELECT]: SingleCreatableFilter,\n  [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,\n  [FILTER_TYPES.CREATABLE_MULTI_SELECT]: MultiCreatableFilter,\n  [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,\n  [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,\n  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,\n  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,\n  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter,\n};\nexport const FilterMapItem: React.ComponentType<\n  Omit<FilterProps, 'patchHeaderFilterButtonAndMenu' | 'patchHeader' | 'onValueChange'>\n> = (props) => {\n  const { column, filterValue: filters, onFiltersChange } = props;\n\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useContext(DataTableContext);\n\n  const filterValue = filters.find((filter) => filter.id === column.id);\n\n  const onValueChange = useCallback(\n    (type: string, newValue: any) => {\n      const filterIndex = filters.findIndex((filter) => filter.id === column.id);\n      if (newValue === undefined) {\n        const newFilters = filters.filter((filter) => filter.id !== column.id);\n        onFiltersChange(newFilters);\n      } else if (filterIndex === -1) {\n        onFiltersChange([...filters, { id: column.id, type, value: newValue }]);\n      } else {\n        const newFilters = [...filters];\n        newFilters[filterIndex].type = type;\n        newFilters[filterIndex].value = newValue;\n        onFiltersChange(newFilters);\n      }\n    },\n    [column.id, filters, onFiltersChange],\n  );\n\n  const filterProps = {\n    ...props,\n    filterValue: filterValue?.value,\n    onValueChange,\n    patchHeader,\n    patchHeaderFilterButtonAndMenu,\n  };\n\n  if (typeof column.filter === 'string') {\n    if (!(column.filter in FilterMapper)) {\n      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);\n    }\n    const FilterComp = FilterMapper[column.filter];\n    return <FilterComp {...filterProps} />;\n  }\n\n  if (column.Filter) {\n    if (typeof column.Filter !== 'function') {\n      throw new Error(`column.Filter must be a component`);\n    }\n    const FilterComp = column.Filter;\n    return <FilterComp {...filterProps} />;\n  }\n\n  // Column doesn't have any filters\n  return null;\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAOA,UAAS,aAAa,kBAAkB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,OAAO,sBAAsB;AAG7B,MAAM,eAAiE;AAAA,EACrE,CAAC,aAAa,SAAS;AAAA,EACvB,CAAC,aAAa,mBAAmB;AAAA,EACjC,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,yBAAyB;AAAA,EACvC,CAAC,aAAa,cAAc;AAAA,EAC5B,CAAC,aAAa,aAAa;AAAA,EAC3B,CAAC,aAAa,gBAAgB;AAAA,EAC9B,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,iBAAiB;AACjC;AACO,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,gBAAgB,IAAI;AAE1D,QAAM,EAAE,gCAAgC,YAAY,IAAI,WAAW,gBAAgB;AAEnF,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AAEpE,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAc,aAAkB;AAC/B,YAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACzE,UAAI,aAAa,QAAW;AAC1B,cAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACrE,wBAAgB,UAAU;AAAA,MAC5B,WAAW,gBAAgB,IAAI;AAC7B,wBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO,SAAS,CAAC,CAAC;AAAA,MACxE,OAAO;AACL,cAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,mBAAW,aAAa,OAAO;AAC/B,mBAAW,aAAa,QAAQ;AAChC,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,OAAO,IAAI,SAAS,eAAe;AAAA,EACtC;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,EAAE,OAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D,QAAQ;AAAA,IACxF;AACA,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAEA,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AACA,UAAM,aAAa,OAAO;AAC1B,WAAO,gBAAAA,OAAA,cAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAGA,SAAO;AACT;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,aAAa,kBAAkB;AAC/C;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,OAAO,sBAAsB;AAG7B,MAAM,eAAiE;AAAA,EACrE,CAAC,aAAa,SAAS;AAAA,EACvB,CAAC,aAAa,mBAAmB;AAAA,EACjC,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,yBAAyB;AAAA,EACvC,CAAC,aAAa,cAAc;AAAA,EAC5B,CAAC,aAAa,aAAa;AAAA,EAC3B,CAAC,aAAa,gBAAgB;AAAA,EAC9B,CAAC,aAAa,eAAe;AAAA,EAC7B,CAAC,aAAa,iBAAiB;AACjC;AACO,MAAM,gBAET,CAAC,UAAU;AACb,QAAM,EAAE,QAAQ,aAAa,SAAS,gBAAgB,IAAI;AAE1D,QAAM,EAAE,gCAAgC,YAAY,IAAI,WAAW,gBAAgB;AAEnF,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AAEpE,QAAM,gBAAgB;AAAA,IACpB,CAAC,MAAc,aAAkB;AAC/B,YAAM,cAAc,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACzE,UAAI,aAAa,QAAW;AAC1B,cAAM,aAAa,QAAQ,OAAO,CAAC,WAAW,OAAO,OAAO,OAAO,EAAE;AACrE,wBAAgB,UAAU;AAAA,MAC5B,WAAW,gBAAgB,IAAI;AAC7B,wBAAgB,CAAC,GAAG,SAAS,EAAE,IAAI,OAAO,IAAI,MAAM,OAAO,SAAS,CAAC,CAAC;AAAA,MACxE,OAAO;AACL,cAAM,aAAa,CAAC,GAAG,OAAO;AAC9B,mBAAW,aAAa,OAAO;AAC/B,mBAAW,aAAa,QAAQ;AAChC,wBAAgB,UAAU;AAAA,MAC5B;AAAA,IACF;AAAA,IACA,CAAC,OAAO,IAAI,SAAS,eAAe;AAAA,EACtC;AAEA,QAAM,cAAc;AAAA,IAClB,GAAG;AAAA,IACH,aAAa,aAAa;AAAA,IAC1B;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,MAAI,OAAO,OAAO,WAAW,UAAU;AACrC,QAAI,EAAE,OAAO,UAAU,eAAe;AACpC,YAAM,IAAI,MAAM,8DAA8D,QAAQ;AAAA,IACxF;AACA,UAAM,aAAa,aAAa,OAAO;AACvC,WAAO,oBAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAEA,MAAI,OAAO,QAAQ;AACjB,QAAI,OAAO,OAAO,WAAW,YAAY;AACvC,YAAM,IAAI,MAAM,mCAAmC;AAAA,IACrD;AACA,UAAM,aAAa,OAAO;AAC1B,WAAO,oBAAC;AAAA,MAAY,GAAG;AAAA,KAAa;AAAA,EACtC;AAGA,SAAO;AACT;",
+  "names": []
 }

package/dist/esm/parts/Footer.js

@@ -1,6 +1,8 @@
 import * as React from "react";
-import React2 from "react";
-const Footer = ({ children }) => /* @__PURE__ */ React2.createElement(React2.Fragment, null, children);
+import { Fragment, jsx } from "react/jsx-runtime";
+const Footer = ({ children }) => /* @__PURE__ */ jsx(Fragment, {
+  children
+});
 var Footer_default = Footer;
 export {
   Footer,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Footer.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst Footer: React.ComponentType = ({ children }) => <>{children}</>;\n\nexport { Footer };\nexport default Footer;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,MAAM,SAA8B,CAAC,EAAE,SAAS,MAAM,gBAAAA,OAAA,cAAAA,OAAA,gBAAG,QAAS;AAGlE,IAAO,iBAAQ;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,MAAM,SAA8B,CAAC,EAAE,SAAS,MAAM;AAAA,EAAG;AAAA,CAAS;AAGlE,IAAO,iBAAQ;",
+  "names": []
 }

package/dist/esm/parts/Headers/EmptyChildrenGroup.js

@@ -1,12 +1,12 @@
 import * as React from "react";
-import React2 from "react";
+import { jsx } from "react/jsx-runtime";
 import { styled } from "@elliemae/ds-system";
 const StyledBox = styled.div`
   height: 24px;
   margin: 0 ${(props) => props.theme.space.xxs};
   border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};
 `;
-const EmptyChildrenGroup = () => /* @__PURE__ */ React2.createElement(StyledBox, null);
+const EmptyChildrenGroup = () => /* @__PURE__ */ jsx(StyledBox, {});
 export {
   EmptyChildrenGroup
 };

package/dist/esm/parts/Headers/EmptyChildrenGroup.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Headers/EmptyChildrenGroup.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { styled } from '@elliemae/ds-system';\n\nconst StyledBox = styled.div`\n  height: 24px;\n  margin: 0 ${(props) => props.theme.space.xxs};\n  border-top: 1px solid ${(props) => props.theme.colors.neutral[200]};\n`;\n\nexport const EmptyChildrenGroup: React.ComponentType<Record<string, never>> = () => <StyledBox />;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,cAAc;AAEvB,MAAM,YAAY,OAAO;AAAA;AAAA,cAEX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,qBAAiE,MAAM,gBAAAA,OAAA,cAAC,eAAU;",
-  "names": ["React"]
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,cAAc;AAEvB,MAAM,YAAY,OAAO;AAAA;AAAA,cAEX,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,0BACjB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGzD,MAAM,qBAAiE,MAAM,oBAAC,aAAU;",
+  "names": []
 }