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

package/dist/esm/configs/useTableColsWithAddons.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/useTableColsWithAddons.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { createRef, useMemo } from 'react';\nimport { TypescriptColumn, TypescriptProps } from '../types/props';\n\nimport {\n  dragHandleColumn,\n  expandRowColumn,\n  actionColumn,\n  singleSelectColumn,\n  multiSelectColumn,\n} from '../addons/Columns';\n\ntype useTableColsWithAddonsType = (config: TypescriptProps) => TypescriptColumn[];\n\nconst augmentColumns = (columns: TypescriptColumn[]): TypescriptColumn[] => {\n  const augmentColumn = (column: TypescriptColumn, index: number, parentId = null, depth = 0) => {\n    let id = `column${index}`;\n    if (typeof column.Header === 'string') id = column.Header;\n    if (typeof column.accessor === 'string') id = column.accessor;\n    if (column.columns) column.columns = column.columns.map((col, i) => augmentColumn(col, i, id, depth + 1));\n    return {\n      id,\n      parentId,\n      depth,\n      ...column,\n      ref: createRef<HTMLTableColElement>(),\n    };\n  };\n  return columns.map((col, index) => augmentColumn(col, index));\n};\n\nconst useTableColsWithAddons: useTableColsWithAddonsType = ({\n  columns,\n  renderRowActions,\n  isExpandable,\n  selectSingle,\n  selection,\n  dragAndDropRows,\n  noSelectionColumn,\n}) =>\n  useMemo(() => {\n    const columnsWithAddons = [...augmentColumns(columns)];\n\n    if (isExpandable) columnsWithAddons.unshift(expandRowColumn);\n    if (selection && !noSelectionColumn)\n      if (selectSingle) columnsWithAddons.unshift(singleSelectColumn);\n      else columnsWithAddons.unshift(multiSelectColumn);\n    if (dragAndDropRows) columnsWithAddons.unshift(dragHandleColumn);\n    if (renderRowActions) columnsWithAddons.push(actionColumn(renderRowActions));\n\n    return columnsWithAddons;\n  }, [columns, isExpandable, selection, noSelectionColumn, selectSingle, dragAndDropRows, renderRowActions]);\n\nexport { useTableColsWithAddons };\nexport default useTableColsWithAddons;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCA;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA,MAAM,iBAAiB,CAAC,YAAoD;AAC1E,QAAM,gBAAgB,CAAC,QAA0B,OAAe,WAAW,MAAM,QAAQ,MAAM;AAC7F,QAAI,KAAK,SAAS;AAClB,QAAI,OAAO,OAAO,WAAW;AAAU,WAAK,OAAO;AACnD,QAAI,OAAO,OAAO,aAAa;AAAU,WAAK,OAAO;AACrD,QAAI,OAAO;AAAS,aAAO,UAAU,OAAO,QAAQ,IAAI,CAAC,KAAK,MAAM,cAAc,KAAK,GAAG,IAAI,QAAQ;AACtG,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,OACG,SAJE;AAAA,MAKL,KAAK;AAAA;AAAA;AAGT,SAAO,QAAQ,IAAI,CAAC,KAAK,UAAU,cAAc,KAAK;AAAA;AAGxD,MAAM,yBAAqD,CAAC;AAAA,EAC1D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,QAAQ,MAAM;AACZ,QAAM,oBAAoB,CAAC,GAAG,eAAe;AAE7C,MAAI;AAAc,sBAAkB,QAAQ;AAC5C,MAAI,aAAa,CAAC;AAChB,QAAI;AAAc,wBAAkB,QAAQ;AAAA;AACvC,wBAAkB,QAAQ;AACjC,MAAI;AAAiB,sBAAkB,QAAQ;AAC/C,MAAI;AAAkB,sBAAkB,KAAK,aAAa;AAE1D,SAAO;AAAA,GACN,CAAC,SAAS,cAAc,WAAW,mBAAmB,cAAc,iBAAiB;AAG1F,IAAO,iCAAQ;",
+  "names": []
+}

package/dist/esm/configs/zIndexInternalConfig.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+const ZIndexDataTable = {
+  ROW: 0,
+  EXTERNAL: 0,
+  HEADER_ROW: 0,
+  ROW_HOVER: 1,
+  DROP_INDICATOR: 6,
+  FOCUS_BORDER: 7
+};
+export {
+  ZIndexDataTable
+};
+//# sourceMappingURL=zIndexInternalConfig.js.map

package/dist/esm/configs/zIndexInternalConfig.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/configs/zIndexInternalConfig.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const ZIndexDataTable = {\n  ROW: 0,\n  EXTERNAL: 0,\n  HEADER_ROW: 0,\n  ROW_HOVER: 1,\n  DROP_INDICATOR: 6,\n  FOCUS_BORDER: 7,\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,kBAAkB;AAAA,EAC7B,KAAK;AAAA,EACL,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,gBAAgB;AAAA,EAChB,cAAc;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/EditableCell.js

@@ -0,0 +1,63 @@
+import * as React from "react";
+import React2, { useState, useCallback, useContext, useLayoutEffect } from "react";
+import PropTypes from "prop-types";
+import { StyledPencilIcon, StyledEditableContainer } from "../styled";
+import { DataTableContext } from "../DataTableContext";
+const EditableCell = (props) => {
+  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;
+  const { virtualListHelpers } = useContext(DataTableContext);
+  const [isEditing, setIsEditing] = useState(false);
+  const [lastIsEditing, setLastIsEditing] = useState(false);
+  useLayoutEffect(() => {
+    if (isEditing !== lastIsEditing) {
+      virtualListHelpers.measure();
+      setLastIsEditing(isEditing);
+    }
+  }, [isEditing]);
+  const handleCellClick = useCallback((e) => {
+    if (!isEditing) {
+      e.stopPropagation();
+      setIsEditing(true);
+    }
+  }, [isEditing]);
+  const handleOnKeyDown = useCallback((e) => {
+    if (isEditing) {
+      e.stopPropagation();
+      if (["Enter", "Escape"].includes(e.code)) {
+        setIsEditing(false);
+      }
+    } else if (["Enter", "Space"].includes(e.code)) {
+      handleCellClick(e);
+    }
+  }, [isEditing, handleCellClick, setIsEditing]);
+  const handleOnBlur = useCallback((event) => {
+    if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {
+      setIsEditing(false);
+    }
+  }, [isEditing]);
+  const cols = !isEditing ? ["auto", "min-content"] : ["auto"];
+  return /* @__PURE__ */ React2.createElement(StyledEditableContainer, {
+    cols,
+    tabIndex: isRowSelected && !isEditing ? 0 : -1,
+    ref: cell.ref,
+    onClick: handleCellClick,
+    onKeyDown: handleOnKeyDown,
+    onBlur: handleOnBlur,
+    shouldDisplayEditIcon: cell.column.alwaysDisplayEditIcon,
+    role: "cell",
+    "aria-labelledby": isEditing ? void 0 : cell.id
+  }, !isEditing ? StandardRender : EditableRenderer, !isEditing && /* @__PURE__ */ React2.createElement(StyledPencilIcon, null), /* @__PURE__ */ React2.createElement("span", {
+    id: cell.id,
+    style: { display: "none" },
+    "aria-hidden": "true"
+  }, cell.value, ", editable cell. To edit the content's of this cell, press the Enter key"));
+};
+EditableCell.propTypes = {
+  StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
+  EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,
+  cell: PropTypes.object.isRequired
+};
+export {
+  EditableCell
+};
+//# sourceMappingURL=EditableCell.js.map

package/dist/esm/exported-related/EditableCell.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/EditableCell.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React, { useState, useCallback, useContext, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { StyledPencilIcon, StyledEditableContainer } from '../styled';\nimport { DataTableContext } from '../DataTableContext';\n\nexport const EditableCell: React.ComponentType<any> = (props) => {\n  const { StandardRender, EditableRenderer, cell, isRowSelected, setValue } = props;\n  const { virtualListHelpers } = useContext(DataTableContext);\n\n  const [isEditing, setIsEditing] = useState(false);\n  const [lastIsEditing, setLastIsEditing] = useState(false);\n  // When an editable cell is switched on-off, we recalculate the height of the rows\n  useLayoutEffect(() => {\n    if (isEditing !== lastIsEditing) {\n      virtualListHelpers.measure();\n      setLastIsEditing(isEditing);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isEditing]);\n\n  const handleCellClick = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (!isEditing) {\n        e.stopPropagation();\n        setIsEditing(true);\n      }\n    },\n    [isEditing],\n  );\n\n  const handleOnKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isEditing) {\n        e.stopPropagation();\n        if (['Enter', 'Escape'].includes(e.code)) {\n          setIsEditing(false);\n        }\n      } else if (['Enter', 'Space'].includes(e.code)) {\n        handleCellClick(e);\n      }\n    },\n    [isEditing, handleCellClick, setIsEditing],\n  );\n\n  const handleOnBlur = useCallback(\n    (event: EventTarget) => {\n      if (isEditing && !event.currentTarget?.contains(event.relatedTarget)) {\n        // Not triggered when swapping focus between children\n        setIsEditing(false);\n      }\n    },\n    [isEditing],\n  );\n  const cols = !isEditing ? ['auto', 'min-content'] : ['auto'];\n  return (\n    <StyledEditableContainer\n      cols={cols}\n      tabIndex={isRowSelected && !isEditing ? 0 : -1}\n      ref={cell.ref}\n      onClick={handleCellClick}\n      onKeyDown={handleOnKeyDown}\n      onBlur={handleOnBlur}\n      shouldDisplayEditIcon={cell.column.alwaysDisplayEditIcon}\n      role=\"cell\"\n      aria-labelledby={isEditing ? undefined : cell.id}\n    >\n      {!isEditing ? StandardRender : EditableRenderer}\n      {!isEditing && <StyledPencilIcon />}\n      <span id={cell.id} style={{ display: 'none' }} aria-hidden=\"true\">\n        {cell.value}, editable cell. To edit the content&apos;s of this cell, press the Enter key\n      </span>\n    </StyledEditableContainer>\n  );\n};\n\nEditableCell.propTypes = {\n  StandardRender: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  EditableRenderer: PropTypes.oneOfType([PropTypes.func, PropTypes.object]).isRequired,\n  cell: PropTypes.object.isRequired,\n};\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AAEO,MAAM,eAAyC,CAAC,UAAU;AAC/D,QAAM,EAAE,gBAAgB,kBAAkB,MAAM,eAAe,aAAa;AAC5E,QAAM,EAAE,uBAAuB,WAAW;AAE1C,QAAM,CAAC,WAAW,gBAAgB,SAAS;AAC3C,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,kBAAgB,MAAM;AACpB,QAAI,cAAc,eAAe;AAC/B,yBAAmB;AACnB,uBAAiB;AAAA;AAAA,KAGlB,CAAC;AAEJ,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,CAAC,WAAW;AACd,QAAE;AACF,mBAAa;AAAA;AAAA,KAGjB,CAAC;AAGH,QAAM,kBAAkB,YACtB,CAAC,MAA2B;AAC1B,QAAI,WAAW;AACb,QAAE;AACF,UAAI,CAAC,SAAS,UAAU,SAAS,EAAE,OAAO;AACxC,qBAAa;AAAA;AAAA,eAEN,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AAC9C,sBAAgB;AAAA;AAAA,KAGpB,CAAC,WAAW,iBAAiB;AAG/B,QAAM,eAAe,YACnB,CAAC,UAAuB;AACtB,QAAI,aAAa,CAAC,MAAM,eAAe,SAAS,MAAM,gBAAgB;AAEpE,mBAAa;AAAA;AAAA,KAGjB,CAAC;AAEH,QAAM,OAAO,CAAC,YAAY,CAAC,QAAQ,iBAAiB,CAAC;AACrD,SACE,qCAAC,yBAAD;AAAA,IACE;AAAA,IACA,UAAU,iBAAiB,CAAC,YAAY,IAAI;AAAA,IAC5C,KAAK,KAAK;AAAA,IACV,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,uBAAuB,KAAK,OAAO;AAAA,IACnC,MAAK;AAAA,IACL,mBAAiB,YAAY,SAAY,KAAK;AAAA,KAE7C,CAAC,YAAY,iBAAiB,kBAC9B,CAAC,aAAa,qCAAC,kBAAD,OACf,qCAAC,QAAD;AAAA,IAAM,IAAI,KAAK;AAAA,IAAI,OAAO,EAAE,SAAS;AAAA,IAAU,eAAY;AAAA,KACxD,KAAK,OAAM;AAAA;AAMpB,aAAa,YAAY;AAAA,EACvB,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS;AAAA,EACxE,kBAAkB,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,SAAS;AAAA,EAC1E,MAAM,UAAU,OAAO;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/FilterPopover.js

@@ -0,0 +1,133 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import * as React from "react";
+import React2, { useRef, useState } from "react";
+import { DSButton } from "@elliemae/ds-button";
+import { DSPopperJS } from "@elliemae/ds-popperjs";
+import styled from "styled-components";
+import { useDispatchHeadersActions } from "../redux/reducers";
+import { DATA_TESTID } from "../configs/constants";
+const FilterButton = styled.span`
+  display: inline-grid;
+  ${(props) => props.hide ? "opacity: 0; display: none; width: 0;" : ""}
+`;
+const Button = styled(DSButton)`
+  position: relative;
+  justify-self: flex-end;
+`;
+const PopperContent = styled.div`
+  background-color: #fff;
+`;
+const FilterPopover = ({
+  column,
+  columnId,
+  triggerIcon,
+  menuContent,
+  onTriggerClick = () => null,
+  onClickOutsideMenu = () => null,
+  reduxHeader,
+  innerRef,
+  ariaLabel,
+  customStyles
+}) => {
+  const { hideFilterButton, hideFilterMenu } = reduxHeader || {
+    hideFilterButton: true,
+    hideFilterMenu: true
+  };
+  const popperRef = useRef(null);
+  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();
+  const isIconVisible = !hideFilterButton || !hideFilterMenu;
+  const isMenuOpen = !hideFilterMenu;
+  const handleClickOutsideMenu = (e) => {
+    onClickOutsideMenu(columnId, e);
+    if (isMenuOpen)
+      patchHeaderFilterButtonAndMenu(columnId, true);
+  };
+  const handleTriggerClick = (e) => {
+    onTriggerClick(columnId, e);
+    patchHeaderFilterButtonAndMenu(columnId, false);
+    e.stopPropagation();
+  };
+  const [referenceElement, setReferenceElement] = useState(null);
+  return /* @__PURE__ */ React2.createElement("div", {
+    onClick: (e) => e.stopPropagation(),
+    onKeyDown: (e) => {
+      e.stopPropagation();
+      if (e.code === "Escape") {
+        patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
+        referenceElement.focus();
+      }
+      if (["ArrowUp", "ArrowDown"].includes(e.code)) {
+        e.preventDefault();
+      }
+    },
+    style: { display: "flex" },
+    onBlur: (e) => {
+      if (e.target !== referenceElement && !popperRef.current?.contains(e.relatedTarget)) {
+        referenceElement?.focus();
+      }
+    }
+  }, /* @__PURE__ */ React2.createElement(FilterButton, {
+    hide: !isIconVisible,
+    "data-testid": DATA_TESTID.DATA_TABLE_FILTER_BUTTON
+  }, /* @__PURE__ */ React2.createElement(Button, {
+    onClick: handleTriggerClick,
+    buttonType: "text",
+    "aria-label": ariaLabel,
+    "aria-hidden": "true",
+    size: "s",
+    leftIcon: triggerIcon,
+    innerRef: (_ref) => {
+      if (isIconVisible)
+        setReferenceElement(_ref);
+      innerRef.current = _ref;
+    },
+    tabIndex: reduxHeader?.withTabStops ? 0 : -1
+  })), referenceElement && /* @__PURE__ */ React2.createElement(DSPopperJS, {
+    referenceElement,
+    showPopover: isMenuOpen,
+    closeContextMenu: handleClickOutsideMenu,
+    "data-testid": DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT,
+    startPlacementPreference: "bottom-end",
+    customOffset: [5, 4],
+    withoutArrow: true,
+    zIndex: 10,
+    withoutAnimation: true,
+    extraPopperStyles: __spreadProps(__spreadValues({}, customStyles), {
+      minWidth: column.ref?.current?.offsetWidth ?? "0px"
+    }),
+    placementOrderPreference: ["bottom-end"]
+  }, /* @__PURE__ */ React2.createElement(PopperContent, {
+    onKeyDown: (e) => {
+      if (e.code === "Tab") {
+        setTimeout(() => {
+          if (!popperRef?.current?.contains(document.activeElement)) {
+            patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });
+          }
+        });
+      }
+    },
+    ref: popperRef
+  }, menuContent)));
+};
+export {
+  FilterPopover
+};
+//# sourceMappingURL=FilterPopover.js.map

package/dist/esm/exported-related/FilterPopover.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterPopover.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\nimport React, { MutableRefObject, useRef, useState } from 'react';\nimport { DSButton } from '@elliemae/ds-button';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport styled from 'styled-components';\nimport { useDispatchHeadersActions } from '../redux/reducers';\nimport { DATA_TESTID } from '../configs/constants';\nimport { TypescriptColumn } from '../types/props';\n\nconst FilterButton = styled.span<{ hide: boolean }>`\n  display: inline-grid;\n  ${(props) => (props.hide ? 'opacity: 0; display: none; width: 0;' : '')}\n`;\n\nconst Button = styled(DSButton)`\n  position: relative;\n  justify-self: flex-end;\n`;\n\nconst PopperContent = styled.div`\n  background-color: #fff;\n`;\ninterface FilterPopoverProps {\n  column: TypescriptColumn;\n  columnId: string;\n  triggerIcon: JSX.Element;\n  menuContent: JSX.Element;\n  onTriggerClick?: (id: string, e: UIEvent) => void;\n  onClickOutsideMenu?: (id: string, e: UIEvent) => void;\n  reduxHeader: { hideFilterButton: boolean; hideFilterMenu: boolean; withTabStops: boolean };\n  innerRef: MutableRefObject<HTMLDivElement>;\n  ariaLabel: string;\n  customStyles?: React.CSSProperties;\n}\n\nexport const FilterPopover: React.ComponentType<FilterPopoverProps> = ({\n  column,\n  columnId,\n  triggerIcon,\n  menuContent,\n  onTriggerClick = () => null,\n  onClickOutsideMenu = () => null,\n  reduxHeader,\n  innerRef,\n  ariaLabel,\n  customStyles,\n}) => {\n  const { hideFilterButton, hideFilterMenu } = reduxHeader || {\n    hideFilterButton: true,\n    hideFilterMenu: true,\n  };\n  const popperRef = useRef(null);\n  const { patchHeaderFilterButtonAndMenu, patchHeader } = useDispatchHeadersActions();\n  const isIconVisible = !hideFilterButton || !hideFilterMenu;\n  const isMenuOpen = !hideFilterMenu;\n\n  const handleClickOutsideMenu = (e) => {\n    onClickOutsideMenu(columnId, e);\n    if (isMenuOpen) patchHeaderFilterButtonAndMenu(columnId, true);\n  };\n\n  const handleTriggerClick = (e) => {\n    onTriggerClick(columnId, e);\n    patchHeaderFilterButtonAndMenu(columnId, false);\n    e.stopPropagation();\n  };\n\n  const [referenceElement, setReferenceElement] = useState(null);\n\n  return (\n    <div\n      // This is here to prevent propagation, and not trigger the sort functionality\n      onClick={(e) => e.stopPropagation()}\n      onKeyDown={(e) => {\n        e.stopPropagation();\n        if (e.code === 'Escape') {\n          patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n          referenceElement.focus();\n        }\n        // Stop propagation for some reason is not enough to prevent scrolling of the datatable\n        // so we just prevent default behaviour in this case\n        if (['ArrowUp', 'ArrowDown'].includes(e.code)) {\n          e.preventDefault();\n        }\n      }}\n      style={{ display: 'flex' }}\n      onBlur={(e) => {\n        if (e.target !== referenceElement && !popperRef.current?.contains(e.relatedTarget)) {\n          referenceElement?.focus();\n        }\n      }}\n    >\n      <FilterButton hide={!isIconVisible} data-testid={DATA_TESTID.DATA_TABLE_FILTER_BUTTON}>\n        <Button\n          onClick={handleTriggerClick}\n          buttonType=\"text\"\n          aria-label={ariaLabel}\n          aria-hidden=\"true\"\n          size=\"s\"\n          leftIcon={triggerIcon}\n          // implement treeview mergerefs\n          innerRef={(_ref) => {\n            if (isIconVisible) setReferenceElement(_ref);\n            innerRef.current = _ref;\n          }}\n          tabIndex={reduxHeader?.withTabStops ? 0 : -1}\n        />\n      </FilterButton>\n      {referenceElement && (\n        <DSPopperJS\n          referenceElement={referenceElement}\n          showPopover={isMenuOpen}\n          closeContextMenu={handleClickOutsideMenu}\n          data-testid={DATA_TESTID.DATA_TABLE_FILTER_MENU_CONTENT}\n          startPlacementPreference=\"bottom-end\"\n          customOffset={[5, 4]}\n          withoutArrow\n          zIndex={10}\n          withoutAnimation\n          extraPopperStyles={{\n            ...customStyles,\n            minWidth: column.ref?.current?.offsetWidth ?? '0px',\n          }}\n          placementOrderPreference={['bottom-end']}\n        >\n          <PopperContent\n            onKeyDown={(e) => {\n              if (e.code === 'Tab') {\n                setTimeout(() => {\n                  if (!popperRef?.current?.contains(document.activeElement)) {\n                    patchHeader(columnId, { hideFilterMenu: true, hideFilterButton: false });\n                  }\n                });\n              }\n            }}\n            ref={popperRef}\n          >\n            {menuContent}\n          </PopperContent>\n        </DSPopperJS>\n      )}\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACEA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,eAAe,OAAO;AAAA;AAAA,IAExB,CAAC,UAAW,MAAM,OAAO,yCAAyC;AAAA;AAGtE,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAKtB,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAgBtB,MAAM,gBAAyD,CAAC;AAAA,EACrE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,iBAAiB,MAAM;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACI;AACJ,QAAM,EAAE,kBAAkB,mBAAmB,eAAe;AAAA,IAC1D,kBAAkB;AAAA,IAClB,gBAAgB;AAAA;AAElB,QAAM,YAAY,OAAO;AACzB,QAAM,EAAE,gCAAgC,gBAAgB;AACxD,QAAM,gBAAgB,CAAC,oBAAoB,CAAC;AAC5C,QAAM,aAAa,CAAC;AAEpB,QAAM,yBAAyB,CAAC,MAAM;AACpC,uBAAmB,UAAU;AAC7B,QAAI;AAAY,qCAA+B,UAAU;AAAA;AAG3D,QAAM,qBAAqB,CAAC,MAAM;AAChC,mBAAe,UAAU;AACzB,mCAA+B,UAAU;AACzC,MAAE;AAAA;AAGJ,QAAM,CAAC,kBAAkB,uBAAuB,SAAS;AAEzD,SACE,qCAAC,OAAD;AAAA,IAEE,SAAS,CAAC,MAAM,EAAE;AAAA,IAClB,WAAW,CAAC,MAAM;AAChB,QAAE;AACF,UAAI,EAAE,SAAS,UAAU;AACvB,oBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB;AAChE,yBAAiB;AAAA;AAInB,UAAI,CAAC,WAAW,aAAa,SAAS,EAAE,OAAO;AAC7C,UAAE;AAAA;AAAA;AAAA,IAGN,OAAO,EAAE,SAAS;AAAA,IAClB,QAAQ,CAAC,MAAM;AACb,UAAI,EAAE,WAAW,oBAAoB,CAAC,UAAU,SAAS,SAAS,EAAE,gBAAgB;AAClF,0BAAkB;AAAA;AAAA;AAAA,KAItB,qCAAC,cAAD;AAAA,IAAc,MAAM,CAAC;AAAA,IAAe,eAAa,YAAY;AAAA,KAC3D,qCAAC,QAAD;AAAA,IACE,SAAS;AAAA,IACT,YAAW;AAAA,IACX,cAAY;AAAA,IACZ,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAU;AAAA,IAEV,UAAU,CAAC,SAAS;AAClB,UAAI;AAAe,4BAAoB;AACvC,eAAS,UAAU;AAAA;AAAA,IAErB,UAAU,aAAa,eAAe,IAAI;AAAA,OAG7C,oBACC,qCAAC,YAAD;AAAA,IACE;AAAA,IACA,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,eAAa,YAAY;AAAA,IACzB,0BAAyB;AAAA,IACzB,cAAc,CAAC,GAAG;AAAA,IAClB,cAAY;AAAA,IACZ,QAAQ;AAAA,IACR,kBAAgB;AAAA,IAChB,mBAAmB,iCACd,eADc;AAAA,MAEjB,UAAU,OAAO,KAAK,SAAS,eAAe;AAAA;AAAA,IAEhD,0BAA0B,CAAC;AAAA,KAE3B,qCAAC,eAAD;AAAA,IACE,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,SAAS,OAAO;AACpB,mBAAW,MAAM;AACf,cAAI,CAAC,WAAW,SAAS,SAAS,SAAS,gBAAgB;AACzD,wBAAY,UAAU,EAAE,gBAAgB,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA,IAKxE,KAAK;AAAA,KAEJ;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/FilterTypes.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+const FILTER_TYPES = {
+  SELECT: "ds-filter-select",
+  MULTI_SELECT: "ds-filter-multi-select",
+  SINGLE_DATE: "ds-filter-single-date",
+  DATE_RANGE: "ds-filter-date-range",
+  DATE_SWITCHER: "ds-filter-date-switcher",
+  NUMBER_RANGE: "ds-filter-number-range",
+  CURRENCY_RANGE: "ds-filter-currency-range"
+};
+export {
+  FILTER_TYPES
+};
+//# sourceMappingURL=FilterTypes.js.map

package/dist/esm/exported-related/FilterTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/FilterTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const FILTER_TYPES = {\n  SELECT: 'ds-filter-select',\n  MULTI_SELECT: 'ds-filter-multi-select',\n  SINGLE_DATE: 'ds-filter-single-date',\n  DATE_RANGE: 'ds-filter-date-range',\n  DATE_SWITCHER: 'ds-filter-date-switcher',\n  NUMBER_RANGE: 'ds-filter-number-range',\n  CURRENCY_RANGE: 'ds-filter-currency-range',\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,cAAc;AAAA,EACd,gBAAgB;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js

@@ -0,0 +1,31 @@
+import * as React from "react";
+import { singleSelectFilterFn } from "./singleSelectFilterFn";
+import { multiSelectFilterFn } from "./multiSelectFilterFn";
+import { singleDateFilterFn } from "./singleDateFilterFn";
+import { dateRangeFilterFn } from "./dateRangeFilterFn";
+import { dateSwitcherFilterFn } from "./dateSwitcherFilterFn";
+import { numberRangeFilterFn } from "./numberRangeFilterFn";
+import { currencyRangeFilterFn } from "./currencyRangeFilterFn";
+import { FILTER_TYPES } from "../FilterTypes";
+const filterMapper = {
+  [FILTER_TYPES.SELECT]: singleSelectFilterFn,
+  [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,
+  [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,
+  [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,
+  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,
+  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,
+  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn
+};
+const applyOutOfTheBoxFilters = (data, filters) => {
+  let filteredData = data;
+  filters.forEach((filter) => {
+    if (filter.type in filterMapper) {
+      filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);
+    }
+  });
+  return filteredData;
+};
+export {
+  applyOutOfTheBoxFilters
+};
+//# sourceMappingURL=applyOutOfTheBoxFilters.js.map

package/dist/esm/exported-related/Filters/applyOutOfTheBoxFilters.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/applyOutOfTheBoxFilters.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { singleSelectFilterFn } from './singleSelectFilterFn';\nimport { multiSelectFilterFn } from './multiSelectFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\nimport { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { dateSwitcherFilterFn } from './dateSwitcherFilterFn';\nimport { numberRangeFilterFn } from './numberRangeFilterFn';\nimport { currencyRangeFilterFn } from './currencyRangeFilterFn';\nimport { FilterFn } from './types';\nimport { FILTER_TYPES } from '../FilterTypes';\nimport { TypescriptAppliedFilter, TypescriptRow } from '../../types/props';\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst filterMapper: Record<string, FilterFn<any>> = {\n  [FILTER_TYPES.SELECT]: singleSelectFilterFn,\n  [FILTER_TYPES.MULTI_SELECT]: multiSelectFilterFn,\n  [FILTER_TYPES.SINGLE_DATE]: singleDateFilterFn,\n  [FILTER_TYPES.DATE_RANGE]: dateRangeFilterFn,\n  [FILTER_TYPES.DATE_SWITCHER]: dateSwitcherFilterFn,\n  [FILTER_TYPES.NUMBER_RANGE]: numberRangeFilterFn,\n  [FILTER_TYPES.CURRENCY_RANGE]: currencyRangeFilterFn,\n};\n\nexport const applyOutOfTheBoxFilters = (data: TypescriptRow[], filters: TypescriptAppliedFilter[]): TypescriptRow[] => {\n  let filteredData = data;\n\n  filters.forEach((filter) => {\n    if (filter.type in filterMapper) {\n      filteredData = filterMapper[filter.type](filteredData, filter.id, filter.value);\n    }\n  });\n\n  return filteredData;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAIA,MAAM,eAA8C;AAAA,GACjD,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,0BAA0B,CAAC,MAAuB,YAAwD;AACrH,MAAI,eAAe;AAEnB,UAAQ,QAAQ,CAAC,WAAW;AAC1B,QAAI,OAAO,QAAQ,cAAc;AAC/B,qBAAe,aAAa,OAAO,MAAM,cAAc,OAAO,IAAI,OAAO;AAAA;AAAA;AAI7E,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/currencyRangeFilterFn.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+const getNumber = (str) => {
+  if (str === null)
+    return null;
+  if (typeof str === "number")
+    return str;
+  if (typeof str !== "string")
+    return null;
+  return Number.parseFloat(str.split("").filter((x) => ![",", "$"].includes(x)).join(""));
+};
+const isEmpty = (number) => Number.isNaN(number) || number === null || number === void 0;
+const currencyRangeFilterFn = (unfilteredData, filterKey, filterValue) => {
+  const fromNumber = getNumber(filterValue.from);
+  const toNumber = getNumber(filterValue.to);
+  return unfilteredData.filter((datum) => isEmpty(fromNumber) || isEmpty(toNumber) || getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber);
+};
+export {
+  currencyRangeFilterFn
+};
+//# sourceMappingURL=currencyRangeFilterFn.js.map

package/dist/esm/exported-related/Filters/currencyRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/currencyRangeFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nconst getNumber = (str) => {\n  if (str === null) return null;\n  if (typeof str === 'number') return str;\n  if (typeof str !== 'string') return null;\n  return Number.parseFloat(\n    str\n      .split('')\n      .filter((x) => ![',', '$'].includes(x))\n      .join(''),\n  );\n};\n\nconst isEmpty = (number) => Number.isNaN(number) || number === null || number === undefined;\n\nexport const currencyRangeFilterFn: FilterFn<{ from: string; to: string }> = (\n  unfilteredData,\n  filterKey,\n  filterValue,\n) => {\n  const fromNumber = getNumber(filterValue.from);\n  const toNumber = getNumber(filterValue.to);\n\n  return unfilteredData.filter(\n    (datum) =>\n      isEmpty(fromNumber) ||\n      isEmpty(toNumber) ||\n      (getNumber(datum[filterKey]) >= fromNumber && getNumber(datum[filterKey]) <= toNumber),\n  );\n};\n"],
+  "mappings": "AAAA;ACEA,MAAM,YAAY,CAAC,QAAQ;AACzB,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,MAAI,OAAO,QAAQ;AAAU,WAAO;AACpC,SAAO,OAAO,WACZ,IACG,MAAM,IACN,OAAO,CAAC,MAAM,CAAC,CAAC,KAAK,KAAK,SAAS,IACnC,KAAK;AAAA;AAIZ,MAAM,UAAU,CAAC,WAAW,OAAO,MAAM,WAAW,WAAW,QAAQ,WAAW;AAE3E,MAAM,wBAAgE,CAC3E,gBACA,WACA,gBACG;AACH,QAAM,aAAa,UAAU,YAAY;AACzC,QAAM,WAAW,UAAU,YAAY;AAEvC,SAAO,eAAe,OACpB,CAAC,UACC,QAAQ,eACR,QAAQ,aACP,UAAU,MAAM,eAAe,cAAc,UAAU,MAAM,eAAe;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/dateRangeFilterFn.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import moment from "moment";
+import { momentFormat } from "../../configs/constants";
+const dateRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => !(filterValue?.startDate && filterValue?.endDate) || moment(filterValue?.startDate, momentFormat).isSameOrBefore(datum[filterKey], "day") && moment(filterValue?.endDate, momentFormat).isSameOrAfter(datum[filterKey], "day"));
+export {
+  dateRangeFilterFn
+};
+//# sourceMappingURL=dateRangeFilterFn.js.map

package/dist/esm/exported-related/Filters/dateRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/dateRangeFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\nimport { momentFormat } from '../../configs/constants';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const dateRangeFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n}> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter(\n    (datum) =>\n      !(filterValue?.startDate && filterValue?.endDate) ||\n      (moment(filterValue?.startDate, momentFormat).isSameOrBefore(datum[filterKey], 'day') &&\n        moment(filterValue?.endDate, momentFormat).isSameOrAfter(datum[filterKey], 'day')),\n  );\n"],
+  "mappings": "AAAA;ACAA;AACA;AAKO,MAAM,oBAGR,CAAC,gBAAgB,WAAW,gBAC/B,eAAe,OACb,CAAC,UACC,CAAE,cAAa,aAAa,aAAa,YACxC,OAAO,aAAa,WAAW,cAAc,eAAe,MAAM,YAAY,UAC7E,OAAO,aAAa,SAAS,cAAc,cAAc,MAAM,YAAY;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/dateSwitcherFilterFn.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { dateRangeFilterFn } from "./dateRangeFilterFn";
+import { singleDateFilterFn } from "./singleDateFilterFn";
+const dateSwitcherFilterFn = (unfilteredData, filterKey, filterValue) => filterValue.isDateRange ? dateRangeFilterFn(unfilteredData, filterKey, filterValue) : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);
+export {
+  dateSwitcherFilterFn
+};
+//# sourceMappingURL=dateSwitcherFilterFn.js.map

package/dist/esm/exported-related/Filters/dateSwitcherFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/dateSwitcherFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { dateRangeFilterFn } from './dateRangeFilterFn';\nimport { singleDateFilterFn } from './singleDateFilterFn';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const dateSwitcherFilterFn: FilterFn<{\n  startDate: string;\n  endDate: string;\n  isDateRange: boolean;\n}> = (unfilteredData, filterKey, filterValue) =>\n  filterValue.isDateRange\n    ? dateRangeFilterFn(unfilteredData, filterKey, filterValue)\n    : singleDateFilterFn(unfilteredData, filterKey, filterValue.startDate);\n"],
+  "mappings": "AAAA;ACAA;AACA;AAKO,MAAM,uBAIR,CAAC,gBAAgB,WAAW,gBAC/B,YAAY,cACR,kBAAkB,gBAAgB,WAAW,eAC7C,mBAAmB,gBAAgB,WAAW,YAAY;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/index.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+export * from "./applyOutOfTheBoxFilters";
+export * from "./singleDateFilterFn";
+export * from "./singleSelectFilterFn";
+export * from "./multiSelectFilterFn";
+export * from "./numberRangeFilterFn";
+export * from "./currencyRangeFilterFn";
+export * from "./dateRangeFilterFn";
+//# sourceMappingURL=index.js.map

package/dist/esm/exported-related/Filters/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './applyOutOfTheBoxFilters';\nexport * from './singleDateFilterFn';\nexport * from './singleSelectFilterFn';\nexport * from './multiSelectFilterFn';\nexport * from './numberRangeFilterFn';\nexport * from './currencyRangeFilterFn';\nexport * from './dateRangeFilterFn';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/multiSelectFilterFn.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const multiSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
+  if (filterValue.length > 0) {
+    return unfilteredData.filter((datum) => filterValue.some((item) => item.label === datum[filterKey].toString()));
+  }
+  return unfilteredData;
+};
+export {
+  multiSelectFilterFn
+};
+//# sourceMappingURL=multiSelectFilterFn.js.map

package/dist/esm/exported-related/Filters/multiSelectFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/multiSelectFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nexport const multiSelectFilterFn: FilterFn<{ label: string }[]> = (unfilteredData, filterKey, filterValue) => {\n  if (filterValue.length > 0) {\n    return unfilteredData.filter((datum) => filterValue.some((item) => item.label === datum[filterKey].toString()));\n  }\n  return unfilteredData;\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,sBAAqD,CAAC,gBAAgB,WAAW,gBAAgB;AAC5G,MAAI,YAAY,SAAS,GAAG;AAC1B,WAAO,eAAe,OAAO,CAAC,UAAU,YAAY,KAAK,CAAC,SAAS,KAAK,UAAU,MAAM,WAAW;AAAA;AAErG,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/numberRangeFilterFn.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+const isEmpty = (number) => number === null || number === void 0;
+const numberRangeFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => isEmpty(filterValue?.from) || isEmpty(filterValue?.to) || datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to);
+export {
+  numberRangeFilterFn
+};
+//# sourceMappingURL=numberRangeFilterFn.js.map

package/dist/esm/exported-related/Filters/numberRangeFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/numberRangeFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nconst isEmpty = (number) => number === null || number === undefined;\n\nexport const numberRangeFilterFn: FilterFn<{ from: number; to: number }> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter(\n    (datum) =>\n      isEmpty(filterValue?.from) ||\n      isEmpty(filterValue?.to) ||\n      (datum[filterKey] >= filterValue.from && datum[filterKey] <= filterValue.to),\n  );\n"],
+  "mappings": "AAAA;ACEA,MAAM,UAAU,CAAC,WAAW,WAAW,QAAQ,WAAW;AAEnD,MAAM,sBAA8D,CAAC,gBAAgB,WAAW,gBACrG,eAAe,OACb,CAAC,UACC,QAAQ,aAAa,SACrB,QAAQ,aAAa,OACpB,MAAM,cAAc,YAAY,QAAQ,MAAM,cAAc,YAAY;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/singleDateFilterFn.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import moment from "moment";
+import { momentFormat } from "../../configs/constants";
+const singleDateFilterFn = (unfilteredData, filterKey, filterValue) => unfilteredData.filter((datum) => moment(filterValue, momentFormat).isSame(datum[filterKey], "day"));
+export {
+  singleDateFilterFn
+};
+//# sourceMappingURL=singleDateFilterFn.js.map

package/dist/esm/exported-related/Filters/singleDateFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/singleDateFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import moment from 'moment';\nimport { momentFormat } from '../../configs/constants';\n// configs imports this file, we can't import from /configs/index.js directly\n// use file instead of index to avoid circular imports!\nimport { FilterFn } from './types';\n\nexport const singleDateFilterFn: FilterFn<string> = (unfilteredData, filterKey, filterValue) =>\n  unfilteredData.filter((datum) => moment(filterValue, momentFormat).isSame(datum[filterKey], 'day'));\n"],
+  "mappings": "AAAA;ACAA;AACA;AAKO,MAAM,qBAAuC,CAAC,gBAAgB,WAAW,gBAC9E,eAAe,OAAO,CAAC,UAAU,OAAO,aAAa,cAAc,OAAO,MAAM,YAAY;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/singleSelectFilterFn.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+const singleSelectFilterFn = (unfilteredData, filterKey, filterValue) => {
+  if (filterValue) {
+    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);
+  }
+  return unfilteredData;
+};
+export {
+  singleSelectFilterFn
+};
+//# sourceMappingURL=singleSelectFilterFn.js.map

package/dist/esm/exported-related/Filters/singleSelectFilterFn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/exported-related/Filters/singleSelectFilterFn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { FilterFn } from './types';\n\nexport const singleSelectFilterFn: FilterFn<{ label: string }> = (unfilteredData, filterKey, filterValue) => {\n  if (filterValue) {\n    return unfilteredData.filter((datum) => datum[filterKey].toString() === filterValue.label);\n  }\n  return unfilteredData;\n};\n"],
+  "mappings": "AAAA;ACEO,MAAM,uBAAoD,CAAC,gBAAgB,WAAW,gBAAgB;AAC3G,MAAI,aAAa;AACf,WAAO,eAAe,OAAO,CAAC,UAAU,MAAM,WAAW,eAAe,YAAY;AAAA;AAEtF,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/exported-related/Filters/types.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=types.js.map

package/dist/esm/exported-related/Filters/types.js.map

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